.kt-modal{position:fixed;width:100%;height:100%;top:0;left:0;z-index:10002;background:#000000a6;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 175ms linear}.kt-modal.kt-active{opacity:1;visibility:visible}.kt-modal-wrapper{position:relative;max-width:80%;width:80%}@media screen and (min-width:1024px){.kt-modal-wrapper--size-30{max-width:18.75rem}}@media screen and (min-width:1024px){.kt-modal-wrapper--size-50{max-width:31.25rem}}@media screen and (min-width:1024px){.kt-modal-wrapper--size-80{max-width:50rem}}@media screen and (max-width:767px){.kt-modal-wrapper{max-width:none!important;width:90%}}.kt-modal-background{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%}.kt-modal-content{border-radius:var(--border-radius-modal);position:relative;top:0;left:0;overflow:hidden;background:var(--color-scheme-background);color:var(--color-scheme-text);transform:translateY(50px);opacity:0;visibility:hidden;transition:all 175ms linear;z-index:9;max-height:calc(100vh - var(--gutter-large) * 2);pointer-events:none;display:flex;flex-direction:column}.kt-modal-content__inner{overflow:auto;height:100%;scrollbar-width:thin;scrollbar-color:var(--color-scheme-text-opacity-30) transparent;padding:var(--gutter-regular)}.kt-modal-content__inner::-webkit-scrollbar{width:6px}.kt-modal-content__inner::-webkit-scrollbar-track{background:var(--color-scheme-text-opacity-15)}.kt-modal-content__inner::-webkit-scrollbar-thumb{background:var(--color-scheme-text-opacity-15)}modal-box.kt-active .kt-modal-content{pointer-events:all;opacity:1;visibility:visible;transform:translateY(0)}.kt-modal-heading{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:calc(var(--gutter-large) * .5)}.kt-modal-close{cursor:pointer;width:1.875rem;height:1.875rem;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:100%;position:absolute;z-index:10003;transition:all 175ms linear;top:-.9375rem;font-size:0}html[dir=rtl] .kt-modal-close{left:-.9375rem}html[dir=ltr] .kt-modal-close{right:-.9375rem}.no-touchevents .kt-modal-close:hover{transform:scale(1.1)}.kt-modal-close svg{width:45%;height:45%}.kt-modal-close path{fill:#fff}.kt-modal-close:after{content:"";border-radius:100%;position:absolute;width:44px;height:44px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}
/*# sourceMappingURL=/cdn/shop/t/585/assets/component-modal.css.map */