body:has(#variant-popup-container.active){overflow:hidden}#variant-popup-container{position:fixed;top:0;right:0;bottom:0;left:0;background:#79777799;opacity:0;visibility:hidden;transition:transform .5s cubic-bezier(0,0,.28,.76);z-index:1000}#variant-popup-container.active{position:fixed;display:block;top:0;right:0;bottom:0;left:0;background:#79777799;width:100%;height:100%;z-index:1000}#variant-popup-container.active{position:fixed;display:block;top:0;right:0;bottom:0;left:0;background:#79777799;width:100%;height:100%;z-index:1000;opacity:1;visibility:visible}.variant-popup-wrapper{background:#fff;position:absolute;top:200%;left:50%;transform:translate(-50%,-50%);transition:all .5s ease;width:100%;max-width:440px}.variant-popup-wrapper .header-title{padding:2rem;background:#f4f4f4;border-bottom:1px solid rgba(236,237,239,1);align-items:center;display:flex;justify-content:space-between;gap:1rem}.variant-popup-wrapper .counter button{color:#000;padding:0;width:2.4rem;height:2.4rem}.variant-popup-wrapper .header-title .title{font-size:20px;line-height:100%;color:#1e1e1e;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.variant-popup-wrapper .header-title .close-btn{line-height:0;cursor:pointer}.variant-popup-wrapper .variant-list{padding:2rem;max-height:395px;overflow-y:auto}.variant-popup-wrapper .variant-item{padding:1rem;border:.5px solid rgba(226,223,223,1);border-radius:4px;display:flex;justify-content:space-between;align-items:center;gap:1rem}.variant-popup-wrapper .variant-item:not(:last-child){margin-bottom:1.4rem}.variant-item:has(.qty-box:not(.hidden)){border-color:#1e1e1e}.variant-popup-wrapper .counter button svg{width:1.6rem;height:1.6rem}.variant-popup-wrapper .counter .js-counter-decrease svg{width:1.3rem;height:1.3rem}.variant-popup-wrapper .variant-list .qty-box{border:1px solid rgba(30,30,30,.3);border-radius:6px;box-shadow:0 10px 20px #0000000a}.variant-popup-wrapper .variant-list .qty-box input{padding-block-start:7px;padding-block-end:5px;padding-inline:0;max-width:3.4rem}.variant-popup-wrapper .variant-list .qty-box input:focus-visible{outline:none}.title-price-wrapper .v-title{font-weight:500;color:#1e1e1e;font-size:1.6rem;line-height:100%}.variant-popup-wrapper .price-container{margin-top:.8rem}.variant-popup-wrapper .price-container .price-item{margin:0 .6rem 0 0}.variant-popup-wrapper .price-container .m-price{font-size:1.8rem;color:#1e1e1e;line-height:100%}.variant-popup-wrapper .price-container .c-price{font-size:1.6rem;line-height:100%;color:#5b5c5c;text-decoration:line-through;font-weight:400}.variant-popup-wrapper .price-container .percent-off{font-size:1.4rem;color:#1c8200;line-height:100%;font-weight:500}.variant-popup-wrapper .variant-list button.add-variant{padding:1.2rem 2.6rem .9rem;border-radius:6px;font-size:14px;font-weight:700;line-height:100%;text-transform:capitalize;white-space:nowrap}.variant-popup-wrapper .popup-footer{margin:0 2rem 2rem;display:flex;justify-content:space-between;align-items:center;padding:1.3rem 2.4rem;background:#1e1e1e;color:#fff;cursor:pointer}.variant-popup-wrapper .popup-footer .total-wrapper{font-size:1.6rem;line-height:100%;color:#fff;font-weight:400}.variant-popup-wrapper .popup-footer .total-wrapper span.total-price{font-weight:700}.variant-popup-wrapper .popup-footer .confirm-txt{font-weight:700;font-size:16px;line-height:100%;letter-spacing:0px}.variant-popup-wrapper .popup-footer:has(+.qty-error){margin-bottom:1rem}.variant-popup-wrapper .qty-error{margin-bottom:2rem}@media(max-width:575px){.variant-popup-wrapper{position:fixed;left:0;right:0;bottom:0;top:auto;transform:translateY(100%)}#variant-popup-container.active .variant-popup-wrapper{top:unset}.variant-popup-wrapper .header-title,.variant-popup-wrapper .variant-list{padding:1.6rem}.variant-popup-wrapper .popup-footer{margin:0 1.6rem 2.4rem;padding:1.5rem 1.6rem}.title-price-wrapper .price-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;row-gap:4px}.variant-popup-wrapper .price-container .m-price{font-size:1.6rem}.variant-popup-wrapper .price-container .c-price{font-size:1.4rem}.variant-popup-wrapper .price-container .percent-off{font-size:1.2rem}.variant-popup-wrapper .popup-footer .confirm-txt,.variant-popup-wrapper .popup-footer .total-wrapper{font-weight:600}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/variant-popup.css.map */