.dialog{margin:auto;width:100%;width:100lvw;height:100lvh;height:100%;max-width:860px;max-height:800px;padding:var(--space-2xl) var(--space-l) var(--space-l) var(--space-l);background:var(--color-0);border:2px solid var(--color-3);border-radius:var(--card-border-radius);box-shadow:0 0 16px rgba(0,0,0,.2)}@media (prefers-reduced-motion: no-preference){.dialog[open]{animation:dialogOpen .25s ease forwards}}@media (prefers-reduced-motion: no-preference){.dialog[open]::backdrop{animation:fadeIn .25s ease forwards}}.dialog::backdrop{background:hsl(from var(--color-0) h s l/.8)}@media (prefers-reduced-motion: no-preference){.dialog::backdrop{animation:fadeIn .25s ease reverse}}.dialog__close-btn{display:flex;justify-content:center;align-items:center;position:absolute;top:var(--space-s);right:var(--space-m);width:2.5rem;height:2.5rem;border-radius:50%;border:1.5px solid var(--color-1);background:none;color:var(--color-1);cursor:pointer;transition:color var(--transition-fade)}.dialog__close-btn:hover,.dialog__close-btn:focus{color:var(--color-3)}.dialog__close-btn-icon{width:80%;height:80%;fill:currentColor}.dialog__inner{height:100%;overflow:auto}@keyframes dialogOpen{0%{opacity:0;transform:translate3d(0,50px,1px)}to{opacity:1;transform:translateZ(1px)}}