.beer-slider{position:relative;display:inline-block;overflow:hidden}.beer-slider *,.beer-slider ::after,.beer-slider ::before,.beer-slider::after,.beer-slider::before{box-sizing:border-box}.beer-slider img,.beer-slider svg{vertical-align:bottom}.beer-slider>*{height:100%}.beer-slider>img{max-width:100%;height:auto}.beer-reveal{position:absolute;top:0;right:50%;left:0;z-index:1;overflow:hidden;opacity:0;transition:opacity .35s}.beer-reveal>:first-child{width:200%;max-width:none;height:100%}.beer-reveal>img:first-child{height:auto}.beer-range{position:absolute;top:0;bottom:0;left:-1px;z-index:2;width:calc(100% + 2px);height:100%;margin:0;appearance:slider-horizontal!important;touch-action:auto;cursor:pointer;opacity:0}.beer-range::-webkit-slider-thumb{height:300vh;appearance:none}.beer-range::-moz-range-thumb{height:300vh;appearance:none}.beer-range::-ms-tooltip{display:none}.beer-handle{position:absolute;top:50%;left:50%;z-index:2;width:52px;height:48px;color:#000;pointer-events:none;opacity:0;transform:translate3d(-50%,-50%,0)}.beer-reveal[data-beer-label]::after,.beer-slider[data-beer-label]::after{display:none}.beer-reveal[data-beer-label='']::after,.beer-slider[data-beer-label='']::after{content:none}.beer-ready .beer-handle,.beer-ready .beer-reveal{opacity:1}