.app-base-modal-overlay{z-index:calc(9998 + var(--modal-stack-index,0));visibility:hidden;opacity:0;background-color:#00000080;flex-wrap:wrap;width:100%;height:100%;padding:3rem 6vw;transition:all .3s;display:flex;position:fixed;inset:0;overflow-x:auto}.app-base-modal-overlay.--open{visibility:visible;opacity:1}.app-base-modal-overlay.--no-background{background-color:#0000}.app-base-modal-overlay.--click-through,.app-base-modal-overlay.--clickable{pointer-events:none}.app-base-modal-overlay.--click-through>div,.app-base-modal-overlay.--clickable>div{pointer-events:all}.app-base-modal-overlay.--top-left{justify-content:flex-start;align-items:flex-start}.app-base-modal-overlay.--top-right{justify-content:flex-end;align-items:flex-start}.app-base-modal-overlay,.app-base-modal-overlay.--top-center{justify-content:center;align-items:flex-start}.app-base-modal-overlay.--center-left{justify-content:flex-start;align-items:center}.app-base-modal-overlay.--center-right{justify-content:flex-end;align-items:center}.app-base-modal-overlay.--center-center{justify-content:center;align-items:center}.app-base-modal-overlay.--bottom-left{justify-content:flex-start;align-items:flex-end}.app-base-modal-overlay.--bottom-right{justify-content:flex-end;align-items:flex-end}.app-base-modal-overlay.--bottom-center{justify-content:center;align-items:flex-end}.app-base-modal-overlay.--fullscreen .app-base-modal{width:100%;height:100%}.app-base-modal-overlay.--custom{justify-content:flex-start;align-items:flex-start;padding:0;transition:opacity .3s,visibility .3s}@media (width<=768px){.app-base-modal-overlay.--custom{justify-content:center;align-items:center;padding:3rem 6vw}}.app-base-modal{z-index:9999;opacity:0;pointer-events:none;width:55rem;transition:opacity .5s,transform .5s;position:relative;overflow:hidden}.app-base-modal:not(.app-base-modal--open){transition:none}.app-base-modal--bordered{border-radius:1.4rem}.app-base-modal.--bottom-center,.app-base-modal.--bottom-left,.app-base-modal.--bottom-right,.app-base-modal.--center-center,.app-base-modal.--center-left,.app-base-modal.--center-right,.app-base-modal.--custom,.app-base-modal.--top-center{opacity:0;pointer-events:none}.app-base-modal.--top-center,.app-base-modal.--top-left,.app-base-modal.--top-right{transform:translateY(-20rem)}.app-base-modal.--top-center.app-base-modal--open,.app-base-modal.--top-left.app-base-modal--open,.app-base-modal.--top-right.app-base-modal--open{opacity:1;pointer-events:auto;max-width:100%;transform:translateY(0)}.app-base-modal.--center-center.app-base-modal--open,.app-base-modal.--center-left.app-base-modal--open,.app-base-modal.--center-right.app-base-modal--open{opacity:1;pointer-events:auto;max-width:100%}.app-base-modal.--bottom-center,.app-base-modal.--bottom-left,.app-base-modal.--bottom-right{transform:translateY(20rem)}.app-base-modal.--bottom-center.app-base-modal--open,.app-base-modal.--bottom-left.app-base-modal--open,.app-base-modal.--bottom-right.app-base-modal--open{opacity:1;pointer-events:auto;max-width:100%;transform:translateY(0)}.app-base-modal.--custom.app-base-modal--open{opacity:1;pointer-events:auto;max-width:100%}.app-base-modal.--size--xs{width:31rem}.app-base-modal.--size--sm{width:37rem}.app-base-modal.--size--md{width:42rem}.app-base-modal.--size--md-l{width:55rem}.app-base-modal.--size--lg{width:68rem}.app-base-modal.--size--xl{width:94rem}.app-base-modal.--size--xxl{width:129rem}
