.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;opacity:0;z-index:-1;transition:opacity .3s ease;display:block!important}.modal-backdrop.active{opacity:1;z-index:10000}.base-modal{position:fixed;box-shadow:-2px 0 10px #0000001a;z-index:10001;border-radius:var(----content-container-radius);max-width:100%;padding:0;background-color:rgba(var(--color-base-page-background));--base-modal-padding: 20px 16px}.base-modal:not(.sidebar-right):not(.sidebar-left){top:50%;left:50%;bottom:unset;right:unset;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:600px;display:none;opacity:0;transition-property:all}modal-dialog .base-modal{transition-duration:.24s;transition-timing-function:ease-in}modal-dialog[open] .base-modal{transition-duration:.18s;transition-timing-function:ease-out}.base-modal.sidebar-right{top:0;right:-100%;width:470px;height:100vh;height:100dvh;transition-property:right;border-radius:0}.base-modal.sidebar-left{top:0;left:-100%;width:470px;height:100vh;height:100dvh;transition-property:left;border-radius:0}modal-dialog{display:block;z-index:-1!important;visibility:hidden;transition:all .25s ease-in-out}modal-dialog[open]{z-index:10001!important;visibility:visible}modal-dialog[open] .base-modal.sidebar-right{right:0}modal-dialog[open] .base-modal.sidebar-left{left:0}modal-dialog[open] .base-modal:not(.sidebar-right):not(.sidebar-left){opacity:1;display:block}.base-modal .base-modal__inner{display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%;max-height:100vh;max-height:100dvh}.base-modal .base-modal__header{display:flex;justify-content:space-between;align-items:center;position:relative;gap:24px;padding-bottom:16px;margin:20px 16px 0;border-bottom:1px solid rgb(var(--text-icon-text),.3);height:fit-content;--font-line-height: 130%;--letter-spacing: -0px;--font-size: 24px}.base-modal .base-modal__title{text-align:left}.base-modal .base-modal__content{overflow-y:auto;display:flex;flex-direction:column;gap:24px;padding:var(--base-modal-padding);width:100%;max-height:calc(100vh - 100px);mask-image:linear-gradient(to bottom,black calc(100% - 80px),transparent);-webkit-mask-image:linear-gradient(to bottom,black calc(100% - 80px),transparent)}.base-modal .base-modal__footer{width:100%;height:fit-content;padding:var(--base-modal-padding)}.base-modal .icon-close{width:20px;height:20px}@media screen and (max-width:749px){.base-modal{width:100vw!important;--base-modal-padding: 16px}.base-modal .icon-close{width:16px;height:16px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/base-modal.css.map */