.beer-slider{display:inline-block;overflow:hidden;position:relative}.beer-slider *,.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-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:1}.beer-reveal>:first-child{height:100%;max-width:none;width:200%}.beer-reveal>img:first-child{height:auto}.beer-range{-webkit-appearance:none;appearance:none;-moz-appearance:none;-webkit-appearance:slider-horizontal!important;bottom:0;cursor:pointer;height:100%;left:-1px;margin:0;opacity:0;position:absolute;top:0;touch-action:manipulation;-ms-touch-action:auto;width:calc(100% + 2px);z-index:2}.beer-range ::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:3rem;width:3rem}.beer-range ::-moz-range-thumb{-webkit-appearance:none;height:3rem;width:3rem}.beer-range ::-ms-tooltip{display:none}.beer-handle{--tw-text-opacity:1;--tw-shadow:0 0 6px transparent;--tw-shadow-colored:0 0 6px var(--tw-shadow-color);background-color:hsla(0,0%,100%,.5);border-radius:50%;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(17 17 17/var(--tw-text-opacity));height:3rem;left:50%;opacity:0;pointer-events:none;transform:translate3d(-50%,-50%,0);transition:background .3s,box-shadow .3s,opacity .5s .25s;width:3rem;z-index:2}.beer-handle,.beer-handle:after,.beer-handle:before{position:absolute;top:50%}.beer-handle:after,.beer-handle:before{--tw-border-opacity:1;border-color:rgb(17 17 17/var(--tw-border-opacity));border-left-width:2px;border-top-width:2px;content:"";height:.625rem;transform-origin:top left;width:.625rem}.beer-handle:before{--tw-rotate:-45deg;left:.625rem}.beer-handle:after,.beer-handle:before{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.beer-handle:after{--tw-rotate:-135deg;right:0}.beer-range:focus~.beer-handle{--tw-shadow:0 0 3px rgba(0,0,0,.4);--tw-shadow-colored:0 0 3px var(--tw-shadow-color);background-color:hsla(0,0%,100%,.85);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.beer-reveal[data-beer-label]:after,.beer-slider[data-beer-label]:after{background-color:hsla(0,0%,100%,.75);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}.comparison-slider .beer-reveal[data-beer-label]:after,.comparison-slider .beer-slider[data-beer-label]:after{--tw-bg-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:9999px;display:flex;font-size:.875rem;font-weight:500;height:2rem;justify-content:center;line-height:1.25rem;padding-left:1rem;padding-right:1rem;text-transform:capitalize;top:.5rem}@media (min-width:1024px){.comparison-slider .beer-reveal[data-beer-label]:after,.comparison-slider .beer-slider[data-beer-label]:after{font-size:1rem;height:2.5rem;line-height:1.5rem;padding-left:1.25rem;padding-right:1.25rem;top:2rem}}.comparison-slider .beer-handle{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:360px;height:1.5rem;width:3.5rem}@media (min-width:1024px){.comparison-slider .beer-handle{height:30px;width:70px}}.comparison-slider .beer-handle:after,.comparison-slider .beer-handle:before{--tw-translate-y:-100%;--tw-rotate:0deg;border-style:none;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.comparison-slider .beer-handle:before{left:.625rem}@media (min-width:1024px){.comparison-slider .beer-handle:before{left:1.25rem}}.comparison-slider .beer-handle:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='13' fill='none'%3E%3Cpath d='M6.69 11.14 2 6.44 6.44 2' stroke='%23111' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'/%3E%3C/svg%3E")}.comparison-slider .beer-handle:after{right:.625rem}@media (min-width:1024px){.comparison-slider .beer-handle:after{right:1.25rem}}.comparison-slider .beer-handle:after{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' fill='none'%3E%3Cpath d='m1.69 2 4.69 4.7-4.44 4.44' stroke='%23111' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'/%3E%3C/svg%3E")}