.air3-modal{--modal-padding-x:var(--spacing-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;isolation:isolate;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(--spacing-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)}