.progress-container{margin:0;margin-left:-1.5rem;width:calc(100% + 3rem)}.progressContainer{padding-bottom:var(--padding-bottom, 20px);padding-top:var(--padding-top, 20px);background-color:transparent;border-bottom:1px solid rgba(var(--deployer-color-foreground),.1)}.progressContainer .label{margin:0;margin-bottom:1.5rem;text-align:center;letter-spacing:inherit;cursor:default;line-height:1.3;font-size:1em;font-weight:500;color:rgb(var(--color-foreground))}.progressBarContainer{position:relative;display:flex;flex-direction:column;width:100%}.progress-bars-container{display:flex;width:100%;height:12px}.progress-bar-segment{flex:1;position:relative;background-color:#fff;border-radius:0}.progress-bar-segment:not(:last-of-type):after{content:"";background-color:var(--color-accent);width:3px;height:180%;position:absolute;transform:translate(50%) translateY(-50%);top:50%;right:0;z-index:1}.progress-bar-fill{height:100%;background-color:var(--color-accent);transition:width .8s cubic-bezier(.25,.46,.45,.94);position:relative}.progress-bar-modern{position:relative;width:100%;height:12px;background-color:#fff;border:1px solid #ddd;border-radius:0;overflow:visible}.milestone-indicators{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none;z-index:2}.milestone-indicator{position:absolute;top:-3px;width:2px;height:calc(100% + 6px);background-color:var(--color-accent);border-radius:0;transform:translate(-50%);transition:all .3s ease;z-index:3}.progress-milestones{position:relative;width:100%;height:80px}.milestone-group{position:absolute;display:flex;flex-direction:column;align-items:center;text-align:center;transform:translate(-50%);width:auto;min-width:60px;top:0}.progress-milestones-top{position:relative;width:100%;height:25px}.milestone-group-top{position:absolute;display:flex;flex-direction:column;align-items:center;width:auto;top:0;transform:translate(-50%)}.progress-milestones-bottom{position:relative;width:100%;height:40px;margin-top:8px}.milestone-group-bottom{position:absolute;display:flex;flex-direction:column;align-items:flex-end;text-align:right;width:auto;min-width:60px;top:0}.milestone-amount{font-size:1em;font-weight:700;color:rgb(var(--color-foreground));opacity:.8;line-height:1;transition:all .3s ease}.milestone-label{font-size:.9em;font-weight:400;color:rgb(var(--color-foreground));opacity:.7;line-height:1.2;text-align:center;transition:all .3s ease;max-width:100px;word-wrap:break-word;transform:translate(-50%)}@media screen and (max-width:749px){.milestone-amount{font-size:1.1em;font-weight:600}.milestone-amount-ht{display:none}.milestone-label{font-size:.75em;max-width:70px}.progress-milestones-top,.progress-milestones-bottom{height:35px}.progress-bars-container{height:10px;gap:1px}.progress-bar-modern{height:10px}}@media screen and (max-width:480px){.milestone-amount{font-size:1em}.milestone-label{font-size:.7em;max-width:60px}.milestone-indicator{width:1px;top:-2px;height:calc(100% + 4px)}.milestone-group,.milestone-group-top,.milestone-group-bottom{min-width:50px}.progress-milestones-top,.progress-milestones-bottom{height:30px}.progress-bars-container{height:8px;gap:1px}}.progress-group,.progress[value]{display:none}cart-drawer.is-empty #progressContainer{display:none}@-moz-document url-prefix(){.progressBarContainer{justify-content:center}.progress-group{width:100%}progress[value]::-moz-progress-bar{background:var(--color-footer-bg);border-radius:100px;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress.progress-1[value],.progress.progress-1::-moz-progress-bar{border-radius:100px}.progress.progress-2[value],.progress.progress-2::-moz-progress-bar{border-radius:100px}.progress[value]{border:none;border-radius:100px}}.missing-value{font-weight:600;color:var(--color-footer-bg)}.deployer-cart-drawer__body{padding-top:var(--deployer-cart-drawer-padding)}.cart-progress-bar{margin-bottom:2rem;padding:1.5rem;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,.2)}.cart-progress-bar__container{display:flex;flex-direction:column;gap:1rem}.cart-progress-bar__text{text-align:center}.cart-progress-bar__message{font-size:1rem;font-weight:500;color:rgb(var(--color-foreground));line-height:1.4}.cart-progress-bar__bar{width:100%;height:12px;background-color:#ffffff4d;border-radius:6px;overflow:hidden;position:relative}.cart-progress-bar__fill{height:100%;background:var(--color-footer-bg);border-radius:6px;width:var(--progress-percentage);transition:width .6s ease-in-out;position:relative}.cart-progress-bar__fill:after{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:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media screen and (max-width:749px){.cart-progress-bar{margin-bottom:1.5rem;padding:1rem}.cart-progress-bar__message{font-size:.9rem}.cart-progress-bar__bar{height:10px}}.cart-progress-bar{animation:slideInDown .5s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.progressContainer{transition:all .3s cubic-bezier(.4,0,.2,1)}.progressContainer .label{transition:color .3s ease,opacity .3s ease}.progress-group{transition:opacity .3s ease}.progress-group span{transition:color .3s ease,opacity .3s ease}.progressContainer.updating{animation:updatePulse .4s cubic-bezier(.4,0,.2,1)}@keyframes updatePulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.missing-value{transition:color .3s ease,font-weight .3s ease}.progress-group:hover span{opacity:.8}.progress-group:hover progress[value]::-webkit-progress-value{filter:brightness(1.1)}@media screen and (max-width:749px){.progressContainer{transition:all .2s cubic-bezier(.4,0,.2,1)}.progress-group span{transition:opacity .2s ease}}.progressContainer.loading{position:relative;pointer-events:none}.progressContainer.loading:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(var(--color-background),.8);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;animation:fadeIn .3s ease}.progressContainer.loading:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border:2px solid rgba(var(--color-foreground),.2);border-top:2px solid rgb(var(--color-foreground));border-radius:50%;z-index:11;animation:spin 1s linear infinite,fadeIn .3s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.progressContainer.loading .progress-group{opacity:.6}.progressContainer.loading .progress[value]{animation:pulse 1.5s ease-in-out infinite}.progressContainer.loading .progress-group span{animation:textShimmer 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.8}}@keyframes textShimmer{0%,to{opacity:.5}50%{opacity:.7}}.progressContainer.error{position:relative;animation:shake .5s ease-in-out}.progressContainer.error:before{content:"\26a0\fe0f  Erreur de chargement";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(var(--color-background),.95);color:rgb(var(--color-foreground));padding:8px 16px;border-radius:6px;font-size:.9rem;z-index:12;animation:fadeIn .3s ease;box-shadow:0 4px 12px #0000001a}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media screen and (max-width:749px){.progressContainer.loading:after{width:20px;height:20px;margin:-10px 0 0 -10px;border-width:1.5px}.progressContainer.error:before{font-size:.8rem;padding:6px 12px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-cart-progress-bar.css.map */
