.modal{z-index:300;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal__backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a162d8c;position:absolute;inset:0}.modal__panel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--c-surface);width:100%;height:100%;color:var(--c-ink);outline:none;position:relative;overflow-y:auto}@media (width>=810px){.modal{padding:var(--s-4);align-items:center}.modal__panel{max-width:1440px;height:100%;max-height:calc(100vh - var(--s-4) * 2)}}@media (width>=1200px){.modal{padding:var(--s-5)}.modal__panel{max-height:calc(100vh - var(--s-5) * 2)}}