.cart-gamification{--progress-height: 8px;--step-gap: 16px;width:100%;padding:10px 15px;border-bottom:1px solid rgba(var(--color-foreground),.2);background:rgb(var(--color-background))}@media (min-width: 768px){.cart-gamification{padding:15px 15px 8px}}.cart-gamification__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--step-gap)}[data-type=steps] .cart-gamification__container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[data-type=progress] .cart-gamification__container{gap:calc(var(--step-gap) * 2)}.cart-gamification__results{position:relative}.cart-gamification__step[data-reached=true] .cart-gamification__progress-bar{width:100%}[data-type=steps] .cart-gamification__step{-webkit-box-flex:1;-ms-flex:1;flex:1}.cart-gamification__step .cart-gamification__hook{margin-bottom:0}.cart-gamification__step .cart-gamification__progress{z-index:0;top:25px;width:calc(100% - 4px)}.cart-gamification--progress .cart-gamification__header{position:relative;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto}.cart-gamification--progress [data-current-step=false]{display:none}.cart-gamification__hook{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:4px;font-weight:500;line-height:1.2;gap:.4rem}@media (max-width: 767px){.cart-gamification__hook{font-size:14px}}.cart-gamification__hook b{color:rgb(var(--color-button));font-weight:600}.cart-gamification__hook-price{margin-left:auto}.cart-gamification__header{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.cart-gamification__icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:4px;-webkit-transition:background .3s ease .5s,-webkit-transform .3s ease .5s;transition:background .3s ease .5s,-webkit-transform .3s ease .5s;transition:transform .3s ease .5s,background .3s ease .5s;transition:transform .3s ease .5s,background .3s ease .5s,-webkit-transform .3s ease .5s;border:1px solid rgb(var(--color-border));border-radius:999px;background:rgb(var(--color-background));gap:10px}.cart-gamification__icon svg,.cart-gamification__icon img{width:16px;height:16px;-o-object-fit:contain;object-fit:contain}.cart-gamification__icon svg path,.cart-gamification__icon img path{-webkit-transition:stroke .3s ease .5s;transition:stroke .3s ease .5s;stroke:rgb(var(--color-button))}.cart-gamification__step[data-reached=true] .cart-gamification__icon{background:rgb(var(--color-button))}.cart-gamification__step[data-reached=true] .cart-gamification__icon svg path{stroke:rgb(var(--color-background))}.cart-gamification__price{font-size:14px;font-weight:400;line-height:16px}.cart-gamification__progress{position:absolute;top:8px;width:100%;height:var(--progress-height);overflow:hidden;border-radius:999px;background:rgb(var(--color-background-darken))}.cart-gamification__progress-bar{display:block;position:absolute;top:0;left:0;width:0;height:100%;overflow:hidden;-webkit-transition:width .3s ease-in-out .5s;transition:width .3s ease-in-out .5s}.cart-gamification__progress-bar svg{position:absolute;top:0;left:0;clip-path:polygon(0 0,var(--width) 0,var(--width) 100%,0 100%)}.cart-gamification__overlay{position:fixed;z-index:1;top:0;left:0;width:100%;height:100%;background:#00000080}.cart-gamification__products{z-index:1;margin-top:16px;overflow-x:clip;overflow-y:visible}.cart-gamification__products swiper-slider{position:relative;overflow:visible}.cart-gamification__products .swiper-slide{width:calc(80% - 16px);margin-right:8px}.cart-gamification__products--header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:16px}.cart-gamification__products--actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:8px}.cart-gamification__product{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding:8px;border-radius:8px;background:rgb(var(--color-background));gap:8px}.cart-gamification__product img{width:100px;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.cart-gamification__product-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:16px}.cart-gamification__product-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:4px}.cart-gamification__product-title{margin:0;padding-right:40px;color:rgb(var(--color-foreground));font-size:14px;font-weight:500;line-height:1.2}.cart-gamification__variant-selector{position:relative;width:100%}.cart-gamification__variant-selector summary{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:8px 12px;border:1px solid rgb(var(--color-border));border-radius:4px;background:rgb(var(--color-background));font-size:12px;line-height:120%;cursor:pointer;gap:8px}.cart-gamification__variant-selector summary span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.cart-gamification__variant-selector summary svg{width:12px;height:12px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.cart-gamification__variant-selector summary svg path{stroke:rgb(var(--color-foreground))}.cart-gamification__variant-selector[open] summary svg{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.cart-gamification__variant-list{position:absolute;z-index:2;top:calc(100% + 4px);left:0;width:100%;min-width:260px;padding:4px;border:1px solid rgb(var(--color-border));border-radius:4px;background:rgb(var(--color-background))}.cart-gamification__variant-option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 12px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease;cursor:pointer;gap:8px}.cart-gamification__variant-option input{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.cart-gamification__variant-option span{color:rgb(var(--color-foreground));font-size:14px}.cart-gamification__variant-option[disabled]{opacity:.6;cursor:default;pointer-events:none}.cart-gamification__variant-option.option-selected{background:rgb(var(--color-background-darken));color:rgb(var(--color-button))}.cart-gamification__variant-option:hover{background-color:rgb(var(--color-background-darken))}.cart-gamification__add-to-cart{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:24px;min-width:24px;height:24px;margin-left:auto;padding:4px;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;border:none;border-radius:999px;outline:none;background:rgb(var(--color-button));-webkit-box-shadow:none;box-shadow:none;color:rgb(var(--color-button-text));cursor:pointer}.cart-gamification__add-to-cart svg{width:24px;height:24px}.cart-gamification__add-to-cart svg path{stroke:rgb(var(--color-button-text))}.cart-gamification__add-to-cart:hover{opacity:.9}.cart-gamification__add-to-cart[disabled]{opacity:.5;cursor:not-allowed}.cart-gamification__add-to-cart.loading>*:not(.loading__spinner){visibility:hidden;opacity:0}.cart-gamification__add-to-cart .loading__spinner{display:grid;position:absolute;width:100%;height:100%;-webkit-animation:rotator 1.4s linear infinite;animation:rotator 1.4s linear infinite;place-items:center}.cart-gamification__add-to-cart .loading__spinner svg circle{stroke:rgb(var(--color-button-text))}.cart-gamification .swiper-button-prev,.cart-gamification .swiper-button-next{position:relative;width:32px;height:32px;margin-top:0;-webkit-transition:background-color .2s ease;transition:background-color .2s ease;outline:none;-webkit-box-shadow:none;box-shadow:none;inset:unset}.cart-gamification .swiper-button-prev:before,.cart-gamification .swiper-button-prev:after,.cart-gamification .swiper-button-next:before,.cart-gamification .swiper-button-next:after{content:none}.cart-gamification .swiper-button-prev svg,.cart-gamification .swiper-button-next svg{width:32px;height:32px}.cart-gamification .swiper-button-prev:hover,.cart-gamification .swiper-button-next:hover{background:rgba(var(--color-button),.15)}.cart-gamification .swiper-button-next svg{rotate:180deg}.cart-gamification .swiper-pagination{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:32px}.cart-gamification .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;border:none;background:rgb(var(--color-border))}.cart-gamification .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:rgb(var(--color-button))}@-webkit-keyframes pulsingIcon{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulsingIcon{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}cart-drawer.active .cart-gamification__progress-bar{width:var(--width)}cart-drawer.active .cart-gamification__step[data-reached=true] .cart-gamification__icon{-webkit-animation:pulsingIcon .5s linear .5s;animation:pulsingIcon .5s linear .5s}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cart-gamification.css.map */