#QuickAdd[open]{display:block}.quick-add{position:relative;grid-row-start:4;margin:0 0 1rem;z-index:1}.card .quick-add{margin:0;height:fit-content;position:absolute;padding:10px}.quick-add-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;width:100%;background:rgba(var(--color-foreground),.5);height:100%}#QuickAdd[open] .quick-add-modal{opacity:1;visibility:visible;z-index:101;display:block}.quick-add-modal__content{--modal-height-offset: 80px;position:fixed;top:0;left:50%;transform:translate(-50%);margin:var(--modal-height-offset) auto 0;width:57.3%;max-width:57.3%;border-radius:6px;background-color:rgb(var(--color-background));overflow:hidden;visibility:hidden}#QuickAdd[open] .quick-add-modal__content{visibility:visible;z-index:101}.quick-add-modal__toggle{background-color:#fff;border:none;color:rgba(var(--color-foreground),.55);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;width:3.5rem;padding:1rem;position:absolute;top:.2rem;right:.2rem}.quick-add-modal__toggle:hover{color:rgba(var(--color-foreground),.75)}.quick-add-modal__toggle .icon{height:auto;margin:0;width:2.2rem}quick-add-modal .maskingShow{display:block!important;position:absolute;width:100%;height:100%;top:0;z-index:9;background:#fff;opacity:.7}quick-add-modal .maskingHide{display:none}quick-add-modal .maskingSvg{position:absolute;margin:auto;left:0;right:0;top:45%}.modal-content{padding:30px 30px 20px;background:#fff;border-radius:6px;gap:45px}.image-preview-container{width:47%}.main-image{display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;padding-top:100%;border-radius:2px;background-color:#fff;width:100%}.main-image img{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;overflow:hidden}.thumbnails{padding:0 30px;margin-top:25px}.thumbnail-content{overflow:hidden}.thumbnail-content .swiper-slide{border-radius:6px;cursor:pointer}.thumbnail-content .swiper-slide.active,.thumbnail-content .swiper-slide:hover{border:2px rgb(var(--color-button)) solid}.thumbnail-content .swiper-slide{width:calc(20% - 4px)}.swiper-container{overflow:visible}.nav-btn{width:30px;height:30px;cursor:pointer;position:absolute}.nav-btn-pre{left:0;top:50%;transform:translateY(-50%)}.nav-btn-next{right:0;top:50%;transform:translateY(-50%)}.nav-btn img{width:25px;height:25px}.nav-btn .arrow-left{transform:rotate(-90deg)}.nav-btn .arrow-right{transform:rotate(90deg)}.right-content{flex:1}.product-title{font-size:calc(var(--font-body-scale) * 16px);color:#666}.product-title:hover{color:unset}.free-ship{font-size:calc(var(--font-body-scale) * 14px);color:#39b628}.sku{color:#878787;font-size:calc(var(--font-body-scale) * 12px)}.font-bold{font-weight:700;color:#000}.modal-content .quantity{min-width:140px}.variants-list{width:100%;height:285px;overflow-y:auto;background-color:#eee;border-radius:6px;padding:10px 35px 0;margin-bottom:10px;margin-top:20px}.variants-item{padding:24px 0}.variant-img{width:55px;cursor:poniter}.multi-variant .variant-title{width:auto}.variant-title{margin:0 20px;font-size:calc(var(--font-body-scale) * 12px);line-height:1.3;color:#666;width:120px;text-align:center}.variant-price{font-size:calc(var(--font-body-scale) * 14px);font-weight:600;color:#666;margin-right:10px}.modal-content .product-tab{padding:2px 10px;font-size:calc(var(--font-body-scale) * 14px);color:#666;border:1px solid #666;margin:10px 5px 0;border-radius:4px;cursor:pointer}.modal-content .product-tab.active{color:#000;border-color:#000}.free-ship-tag{background-color:#39b628;color:#fff;padding:4px 8px;font-size:calc(var(--font-body-scale) * 10px);text-transform:uppercase;font-weight:600;line-height:1;border-radius:2px;margin-top:2px}.multi-variant .free-ship-tag{font-size:calc(var(--font-body-scale) * 8px)}.add-to-cart-btn{background-color:rgb(var(--color-button));color:#fff;width:280px;max-width:280px;max-height:50px;height:50px;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-right:40px}.modal-content .heratPop{height:50px;line-height:50px}.modal-content .no-wish{height:40px;cursor:pointer}.modal-content .at-heart{font-size:calc(var(--font-body-scale) * 40px);display:block}.modal-content .total-count{margin-top:20px;width:100%;border:2px solid rgb(var(--color-button));padding:10px;border-radius:6px;font-size:calc(var(--font-body-scale) * 20px)}.text-active{color:rgb(var(--color-button))}.multi-variant{margin-top:10px}.multi-variant .title{font-weight:600;color:#333639}.multi-variant .image-list{gap:10px;margin-top:5px;margin-bottom:20px;flex-wrap:wrap;max-height:116px;overflow-y:auto}.multi-variant .variant-count{position:absolute;top:0;right:0;font-size:calc(var(--font-body-scale) * 12px);color:#fff;padding:0 3.75px;line-height:1.2;border-radius:8px;background-color:rgb(var(--color-button))}.multi-variant .variant-img{width:48px;border:2px solid #e5e7eb}.multi-variant .variant-img.active{border-color:rgb(var(--color-button))}.multi-variant .variants-list{height:200px;background-color:#fff;padding:0;margin-top:0}.multi-variant .variant-title,.multi-variant .variant-price{font-size:calc(var(--font-body-scale) * 14px);color:#333639;text-align:center}.multi-variant .variants-list .variants-item{border-bottom:1px dashed #bbb;padding:12px 0;margin-right:10px}.justify-space-around{justify-content:space-around}.custom-selector{width:100%;padding:10px 0;border-radius:6px}.custom-textarea{width:100%;max-width:100%;padding:10px;border-radius:6px;resize:none;margin-top:10px}.custom-qty{gap:20px;margin-bottom:20px;margin-top:10px}.custom-item{margin-bottom:12px}@media (max-width: 1700px){#QuickAdd[open] .quick-add-modal__content{width:70%;max-width:70%}.modal-content{gap:25px}.variants-list{padding:0 15px}.variants-item{padding:12px 0}.variant-title{width:3rem}}@media (max-width: 1200px){#QuickAdd[open] .quick-add-modal__content{width:90%;max-width:90%}.free-ship-tag{font-size:calc(var(--font-body-scale) * 8px)}#variant-content .variant-title{font-size:calc(var(--font-body-scale) * 10px)}.variant-price{font-size:calc(var(--font-body-scale) * 12px)}.add-to-cart-btn{font-size:calc(var(--font-body-scale) * 18px);max-height:45px;height:45px}.desktop-buy-btn .total{padding:8px}}
/*# sourceMappingURL=/cdn/shop/t/82/assets/quick-add.css.map */