.modal{top:0;right:0;bottom:0;left:0;position:fixed;z-index:400}.modal-backdrop{background-color:#091e428a;top:0;right:0;bottom:0;left:0;pointer-events:auto;position:absolute}.modal-container-wrapper{border-radius:5px;left:50%;position:absolute;top:30px;transform:translate(-50%);width:100%;z-index:1001}.modal-container-wrapper.size-md{max-width:650px}.modal-container-wrapper.size-lg{max-width:800px}.modal-container-wrapper.size-xl{max-width:950px}.modal-container-wrapper.size-sm{max-width:400px}.modal-container-wrapper.quick-view{max-width:950px}.modal-container-wrapper.leaving{filter:blur(2px)}.modal-container{background:#fff;border-radius:5px;width:100%}.modal-container.modal-dialog-centered{top:50%;transform:translate(-50%,-50%)}.modal-body{max-height:80vh;overflow-x:hidden;padding:10px}.modal-header{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px}.modal-header .modal-title{font-size:calc(var(--font-size) + 1px);font-weight:600;margin:0}.modal-header .close-btn{border-radius:4px;padding:2px}.modal-header .close-btn svg{height:24px;transition:transform .5s ease;width:24px}.modal-header .close-btn:hover svg{transform:rotate(90deg)}.fade-modal-enter-active,.fade-modal-leave-active{transition:opacity .3s ease}.fade-modal-enter-from,.fade-modal-leave-to{opacity:0}.slide-modal-enter-active,.slide-modal-leave-active{transition:all .35s cubic-bezier(.25,1,.5,1)}.slide-modal-enter-from,.slide-modal-leave-to{opacity:0;transform:translate(-50%,-20px)}