/* Cross-browser BeerSlider sizing and touch behavior. */
.beer-slider {
    display: block;
    width: 100%;
    max-width: 100%;
    touch-action: pan-y;
    user-select: none;
    -webkit-user-select: none;
}

.beer-slider > img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    pointer-events: none;
}

.beer-reveal > img:first-child {
    display: block;
    pointer-events: none;
}

.beer-range {
    -webkit-appearance: none !important;
    appearance: none;
    background: transparent;
    touch-action: none;
    -webkit-tap-highlight-color: transparent;
}

.beer-range::-webkit-slider-runnable-track {
    height: 100%;
    background: transparent;
}

.beer-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 48px;
    height: 100%;
    background: transparent;
    border: 0;
}

@media (max-width: 767px) {
    .beer-slider {
        min-height: 1px;
    }
}