.filter{margin-bottom:.8rem}[data-filter-results]:focus{outline:none;box-shadow:none}.filter-search-wrap{display:inline-block;position:relative}.filter-search{min-width:240px;padding:0 30px 0 2rem}.filter-search-icon{position:absolute;right:0;height:100%;line-height:1;cursor:pointer;opacity:.5}.filter-search-icon::before{content:"";display:inline-block;width:30px;height:100%;background:url(/images/filters/search.png)no-repeat 5px/20px 20px}.filter-choice{position:relative;margin-bottom:4px;padding:.2rem 0;font-size:1.4rem;cursor:pointer}.filter-choice::before{content:"";display:inline-block;position:relative;top:-.2rem;vertical-align:middle;margin:0 .8rem 0 0;width:2rem;height:2rem;background-color:transparent;border:.2rem solid var(--black);transition:all var(--ease)}.filter-choice.is-checked{color:var(--black)}.filter-choice.is-checked::before{background:var(--black)url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><g fill='none' fill-rule='evenodd'><polygon points='0 0 24 0 24 24 0 24'/><polygon fill='%23ffffff' points='9 16.2 4.8 12 3.4 13.4 9 19 21 7 19.6 5.6'/></g></svg>")no-repeat 50%/contain}.filter-choice-name{padding-right:5px}.filter-count{display:none}.filter-children{display:none;margin-bottom:1.6rem;margin-left:1.2rem}.filter-choice.is-checked+.filter-children,.filter-children.is-open{display:inline-block}.filter-dropdown{display:inline-block;position:relative;width:100%;color:var(--black);line-height:1}.filter-dropdown-toggle{display:block;position:relative;width:100%;margin:0;padding:0;background:0 0;border:.2rem solid var(--black);border-radius:0;color:var(--black);cursor:pointer;font-family:var(--font-text);font-size:1.4rem;line-height:1;text-align:left;text-transform:capitalize}.filter-dropdown-text{display:block;padding:1.2rem 2rem 1.2rem 1.6rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.filter-dropdown-toggle:disabled{cursor:default}.filter-dropdown-toggle::after{content:"";position:absolute;top:17.5px;right:12px;width:0;height:0;border-top:3px solid var(--black);border-left:3px solid transparent;border-right:3px solid transparent}.filter-dropdown.is-open .filter-dropdown-toggle::after{transform:rotate(180deg)}.filter-dropdown-panel{position:relative;z-index:1000;width:100%;cursor:pointer}.filter-dropdown-search{padding:8px;border-bottom:.2rem solid var(--grey-text);cursor:default}.filter-dropdown-search input{display:inline-block;width:100%;height:1.7rem;margin:0;padding:0;background:0 0;border:0;color:var(--black);font-family:var(--font-text);font-size:1.4rem;line-height:1}.filter-dropdown-empty{margin:0;padding:6px 8px}.filter-dropdown-options{max-height:200px;overflow-y:auto;padding:8px 0}.filter-option{position:relative;padding:6px 8px 6px 30px;cursor:pointer}.filter-option::before{content:"";position:absolute;top:5px;left:5px;width:20px;height:20px;border:.2rem solid var(--black)}.filter-option.is-checked::before{background:var(--black)url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><g fill='none' fill-rule='evenodd'><polygon points='0 0 24 0 24 24 0 24'/><polygon fill='%23ffffff' points='9 16.2 4.8 12 3.4 13.4 9 19 21 7 19.6 5.6'/></g></svg>")no-repeat 50%/contain}.filter-option-name{display:inline-block;font-size:1.4rem;line-height:1;text-transform:capitalize}@media(min-width:768px){.filter-dropdown-search input{height:1.9rem;font-size:1.6rem}}.filter-selections ul{margin:0;padding-left:0;list-style:none}.filter-selections li{display:inline-block;margin-right:.4rem;line-height:1}.filter-selection-label,.filter-selection-value{display:inline-block;margin-bottom:.8rem;color:var(--black);font-family:var(--font-text);font-size:1.2rem;font-weight:400;letter-spacing:inherit;line-height:1;text-transform:none;transition:all var(--ease)}@media(min-width:768px){.filter-selection-label,.filter-selection-value{font-size:1.4rem}}.filter-selection-value{position:relative;margin-right:2rem;padding-right:16px;cursor:pointer}.filter-selection-value::before{content:"";display:block;position:absolute;right:-4px;top:50%;margin-top:-8px;width:1.6rem;height:1.6rem;border-radius:.8rem;background:var(--black)url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><g fill='none' fill-rule='evenodd'><polygon points='0 0 24 0 24 24 0 24'/><polygon fill='%23FFFFFF' points='19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12'/></g></svg>")no-repeat 50%/1.2rem 1.2rem}.filter-selection-value:hover{opacity:.7}.filter-selection-value:last-of-type{margin-right:0}.beer-toolbar{display:flex;flex-flow:column wrap;justify-content:center;position:relative;padding-bottom:2rem}@media(min-width:576px){.beer-toolbar{padding-bottom:4rem}}.beer-toolbar-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.beer-toolbar-toggle{display:flex;min-height:4rem;margin:.2rem 0 .2rem .2rem;padding:0 .8rem}.beer-toolbar-icon{margin-right:.8rem}@media(max-width:767.98px){.beer-toolbar-icon{display:none}}.beer-chosen{min-height:2rem;margin-top:2rem;font-size:1.4rem;text-align:center}.beer-chosen .filter-selections{display:inline-block}.beer-chosen .filter-selections:empty{display:none}.beer-chosen-reset{display:none;margin-left:1.2rem;color:var(--black);font-size:1.2rem;font-weight:400;line-height:1;cursor:pointer;transition:var(--ease)}.is-filtered .beer-chosen-reset{display:inline-block}@media(min-width:768px){.beer-chosen-reset{font-size:1.4rem}}.beers-empty{text-align:center}.filter-panel{position:fixed;top:0;left:0;z-index:1030;width:100%;height:100vh;overflow:hidden;background:var(--white);transform:translateX(-100%);transition:var(--ease);visibility:hidden}.filter-panel.is-open{transform:translateX(0);visibility:visible;transition:var(--ease),visibility 0s}.filter-panel-header{display:flex;align-items:center;position:fixed;top:0;left:0;z-index:1035;width:100%;height:10rem;padding:2.8rem;background:var(--white)}@media(min-width:768px){.filter-panel,.filter-panel-header{max-width:76.8rem}}.filter-panel-title{margin:0 auto 0 0}.filter-panel-header .btn{transition:all var(--ease)}.filter-panel-count{display:inline-block;margin:0 .2rem}.filter-panel-body{height:100vh;overflow-y:scroll;padding:10rem 2.8rem}.filter-panel-search{margin-bottom:2.8rem}.filter-panel-screen{position:fixed;top:0;left:0;z-index:1025;width:100%;height:100%;background:rgba(0,0,0,.6);cursor:pointer}.filter-sections{display:flex;flex-wrap:wrap;margin:0 -2rem}.filter-section{position:relative;width:100%;min-height:1px;margin-bottom:2.8rem;padding:0 2rem}@media(min-width:768px){.filter-section{flex:0 0 50%;max-width:50%}}.filter-section-heading{display:flex;align-items:center;position:relative;height:4.8rem;margin:2.4rem 0 1.2rem;border-bottom:.2rem solid var(--black);color:var(--black);font-family:var(--font-text);font-size:1.4rem;font-weight:400;line-height:1;cursor:pointer;transition:var(--ease)}@media(min-width:768px){.filter-section-heading{height:6rem;margin-top:2.80008rem;font-size:1.6rem}}.filter-section-heading button{all:inherit;width:100%;border:none}.filter-section-heading button:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset);box-shadow:var(--focus-halo)}.filter-section-heading button:hover,.filter-section-heading button:focus{opacity:.6}.filter-field{position:relative}.filter-field-label{display:inline-block;margin-bottom:1.2rem;padding-right:5rem;color:var(--black);font-size:1.4rem;line-height:1;transition:var(--ease)}.is-pulsing{animation:pulse .4s ease-in-out}@keyframes pulse{50%{transform:scale(1.2)}}.beer-list{padding-bottom:8rem}@media(min-width:768px){.beer-cards .cards-item{flex:0 0 33.3333%;max-width:33.3333%}}@media(min-width:992px){.beer-cards .cards-item{flex:0 0 25%;max-width:25%}}.beer-cards .card-title{margin:1.2rem 0 .8rem}.beer-cards .card-meta{margin:0}.beer-cards .card-photo:hover::before{opacity:.4}