.cart-gamification{--progress-height: 6px;--step-gap: 16px;--color-discounted: 86, 162, 90;display:block;width:100%;padding:.8rem 1.6rem;background:rgb(var(--color-background-contrast))}.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}[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:32px;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;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:4px;-ms-flex-item-align:stretch;align-self:stretch;margin-bottom:8px;font-weight:500}@media (max-width: 767px){.cart-gamification__hook{font-size:13px}}.cart-gamification__hook--index{-webkit-box-flex:0;-ms-flex:0 1 50px;flex:0 1 50px}.cart-gamification__hook--step{width:100%}.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:end;-ms-flex-align:end;align-items:flex-end;gap:2px}.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-radius:var(--buttons-radius);background:rgb(var(--color-background-lighten));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-foreground))}.cart-gamification__step[data-reached=true] .cart-gamification__icon{background:rgb(var(--color-discounted))}.cart-gamification__step[data-reached=true] .cart-gamification__icon svg path{stroke-width:2;stroke:rgb(var(--color-background-lighten))}.cart-gamification__progress{position:absolute;top:8px;width:100%;height:var(--progress-height);overflow:hidden;border-radius:999px;background:rgb(var(--color-background-lighten))}.cart-gamification__progress-bar{display:-webkit-box;display:-ms-flexbox;display:flex;width:var(--width);height:100%;-webkit-transition:width .3s ease-in-out .5s;transition:width .3s ease-in-out .5s;border-radius:999px;background:rgb(var(--color-discounted))}@-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[aria-hidden=false] .cart-gamification__progress-bar{width:var(--width)}cart-drawer[aria-hidden=false] .cart-gamification__step[data-reached=true] .cart-gamification__icon{-webkit-animation:pulsingIcon .5s linear .5s;animation:pulsingIcon .5s linear .5s}
/*# sourceMappingURL=/s/files/1/0074/4095/7495/t/24/assets/cart-gamification.css.map */