.show-popup{padding-right:var(--scrollbar-width)}popup-component{--popupContentBg: #fff;--popupBg: rgba(0,0,0,.5);position:fixed;left:0;top:0;right:0;bottom:0;z-index:99;transition:.3s all ease-in-out 0s;background:var(--popupBg)}@media (min-width: 750px){popup-component{padding:0 15px}}popup-component .popup-layer{position:fixed;top:0;left:0;right:0;bottom:0;visibility:hidden;z-index:-1;opacity:0}popup-component .popup-content{background:var(--popupContentBg);max-width:96vw;width:100%;padding:20px 30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;overflow:auto;box-shadow:0 0 10px 4px #00000040;transition:.3s all ease-in-out 0s}@media (min-width: 750px){popup-component .popup-content{max-width:400px}}popup-component:not(.active){visibility:hidden;z-index:-1;opacity:0;pointer-events:none}popup-component.active{visibility:visible;z-index:111;opacity:1}popup-component.active~.active{z-index:112}popup-component.active~.active .popup-layer{opacity:0}popup-component .popup__head{position:unset}popup-component .popup__head .btn{width:60px;height:60px;display:flex;align-items:center;justify-content:center;padding:5px;border:none;background:transparent;color:var(--text-color);z-index:9;right:0}popup-component .popup__head .btn svg{color:inherit;height:auto;width:14px}popup-component .popup__head .btn svg path{fill:currentColor}popup-component .btn-popup-close{top:0;right:0;padding:10px;display:flex;background:none;cursor:pointer}popup-component .btn-popup-close svg path{fill:var(--text-color)}popup-component .btn-popup-close:hover svg path{fill:var(--text-color)}popup-component popup-component .popup-layer{opacity:.3}popup-component popup-component .popup-content{max-height:100%}
/*# sourceMappingURL=/cdn/shop/t/35/assets/popup-component.css.map */