.element-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--element-modal-z-index,200000)}.element-modal.modal-size-chart{z-index:200001}.modal-overlay{background-color:#000000b3;height:100%;left:0;position:fixed;top:0;width:100%}.modal-container{background-color:var(--bg-color,#fff);border:var(--border-color);border-radius:2px;box-shadow:var(--modal-box-shadow,0 16px 28px) var(--modal-box-shadow-color,rgba(0,0,0,.051));margin:auto;max-height:90dvh;max-width:100%;padding-bottom:10px;padding-top:10px;position:relative;width:auto}.modal-container.medium{width:800px}.modal-container.large{height:90dvh;width:90%}.modal-container.fullscreen{height:100dvh;max-height:none;width:100%}.modal-container.fullscreen .modal-close-button{transform:none}.modal-body,.modal-footer,.modal-header{padding:20px 35px}.modal-body{flex:auto;height:100%;overflow-y:auto}.modal-close-button{border:none;cursor:pointer;padding:16px;position:absolute;right:0;top:0}.element-modal.popover{z-index:1000}.element-modal.popover .modal-container{width:300px}.element-modal.popover .modal-overlay{background-color:transparent}.element-modal.popover .modal-close-button{right:12px;top:4px;transform:none}.element-modal.popover .modal-body,.element-modal.popover .modal-footer,.element-modal.popover .modal-header{padding-bottom:10px;padding-top:10px}.element-modal.slide .modal-container{height:100%;margin:0;max-height:92dvh;position:absolute;right:0;top:8dvh;width:100dvw}.element-modal.slide .modal-close-button{transform:translateZ(0)}.element-modal.popup-enter-active,.element-modal.popup-leave-active{transition:all .25s ease}.element-modal.popup-enter-from,.element-modal.popup-leave-to{opacity:0;transform:scale(1.1)}.element-modal.slide-enter-active,.element-modal.slide-leave-active{transition:all .3s ease}.element-modal.slide-enter-active .modal-container,.element-modal.slide-leave-active .modal-container{transition:transform .3s ease}.element-modal.slide-enter-from,.element-modal.slide-leave-to{opacity:0}.element-modal.slide-enter-from .modal-container,.element-modal.slide-leave-to .modal-container{transform:translate3d(0,100%,0)}@media(min-width:1024px){.element-modal.slide .modal-container{max-height:100%;max-width:600px;top:0}.element-modal.slide-enter-from .modal-container,.element-modal.slide-leave-to .modal-container{transform:translate3d(100%,0,0)}}