.sort[data-v-db3a9787]{flex:0 auto;padding-left:1rem;position:relative}.sort-button[data-v-db3a9787]{color:var(--color-text);padding:.75rem}.sort-options[data-v-db3a9787]{background:var(--bg-hover);z-index:1000;width:8rem;display:none;position:absolute;top:2.75rem;right:0;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}.sort.open .sort-options[data-v-db3a9787]{display:block}.sort-options-header[data-v-db3a9787]{padding:1rem 1rem .5rem;font-weight:700}.sort-options ul[data-v-db3a9787]{margin-bottom:0;padding-left:0;list-style:none}.sort-options ul li .sort-option[data-v-db3a9787]{text-align:left;width:100%;color:var(--color-link);background:0 0;border:0;padding:.5rem 1rem;display:block}.sort-options ul li .sort-option.selected[data-v-db3a9787]{border-left:.5rem solid #febf01}.sort-direction[data-v-db3a9787]{float:right;font-size:.75rem}.sort-options ul li .sort-option[data-v-db3a9787]:hover{background:var(--overlay-hover);text-decoration:none}.beer[data-v-809fa7cb]{transition:all .1s ease-out;position:relative}.beer.active[data-v-809fa7cb]{background:var(--bg-hover);z-index:10;padding:.5rem 0 1rem;box-shadow:0 1px 3px 1px #3c404333,0 2px 8px 4px #3c40431a}.beer[data-v-809fa7cb]:focus-within,.beer[data-v-809fa7cb]:hover{background:var(--bg-hover);box-shadow:0 1px 3px 1px #3c404333,0 2px 8px 4px #3c40431a}.beer.active[data-v-809fa7cb]:focus-within,.beer.active[data-v-809fa7cb]:hover{box-shadow:0 1px 3px 1px #3c404333,0 2px 8px 4px #3c40431a}.beer-intro[data-v-809fa7cb]{padding:1.25rem 0 0 1rem;display:flex;position:relative}body .beer-link[data-v-809fa7cb],body .beer-link[data-v-809fa7cb]:hover{color:var(--color-text);cursor:pointer;text-decoration:none}.beer-link[data-v-809fa7cb]{text-align:left;background:0 0;border:0;width:100%;padding:0;display:block}.beer-link[data-v-809fa7cb]:focus{outline:none}.beer-link[data-v-809fa7cb]:after{content:" ";z-index:5;width:100%;height:100%;position:absolute;inset:0}.beer-info[data-v-809fa7cb]{min-width:0;box-shadow:0 1px 0 var(--border-color);flex:1;margin-top:-.125rem;padding-bottom:1rem;padding-right:.5rem;transition:box-shadow ease-out}.beer.active .beer-info[data-v-809fa7cb],.beer:hover .beer-info[data-v-809fa7cb]{box-shadow:none;transition:box-shadow ease-out}li.beer:last-of-type .beer-info[data-v-809fa7cb]{box-shadow:none}.beer-logo[data-v-809fa7cb]{float:left;border:1px solid var(--border-color);background:var(--bg-subtle);width:4rem;min-width:4rem;height:4rem;margin-bottom:1.25rem;margin-right:1rem;transition:all .1s ease-out;display:flex;overflow:hidden}.beer-logo img[data-v-809fa7cb]{-o-object-fit:cover;object-fit:cover;width:100%;height:auto}.beer-brewer[data-v-809fa7cb],.beer-name[data-v-809fa7cb],.beer-style[data-v-809fa7cb]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.beer-name[data-v-809fa7cb]{margin-top:-.075rem;margin-bottom:0;padding-right:32px;font-family:Oswald,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.3}.beer-new-badge[data-v-809fa7cb]{vertical-align:.15em;letter-spacing:.02em;text-transform:uppercase;background:var(--color-link);color:var(--bg-main);border-radius:999px;margin-right:.35rem;padding:.05rem .35rem;font-family:Montserrat,sans-serif;font-size:.65rem;font-weight:700;display:inline-block}.beer-brewer[data-v-809fa7cb]{margin-bottom:.25rem;font-weight:500;line-height:125%}.beer-style[data-v-809fa7cb]{color:var(--color-text-muted);font-size:.85rem}.beer-style[data-v-809fa7cb]:before{content:" ";background:var(--bg-subtle);border-radius:50%;width:.625rem;height:.625rem;margin-right:.125rem;display:inline-block}.beer-abv[data-v-809fa7cb]:before{content:" - "}.beer.active .beer-brewer[data-v-809fa7cb],.beer.active .beer-name[data-v-809fa7cb],.beer.active .beer-style[data-v-809fa7cb]{white-space:normal;overflow:visible}.beer-rating[data-v-809fa7cb]{z-index:10;text-align:center;letter-spacing:-.125rem;color:#704e00;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='iso-8859-1'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='438.821px'%20height='438.82px'%20viewBox='0%200%20438.821%20438.82'%20fill='%23ffedb7'%20style='enable-background:new%200%200%20438.821%20438.82;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20d='M432.39,257.938l-39.393-38.546l39.393-38.544c5.715-5.33,7.617-11.991,5.715-19.985%20c-2.283-7.804-7.231-12.657-14.849-14.56l-53.674-13.706l15.133-53.104c2.279-7.801,0.479-14.467-5.427-19.985%20c-5.517-5.902-12.18-7.71-19.986-5.426l-53.098,15.133l-13.709-53.675c-1.903-7.806-6.749-12.658-14.551-14.561%20c-7.81-2.096-14.47-0.284-19.986,5.424l-38.547,39.687L180.868,6.404c-5.52-5.9-12.181-7.708-19.985-5.424%20c-7.804,1.903-12.657,6.755-14.56,14.561l-13.706,53.675L79.514,54.083c-7.804-2.285-14.465-0.476-19.985,5.426%20c-5.901,5.518-7.71,12.179-5.424,19.985l15.131,53.104l-53.675,13.706c-7.613,1.903-12.563,6.755-14.845,14.56%20c-1.906,7.994,0,14.655,5.709,19.985l39.398,38.544L6.425,257.938c-5.709,5.328-7.612,11.991-5.709,19.981%20c2.282,7.806,7.232,12.658,14.845,14.562l53.675,13.702l-15.131,53.105c-2.286,7.803-0.477,14.462,5.424,19.985%20c5.52,5.899,12.181,7.703,19.985,5.421l53.104-15.126l13.706,53.673c1.903,7.803,6.755,12.751,14.56,14.842%20c7.994,1.902,14.656,0,19.985-5.708l38.544-39.399l38.547,39.402c3.806,4.183,8.658,6.276,14.555,6.276%20c1.338,0,3.142-0.191,5.432-0.567c7.802-2.286,12.651-7.234,14.554-14.846l13.702-53.67l53.102,15.13%20c7.807,2.278,14.47,0.472,19.986-5.428c5.902-5.523,7.71-12.183,5.427-19.985l-15.129-53.105l53.67-13.699%20c7.621-1.902,12.565-6.759,14.849-14.561C440.011,269.93,438.108,263.267,432.39,257.938z'/%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3c/svg%3e") 50%/2rem no-repeat;width:2rem;height:2rem;padding:.325rem .25rem .075rem .075rem;font-family:Lekton,courier,monospace;font-size:1rem;line-height:1.6rem;transition:background .1s ease-out;display:block;position:absolute;top:.875rem;right:.5rem}a.beer-rating[data-v-809fa7cb]:hover{color:var(--color-link-hover);text-decoration:none}.beer-details-container[data-v-809fa7cb]{grid-template-rows:0fr;transition:grid-template-rows .15s ease-out;display:grid;position:relative}.beer-details-container.open[data-v-809fa7cb]{grid-template-rows:1fr}.beer-details-inner[data-v-809fa7cb]{overflow:hidden}.beer-permalink[data-v-809fa7cb]{padding:0 1rem 1rem}.beer-permalink-link[data-v-809fa7cb]{z-index:10;color:var(--color-link);font-size:.75rem;position:relative}.beer-permalink-link[data-v-809fa7cb]:hover{color:var(--color-link-hover)}.srm[data-v-809fa7cb]:before{background-color:var(--background-color)}.container-list{margin:0 -1rem}#beer-list{padding:0;list-style:none}.beer-list-error{text-align:center;color:var(--color-text-muted);padding:1rem}.beer-list-spinner{border:.25rem solid var(--bg-subtle);border-top-color:var(--color-link);border-radius:50%;width:2rem;height:2rem;margin:1rem auto;animation:.75s linear infinite beer-list-spin}@keyframes beer-list-spin{to{transform:rotate(1turn)}}.scroll-top-button{color:#31302c;z-index:20;background:#f5bd00;border:0;border-radius:50%;width:3rem;height:3rem;font-size:1.5rem;line-height:1;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 1px 3px #0000004d}.scroll-top-button:hover{background:#ffd34f}