.hf-cart-pb{width:100%;display:flex;flex-direction:column}.hf-cart-pb .shipping-message{margin:0 0 1.5rem;text-align:center;color:var(--hf-cart-pb-message-color, inherit);font-size:var(--hf-cart-pb-message-size, inherit);line-height:var(--hf-cart-pb-message-line-height, inherit)}.hf-cart-pb .progress-bar-container{position:relative;width:100%;height:var(--hf-cart-pb-h, 6px);display:flex;align-items:center;--pad-x: calc(var(--hf-cart-pb-h, 6px) * 1.75);padding-left:var(--pad-x);padding-right:var(--pad-x)}.hf-cart-pb.hf-cart-pb--single-level .progress-bar-container{--pad-x: 0px}.hf-cart-pb.hf-cart-pb--single-level .progress-circle,.hf-cart-pb.hf-cart-pb--single-level .hf-cart-pb__badge{display:none}.hf-cart-pb .progress-bar{position:relative;width:100%;height:100%;padding:3px;overflow:hidden;border-radius:.75em;background-color:var(--hf-cart-pb-track-bg, #e2e4e3)}.hf-cart-pb .progress-bar-done{position:absolute;inset:0 auto 0 0;width:100%;height:100%;border-radius:3rem;transform:scaleX(0);transform-origin:left center;transition:transform .5s cubic-bezier(.22,1,.36,1);will-change:transform;background:var(--hf-cart-pb-fill, rgb(var(--color-foreground)))}.hf-cart-pb .progress-circle{position:absolute;top:auto;left:calc(var(--pad-x) + (100% - 2 * var(--pad-x)) * var(--pos, 0));width:1.2rem;height:1.2rem;border:2px solid var(--hf-cart-pb-circle-border, currentColor);border-radius:50%;background-color:var(--hf-cart-pb-circle-bg, #fff);transform:translate(-50%);z-index:2;pointer-events:none}.hf-cart-pb--classic .progress-bar-container{--pad-x: calc(var(--hf-cart-pb-h, 6px) * 3.33)}.hf-cart-pb--classic .progress-circle{width:calc(var(--hf-cart-pb-h, 6px) * 2);height:calc(var(--hf-cart-pb-h, 6px) * 2)}.hf-cart-pb--classic .progress-circle.is-reached{animation:hf-cart-pb-pulse-scale 1.5s infinite}.hf-cart-pb--classic .progress-circle.is-reached:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--hf-cart-pb-pulse, rgb(62, 101, 207));z-index:-1;animation:hf-cart-pb-pulse-ring 1.5s infinite;will-change:transform,opacity}@keyframes hf-cart-pb-pulse-ring{0%{transform:scale(1);opacity:.7}50%{transform:scale(3.5);opacity:0}to{transform:scale(1);opacity:0}}@keyframes hf-cart-pb-pulse-scale{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.2)}}.hf-cart-pb--milestones .progress-bar-container{--pad-x: calc(var(--hf-cart-pb-h, 6px) * 1.25)}.hf-cart-pb--milestones .progress-circle{width:calc(var(--hf-cart-pb-h, 6px) * 2.5);height:calc(var(--hf-cart-pb-h, 6px) * 2.5);border-color:var(--hf-cart-pb-track-bg, #e2e4e3);background-color:var(--hf-cart-pb-circle-bg, rgb(var(--color-background)));display:grid;place-items:center;transition:background-color .3s ease,border-color .3s ease}.hf-cart-pb--milestones .progress-circle:after{content:"";width:calc(var(--hf-cart-pb-h, 6px) * .75);height:calc(var(--hf-cart-pb-h, 6px) * .75);border-radius:50%;background:var(--hf-cart-pb-track-bg, #e2e4e3)}.hf-cart-pb--milestones .progress-circle.is-reached{border-color:transparent;background:var(--hf-cart-pb-fill, rgb(var(--color-foreground)))}.hf-cart-pb--milestones .progress-circle.is-reached:after{width:55%;height:55%;border-radius:0;background:var(--hf-cart-pb-circle-bg, rgb(var(--color-background)));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 13l4 4L19 7' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 13l4 4L19 7' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.hf-cart-pb__segments{display:flex;gap:.5rem;width:100%}.hf-cart-pb__segment{flex:1;height:var(--hf-cart-pb-h, 6px);border-radius:999px;background-color:var(--hf-cart-pb-track-bg, #e2e4e3);overflow:hidden}.hf-cart-pb__segment i{display:block;width:0;height:100%;border-radius:999px;background:var(--hf-cart-pb-fill, rgb(var(--color-foreground)));transition:width .5s cubic-bezier(.22,1,.36,1)}.hf-cart-pb__legend{display:flex;gap:.5rem;margin-top:.9rem;font-size:calc(var(--hf-cart-pb-h, 6px) * 1.4);opacity:.65}.hf-cart-pb__legend-item{flex:1;min-width:0;text-align:center}.hf-cart-pb__legend-item.is-reached{opacity:1;font-weight:600}.hf-cart-pb__steps{display:flex;margin-top:1.4rem}.hf-cart-pb__step{flex:1;min-width:0;text-align:center;opacity:.5;transition:opacity .3s ease}.hf-cart-pb__step.is-reached{opacity:1}.hf-cart-pb__step-icon{display:block;width:calc(var(--hf-cart-pb-h, 6px) * 2.75);height:calc(var(--hf-cart-pb-h, 6px) * 2.75);margin:0 auto .4rem}.hf-cart-pb__step-label{display:block;font-size:calc(var(--hf-cart-pb-h, 6px) * 1.45);font-weight:600;line-height:1.25}.hf-cart-pb__step-value{display:block;font-size:calc(var(--hf-cart-pb-h, 6px) * 1.3)}.hf-cart-pb--badges .progress-bar-container{height:calc(var(--hf-cart-pb-h, 6px) * 3.5);--pad-x: calc(var(--hf-cart-pb-h, 6px) * 1.75)}.hf-cart-pb--badges .progress-bar{height:var(--hf-cart-pb-h, 6px)}.hf-cart-pb__badge{position:absolute;top:50%;left:calc(var(--pad-x) + (100% - 2 * var(--pad-x)) * var(--pos, 0));width:calc(var(--hf-cart-pb-h, 6px) * 3.5);height:calc(var(--hf-cart-pb-h, 6px) * 3.5);margin-top:calc(var(--hf-cart-pb-h, 6px) * -1.75);transform:translate(-50%);border:2px solid var(--hf-cart-pb-track-bg, #e2e4e3);border-radius:50%;background-color:var(--hf-cart-pb-circle-bg, rgb(var(--color-background)));display:grid;place-items:center;z-index:2;pointer-events:none;opacity:.55;transition:opacity .3s ease,background-color .3s ease,border-color .3s ease}.hf-cart-pb__badge.is-reached{opacity:1;border-color:transparent;background:var(--hf-cart-pb-fill, rgb(var(--color-foreground)));color:var(--hf-cart-pb-circle-bg, rgb(var(--color-background)))}.hf-cart-pb__badge>img,.hf-cart-pb__badge>svg,.hf-cart-pb__badge>.hf-cart-pb__icon-svg{display:block;width:calc(var(--hf-cart-pb-h, 6px) * 1.5);height:calc(var(--hf-cart-pb-h, 6px) * 1.5)}.hf-cart-pb__step-icon>img,.hf-cart-pb__step-icon>svg,.hf-cart-pb__step-icon>.hf-cart-pb__icon-svg,.hf-cart-pb__badge .hf-cart-pb__icon-svg svg,.hf-cart-pb__step-icon .hf-cart-pb__icon-svg svg{width:100%;height:100%;display:block}.hf-cart-pb__icon-emoji{display:block;font-style:normal;line-height:1;text-align:center}.hf-cart-pb__step-icon .hf-cart-pb__icon-emoji{font-size:calc(var(--hf-cart-pb-h, 6px) * 2.2)}.hf-cart-pb__badge .hf-cart-pb__icon-emoji{font-size:calc(var(--hf-cart-pb-h, 6px) * 1.5)}.hf-cart-pb__badge:not(.is-reached) .hf-cart-pb__icon-emoji,.hf-cart-pb__step:not(.is-reached) .hf-cart-pb__icon-emoji{filter:grayscale(1)}.hf-cart-pb__icon-image{object-fit:contain}.hf-cart-pb__icon-svg:not(.hf-cart-pb__icon-svg--original) svg [fill]:not([fill=none]){fill:var(--icon-fill, currentColor)}.hf-cart-pb__icon-svg:not(.hf-cart-pb__icon-svg--original) svg [stroke]:not([stroke=none]){stroke:var(--icon-stroke, currentColor)}@media(prefers-reduced-motion:reduce){.hf-cart-pb .progress-bar-done,.hf-cart-pb__segment i{transition:none!important}.hf-cart-pb--classic .progress-circle.is-reached,.hf-cart-pb--classic .progress-circle.is-reached:before{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-cart-reward-bar.css.map */