.base-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--modal-z-index);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.base-modal-overlay.has-overlay{background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.base-modal-container{position:relative;width:var(--modal-width-desktop);height:var(--modal-height-desktop);max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);overflow:auto;border-radius:var(--modal-border-radius)}.base-modal-content{width:100%;height:100%;background:#fff;box-shadow:0 10px 25px #00000026;overflow:hidden}.overlay-enter-active,.overlay-leave-active{transition:opacity .3s ease}.overlay-enter-from,.overlay-leave-to{opacity:0}.overlay-enter-to,.overlay-leave-from{opacity:1}.modal-enter-active,.modal-leave-active{transition:all .3s ease}.modal-enter-from,.modal-leave-to{opacity:0;transform:scale(.9)}.modal-enter-to,.modal-leave-from{opacity:1;transform:scale(1)}@media(max-width:959px){.base-modal-overlay{padding:10px}.base-modal-container{max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);height:var(--modal-height);width:var(--modal-width)}}.base-modal-client-placeholder{display:none}