.modal-backdrop{position:fixed;inset:0;background:rgba(17,17,17,.6);display:grid;place-items:center;z-index:180}
.modal{background:var(--color-background);border-radius:var(--radius-lg);padding:2rem;max-width:520px;width:calc(100% - 2rem)}
#cursor-dot,#cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:var(--z-cursor);border-radius:50%}
#cursor-dot{width:8px;height:8px;background:var(--color-accent)}
#cursor-ring{width:36px;height:36px;border:2px solid var(--color-accent);opacity:.5;transition:width .3s,height .3s}
@media(hover:none),(max-width:1024px){#cursor-dot,#cursor-ring{display:none}}