@import url(https://fonts.googleapis.com/css?family=Roboto:400,700|Rubik+Mono+One&display=swap);*,:after,:before{box-sizing:inherit}html{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,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{margin:0;padding:0;list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{padding:0;margin:0;border:0;box-shadow:none;background-color:transparent;cursor:pointer}body,button,input,select,textarea{font-family:Roboto,sans-serif;font-weight:400;font-size:16px;line-height:1.4}strong{font-weight:700}h1{font-family:Rubik Mono One,sans-serif;font-style:normal;font-size:22px}@media (min-width:400px) and (max-width:1199px){h1{font-size:calc(22px + (3800vw - 15200px)/800)}}@media (min-width:1200px){h1{font-size:60px}}h2{font-family:Rubik Mono One,sans-serif;font-style:normal;font-size:22px}@media (min-width:400px) and (max-width:1199px){h2{font-size:calc(22px + (3800vw - 15200px)/800)}}@media (min-width:1200px){h2{font-size:60px}}button{color:inherit}.btn{transition:background-color .33s ease-in-out;display:inline-block;border:0;background-color:#feda6f;padding:.6em .8em;font-size:.9rem}.btn:hover{background-color:#feca32}.btn:focus{outline:none}.stack>*+*{margin-top:1em}input[type=number],input[type=search],input[type=text],select,textarea{width:100%;display:block;border:0;padding:.5em;background-color:#f6f6f6;border-bottom:1px solid #eee;border-radius:0}.form-el label{text-transform:uppercase;letter-spacing:.12em;font-size:.6rem;font-weight:700;margin-left:.5em}.form-action{margin-top:1rem}.app-wrap{padding:1rem 1rem 100px 1rem}.user-avatar[data-v-7489d0ae]{width:32px;height:32px;border-radius:50%;overflow:hidden}.user-avatar img[data-v-7489d0ae]{width:100%;display:block}.profile[data-v-f98a3f8c]{transition:all .33s ease-in-out;position:fixed;top:0;left:0;right:0;bottom:0;transform:translate3d(100%,0,0);background-color:#3d3d3d;color:#fff}.profile.visible[data-v-f98a3f8c]{transform:translateZ(0)}.close-profile[data-v-f98a3f8c]{position:absolute;top:1rem;right:1rem}.close-profile svg[data-v-f98a3f8c]{width:32px;display:inline-block;vertical-align:middle;fill:#fff}.close-profile span[data-v-f98a3f8c]{text-transform:uppercase;letter-spacing:.12em;font-size:.6rem;font-weight:700;vertical-align:middle;margin-left:8px}.close-profile[data-v-f98a3f8c]:focus{outline:none}.close-profile:focus svg[data-v-f98a3f8c]{fill:#eee}.user[data-v-f98a3f8c]{margin-bottom:1rem;background-color:#444;padding:1rem}.user-avatar[data-v-f98a3f8c]{border:2px solid #fff}.user-name[data-v-f98a3f8c]{margin-top:.5em;font-weight:700}.profile-nav a[data-v-f98a3f8c],.profile-nav button[data-v-f98a3f8c]{color:#fff;text-decoration:none;padding:1rem}.app-utility[data-v-e28a99cc]{position:fixed;bottom:0;left:0;right:0;box-shadow:0 0 12px rgba(34,34,34,.16);background-color:#fff;z-index:10}.icon[data-v-e28a99cc]{display:block;height:24px}.icon svg[data-v-e28a99cc]{display:block;height:100%;margin:auto}.label[data-v-e28a99cc]{text-transform:uppercase;letter-spacing:.12em;font-size:.6rem;font-weight:700}.util-menu[data-v-e28a99cc]{display:flex}.util-menu button[data-v-e28a99cc]{display:block;width:100%;text-align:center;padding:.5rem}.util-menu button[data-v-e28a99cc]:focus{outline:none}.util-menu button[data-v-e28a99cc]:not(.active):focus{background-color:#eee}.util-menu li[data-v-e28a99cc]{flex:1;border-right:1px solid #eee}.util-menu li[data-v-e28a99cc]:last-child{border-right:0}.util-menu figure[data-v-e28a99cc]{margin:auto}.router-link-active svg[data-v-e28a99cc]{fill:#4abba4}.router-link-active .label[data-v-e28a99cc]{color:#4abba4}.search-btn.active[data-v-e28a99cc],.starred-btn.active[data-v-e28a99cc]{background-color:#b9e5dc}#app[data-v-61c22a16]{background-color:#f6f6f6;min-height:100vh}.slide-left-enter-active[data-v-61c22a16],.slide-left-leave-active[data-v-61c22a16],.slide-right-enter-active[data-v-61c22a16],.slide-right-leave-active[data-v-61c22a16]{transition:all .33s ease-in-out;transition-property:opacity,transform;overflow:hidden}.slide-left-enter[data-v-61c22a16],.slide-right-leave-active[data-v-61c22a16]{opacity:0;transform:translate(2em)}.slide-left-leave-active[data-v-61c22a16],.slide-right-enter[data-v-61c22a16]{opacity:0;transform:translate(-2em)}.list[data-v-23c0915a]{margin-top:1rem}.select-wrap[data-v-1df9f485]{position:relative}.select-wrap svg[data-v-1df9f485]{position:absolute;width:20px;height:20px;right:10px;top:50%;margin-top:-10px;pointer-events:none}.brewery-input[data-v-362d9b23]{position:relative}.autocomplete-results[data-v-362d9b23]{position:absolute;z-index:2;left:0;width:100%;background-color:#fff;box-shadow:0 2px 4px rgba(43,54,74,.5)}.autocomplete-result[data-v-362d9b23]{display:block;width:100%;text-align:left;padding:1em}.autocomplete-result[data-v-362d9b23]:focus,.autocomplete-result[data-v-362d9b23]:hover{background-color:#b9e5dc}.admin-section+.admin-section[data-v-2208aeda]{margin-top:4rem}.search[data-v-7916987a]{padding:1rem}.search-label[data-v-7916987a]{text-transform:uppercase;letter-spacing:.12em;font-size:.6rem;font-weight:700;display:block;margin-bottom:1em}.search-input[data-v-7916987a]{background-color:#fff;font-size:1.25rem;border:1px solid #eee}.label[data-v-5f7d8ed6]{text-transform:uppercase;letter-spacing:.12em;font-size:.6rem;font-weight:700}.beer[data-v-5f7d8ed6]{position:relative;padding:1rem 1rem 1rem .5rem;background-color:#fff;border-top:1px solid #eee}.beer[data-v-5f7d8ed6]:after{content:"";position:absolute;top:0;right:0;border-color:transparent;border-style:solid;border-width:1em}.beer.rated-positive[data-v-5f7d8ed6]:after{border-right-color:#4abba4;border-top-color:#4abba4}.beer.rated-negative[data-v-5f7d8ed6]:after{border-right-color:#e05d5d;border-top-color:#e05d5d}.beer.rated-neutral[data-v-5f7d8ed6]:after{border-right-color:#ccc8bb;border-top-color:#ccc8bb}.beer[data-v-5f7d8ed6]:before{content:"";display:block;position:absolute;top:0;left:0;height:100%;border-left:4px solid transparent}.beer.saved[data-v-5f7d8ed6]:before{border-color:#feda6f}.placard[data-v-5f7d8ed6]{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:flex-start}.beer-rating[data-v-5f7d8ed6]{grid-column:2;display:flex;gap:10px;align-items:center;justify-content:flex-end}.beer-name[data-v-5f7d8ed6]{color:#444}.beer-save[data-v-5f7d8ed6]{order:-1;width:44px;padding:8px}.beer-save .save-btn[data-v-5f7d8ed6]{width:100%;display:block}.beer-save .save-btn svg[data-v-5f7d8ed6]{width:100%}.more-button[data-v-5f7d8ed6]{text-align:left}.beer-abv[data-v-5f7d8ed6],.beer-style[data-v-5f7d8ed6]{font-size:.9rem}.beer-style[data-v-5f7d8ed6]{font-style:italic}.thumb-rating[data-v-5f7d8ed6]{width:44px;height:44px;padding:10px;border-radius:50%;border:1px solid #eee}.thumb-rating[data-v-5f7d8ed6]:focus{outline:none}.thumb-rating svg[data-v-5f7d8ed6]{width:100%;display:block;fill:#999}.thumb-rating.active svg[data-v-5f7d8ed6]{fill:#fff}.thumb-rating.thumbs-up.active[data-v-5f7d8ed6]{border-color:#4abba4;background-color:#4abba4}.thumb-rating.thumbs-neutral.active[data-v-5f7d8ed6]{border-color:#ccc8bb;background-color:#ccc8bb}.thumb-rating.thumbs-down.active[data-v-5f7d8ed6]{border-color:#e05d5d;background-color:#e05d5d}.beer-more[data-v-5f7d8ed6]{margin-top:1rem;display:none}.expanded .beer-more[data-v-5f7d8ed6]{display:block}.beer-notes[data-v-5f7d8ed6]{font-size:.86rem}.more-actions[data-v-5f7d8ed6]{text-align:center}.save-btn[data-v-5f7d8ed6]:focus{outline:none}.save-btn svg[data-v-5f7d8ed6]{margin:auto;display:block;width:24px;fill:none;stroke:#999}.save-btn.active svg[data-v-5f7d8ed6]{fill:#feda6f;stroke:#feda6f}.more-enter-active[data-v-5f7d8ed6],.more-leave-active[data-v-5f7d8ed6]{transition:opacity .33s ease-in-out}.more-leave-to[data-v-5f7d8ed6]{transition-duration:0s}.more-enter[data-v-5f7d8ed6],.more-leave-to[data-v-5f7d8ed6]{opacity:0}.brewery[data-v-31640dcf]{border-bottom:4px solid #eee;position:relative}.brewery-name[data-v-31640dcf]{font-family:Rubik Mono One,sans-serif;padding:1em;color:#444;margin-top:2rem;background-color:#f6f6f6;position:sticky;top:0;z-index:9;box-shadow:0 4px 4px -4px rgba(34,34,34,.16)}.show-starred .beer[data-v-31640dcf]:not(.saved){display:none}.loading[data-v-b640a716]{padding:1rem;display:flex;align-items:center;justify-content:center}.back-btn[data-v-b640a716]{text-decoration:none;color:#999}.back-btn svg[data-v-b640a716]{display:inline-block;vertical-align:middle;width:20px;fill:#999}.back-btn .label[data-v-b640a716]{text-transform:uppercase;letter-spacing:.12em;font-size:.6rem;font-weight:700;vertical-align:middle;margin-left:6px}.header[data-v-b640a716]{padding:1rem;background-color:#e7ad02;color:#fff;text-shadow:2px 2px rgba(34,34,34,.2)}.anonymous-message[data-v-b640a716]{margin-top:1rem;color:#4abba4}.search[data-v-b640a716]{margin-top:2rem}.interstitial-search-message[data-v-b640a716]{margin-top:1rem;padding-left:1rem;padding-right:1rem}.beerlist[data-v-b640a716]{padding:1rem 0 120px 0}.no-starred-msg[data-v-b640a716]{padding:1rem}.brewery.hide{display:none}