:root{--modal-fade-ms:.24s;--modal-wide-max-w:clamp(860px,92vw,1280px)}.modal-fade{opacity:0;pointer-events:none;transition:opacity var(--modal-fade-ms)ease}.modal-fade.open{opacity:1;pointer-events:auto}.modal-fade .modal-content{opacity:0;transition:transform var(--modal-fade-ms)cubic-bezier(.2,.6,.2,1),opacity var(--modal-fade-ms)ease;transform:scale(.985)}.modal-fade .modal-content.enter{opacity:1;transform:scale(1)}.modal-fade .modal-content.exit{opacity:0;transform:scale(.985)}:root{--modal-max-w:clamp(640px,86vw,980px);--modal-pad-x:clamp(20px,3.5vw,32px);--modal-pad-y:clamp(16px,3vw,28px);--modal-top-gap:6svh;--modal-btm-gap:6svh;--modal-max-h:calc(100svh - var(--modal-top-gap) - var(--modal-btm-gap))}.modal-content.plate,.plate--modal{width:100%;max-width:var(--modal-max-w);max-height:var(--modal-max-h);margin:var(--modal-top-gap)auto var(--modal-btm-gap);padding:var(--modal-pad-y)var(--modal-pad-x);overscroll-behavior:contain;box-sizing:border-box;overflow-y:auto}.modal-overlay{justify-content:center;align-items:flex-start;display:flex}@media (max-width:640px){:root{--modal-max-w:min(92vw,720px);--modal-top-gap:4svh;--modal-btm-gap:4svh}}@media (min-width:1200px){:root{--modal-max-w:clamp(740px,58vw,1120px);--modal-top-gap:7svh;--modal-btm-gap:7svh}}@supports (padding:max(0px)){.modal-content.plate,.plate--modal{padding-left:max(var(--modal-pad-x),env(safe-area-inset-left));padding-right:max(var(--modal-pad-x),env(safe-area-inset-right))}}.modal-content.plate.modal--wide,.plate--modal.modal--wide{--modal-max-w:var(--modal-wide-max-w)}@media (min-width:1400px){.modal-content.plate.modal--wide,.plate--modal.modal--wide{max-height:calc(var(--modal-max-h) + 4svh)}}