html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{font-size:62.5%}*{box-sizing:border-box}@font-face{font-family:Prequel;src:url(/assets/Prequel-rough-BXGrolZi.ttf)}body{background-image:url(/assets/topographic-blue-CHrGnyt_.png);background-position:50% 50%;background-size:cover}header{width:100%;height:5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:20rem}section{width:100%;min-height:55rem;padding:4rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}section:last-of-type{justify-content:center}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4rem}#contentWrapper{width:100%;margin:0 auto;display:flex;justify-content:center;gap:2rem}#imgWrapper{max-height:70rem;width:fit-content}#luauCan{height:100%;width:100%;object-fit:contain}#textWrapper{display:flex;flex-direction:column;gap:2rem;max-width:80rem}#scrollTarget{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4rem}.animation-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4rem}.icon-container{display:flex;flex-direction:row;gap:2rem;pad:1rem;min-height:fit-content}.icon-wrapper{height:10rem;width:10rem;display:flex;flex-direction:column;justify-content:center;gap:2rem}.dial-container{display:flex;flex-direction:row;gap:2rem;pad:1rem;min-height:fit-content}.feature-wrapper{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2rem}.dial-wrapper{width:15rem;height:15rem;position:relative}.dial-mask{width:15rem;height:8rem;position:absolute;overflow:hidden}.dial-track{width:15rem;height:15rem;position:absolute;border:solid 6px #4376bb;border-top-left-radius:50%;border-top-right-radius:50%}.ghost-container{width:15rem;height:15rem;position:absolute}.dial-thumb{position:absolute;z-index:10;height:2rem;width:2rem;background-color:#4376bb;border-radius:50%;top:65px;left:-7px;box-shadow:2px 2px 4px #000}.labels-wrapper{position:relative;width:17.3rem;margin-top:-12rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem}.percentage-wrapper{display:flex;gap:3px}.left-value{position:absolute;top:4rem;left:0}.right-value{position:absolute;top:4rem;right:0}.slider-container{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;width:65%}.slider-wrapper-outer{display:flex;height:50%;width:50%}.flavor-wrapper{width:100%;display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem}.flavor-label{font-family:Prequel;font-weight:300;font-size:2.5rem;color:#fff;padding:1rem}.slider-wrapper-inner{position:relative;width:20rem;min-width:20rem;height:3.5rem;min-height:3.5rem}.slider-track{position:absolute;top:1.5rem;width:20rem;height:.5rem;background:#4376bb;border-radius:.5rem;z-index:10;box-shadow:2px 2px 4px #00000080}.thumb-container{position:absolute;top:7px;height:2rem;width:2rem;z-index:10}.slider-thumb{position:absolute;height:2rem;width:2rem;z-index:20;border-radius:50%;background-color:#78be20;box-shadow:2px 2px 4px #000}header span{font-family:Prequel;text-transform:uppercase;text-align:center;font-size:3rem;line-height:1.2;color:#fff}#beerInfo{font-family:Prequel;text-transform:uppercase;font-size:2.5rem;color:#4376bb}h1{font-family:Prequel;text-transform:uppercase;font-size:6rem;line-height:1.2;color:#fff}p{font-family:Open Sans,sans-serif;color:#fff;font-size:2rem;line-height:1.5}p span{font-family:Prequel;text-transform:uppercase;font-size:2rem}.icon-wrapper span{font-family:Prequel;font-size:2.5rem;color:#fff;text-align:center}.percentage-value,.percentage-value+span{font-family:Open Sans,sans-serif;font-weight:300;color:#fff;font-size:4rem}.percentage-label{font-family:Prequel;font-size:3rem;color:#4376bb}.left-value,.right-value{font-family:Open Sans,sans-serif;font-size:1.6rem;color:#fff}footer p{font-family:Prequel;font-size:2rem;text-transform:uppercase;text-align:center}a{color:#fff;text-decoration:none}a:hover{color:#4376bb;text-decoration:underline}#hoppyThumbContainer,#maltyThumbContainer,#sweetThumbContainer,#fruityThumbContainer,#abvGhostContainer,#ibuGhostContainer,#abvDialThumb,#ibuDialThumb{transition:all 1.2s .25s ease-in-out}@media all and (max-width:41rem){#contentWrapper{flex-direction:column;align-items:center}#imgWrapper{height:40rem}.animation-wrapper,.slider-container{flex-direction:column}}@media(min-width:42rem)and (max-width:73rem){#contentWrapper{flex-direction:column;align-items:center}#imgWrapper{height:50rem}.slider-container{flex-direction:column}}