.beer-slider{display:inline-block;overflow:hidden;position:relative}.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{height:auto;max-width:100%}.beer-reveal{left:0;opacity:0;overflow:hidden;position:absolute;right:50%;top:0;transition:opacity .35s;z-index:1}.beer-reveal>:first-child{height:100%;max-width:none;width:200%}.beer-reveal>img:first-child{height:auto}.beer-range{-moz-appearance:none;-webkit-appearance:slider-horizontal!important;bottom:0;cursor:pointer;height:100%;left:-.0625rem;margin:0;opacity:0;position:absolute;top:0;-ms-touch-action:auto;touch-action:auto;width:calc(100% + .125rem);z-index:2}.beer-range::-webkit-slider-thumb{-webkit-appearance:none;height:300vh}.beer-range::-moz-range-thumb{-webkit-appearance:none;height:300vh}.beer-range::-ms-tooltip{display:none}.beer-handle{background:#ffffff80;border-radius:50%;box-shadow:0 0 .375rem transparent;color:#000;height:3rem;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);transition:background .3s,box-shadow .3s,opacity .5s .25s;width:3rem;z-index:2}.beer-handle:after,.beer-handle:before{border-left:.125rem solid;border-top:.125rem solid;content:"";height:.625rem;position:absolute;top:50%;transform-origin:0 0;width:.625rem}.beer-handle:before{left:.625rem;transform:rotate(-45deg)}.beer-handle:after{right:0;transform:rotate(135deg)}.beer-range:focus~.beer-handle{background:#ffffffd9;box-shadow:0 0 .1875rem #0006}.beer-reveal[data-beer-label]:after,.beer-slider[data-beer-label]:after{background:#ffffffbf;border-radius:.125rem;content:attr(data-beer-label);line-height:1;padding:.5rem;position:absolute;top:1.5rem}.beer-slider[data-beer-label]:after{right:1.5rem}.beer-reveal[data-beer-label]:after{left:1.5rem}.beer-reveal[data-beer-label=""]:after,.beer-slider[data-beer-label=""]:after{content:none}.beer-ready .beer-handle,.beer-ready .beer-reveal{opacity:1}.beer-slider[data-v-dd0714f6]{margin-bottom:-.375rem;width:100%}.beer-slider .beer-reveal[data-v-dd0714f6]:after,.beer-slider[data-beer-label][data-v-dd0714f6]:after{border-radius:.375rem;font-size:.75rem;font-weight:600;padding:1rem 1.5rem;text-transform:uppercase;top:auto;--tw-text-opacity:1;background-color:#0006;bottom:1.5rem;color:rgb(255 255 255/var(--tw-text-opacity,1));opacity:0;transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.beer-slider .beer-reveal>img[data-v-dd0714f6]{min-width:100%!important}@media (min-width:1140px){.beer-slider[data-beer-label][data-v-dd0714f6]:after{margin-right:14%}}@media (min-width:1680px){.beer-slider[data-beer-label][data-v-dd0714f6]:after{margin-right:0}}.beer-slider .beer-reveal[data-v-dd0714f6]{border-right-width:2px;--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}@media (min-width:1140px){.beer-slider .beer-reveal[data-v-dd0714f6]:after{margin-left:25%}}@media (min-width:1680px){.beer-slider .beer-reveal[data-v-dd0714f6]:after{margin-left:0}}.beer-slider[data-v-dd0714f6] .beer-handle{border-width:1px;--tw-border-opacity:1;background-color:transparent;border-color:rgb(255 255 255/var(--tw-border-opacity,1));transform:translate3d(calc(-50% - .0625rem),-50%,0);transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.beer-slider[data-v-dd0714f6] .beer-handle:after,.beer-slider[data-v-dd0714f6] .beer-handle:before{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1));transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.beer-slider[data-v-dd0714f6] .beer-range:focus+.beer-handle{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.beer-slider[data-v-dd0714f6] .beer-range:focus+.beer-handle:after,.beer-slider[data-v-dd0714f6] .beer-range:focus+.beer-handle:before{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}.beer-slider img[data-v-dd0714f6]{min-height:100%;min-width:100%}.beer-slider:hover .beer-reveal[data-v-dd0714f6]:after,.beer-slider[data-v-dd0714f6]:hover:after{opacity:1}.wrapper.is-scrolling .beer-slider .beer-reveal[data-v-dd0714f6]:after,.wrapper.is-scrolling .beer-slider[data-v-dd0714f6]:after{opacity:0}