@charset "utf-8";.beer-reveal,.beer-slider{z-index:1;overflow:hidden}.js .bb-item,.no-js .bb-custom-wrapper nav span,.no-js .menu-button{display:none}.beer-slider{position:relative;width:100vw;height:100vh}.beer-slider img{margin:0;padding:0;width:100vw;height:100vh}.beer-reveal{left:0;opacity:0;position:absolute;right:50%;top:0;transition:opacity .35s}.beer-range{-moz-appearance:none;-ms-touch-action:auto;-webkit-appearance:slider-horizontal!important;top:6em;cursor:pointer;height:100%;left:-1px;margin:0;opacity:0;position:absolute;touch-action:auto;width:calc(100% + 2px);z-index:2}.beer-range::-webkit-slider-thumb{-webkit-appearance:none;height:100vh}.beer-range::-moz-range-thumb{-webkit-appearance:none;height:100vh}.beer-range::-ms-tooltip{display:none}.beer-handle{background-color:#000;border-radius:50%;color:#fff;border:1px solid #666;box-shadow:0 0 .5em #666;pointer-events:none;position:absolute;bottom:3em;transform:translate3d(-50%,-50%,0);width:3em;height:3em;z-index:100}.bb-bookblock,.bb-content,.js .bb-item{background:#fff}.beer-handle:after,.beer-handle:before{border-left:2px solid;border-top:2px solid;content:"";position:absolute;top:50%;transform-origin:0 0;width:.6em;height:.6em}.beer-handle:before{left:.7em;transform:rotate(-45deg)}.beer-handle:after{right:.1em;transform:rotate(135deg)}.beer-reveal[data-beer-label]:after,.beer-slider[data-beer-label]:after{content:attr(data-beer-label);line-height:1;padding:1em;position:absolute;top:3em;display:none}.beer-reveal[data-beer-label]:after{color:#000;background-color:#fff;left:3em}.beer-slider[data-beer-label]:after{color:#fff;background-color:#000;right:3em}.beer-reveal[data-beer-label=""]:after,.beer-slider[data-beer-label=""]:after{content:none}.beer-ready .beer-handle,.beer-ready .beer-reveal,.jspContainer:hover .jspVerticalBar{opacity:1}.bb-bookblock{position:relative;z-index:100}.bb-page{width:50%;height:100%;left:50%;position:absolute;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.bb-content,.bb-outer,.bb-page>div{position:absolute;height:100%;top:0;left:0}.bb-inner{position:relative;width:100%;height:100%}.bb-flipoverlay,.bb-overlay,.js .bb-item{width:100%;height:100%;position:absolute;top:0;left:0}.bb-outer,.bb-overlay{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.bb-page>div{width:100%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.bb-back{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg)}.bb-outer{width:100%;overflow:hidden;z-index:999}.bb-flipoverlay,.bb-overlay{background-color:rgba(0,0,0,.7);opacity:0;z-index:1000}.bb-flipoverlay{background-color:rgba(0,0,0,.2)}.bb-bookblock>div.bb-page:first-child,.bb-bookblock>div.bb-page:first-child .bb-back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}.js body{overflow-x:hidden}.bb-bookblock,.bb-container,.bb-custom-wrapper{width:100vw;height:100vh;margin:0!important;padding:0!important}.bb-container{position:relative;right:0;-webkit-transition:right .5s ease-in-out;-moz-transition:right .5s ease-in-out;-ms-transition:right .5s ease-in-out;-o-transition:right .5s ease-in-out;transition:right .5s ease-in-out}.slideRight{right:50%}.menu-panel{width:50%;height:100%;position:absolute;overflow-y:scroll;top:0;right:-50%;margin:0!important;padding:0!important}.js .menu-panel h2{margin:1em 0}.menu-toc{list-style:none}.menu-toc li a{display:block;text-align:center;color:#fff;padding:1em;cursor:pointer}.menu-toc li.menu-toc-current a{color:#fff}.menu-panel div a{display:block;border:none}.bb-custom-wrapper nav{position:absolute;top:50%;left:0;right:0;z-index:100;mix-blend-mode:difference}.bb-custom-wrapper nav span,.menu-button{position:absolute;width:3em;height:3em;background-color:rgba(255,255,255,.2);transition:.5s;border-radius:50%;color:#fff;cursor:pointer;mix-blend-mode:difference}.bb-custom-wrapper nav span:hover,.menu-button:hover{color:#000;background-color:#fff}.bb-custom-wrapper nav span:first-child{left:3em}.bb-custom-wrapper nav span:last-child{right:3em}.menu-button{z-index:100;top:3em;right:3em}.jspContainer{overflow:hidden;position:relative}.jspPane{position:absolute;width:100%!important;left:0!important}.jspVerticalBar{position:absolute;top:0;right:1%;width:9px;height:100%;opacity:0;-webkit-transition:opacity .2s linear}.jspCap{display:block;background:#fff}.jspVerticalBar .jspCap{height:40px}.jspTrack{background:rgba(242,242,242,.5);box-shadow:inset 0 0 1px rgba(0,0,0,.1),inset 1px 0 4px rgba(0,0,0,.05);border-radius:10px;position:relative}.jspDrag{background:#fff;position:relative;box-shadow:inset -1px 0 8px rgba(0,0,0,.05);top:0;left:0;border-radius:5px;border:1px solid #f0f0f0;cursor:pointer}.jspCorner{background:#fff;float:left;height:100%}* html .jspCorner{margin:0 -3px 0 0}