.modal-window{--modal-window-background:var(--color-surface-container-lowest,#fff);--modal-window-color:var(--color-on-surface,#1a1a1a);--modal-window-muted:var(--color-on-surface-variant,#606060);--modal-window-outline:var(--color-outline-variant,#dedede);--modal-window-radius:var(--control-radius-large,1rem);--modal-window-duration:var(--motion-standard,.18s);--modal-window-easing:var(--easing-standard,ease-out);--modal-window-width:32rem;--modal-window-padding:1.5rem;--modal-window-scrim:#0006;box-sizing:border-box;inline-size:min(var(--modal-window-width), calc(100% - 2rem));max-block-size:calc(100dvh - 2rem);max-inline-size:calc(100% - 2rem);padding:var(--modal-window-padding);border:1px solid var(--modal-window-outline);border-radius:var(--modal-window-radius);background:var(--modal-window-background);color:var(--modal-window-color);overscroll-behavior:contain;overflow-wrap:anywhere;margin:auto;position:fixed;inset:0;overflow:auto;box-shadow:0 1rem 3rem #00000029}.modal-window[open]{animation:modal-window-enter var(--modal-window-duration) var(--modal-window-easing);flex-direction:column;gap:1.5rem;display:flex}.modal-window::backdrop{background:var(--modal-window-scrim);animation:modal-window-scrim-in var(--modal-window-duration) var(--modal-window-easing)}.modal-window[data-closing]::backdrop{animation:modal-window-scrim-out var(--modal-window-duration) var(--modal-window-easing) forwards}.modal-window__header{flex-direction:column;gap:.5rem;display:flex}.modal-window__title{font:inherit;margin:0;font-size:1.25rem;font-weight:700;line-height:1.4}.modal-window__description{color:var(--modal-window-muted);margin:0;line-height:1.6}.modal-window__body{min-inline-size:0}.modal-window__footer{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.modal-window--small{--modal-window-width:24rem}.modal-window :focus-visible{outline:2px solid var(--color-info,#005ac1);outline-offset:3px}@keyframes modal-window-enter{0%{opacity:0;transform:translateY(.5rem)scale(.98)}to{opacity:1;transform:none}}@keyframes modal-window-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes modal-window-scrim-out{0%{opacity:1}to{opacity:0}}@media (width<=599px){.modal-window__footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){.modal-window[open],.modal-window::backdrop,.modal-window[data-closing]::backdrop{animation:none}}@media (forced-colors:active){.modal-window{border:1px solid canvastext}}.modal-window--smaller{--modal-window-padding:1rem}.modal-window--smaller[open]{gap:1rem}