.modal-root{--modal-tab-offset:var(--footer-safe-area-height,calc(var(--safe-area-bottom, env(safe-area-inset-bottom, 0px)) + 72px));align-items:center;display:flex;justify-content:center;padding:16px;padding-bottom:calc(12px + var(--modal-tab-offset));padding-top:calc(12px + var(--safe-area-top, env(safe-area-inset-top, 0px)))}.dialog-modal{--modal-available-height:calc(100vh - 24px - var(--modal-tab-offset));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0c10246b;border:1px solid hsla(0,0%,100%,.12);box-shadow:0 32px 64px #02041073;display:flex;flex-direction:column;max-height:var(--modal-available-height);max-width:min(520px,100vw - 32px);min-height:0;overflow:hidden;width:min(520px,100vw - 32px);z-index:100}@supports (height:100svh){.dialog-modal{--modal-available-height:calc(100svh - 24px - var(--modal-tab-offset))}}.dialog-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080}.dialog-modal__header{border-bottom:1px solid hsla(0,0%,100%,.051)}.dialog-modal__close{inset-block-start:16px;inset-inline-end:16px;position:absolute}.dialog-modal__body{flex:1 1 auto;max-height:calc(var(--modal-available-height) - 40px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(12px,12px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;min-height:0;touch-action:pan-y}.modal-enter-active,.modal-leave-active{transition:all .3s ease}.modal-enter-from,.modal-leave-to{opacity:0;transform:translateY(-20px)}