.length-slider{display:flex;flex-direction:column;gap:1.2rem}.length-slider__label{font-size:1.4rem;font-weight:600;color:#6b6b6b;text-transform:uppercase;display:flex;align-items:center;gap:.8rem}.length-slider__inputs{display:flex;align-items:center;gap:.4rem}.length-slider__value-input,.length-slider__mm-input{font-size:1.4rem;font-weight:600;color:#000;border:.1rem solid #E5E5E5;border-radius:.4rem;padding:.4rem .8rem;width:8rem;text-align:center;background:#fff;font-family:inherit}.length-slider__value-input:focus,.length-slider__mm-input:focus{outline:none;border-color:#a7c5ff;box-shadow:0 0 0 .2rem #a7c5ff33}.length-slider__unit{font-size:1.4rem;font-weight:600;color:#6b6b6b}.length-slider__value{color:#000}.length-slider__container{position:relative;padding:.5rem 0 2rem}.length-slider__input{width:100%;height:.2rem;background:#e5e5e5;border-radius:.1rem;outline:none;-webkit-appearance:none;appearance:none;position:relative;z-index:2}.length-slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2.2rem;height:2.2rem;background:url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5.33337' cy='5.33337' r='5.00004' stroke='black' stroke-width='0.666672'/%3E%3Ccircle cx='5.33338' cy='5.33337' r='2.22224' fill='black'/%3E%3C/svg%3E") no-repeat center;background-size:contain;border:none;cursor:pointer;position:relative;z-index:3}.length-slider__input::-moz-range-thumb{width:2.2rem;height:2.2rem;background:url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5.33337' cy='5.33337' r='5.00004' stroke='black' stroke-width='0.666672'/%3E%3Ccircle cx='5.33338' cy='5.33337' r='2.22224' fill='black'/%3E%3C/svg%3E") no-repeat center;background-size:contain;border:none;cursor:pointer;position:relative;z-index:3}.length-slider__labels{display:flex;justify-content:space-between;position:absolute;top:2.5rem;left:0;right:0;padding:0}.length-slider__label-item{font-size:1.2rem;color:#999;font-weight:400;transition:color .2s ease,font-weight .2s ease}.length-slider__label-item--active{color:#000;font-weight:600}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-length-slider.css.map */