dialog.gate{width:min(440px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--text);opacity:0;transition:opacity .6s var(--ease), overlay .6s allow-discrete, display .6s allow-discrete;background:0 0;border:0;border-radius:22px;margin:auto;padding:0;overflow:visible}dialog.gate[open]{opacity:1}@starting-style{dialog.gate[open]{opacity:0}}dialog.gate::backdrop{backdrop-filter:blur(8px);transition:background-color .6s var(--ease), overlay .6s allow-discrete, display .6s allow-discrete;background:#04030800}dialog.gate[open]::backdrop{background:#04030899}@starting-style{dialog.gate[open]::backdrop{background:#04030800}}.gate-card{max-height:inherit;border:1px solid var(--hair-2);background:var(--raise);box-shadow:var(--shadow);font-family:var(--font-body);border-radius:22px;gap:16px;padding:28px 26px 24px;display:grid;position:relative;overflow:auto}.gate-x{width:40px;height:40px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.gate-x svg{width:20px;height:20px}.gate-x:hover{background:var(--tint);color:var(--text)}.gate h2{margin:0;padding-right:30px;font-size:24px}.gate .why{color:var(--muted);margin:0;font-size:15px}.gate .btn{justify-self:stretch}.gate .fine{color:var(--faint);text-align:center;margin:0;font-size:12.5px}.gate-x:focus-visible,.gate .btn:focus-visible{outline:2px solid var(--acc);outline-offset:2px}@media (prefers-reduced-motion:reduce){dialog.gate,dialog.gate::backdrop{transition:none}}