.air3-modal{--modal-padding-x:var(--ws-mobile-x);--modal-padding-y:var(--spacing-8x);--modal-border:var(--border-popup);--modal-radius:var(--radius-8x);--modal-bg:var(--bg-inverse);--modal-width:750px;--modal-min-height:min(400px,100%);--modal-max-height: calc(80vh + env(safe-area-inset-bottom) + env(safe-area-inset-top)) ;background-clip:padding-box;background-color:var(--modal-bg);border-radius:var(--modal-radius) var(--modal-radius) 0 0;display:flex;flex-direction:column;margin-top:auto;max-height:calc(80vh + env(safe-area-inset-bottom) + env(safe-area-inset-top));max-height:var(--modal-max-height);min-height:min(400px,100%);min-height:var(--modal-min-height);overflow-x:hidden;overflow-y:auto;width:min(750px,100%);width:min(var(--modal-width),100%);-webkit-overflow-scrolling:touch}.air3-modal:focus{outline-offset:1px}.air3-modal[class*=air3-transition]{--translate-x-start:0;--translate-y-start:100%;--animation-duration:.2s;--animation-timing-function:cubic-bezier(.9,0,1.1,1)}.air3-fullscreen-container:not(.is-mobile):has(.air3-modal){padding:0 var(--ws-mobile-x)}.air3-fullscreen-container:not(.is-mobile) .air3-modal{--modal-max-height:calc(100vh - var(--spacing-16x));--modal-padding-x:var(--spacing-8x);--modal-radius:var(--radius-4x);border:var(--modal-border);border-radius:var(--modal-radius);margin:auto}.air3-fullscreen-container:not(.is-mobile) .air3-modal[class*=air3-transition]{--translate-y-start:65px;--scale-x-start:.95;--scale-y-start:.95}.air3-fullscreen-container.is-mobile .air3-modal{border-top:var(--modal-border)}.air3-fullscreen-container.is-mobile .air3-modal.is-fullscreen{--modal-max-height:100%;--modal-min-height:100%;--modal-radius:0}.keyboard-user .air3-modal:focus{--outline-width:4px}.keyboard-user.air3-fullscreen-container.is-mobile .air3-modal{--outline-text:var(--text-outline-accent)}.air3-modal-close{--modal-close-padding:var(--spacing-4x);--modal-close-bg:none;--modal-close-line-height:0;--modal-close-border:0;--modal-close-text-icon:var(--text-on-btn-close);--modal-close-text-icon-hover:var(--text-on-btn-close-hover);align-self:flex-start;background:none;background:var(--modal-close-bg);border:0;border:var(--modal-close-border);line-height:0;line-height:var(--modal-close-line-height);margin:0 0 0 auto;outline-offset:-8px;padding:var(--modal-close-padding)}.air3-modal-close .air3-icon{color:var(--modal-close-text-icon)}.air3-modal-close .air3-icon:hover{--modal-close-text-icon:var(--modal-close-text-icon-hover)}.air3-modal-footer{--modal-footer-zindex:var(--zindex-modal);--modal-footer-padding-x:var(--modal-padding-x);--modal-footer-padding-y:var(--modal-padding-y);--modal-footer-bg:var(--modal-bg);--modal-footer-border:1px solid transparent;--modal-footer-border-scroll:var(--border);--modal-footer-radius:var(--modal-radius);background-color:var(--modal-footer-bg);border-radius:0 0 var(--modal-footer-radius) var(--modal-footer-radius);border-top:1px solid transparent;border-top:var(--modal-footer-border);padding:var(--modal-footer-padding-y) var(--modal-footer-padding-x) calc(var(--modal-footer-padding-y) + env(safe-area-inset-bottom))}@media (min-height:550px){.air3-modal-footer{bottom:0;position:sticky;z-index:var(--modal-footer-zindex)}.is-scrolled-bottom .air3-modal-footer{border-top:var(--modal-footer-border-scroll)}}
