.bundle-qty{--bundle-qty-accent: #d62828;--bundle-qty-accent-hover: #f77f00;--bundle-qty-savings: #1e8e3e;display:block;margin-bottom:1.6rem}.bundle-qty__progress-wrap{margin-bottom:2.2rem}.bundle-qty__progress-label{margin:0 0 1.6rem;font-size:1.3rem;color:rgba(var(--color-foreground),.75)}.bundle-qty__progress-label strong{color:rgb(var(--color-foreground))}.bundle-qty__progress-track{position:relative;height:.6rem;border-radius:999px;background-color:rgba(var(--color-foreground),.1);margin:0 1rem}.bundle-qty__progress-fill{position:absolute;top:0;left:0;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--bundle-qty-accent),var(--bundle-qty-accent-hover));transition:width .25s ease;pointer-events:none}.bundle-qty__progress-marker{position:absolute;top:50%;width:1.1rem;height:1.1rem;border-radius:50%;background-color:rgb(var(--color-background));border:.2rem solid rgba(var(--color-foreground),.25);transform:translate(-50%,-50%);transition:border-color .25s ease,background-color .25s ease;pointer-events:none}.bundle-qty__progress-marker.is-active{border-color:var(--bundle-qty-accent);background-color:var(--bundle-qty-accent)}.bundle-qty__progress-savings{position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%);white-space:nowrap;font-size:1.2rem;font-weight:600;color:var(--bundle-qty-savings);pointer-events:none}.bundle-qty__progress-range{position:absolute;top:50%;left:-1rem;width:calc(100% + 2rem);height:2.6rem;margin:0;transform:translateY(-50%);background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;z-index:2}.bundle-qty__progress-range:focus{outline:none}.bundle-qty__progress-range::-webkit-slider-runnable-track{height:2.6rem;background:transparent}.bundle-qty__progress-range::-moz-range-track{height:2.6rem;background:transparent;border:none}.bundle-qty__progress-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2rem;height:2rem;margin-top:.3rem;border-radius:50%;background-color:var(--bundle-qty-accent);border:.3rem solid rgb(var(--color-background));box-shadow:0 .2rem .5rem rgba(var(--color-shadow),.3);cursor:grab;transition:transform .15s ease}.bundle-qty__progress-range::-moz-range-thumb{width:2rem;height:2rem;border-radius:50%;background-color:var(--bundle-qty-accent);border:.3rem solid rgb(var(--color-background));box-shadow:0 .2rem .5rem rgba(var(--color-shadow),.3);cursor:grab;transition:transform .15s ease}.bundle-qty__progress-range:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.12)}.bundle-qty__progress-range:active::-moz-range-thumb{cursor:grabbing;transform:scale(1.12)}.bundle-qty__progress-range:focus-visible::-webkit-slider-thumb{outline:.2rem solid var(--bundle-qty-accent);outline-offset:.2rem}.bundle-qty__progress-range:focus-visible::-moz-range-thumb{outline:.2rem solid var(--bundle-qty-accent);outline-offset:.2rem}.bundle-qty__fieldset{display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:0;border:none}.bundle-qty__fieldset input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.bundle-qty__tile{position:relative;flex:1 1 0;min-width:9rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1.6rem 1rem;border-radius:1.4rem;border:.15rem solid rgba(var(--color-foreground),.12);background-color:rgb(var(--color-background));cursor:pointer;text-align:center;transition:border-color .2s ease,box-shadow .2s ease}.bundle-qty__tile:hover{border-color:var(--bundle-qty-accent-hover)}.bundle-qty__tile.is-selected{border-color:var(--bundle-qty-accent);border-width:.2rem;box-shadow:0 .2rem .6rem rgba(var(--color-shadow),.12)}.bundle-qty__tile.is-disabled{cursor:not-allowed;opacity:.5}.bundle-qty__tile-qty{font-size:1.5rem;font-weight:600;color:rgb(var(--color-foreground))}.bundle-qty__tile-savings{font-size:1.2rem;font-weight:600;color:var(--bundle-qty-savings)}.bundle-qty__tile-check{position:absolute;top:-.7rem;right:-.7rem;width:2.2rem;height:2.2rem;border-radius:50%;background-color:var(--bundle-qty-accent);color:rgb(var(--color-background));display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .2s ease}.bundle-qty__tile-check svg{width:1.2rem;height:1.2rem;fill:currentColor}.bundle-qty__tile.is-selected .bundle-qty__tile-check{opacity:1;transform:scale(1)}@media screen and (max-width:749px){.bundle-qty__fieldset{gap:.8rem}.bundle-qty__tile{min-width:8rem;padding:1.2rem .6rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/bundle-quantity-selector.css.map */
