.quantity-progress-bar{padding:0 20px 10px;text-align:center;border-bottom:.1rem solid rgba(var(--color-foreground),.2);overflow:visible}.quantity-progress-bar__dynamic-text{margin:0;margin-bottom:var(--qpb-margin-bar-to-text, 16px);letter-spacing:inherit;cursor:default;line-height:normal;font-size:var(--qpb-progress-font-size, 14px);font-weight:var(--qpb-progress-font-weight, 500);color:var(--qpb-progress-text-color, inherit)}.quantity-progress-bar__dynamic-text--below{margin-bottom:0;margin-top:var(--qpb-margin-bar-to-text, 16px)}.quantity-progress-bar__track-container{position:relative;padding:0 20%;overflow:visible}.quantity-progress-bar__breakpoint-labels{position:relative;display:flex;justify-content:space-between;align-items:stretch;margin-bottom:var(--qpb-margin-labels-to-bar, 8px);height:20px}.quantity-progress-bar__breakpoint-labels--below{margin-bottom:0;margin-top:var(--qpb-margin-labels-to-bar, 8px)}.quantity-progress-bar__breakpoint-label{position:absolute;transform:translate(-50%);font-size:var(--qpb-breakpoint-font-size, 12px);font-weight:var(--qpb-breakpoint-font-weight, 400);color:var(--qpb-breakpoint-text-inactive, rgba(var(--color-foreground), .6));white-space:nowrap;text-align:center;transition:color .3s ease}.quantity-progress-bar__breakpoint-label:first-child,.quantity-progress-bar__breakpoint-label:last-child{transform:translate(-50%);text-align:center}.quantity-progress-bar__breakpoint-label--active{color:var(--qpb-breakpoint-text-active, rgb(var(--color-foreground)));font-weight:var(--qpb-breakpoint-font-weight, 600)}.quantity-progress-bar__track{position:relative;height:var(--qpb-bar-thickness, 10px);min-height:10px;background-color:var(--qpb-bar-bg, #E5E5E5);border-radius:var(--qpb-bar-radius, 50px);overflow:visible;margin:calc(var(--qpb-dot-size, 40px) / 2 - var(--qpb-bar-thickness, 10px) / 2) 0}.quantity-progress-bar__segments-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;border-radius:var(--qpb-bar-radius, 50px);z-index:1}.quantity-progress-bar__segment{position:absolute;top:0;height:100%;background-color:transparent;transition:background-color .3s ease}.quantity-progress-bar__segment--filled{background-color:var(--qpb-bar-fill, #FFE566)}.quantity-progress-bar__milestone{position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--qpb-dot-size, 40px);height:var(--qpb-dot-size, 40px);border-radius:50%;background:var(--qpb-breakpoint-bg-inactive, rgba(var(--color-foreground), .2));display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .2s ease;z-index:2;box-shadow:0 2px 4px #0000001a}.quantity-progress-bar__milestone--first,.quantity-progress-bar__milestone--last{transform:translate(-50%,-50%)}.quantity-progress-bar__milestone--active{background:var(--qpb-breakpoint-bg-active, rgb(var(--color-button)))}.quantity-progress-bar__milestone:hover{transform:translate(-50%,-50%) scale(1.05)}.quantity-progress-bar__milestone svg{width:var(--qpb-icon-size, 18px);height:var(--qpb-icon-size, 18px);color:var(--qpb-breakpoint-icon-inactive, rgba(var(--color-foreground), .5));transition:color .3s ease}.quantity-progress-bar__milestone--active svg{color:var(--qpb-breakpoint-icon-active, rgb(var(--color-button-text)))}.quantity-progress-bar__milestones-wrapper{position:absolute;top:0;left:0;right:0;bottom:0}@keyframes qpb-fill-grow{0%{width:0}}.quantity-progress-bar--animate .quantity-progress-bar__fill{animation:qpb-fill-grow .6s ease-out}@keyframes qpb-pulse{0%,to{box-shadow:0 2px 4px #0000001a}50%{box-shadow:0 2px 12px rgba(var(--color-button),.5)}}.quantity-progress-bar__milestone--next{animation:qpb-pulse 2s infinite}@media screen and (max-width:749px){.quantity-progress-bar{padding:10px 15px}.quantity-progress-bar__track-container{padding:0}.quantity-progress-bar__dynamic-text{font-size:calc(var(--qpb-progress-font-size, 14px) - 1px);margin-bottom:1rem}.quantity-progress-bar__breakpoint-label{font-size:calc(var(--qpb-breakpoint-font-size, 12px) - 1px)}}@media screen and (max-width:480px){.quantity-progress-bar__breakpoint-label{font-size:10px}}.cart-drawer .quantity-progress-bar{padding:10px 20px;margin:0}.cart-drawer .quantity-progress-bar__track-container{padding:0}.is-empty .quantity-progress-bar,cart-drawer.is-empty .quantity-progress-bar{display:none}
/*# sourceMappingURL=/cdn/shop/t/34/assets/quantity-progress-bar.css.map */