.modal-surface{position:fixed;top:var(--modal-surface-top,0);left:var(--modal-surface-left,0);box-sizing:border-box;width:var(--modal-surface-width,100vw);height:var(--modal-surface-height,100dvh);max-width:100vw;max-height:100dvh;overflow:hidden;overscroll-behavior:contain}.modal-surface__backdrop{touch-action:none;animation:modal-surface-backdrop-enter var(--motion-fast) var(--motion-ease) both}.modal-surface__panel{box-sizing:border-box;max-width:100%;max-height:100%;overscroll-behavior:contain;animation:modal-surface-panel-enter var(--motion-base) var(--motion-ease) both}@keyframes modal-surface-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes modal-surface-panel-enter{0%{opacity:0;transform:translateY(.4rem) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.modal-surface__backdrop,.modal-surface__panel{animation:none;scroll-behavior:auto;transition:none}}