:where(.modal-overlay){--modal-gutter:.75rem;--modal-top-gap:var(--modal-gutter);--modal-bottom-gap:var(--modal-gutter);z-index:var(--modal-layer,220);overscroll-behavior:contain;min-height:100dvh;padding:var(--modal-top-gap) var(--modal-gutter) var(--modal-bottom-gap);background:#02060dcc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}:where(.modal-overlay[data-modal-inset=reader]){--modal-gutter:1.25rem}:where(.modal-overlay[data-modal-placement=below-header]){--modal-top-gap:calc(var(--site-header-height,0px) + .75rem);align-items:flex-start}:where(.modal-overlay[data-modal-placement=compact-editor]){--modal-top-gap:1.5rem;--modal-bottom-gap:1.5rem}:where(.modal-overlay[data-modal-placement=lesson-preview]){--modal-gutter:.5rem;--modal-top-gap:calc(var(--site-header-height,0px) + .25rem);--modal-bottom-gap:.75rem;align-items:flex-start}:where(.modal-shell){isolation:isolate;z-index:1;width:100%;min-width:0;max-width:57.5rem;min-height:0;max-height:calc(100dvh - var(--modal-top-gap,1.25rem) - var(--modal-bottom-gap,1.25rem));border:1px solid rgb(var(--color-white-rgb,255 255 255) / .1);box-shadow:0 30px 100px rgb(var(--color-black-rgb,0 0 0) / .48);background-color:#050a14;background-image:linear-gradient(#070e1b,#050a14);border-radius:1.8rem;flex-direction:column;display:flex;position:relative;overflow:hidden}:where(.modal-shell[data-modal-size=confirmation]){max-width:45rem}:where(.modal-shell[data-modal-size=event]){max-width:48rem}:where(.modal-shell[data-modal-size=reader]){max-width:70rem}:where(.modal-shell[data-modal-size=preview]){max-width:86.25rem}:where(.modal-shell[data-modal-size=wide]){max-width:106.25rem}:where(.modal-shell-header){border-bottom:1px solid rgb(var(--color-white-rgb,255 255 255) / .06);padding:var(--space-modal-block,1rem) var(--space-modal-inline,1.5rem);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;display:flex}:where(.modal-shell-body){overscroll-behavior:contain;min-width:0;min-height:0;padding-inline:var(--space-modal-inline,1.5rem);flex:auto;overflow:hidden auto}:where(.modal-shell-footer){z-index:2;border-top:1px solid rgb(var(--color-white-rgb,255 255 255) / .06);padding:1rem var(--space-modal-inline,1.5rem);flex-shrink:0;position:relative}.modal-shell-accent{pointer-events:none;background:linear-gradient(90deg, transparent, rgb(var(--color-accent-rgb,215 194 106) / .8), transparent);height:1px;position:absolute;inset:0 4rem auto}@keyframes vin-modal-panel-enter{0%{opacity:0;transform:translateY(.75rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes vin-modal-panel-exit{to{opacity:0;transform:translateY(.75rem)scale(.98)}}@keyframes vin-modal-overlay-exit{to{opacity:0}}@media (prefers-reduced-motion:no-preference){.modal-overlay[aria-modal=true]{animation:none}.modal-shell[aria-modal=true],.modal-overlay[aria-modal=true] .modal-shell,[data-modal-surface=panel]{animation:vin-modal-panel-enter var(--motion-modal-duration,.42s) var(--motion-ease-out,ease-out)}.modal-shell[data-modal-closing],.modal-overlay[aria-modal=true] .modal-shell[data-modal-closing],[data-modal-surface=panel][data-modal-closing]{animation:vin-modal-panel-exit var(--motion-modal-duration,.42s) var(--motion-ease-out,ease-out) forwards}.modal-overlay[data-modal-closing],[data-modal-surface=fade][data-modal-closing]{animation:vin-modal-overlay-exit var(--motion-modal-duration,.42s) var(--motion-ease-out,ease-out) forwards}}[aria-modal=true] header:has([data-modal-close]){align-items:center}@media (max-width:639px){.modal-shell-header{padding:var(--space-modal-block,1rem)}.modal-shell-body{padding-inline:var(--space-modal-block,1rem)}.modal-shell-footer,.vin-delete-dialog-header,.vin-delete-dialog-body,.vin-delete-dialog-footer{padding:var(--space-modal-block,1rem)}[aria-modal=true] header:has([data-modal-close]){padding:var(--space-modal-block,1rem)}}@media (min-width:640px){:where(.modal-overlay){--modal-gutter:1rem}:where(.modal-overlay[data-modal-inset=comfortable],.modal-overlay[data-modal-inset=reader]){--modal-gutter:2rem}:where(.modal-overlay[data-modal-placement=below-header],.modal-overlay[data-modal-placement=compact-editor]){--modal-top-gap:calc(var(--site-header-height,0px) + 1rem);--modal-bottom-gap:1rem;align-items:flex-start}:where(.modal-overlay[data-modal-placement=lesson-preview]){--modal-gutter:.75rem;--modal-top-gap:calc(var(--site-header-height,0px) - .25rem);--modal-bottom-gap:1.25rem}:where(.modal-shell-header){padding:var(--space-modal-block,1.25rem) var(--space-modal-inline,1.75rem)}:where(.modal-shell-body),:where(.modal-shell-footer){padding-inline:var(--space-modal-inline,1.75rem)}}@media (min-width:1024px){:where(.modal-overlay[data-modal-inset=reader]){--modal-gutter:3rem}:where(.modal-overlay[data-modal-placement=lesson-preview]){--modal-gutter:1rem}}@media (min-width:1280px){:where(.modal-overlay[data-modal-inset=reader]){--modal-gutter:4rem}}
