.discount-progress-wrapper{--progress-active-color: #A0522D;--progress-inactive-color: #E8E8E8;--progress-text-color: #000000;--progress-height: 8px;--animation-duration: .6s;--animation-easing: cubic-bezier(.4, 0, .2, 1);display:block;padding:20px 16px;box-sizing:border-box;background:rgb(var(--color-foreground-rgb)/ .02);width:calc(100% + 32px);margin-left:-16px}.cart-drawer--empty .discount-progress-wrapper{width:100%;margin-left:0}.discount-progress-container{max-width:100%;margin:0 auto;position:relative}.discount-progress-header{display:flex;justify-content:space-between;align-items:flex-start;position:relative;gap:8px;z-index:1}.progress-milestone{flex:1;text-align:center;display:flex;flex-direction:column;gap:2px;transition:opacity var(--animation-duration) var(--animation-easing),transform .3s var(--animation-easing);transform-origin:center bottom;align-items:flex-end}.progress-milestone.active{opacity:1;animation:milestoneActivate .4s var(--animation-easing)}@keyframes milestoneActivate{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.milestone-discount{font-size:11px;font-weight:600;color:var(--progress-active-color);line-height:140%;letter-spacing:-.01em;width:auto;display:flex;align-items:center;justify-content:center;height:30px;width:30px;background-color:var(--progress-inactive-color);border-radius:50%}.milestone-discount svg{fill:currentColor;width:24px;height:24px}.progress-milestone.reached .milestone-discount{background-color:var(--progress-active-color);color:var(--progress-text-color)}.milestone-label{font-size:11px;font-weight:500;color:#000;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:8px}.progress-milestone.reached .milestone-label{color:var(--progress-active-color)}.discount-progress-track{position:relative;height:var(--progress-height);background-color:var(--progress-inactive-color);border-radius:100px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d;position:absolute;top:56%;left:0;width:100%}.progress-bar-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--progress-active-color) 0%,var(--progress-active-color) 100%);border-radius:100px;transition:width var(--animation-duration) var(--animation-easing);width:0%;box-shadow:0 0 8px #a0522d4d;animation:progressShimmer 2s ease-in-out infinite;transform-origin:left center}@keyframes progressShimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.progress-bar-fill:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progressGlide 2s ease-in-out infinite}@keyframes progressGlide{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes indicatorPulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.15)}}.progress-bar-fill.goal-reached{animation:goalCelebration .6s var(--animation-easing)}@keyframes goalCelebration{0%,to{transform:scaleY(1)}25%{transform:scaleY(1.3)}50%{transform:scaleY(.9)}75%{transform:scaleY(1.1)}}.discount-progress-message{text-align:center;margin-bottom:23px;min-height:20px}.progress-text{font-size:13px;color:var(--progress-text-color);line-height:1.4;margin:0;opacity:0;transform:translateY(-4px);transition:opacity .4s var(--animation-easing),transform .4s var(--animation-easing)}.progress-text.visible{opacity:1;transform:translateY(0);color:#000}.progress-text strong{font-weight:600}@media screen and (max-width:749px){.discount-progress-wrapper{padding:16px 12px}.milestone-label{font-size:10px}.progress-text{font-size:12px}}@media screen and (min-width:750px){.discount-progress-wrapper{padding:24px 16px}}.discount-progress-wrapper[data-loading] .progress-bar-fill{animation:loadingPulse 1.5s ease-in-out infinite}@keyframes loadingPulse{0%,to{opacity:1}50%{opacity:.6}}@media(prefers-reduced-motion:reduce){.discount-progress-wrapper,.discount-progress-wrapper *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.progress-bar-fill:before{display:none}}.discount-progress-wrapper:focus-visible{outline:2px solid var(--progress-active-color);outline-offset:2px;border-radius:4px}@media(prefers-color-scheme:dark){.discount-progress-wrapper{--progress-inactive-color: #2A2A2A}.discount-progress-track{box-shadow:inset 0 1px 2px #0003}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-discount-progress.css.map */