:root{--vh:100vh}body,html{height:100%;margin:0;padding:0;overflow-x:hidden}.App{text-align:center;display:flex;flex-direction:column;min-height:calc(var(--vh, 1vh) * 100)}.App-header{background-color:#303030;display:flex;flex-direction:row;color:white;height:calc(30px + 10.5vmin);position:sticky;top:0;border-bottom:1px solid goldenrod;z-index:1000}.Header-column-left,.Header-column-middle,.Header-column-right{align-self:center;justify-content:center;text-align:center}.Header-column-left{width:20%}.Header-column-middle{width:60%}.Header-column-right{width:20%}.App-logo{height:calc(20px + 9vmin);pointer-events:none}.App-link{color:#61dafb}.Heading1-Header{align-self:center;justify-content:center;text-align:center}.App-header-heading{font-size:calc(10px + 4vmin);color:#d8d8d8}.App-body{flex:1;border-right:1px solid goldenrod;border-left:1px solid goldenrod;background-image:url(/assets/wheatfield.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%;background-attachment:fixed;background-color:#303030;display:flex;flex-direction:column;color:white;overflow-y:auto;padding-bottom:calc(10px + 3vmin)}.App-body-tapDetails{margin-top:calc(2px + 2vmax)}.App-body-on-tap{font-size:calc(20px + 1vmin);margin-top:-3px;font-weight:500}.Beer-box-outer{border-bottom:1px solid goldenrod;border-top:-10px solid goldenrod;margin-left:1%;margin-right:1%;padding-bottom:5px;padding-top:5px;display:flex;flex-direction:row;background-color:rgba(48,48,48,.65)}.Left-container{align-items:center;width:18vw;max-width:130px;flex-shrink:0;flex-grow:0}.Left-container,.SRM-container{display:flex;justify-content:center}.SRM-container{position:relative;width:max-content;height:fit-content;align-self:center}.SRM-image{max-width:calc(40px + 2vw);width:80%;height:100%}.SRM-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:calc(10px + 2vmin);font-weight:700;text-shadow:0 0 5px black}.Beer-box-inner{float:none;height:fit-content;margin-left:0;margin-right:0;padding-bottom:0;width:calc(50vw)}.Beer-box-heading,.Beer-box-heading-none{align-items:left;margin-top:5px}.Beer-box-heading{border-bottom:1px solid #9e9e9e}.Beer-heading1{font-size:calc(11px + 1vmin);line-height:1em;margin-left:8px;margin-bottom:1px;margin-top:-2px;text-indent:-8px}.Beer-heading1,.Beer-heading2{text-align:left;color:#d8d8d8;font-weight:500}.Beer-heading2{font-size:calc(8px + 1vmin);margin-left:.5%;margin-bottom:0;margin-top:0}.Beer-stats-box{display:flex;flex-direction:row}.Beer-stats-div-left{float:left;width:calc(13vw);margin-left:5px}.Beer-stats-div-left,.Beer-stats-div-right{font-size:calc(5px + 1vmax);text-align:left;margin-bottom:1.5px}.Beer-stats-div-right{float:right;width:calc(31vw);display:block}.Beer-stat,.Beer-stat-ing{font-size:calc(5px + 1vmin);line-height:1.1;color:#d8d8d8;margin-top:0;margin-bottom:0;font-weight:400}.Beer-stat-ing{margin-bottom:0;margin-left:2px;margin-right:3px;text-indent:-2px}.Beer-box-desc,.Beer-box-desc-none{float:right;width:calc(40vw);text-align:left;flex-wrap:wrap;margin-left:0;justify-content:left}.Beer-box-desc{border-left:1px solid #9e9e9e}.Beer-description{font-size:calc(8px + 1vmin);color:#d8d8d8;margin-top:0;margin-left:5px;font-weight:700}.Beer-description-text{font-size:calc(5px + 1vmin);color:#d8d8d8;margin:-2px 2px -3px 8px;font-weight:400;line-height:1.1em}.App-footer{background-color:#303030;flex-direction:column;color:white;overflow-anchor:none;overflow-y:auto;position:sticky;bottom:0;border-top:1px solid goldenrod;padding-bottom:env(safe-area-inset-bottom);height:calc(10px + 2.5vh);z-index:1000}.App-footer,.App-footer-lastUpdate{display:flex;align-items:center;justify-content:center}.App-footer-lastUpdate{font-size:calc(10px + .5vmin);margin-top:0}.App-footer-lastUpdate-img{width:calc(12px + .5vmin);margin-right:3px}.Untappd{width:calc(20px + 3vmin);resize:both;position:fixed;bottom:calc(10px + 2.4vh);right:calc(5px + 2vw)}.tippy-box[data-theme~=custom-theme]{background-color:rgb(150,150,150)!important;color:#fff;border-radius:5px;padding:0;height:calc(60px + 3vh)}.tooltip-box{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.keg-container{position:relative;width:min(calc(30px + 1vw),calc((50px + 3vh) * .4));height:calc(50px + 3vh);color:#d8d8d8}.keg-image{height:calc(50px + 3vh);top:0}.keg-fill,.keg-image{width:min(calc(30px + 1vw),calc((50px + 3vh) * .4));position:absolute;left:0}.keg-fill{bottom:0;background-color:rgba(46,191,0,.4);z-index:1}.volume-text-container{margin-left:calc(25px + 1vw);position:relative;align-items:left;width:calc(100px + 2vw)}.volume-text{color:white;font-size:calc(3px + 1vh)}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}