.custom-popup{--modal-gap: 0;--content-gap: 4rem;--blocks-gap: 2.4rem;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .6s cubic-bezier(.7,0,.2,1),visibility .6s}.custom-popup.is-open{visibility:visible;opacity:1;pointer-events:auto}.custom-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s cubic-bezier(.7,0,.2,1),visibility .6s;z-index:10;display:flex!important}.custom-popup.is-open>.custom-popup__overlay{opacity:1;visibility:visible;pointer-events:auto}.custom-popup__inner{position:relative;z-index:20;margin:5vh auto;width:90%;background:rgb(var(--color-background, 255, 255, 255));overflow:hidden;opacity:0;transform:translateY(4rem);transition:opacity .6s cubic-bezier(.7,0,.2,1),transform .6s cubic-bezier(.7,0,.2,1)}.custom-popup.is-open>.custom-popup__inner{opacity:1;transform:translateY(0)}.custom-popup__close-btn{width:100%;display:flex;justify-content:flex-end;padding:1rem 2rem}.custom-popup__close-btn .close-btn{width:4.8rem;height:4.8rem;background:rgb(var(--color-background, 255, 255, 255));border:.1rem solid rgb(var(--color-border, 230, 230, 230));z-index:30;cursor:pointer;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease}.custom-popup__close-btn svg{display:block;transition:transform .4s cubic-bezier(.7,0,.2,1);will-change:transform}.custom-popup__close-btn:hover svg{transform:rotate(180deg)}.custom-popup__content{padding:var(--content-gap);padding-top:0}.custom-popup__layout{display:flex;flex-direction:column}.custom-popup__image{width:100%;max-height:40vh}.custom-popup__blocks{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--blocks-gap)}.custom-popup__title+.custom-popup__text{margin-top:.8rem}.custom-popup__image-left{flex-direction:row}@media(min-width:1024px){.custom-popup{--image-width: 47.728%}.custom-popup__image-left .custom-popup__image{width:var(--image-width);max-height:100%}.custom-popup__image-left .custom-popup__blocks{width:calc(100% - var(--image-width))}}@media(max-width:767.98px){.custom-popup{--content-gap: 3.2rem 2rem;--blocks-gap: 1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/216/assets/custom-popup.css.map */