.image-range-slider{display:-ms-grid;display:grid;grid-auto-rows:auto;grid-auto-flow:row;width:100%;height:auto;grid-template-columns:1fr 6rem 4rem minmax(-webkit-min-content,80rem) 4rem 6rem 1fr;-ms-grid-columns:1fr 6rem 4rem minmax(min-content,80rem) 4rem 6rem 1fr;grid-template-columns:1fr 6rem 4rem minmax(min-content,80rem) 4rem 6rem 1fr;justify-items:start;-ms-flex-align:start;align-items:start;position:relative}.image-range-slider .image-range-in{margin:1em 0;display:block;width:100%;-ms-grid-column:4;-ms-grid-column-span:1;grid-column:4/5}.image-range-slider .image-slider.active{opacity:1}.image-range-slider .image-slider{display:inline-block;overflow:hidden;position:relative;width:100%;height:auto;-webkit-transition:opacity .2s ease .2s;-o-transition:opacity .2s .2s ease;transition:opacity .2s ease .2s;opacity:0;margin-top:1px}.image-range-slider .image-slider>img{margin-top:0;width:100%}.image-range-slider .beer-reveal>img,.image-range-slider .image-slider>img{height:auto;max-width:none;vertical-align:bottom;display:block;margin-bottom:0;-ms-grid-column:4;-ms-grid-column-span:1;grid-column:4/5}.image-range-slider .beer-reveal{overflow:hidden;position:absolute;right:50%;top:0;-webkit-transition:opacity .35s;-o-transition:opacity .35s;transition:opacity .35s;z-index:1;left:0;height:100%;opacity:1}.image-range-slider input.beer-range{-moz-appearance:none;-ms-touch-action:auto;-webkit-appearance:slider-horizontal!important;bottom:0;cursor:pointer;height:100%;left:-1px;margin:0;opacity:0;position:absolute;top:0;touch-action:auto;width:calc(100% + 2px);z-index:2}.image-range-slider span.beer-handle{opacity:1;background:hsla(0,0%,100%,.5);border-radius:50%;-webkit-box-shadow:0 0 6px transparent;box-shadow:0 0 6px transparent;color:#000;height:48px;left:50%;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transition:background .3s,opacity .5s .25s,-webkit-box-shadow .3s;transition:background .3s,opacity .5s .25s,-webkit-box-shadow .3s;-o-transition:background .3s,box-shadow .3s,opacity .5s .25s;transition:background .3s,box-shadow .3s,opacity .5s .25s;transition:background .3s,box-shadow .3s,opacity .5s .25s,-webkit-box-shadow .3s;width:48px;z-index:2}.image-range-slider span.beer-handle:after,.image-range-slider span.beer-handle:before{border-left:2px solid;border-top:2px solid;content:"";height:10px;position:absolute;top:50%;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:10px}.image-range-slider span.beer-handle:before{left:10px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.image-range-slider span.beer-handle:after{right:0;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}@media(max-width:1280px){.image-range-slider{grid-template-columns:1fr 3rem 7rem minmax(-webkit-min-content,60rem) 7rem 3rem 1fr;-ms-grid-columns:1fr 3rem 7rem minmax(min-content,60rem) 7rem 3rem 1fr;grid-template-columns:1fr 3rem 7rem minmax(min-content,60rem) 7rem 3rem 1fr}}@media(max-width:768px){.image-range-slider{-ms-grid-columns:0 1.5rem 0 1fr 0 1.5rem 0;grid-template-columns:0 1.5rem 0 1fr 0 1.5rem 0}.image-range-slider .image-slider{margin-top:.5px;margin-bottom:1px}}