.price-range-slider{display:block;padding:1.6rem 1rem 2.4rem;width:100%;box-sizing:border-box}.price-range-slider__values{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.6rem;font-size:1.3rem;color:rgb(var(--color-foreground));font-variant-numeric:tabular-nums;position:relative;min-height:1.8rem}.price-range-slider__value{display:inline-block;transition:transform .08s ease-out;white-space:nowrap;pointer-events:none;font-weight:500}.price-range-slider__value--min{text-align:left}.price-range-slider__value--max{text-align:right}.price-range-slider[data-overlap=true] .price-range-slider__value--min{transform:translateY(-.6rem)}.price-range-slider[data-overlap=true] .price-range-slider__value--max{transform:translateY(.6rem)}.price-range-slider__track-container{position:relative;height:2.4rem;width:100%;user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer}.price-range-slider__track{position:absolute;top:50%;left:0;right:0;height:.4rem;background-color:rgba(var(--color-foreground),.15);border-radius:999px;transform:translateY(-50%);pointer-events:none}.price-range-slider__track-fill{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgb(var(--color-foreground));border-radius:999px}.price-range-slider__handle{position:absolute;top:50%;width:1.8rem;height:1.8rem;padding:0;background-color:rgb(var(--color-foreground));border:.2rem solid rgb(var(--color-background));border-radius:50%;transform:translate(-50%,-50%);cursor:grab;box-shadow:0 1px 4px #00000040;z-index:2;transition:box-shadow .15s ease-out,transform .05s ease-out;appearance:none;-webkit-appearance:none;font:inherit;color:inherit;outline:none}.price-range-slider__handle:hover,.price-range-slider__handle:focus-visible{box-shadow:0 0 0 .5rem rgba(var(--color-foreground),.15)}.price-range-slider__handle:active,.price-range-slider__handle[data-dragging=true]{cursor:grabbing;transform:translate(-50%,-50%) scale(1.15);z-index:3}.price-range-slider__handle--min{left:0%}.price-range-slider__handle--max{left:100%}@media screen and (max-width:749px){.price-range-slider{padding:1.6rem .8rem 2.4rem}.price-range-slider__handle{width:2.2rem;height:2.2rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/price-range-slider.css.map */