.classes-modal{border:1px solid var(--line);background:var(--surface);width:min(760px,100% - 32px);max-height:calc(100dvh - 48px);color:var(--ink);border-radius:16px;margin:auto;padding:0;overflow:hidden;box-shadow:0 24px 64px #0a100e4d}.classes-modal[open]{grid-template-rows:auto minmax(0,1fr);animation:.36s cubic-bezier(.22,1,.36,1) both classes-in;display:grid}.classes-modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#120c098c;animation:.28s both classes-fade}.classes-modal.is-closing{animation:.18s ease-in forwards classes-out}.classes-modal.is-closing::backdrop{animation:.18s ease-in reverse forwards classes-fade}@keyframes classes-in{0%{opacity:0;transform:translateY(18px)scale(.98)}}@keyframes classes-out{to{opacity:0;transform:translateY(10px)scale(.98)}}@keyframes classes-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.classes-modal[open],.classes-modal::backdrop,.classes-modal.is-closing,.classes-modal.is-closing::backdrop{animation:none}}