.modal-backdrop{z-index:var(--z-modal);padding:var(--space-4);background:var(--backdrop);justify-content:center;align-items:flex-start;animation:.18s ease-out modal-fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-backdrop--gate{z-index:var(--z-modal-gate)}:where(.modal){width:100%;max-width:var(--dialog-sm);background:var(--page);border:1px solid var(--earth-whisper);border-radius:var(--radius-sm);box-shadow:0 10px 40px var(--ink-a18);margin:auto;position:relative}:where(.modal):focus{outline:none}:where(.modal--xs){max-width:var(--dialog-xs)}:where(.modal--sm){max-width:var(--dialog-sm)}:where(.modal--md){max-width:var(--dialog-md)}:where(.modal--lg){max-width:var(--dialog-lg)}:where(.modal--xl){max-width:var(--dialog-xl)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.modal-backdrop{animation:none}}