.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}@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}.cart__popup{top:0;left:0;right:0;width:100%;max-width:none;transform:none}.cart__popup.active{transform:none}.cart__popup .popup__content{top:20px;left:50%;right:auto;transform:translate(-50%);max-width:360px;width:calc(100% - 40px);padding:16px;background:#fff;border:1px solid var(--miscellaneous-color);border-radius:var(--border-radius);box-shadow:0 8px 28px #00000029;text-align:left;pointer-events:auto}.cart__popup.active .popup__content{animation:slideInDown var(--animation-duration) forwards}.cart-noti__head{gap:8px;margin-bottom:12px}.cart-noti__announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cart-noti__check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#19c98a;color:#fff}.cart__popup .cart-noti__check svg{width:12px;height:9px}.cart__popup .cart-noti__check svg path{stroke:#fff}.cart-noti__title{font-size:16px;font-weight:700;color:var(--text-color)}.cart-noti__product{gap:12px;align-items:flex-start;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--miscellaneous-color)}.cart-noti__media{flex:0 0 60px}.cart-noti__media img{width:60px;height:60px;object-fit:contain;border:1px solid var(--miscellaneous-color);border-radius:var(--border-radius);background:#fff}.cart-noti__info{display:flex;flex-direction:column;gap:3px;min-width:0}.cart-noti__name{font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-noti__variant{font-size:12px;opacity:.7}.cart-noti__price{font-size:14px;font-weight:700}.cart-noti__actions{gap:10px}.cart-noti__actions .btn{flex:1;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;border-radius:var(--border-radius)}.cart-noti__keep{background:none;border:1px solid var(--miscellaneous-color);color:var(--text-color)}.cart-noti__keep:hover,.cart-noti__keep:focus-visible{border-color:var(--color-custom)}@media(max-width:749px){.cart__popup .popup__content{top:10px;width:calc(100% - 30px);max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/131/assets/component-popup.css.map */