.Quantity-ProgressBar quantity-selector.quantity-selector{border:none}.Quantity-ProgressBar quantity-selector.quantity-selector .quantity-selector__button{padding-inline-start:.5em;padding-inline-end:.5em}@media screen and (min-width: 700px){.Quantity-ProgressBar quantity-selector.quantity-selector .quantity-selector__button{padding-inline-start:1.5rem;padding-inline-end:1.5rem}}.Quantity-ProgressBar__progressBar ul{list-style:none;padding:0;background-color:#e8e8e8;height:4px;border-radius:8px;position:relative;width:100%;margin-bottom:.75em;justify-content:space-evenly}.Quantity-ProgressBar__progressBar li{width:25%;font-size:small;text-align:center;margin-top:.75em;position:relative;top:-32px;padding:0 4px}.Quantity-ProgressBar__progressBar li:after{content:"";width:8px;height:8px;top:20px;background-color:rgb(var(--text-color));position:absolute;transform:rotate(45deg)}.Quantity-ProgressBar__progressBar:before{content:"";height:4px;background-color:rgb(var(--text-color));position:relative;top:4px;width:var(--progress-width);z-index:1;display:block;transition:.175s ease all;transition-delay:.175s;border-radius:var(--inputs-radius)}.Quantity-ProgressBar__swatches ul{list-style:none;gap:8px;display:flex;flex-direction:row;flex-wrap:wrap}.Quantity-ProgressBar__swatches li:not(.hidden){width:100%;height:45px;text-align:center;margin-top:.75em;min-height:calc((var(--inputs-border-width) * 2) + 4.5rem);font-size:small;display:flex;align-items:center;justify-content:center;border-radius:var(--rounded-button);border:2px solid #000;padding:4px;flex:1 0 100px}.Quantity-ProgressBar__swatches li input[type=radio]{display:none}.Quantity-ProgressBar__swatches li label{padding-left:4px;font-size:small}.Quantity-ProgressBar__swatches li.active{color:rgb(var(--color-button-text));border-color:rgb(var(--text-color));position:relative}.Quantity-ProgressBar__swatches li.active:after{content:"\2713";position:absolute;right:-4px;top:-4px;background:#000;color:#fff;border-radius:100%;height:24px;width:24px;padding:2px;z-index:2}.progressBar__goals{display:flex;flex-direction:row}quantity-slider .quantity-selector__button,quantity-slider .quantity-selector__input,quantity-slider .quantity-selector__button:last-child{border:none}quantity-slider .quantity-selector__input{padding:0}
/*# sourceMappingURL=/cdn/shop/t/41/assets/quantity-slider.css.map */