.woohsb-price-filter__form {
    display: grid;
    gap: 0.75rem;
}

.woohsb-price-filter__range {
    --woohsb-price-filter-left: 0%;
    --woohsb-price-filter-right: 0%;
    min-height: 2rem;
    position: relative;
}

.woohsb-price-filter__track {
    background: color-mix(in srgb, currentColor 18%, transparent);
    border-radius: 999px;
    height: 0.4rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.woohsb-price-filter__track-fill {
    background: currentColor;
    border-radius: inherit;
    bottom: 0;
    left: var(--woohsb-price-filter-left);
    position: absolute;
    right: var(--woohsb-price-filter-right);
    top: 0;
}

.woohsb-price-filter__range input[type="range"] {
    appearance: none;
    background: transparent;
    height: 2rem;
    left: 0;
    margin: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.woohsb-price-filter__range input[type="range"]::-webkit-slider-thumb {
    appearance: none;
    background: currentColor;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    height: 1rem;
    pointer-events: auto;
    width: 1rem;
}

.woohsb-price-filter__range input[type="range"]::-moz-range-thumb {
    background: currentColor;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    height: 1rem;
    pointer-events: auto;
    width: 1rem;
}

.woohsb-price-filter__range input[type="range"]::-webkit-slider-runnable-track {
    background: transparent;
}

.woohsb-price-filter__range input[type="range"]::-moz-range-track {
    background: transparent;
}

.woohsb-price-filter__label {
    font-size: 0.95em;
}

.woohsb-price-filter__button {
    justify-self: start;
}

.woohsb-price-filter__reset {
    justify-self: start;
}