.show-popup{padding-right:var(--scrollbar-width)}popup-component{--popupContentBg: #fff;--popupBg: rgba(0,0,0,.7);position:fixed;left:0;top:0;right:0;bottom:0;z-index:99;transition:.3s all ease-in-out}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:0;right:0;bottom:0;z-index:5;overflow:auto;box-shadow:0 0 10px 4px #00000040;transition:.3s all ease-in-out}popup-component.active{visibility:visible;z-index:111;opacity:1}popup-component.active .popup-layer{background:var(--popupBg);z-index:1;opacity:1;visibility:visible}popup-component .popup__head{position:unset}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:not(.btn-wrap):hover svg path{fill:var(--text-color)}@media (min-width: 750px){popup-component .popup__content{max-width:400px}}@keyframes slideInDown{0%{transform:translate(-50%,-20px)}to{transform:translate(-50%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.cart__popup{--popup-shadow: 0 5px 15px rgba(0, 0, 0, .1);--animation-duration: .4s;--notification-bg: #f7f9e5;--notification-text: #4a4a4a;--notification-success: #bcd230;--notification-border-radius: 8px;position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-20px);z-index:9999;opacity:0;width:100%;max-width:300px;pointer-events:none;transition:transform var(--animation-duration) ease,opacity var(--animation-duration) ease}.cart__popup .flex-gap{gap:10px;align-items:center;justify-content:center;font-weight:500;color:var(--notification-text);font-size:14px;text-transform:capitalize}@media (min-width: 750px){.cart__popup .flex-gap{font-size:15px}}.cart__popup .flex-gap svg{align-self:center;width:14px;height:10px}.cart__popup .flex-gap svg path{stroke:var(--primary-color)}.cart__popup .popup__image{flex:0 0 100%;max-width:100%}.cart__popup .popup__info{flex:0 0 100%;max-width:100%;color:var(--subtext-color)}.cart__popup .item__title{max-width:170px;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:none}@media (min-width: 750px){.cart__popup .popup__image{flex:1}.cart__popup .popup__info{flex:1;align-self:center}}.cart__popup .popup-layer{display:none}.cart__popup .popup__content{position:fixed;top:20px;left:50%;transform:translate(-50%);background:var(--notification-bg);border-radius:var(--notification-border-radius);padding:12px 20px;box-shadow:var(--popup-shadow);max-width:300px;width:100%;display:flex;align-items:center;justify-content:center;border-left:4px solid var(--notification-success);opacity:0;pointer-events:auto;transition:opacity var(--animation-duration) ease}@media (max-width: 749px){.cart__popup .popup__content{max-width:calc(100% - 30px);top:10px;padding:10px 16px}}.cart__popup .popup__head,.cart__popup .btn-popup-close{display:none}.cart__popup svg{width:16px;height:16px}.cart__popup svg path{stroke:var(--notification-success);stroke-width:2.5}.cart__popup.active{display:flex;opacity:1;transform:translate(-50%) translateY(0)}.cart__popup.active .popup__content{opacity:1;animation:slideInDown var(--animation-duration) forwards,fadeOut .3s forwards 2.5s}.popup-center{display:flex;align-items:center}.popup-center .popup__content{max-width:355px;left:0;right:0;top:auto;bottom:auto;border-radius:var(--border-radius)}.cart__popup-msg{display:flex;align-items:center;justify-content:center}.cart__popup-msg .popup__content{top:auto;bottom:auto;left:auto;right:auto;border-radius:var(--border-radius)}.cart__popup-msg .btn-popup-close{display:flex;top:0;right:0;padding:7px;border-radius:0}.popup-notify .popup__head .btn{width:unset!important;padding:0!important;width:40px!important;height:40px!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;background:none!important;color:var(--text)!important}
/*# sourceMappingURL=/cdn/shop/t/77/assets/component-popup.css.map */