:is(.beer,beer-css) *{all:revert}:is(.beer,beer-css).dark{--primary: #cfbcff;--on-primary: #381e72;--primary-container: #4f378a;--on-primary-container: #e9ddff;--secondary: #cbc2db;--on-secondary: #332d41;--secondary-container: #4a4458;--on-secondary-container: #e8def8;--tertiary: #efb8c8;--on-tertiary: #4a2532;--tertiary-container: #633b48;--on-tertiary-container: #ffd9e3;--error: #ffb4ab;--on-error: #690005;--error-container: #93000a;--on-error-container: #ffb4ab;--background: #1c1b1e;--on-background: #e6e1e6;--surface: #141316;--on-surface: #e6e1e6;--surface-variant: #49454e;--on-surface-variant: #cac4cf;--outline: #948f99;--outline-variant: #49454e;--shadow: #000000;--scrim: #000000;--inverse-surface: #e6e1e6;--inverse-on-surface: #313033;--inverse-primary: #6750a4;--surface-dim: #141316;--surface-bright: #3a383c;--surface-container-lowest: #0f0e11;--surface-container-low: #1c1b1e;--surface-container: #201f22;--surface-container-high: #2b292d;--surface-container-highest: #363438}@font-face{font-family:Material Symbols Subset;font-style:normal;font-weight:400;font-display:swap;src:url(/p/v/beer-5.0.3/material-symbols-subset.woff2) format("woff2")}:root{--size: 1rem;--font: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", "Noto Sans", Arial, sans-serif;--font-icon: "Material Symbols Outlined";--speed1: .1s;--speed2: .2s;--speed3: .3s;--speed4: .4s;--active: rgb(128 128 128 / .192);--overlay: rgb(0 0 0 / .5);--elevate1: 0 .125rem .125rem 0 rgb(0 0 0 / .32);--elevate2: 0 .25rem .5rem 0 rgb(0 0 0 / .4);--elevate3: 0 .375rem .75rem 0 rgb(0 0 0 / .48);--top: env(safe-area-inset-top);--bottom: env(safe-area-inset-bottom);--left: env(safe-area-inset-left);--right: env(safe-area-inset-right);--image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4AWJiYGAQBgAAAP//ZyYa+wAAAAZJREFUAwAAIgAWeX9MsQAAAABJRU5ErkJggg==)}:is(.beer,beer-css).dark{--image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4AWL6//+/FAAAAP//qSv5QwAAAAZJREFUAwAJIAMaJWjIvQAAAABJRU5ErkJggg==)}:is(.beer,beer-css){font-size:var(--size)}:is(.beer,beer-css){color:var(--on-surface);background-color:var(--surface);overflow-x:hidden;font-family:var(--font);font-size:.875rem;line-height:1.5rem;letter-spacing:.0313rem}@media(pointer:fine){:is(.beer,beer-css) ::-webkit-scrollbar,:is(.beer,beer-css) ::-webkit-scrollbar-thumb,:is(.beer,beer-css) ::-webkit-scrollbar-button{background:none;inline-size:.4rem;block-size:.4rem}:is(.beer,beer-css) :is(:focus,:hover)::-webkit-scrollbar-thumb,:is(.beer,beer-css) :has(:focus,:hover)::-webkit-scrollbar-thumb{background:var(--outline);border-radius:1rem}}@media(pointer:coarse){:is(.beer,beer-css):has(input[type=range]:focus){overflow:hidden}:is(.beer,beer-css):has(dialog[open],dialog.active){overflow:hidden}}@keyframes to-page{0%{opacity:0;transform:var(--_transform)}to{opacity:1;transform:translate(0)}}@keyframes to-linear-progress{0%{margin:0 0 0 -100%}50%{margin:0}to{margin:0 0 0 100%}}@keyframes to-indeterminate-progress{0%{padding:0 100% 0 0}50%{padding:0}to{padding:0 0 0 100%}}@keyframes to-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes to-ripple{to{transform:scale(4);opacity:0}}:root,:is(.beer,beer-css).light{--primary: #6750a4;--on-primary: #ffffff;--primary-container: #e9ddff;--on-primary-container: #22005d;--secondary: #625b71;--on-secondary: #ffffff;--secondary-container: #e8def8;--on-secondary-container: #1e192b;--tertiary: #7e5260;--on-tertiary: #ffffff;--tertiary-container: #ffd9e3;--on-tertiary-container: #31101d;--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #410002;--background: #fffbff;--on-background: #1c1b1e;--surface: #fdf8fd;--on-surface: #1c1b1e;--surface-variant: #e7e0eb;--on-surface-variant: #49454e;--outline: #7a757f;--outline-variant: #cac4cf;--shadow: #000000;--scrim: #000000;--inverse-surface: #313033;--inverse-on-surface: #f4eff4;--inverse-primary: #cfbcff;--surface-dim: #ddd8dd;--surface-bright: #fdf8fd;--surface-container-lowest: #ffffff;--surface-container-low: #f7f2f7;--surface-container: #f2ecf1;--surface-container-high: #ece7eb;--surface-container-highest: #e6e1e6}:is(.beer,beer-css) *{-webkit-tap-highlight-color:transparent;position:relative;vertical-align:middle;color:inherit;margin:0;padding:0;border-radius:inherit;box-sizing:border-box}:is(.beer,beer-css) *:after,:is(.beer,beer-css) *:before{all:unset}:is(.beer,beer-css) label{font-size:.75rem;vertical-align:baseline}:is(.beer,beer-css) a,:is(.beer,beer-css) b,:is(.beer,beer-css) i,:is(.beer,beer-css) span,:is(.beer,beer-css) strong,:is(.beer,beer-css) em,:is(.beer,beer-css) code{vertical-align:baseline}:is(.beer,beer-css) a,:is(.beer,beer-css) button,:is(.beer,beer-css) .button{cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;border:none;font-family:inherit;outline:inherit;justify-content:center}:is(.beer,beer-css) :is(nav,.tabs,.field)>a,:is(.beer,beer-css) button,:is(.beer,beer-css) .button,:is(.beer,beer-css) .chip,:is(.beer,beer-css) i,:is(.beer,beer-css) label{-webkit-user-select:none;user-select:none}:is(.beer,beer-css) :not(.grid,nav,.row)>:not(progress.max)+:is(address,article,blockquote,code,.field,fieldset,form,.grid,h1,h2,h3,h4,h5,h6,nav,ol,p,pre,.row,section,aside,table,.tabs,ul):not([class*=margin],.right,.left,.top,.bottom){margin-block-start:1rem}:is(.beer,beer-css) :has(>[class*=margin]){padding:.1px}:is(.beer,beer-css) :is(a,button,.button,.chip,summary):focus-visible{outline:.125rem solid var(--primary);outline-offset:.25rem}:is(.beer,beer-css) :is(nav,.row).group>:focus-visible{z-index:1}:is(.beer,beer-css) :is(button,.button,.chip)>:is(span,i,img,svg){pointer-events:none}:is(.beer,beer-css) :is(div:not([class]),div[class=active]):has(>:not(.responsive)~:is(menu,.tooltip,input)){display:inline-flex}:is(.beer,beer-css) .transparent{background-color:transparent!important;box-shadow:none!important;color:inherit!important}:is(.beer,beer-css) .primary{background-color:var(--primary)!important;color:var(--on-primary)!important}:is(.beer,beer-css) .primary-text{color:var(--primary)!important}:is(.beer,beer-css) .primary-border{border-color:var(--primary)!important}:is(.beer,beer-css) .primary-container{background-color:var(--primary-container)!important;color:var(--on-primary-container)!important}:is(.beer,beer-css) .secondary{background-color:var(--secondary)!important;color:var(--on-secondary)!important}:is(.beer,beer-css) .secondary-text{color:var(--secondary)!important}:is(.beer,beer-css) .secondary-border{border-color:var(--secondary)!important}:is(.beer,beer-css) .secondary-container{background-color:var(--secondary-container)!important;color:var(--on-secondary-container)!important}:is(.beer,beer-css) .tertiary{background-color:var(--tertiary)!important;color:var(--on-tertiary)!important}:is(.beer,beer-css) .tertiary-text{color:var(--tertiary)!important}:is(.beer,beer-css) .tertiary-border{border-color:var(--tertiary)!important}:is(.beer,beer-css) .tertiary-container{background-color:var(--tertiary-container)!important;color:var(--on-tertiary-container)!important}:is(.beer,beer-css) .error{background-color:var(--error)!important;color:var(--on-error)!important}:is(.beer,beer-css) .error-text{color:var(--error)!important}:is(.beer,beer-css) .error-border{border-color:var(--error)!important}:is(.beer,beer-css) .error-container{background-color:var(--error-container)!important;color:var(--on-error-container)!important}:is(.beer,beer-css) .background{background-color:var(--background)!important;color:var(--on-background)!important}:is(.beer,beer-css) .surface,:is(.beer,beer-css) .surface-dim,:is(.beer,beer-css) .surface-bright,:is(.beer,beer-css) .surface-container-lowest,:is(.beer,beer-css) .surface-container-low,:is(.beer,beer-css) .surface-container,:is(.beer,beer-css) .surface-container-high,:is(.beer,beer-css) .surface-container-highest{background-color:var(--surface)!important;color:var(--on-surface)!important}:is(.beer,beer-css) .surface-variant{background-color:var(--surface-variant)!important;color:var(--on-surface-variant)!important}:is(.beer,beer-css) .inverse-surface{background-color:var(--inverse-surface)!important;color:var(--inverse-on-surface)!important}:is(.beer,beer-css) .inverse-primary{background-color:var(--inverse-primary)!important;color:var(--primary)!important}:is(.beer,beer-css) .inverse-primary-text{color:var(--inverse-primary)!important}:is(.beer,beer-css) .inverse-primary-border{border-color:var(--inverse-primary)!important}:is(.beer,beer-css) .surface-dim{background-color:var(--surface-dim)!important}:is(.beer,beer-css) .surface-bright{background-color:var(--surface-bright)!important}:is(.beer,beer-css) .surface-container-lowest{background-color:var(--surface-container-lowest)!important}:is(.beer,beer-css) .surface-container{background-color:var(--surface-container)!important}:is(.beer,beer-css) .surface-container-high{background-color:var(--surface-container-high)!important}:is(.beer,beer-css) .surface-container-highest{background-color:var(--surface-container-highest)!important}:is(.beer,beer-css) .surface-container-low{background-color:var(--surface-container-low)!important}:is(.beer,beer-css) .black{background-color:#000!important}:is(.beer,beer-css) .black-border{border-color:#000!important}:is(.beer,beer-css) .black-text{color:#000!important}:is(.beer,beer-css) .white{background-color:#fff!important}:is(.beer,beer-css) .white-border{border-color:#fff!important}:is(.beer,beer-css) .white-text{color:#fff!important}:is(.beer,beer-css) .transparent-border{border-color:transparent!important}:is(.beer,beer-css) .transparent-text{color:transparent!important}:is(.beer,beer-css) .fill:not(i){background-color:var(--surface-variant)!important;color:var(--on-surface-variant)!important}:is(.beer,beer-css) nav.primary-container>button,:is(.beer,beer-css) nav.primary a.active>i,:is(.beer,beer-css) nav:is(.max,.tabbed,.toolbar).primary a.active,:is(.beer,beer-css) .primary>:is(button,a,li).active{background-color:var(--primary-container)!important;color:var(--on-primary-container)!important}:is(.beer,beer-css) nav.primary>button,:is(.beer,beer-css) nav.primary-container a.active>i,:is(.beer,beer-css) nav:is(.max,.tabbed,.toolbar).primary-container a.active,:is(.beer,beer-css) .primary-container>:is(button,a,li).active{background-color:var(--primary)!important;color:var(--on-primary)!important}:is(.beer,beer-css) nav.secondary-container>button,:is(.beer,beer-css) nav.secondary a.active>i,:is(.beer,beer-css) nav:is(.max,.tabbed,.toolbar).secondary a.active,:is(.beer,beer-css) .secondary>:is(button,a,li).active{background-color:var(--secondary-container)!important;color:var(--on-secondary-container)!important}:is(.beer,beer-css) nav.secondary>button,:is(.beer,beer-css) nav.secondary-container a.active>i,:is(.beer,beer-css) nav:is(.max,.tabbed,.toolbar).secondary-container a.active,:is(.beer,beer-css) .secondary-container>:is(button,a,li).active{background-color:var(--secondary)!important;color:var(--on-secondary)!important}:is(.beer,beer-css) nav.tertiary-container>button,:is(.beer,beer-css) nav.tertiary a.active>i,:is(.beer,beer-css) nav:is(.max,.tabbed,.toolbar).tertiary a.active,:is(.beer,beer-css) .tertiary>:is(button,a,li).active{background-color:var(--tertiary-container)!important;color:var(--on-tertiary-container)!important}:is(.beer,beer-css) nav.tertiary>button,:is(.beer,beer-css) nav.tertiary-container a.active>i,:is(.beer,beer-css) nav:is(.max,.tabbed,.toolbar).tertiary-container a.active,:is(.beer,beer-css) .tertiary-container>:is(button,a,li).active{background-color:var(--tertiary)!important;color:var(--on-tertiary)!important}:is(.beer,beer-css) nav:is(.left,.right,.bottom,.top):not(.max) a.active{background:none!important;color:inherit!important}:is(.beer,beer-css) .middle-align{display:flex;align-items:center!important}:is(.beer,beer-css) .bottom-align{display:flex;align-items:flex-end!important}:is(.beer,beer-css) .top-align{display:flex;align-items:flex-start!important}:is(.beer,beer-css) .left-align{text-align:start;justify-content:flex-start!important}:is(.beer,beer-css) .right-align{text-align:end;justify-content:flex-end!important}:is(.beer,beer-css) .center-align{text-align:center;justify-content:center!important}:is(.beer,beer-css) [class*=blur],:is(.beer,beer-css) [class*=blur].light{--_blur: 1rem;-webkit-backdrop-filter:blur(var(--_blur));backdrop-filter:blur(var(--_blur));color:var(--on-surface);background-color:#ffffff80!important}:is(.beer,beer-css) .dark [class*=blur],:is(.beer,beer-css) [class*=blur].dark{background-color:#00000080!important}:is(.beer,beer-css) .small-blur{--_blur: .5rem}:is(.beer,beer-css) .large-blur{--_blur: 1.5rem}:is(.beer,beer-css) .red,:is(.beer,beer-css) .red6{background-color:#f44336!important}:is(.beer,beer-css) .red-border{border-color:#f44336!important}:is(.beer,beer-css) .red-text{color:#f44336!important}:is(.beer,beer-css) .red1{background-color:#ffebee!important}:is(.beer,beer-css) .red2{background-color:#ffcdd2!important}:is(.beer,beer-css) .red3{background-color:#ef9a9a!important}:is(.beer,beer-css) .red4{background-color:#e57373!important}:is(.beer,beer-css) .red5{background-color:#ef5350!important}:is(.beer,beer-css) .red7{background-color:#e53935!important}:is(.beer,beer-css) .red8{background-color:#d32f2f!important}:is(.beer,beer-css) .red9{background-color:#c62828!important}:is(.beer,beer-css) .red10{background-color:#b71c1c!important}:is(.beer,beer-css) .pink,:is(.beer,beer-css) .pink6{background-color:#e91e63!important}:is(.beer,beer-css) .pink-border{border-color:#e91e63!important}:is(.beer,beer-css) .pink-text{color:#e91e63!important}:is(.beer,beer-css) .pink1{background-color:#fce4ec!important}:is(.beer,beer-css) .pink2{background-color:#f8bbd0!important}:is(.beer,beer-css) .pink3{background-color:#f48fb1!important}:is(.beer,beer-css) .pink4{background-color:#f06292!important}:is(.beer,beer-css) .pink5{background-color:#ec407a!important}:is(.beer,beer-css) .pink7{background-color:#d81b60!important}:is(.beer,beer-css) .pink8{background-color:#c2185b!important}:is(.beer,beer-css) .pink9{background-color:#ad1457!important}:is(.beer,beer-css) .pink10{background-color:#880e4f!important}:is(.beer,beer-css) .purple,:is(.beer,beer-css) .purple6{background-color:#9c27b0!important}:is(.beer,beer-css) .purple-border{border-color:#9c27b0!important}:is(.beer,beer-css) .purple-text{color:#9c27b0!important}:is(.beer,beer-css) .purple1{background-color:#f3e5f5!important}:is(.beer,beer-css) .purple2{background-color:#e1bee7!important}:is(.beer,beer-css) .purple3{background-color:#ce93d8!important}:is(.beer,beer-css) .purple4{background-color:#ba68c8!important}:is(.beer,beer-css) .purple5{background-color:#ab47bc!important}:is(.beer,beer-css) .purple7{background-color:#8e24aa!important}:is(.beer,beer-css) .purple8{background-color:#7b1fa2!important}:is(.beer,beer-css) .purple9{background-color:#6a1b9a!important}:is(.beer,beer-css) .purple10{background-color:#4a148c!important}:is(.beer,beer-css) .deep-purple,:is(.beer,beer-css) .deep-purple6{background-color:#673ab7!important}:is(.beer,beer-css) .deep-purple-border{border-color:#673ab7!important}:is(.beer,beer-css) .deep-purple-text{color:#673ab7!important}:is(.beer,beer-css) .deep-purple1{background-color:#ede7f6!important}:is(.beer,beer-css) .deep-purple2{background-color:#d1c4e9!important}:is(.beer,beer-css) .deep-purple3{background-color:#b39ddb!important}:is(.beer,beer-css) .deep-purple4{background-color:#9575cd!important}:is(.beer,beer-css) .deep-purple5{background-color:#7e57c2!important}:is(.beer,beer-css) .deep-purple7{background-color:#5e35b1!important}:is(.beer,beer-css) .deep-purple8{background-color:#512da8!important}:is(.beer,beer-css) .deep-purple9{background-color:#4527a0!important}:is(.beer,beer-css) .deep-purple10{background-color:#311b92!important}:is(.beer,beer-css) .indigo,:is(.beer,beer-css) .indigo6{background-color:#3f51b5!important}:is(.beer,beer-css) .indigo-border{border-color:#3f51b5!important}:is(.beer,beer-css) .indigo-text{color:#3f51b5!important}:is(.beer,beer-css) .indigo1{background-color:#e8eaf6!important}:is(.beer,beer-css) .indigo2{background-color:#c5cae9!important}:is(.beer,beer-css) .indigo3{background-color:#9fa8da!important}:is(.beer,beer-css) .indigo4{background-color:#7986cb!important}:is(.beer,beer-css) .indigo5{background-color:#5c6bc0!important}:is(.beer,beer-css) .indigo7{background-color:#3949ab!important}:is(.beer,beer-css) .indigo8{background-color:#303f9f!important}:is(.beer,beer-css) .indigo9{background-color:#283593!important}:is(.beer,beer-css) .indigo10{background-color:#1a237e!important}:is(.beer,beer-css) .blue,:is(.beer,beer-css) .blue6{background-color:#2196f3!important}:is(.beer,beer-css) .blue-border{border-color:#2196f3!important}:is(.beer,beer-css) .blue-text{color:#2196f3!important}:is(.beer,beer-css) .blue1{background-color:#e3f2fd!important}:is(.beer,beer-css) .blue2{background-color:#bbdefb!important}:is(.beer,beer-css) .blue3{background-color:#90caf9!important}:is(.beer,beer-css) .blue4{background-color:#64b5f6!important}:is(.beer,beer-css) .blue5{background-color:#42a5f5!important}:is(.beer,beer-css) .blue7{background-color:#1e88e5!important}:is(.beer,beer-css) .blue8{background-color:#1976d2!important}:is(.beer,beer-css) .blue9{background-color:#1565c0!important}:is(.beer,beer-css) .blue10{background-color:#0d47a1!important}:is(.beer,beer-css) .light-blue,:is(.beer,beer-css) .light-blue6{background-color:#03a9f4!important}:is(.beer,beer-css) .light-blue-border{border-color:#03a9f4!important}:is(.beer,beer-css) .light-blue-text{color:#03a9f4!important}:is(.beer,beer-css) .light-blue1{background-color:#e1f5fe!important}:is(.beer,beer-css) .light-blue2{background-color:#b3e5fc!important}:is(.beer,beer-css) .light-blue3{background-color:#81d4fa!important}:is(.beer,beer-css) .light-blue4{background-color:#4fc3f7!important}:is(.beer,beer-css) .light-blue5{background-color:#29b6f6!important}:is(.beer,beer-css) .light-blue7{background-color:#039be5!important}:is(.beer,beer-css) .light-blue8{background-color:#0288d1!important}:is(.beer,beer-css) .light-blue9{background-color:#0277bd!important}:is(.beer,beer-css) .light-blue10{background-color:#01579b!important}:is(.beer,beer-css) .cyan,:is(.beer,beer-css) .cyan6{background-color:#00bcd4!important}:is(.beer,beer-css) .cyan-border{border-color:#00bcd4!important}:is(.beer,beer-css) .cyan-text{color:#00bcd4!important}:is(.beer,beer-css) .cyan1{background-color:#e0f7fa!important}:is(.beer,beer-css) .cyan2{background-color:#b2ebf2!important}:is(.beer,beer-css) .cyan3{background-color:#80deea!important}:is(.beer,beer-css) .cyan4{background-color:#4dd0e1!important}:is(.beer,beer-css) .cyan5{background-color:#26c6da!important}:is(.beer,beer-css) .cyan7{background-color:#00acc1!important}:is(.beer,beer-css) .cyan8{background-color:#0097a7!important}:is(.beer,beer-css) .cyan9{background-color:#00838f!important}:is(.beer,beer-css) .cyan10{background-color:#006064!important}:is(.beer,beer-css) .teal,:is(.beer,beer-css) .teal6{background-color:#009688!important}:is(.beer,beer-css) .teal-border{border-color:#009688!important}:is(.beer,beer-css) .teal-text{color:#009688!important}:is(.beer,beer-css) .teal1{background-color:#e0f2f1!important}:is(.beer,beer-css) .teal2{background-color:#b2dfdb!important}:is(.beer,beer-css) .teal3{background-color:#80cbc4!important}:is(.beer,beer-css) .teal4{background-color:#4db6ac!important}:is(.beer,beer-css) .teal5{background-color:#26a69a!important}:is(.beer,beer-css) .teal7{background-color:#00897b!important}:is(.beer,beer-css) .teal8{background-color:#00796b!important}:is(.beer,beer-css) .teal9{background-color:#00695c!important}:is(.beer,beer-css) .teal10{background-color:#004d40!important}:is(.beer,beer-css) .green,:is(.beer,beer-css) .green6{background-color:#4caf50!important}:is(.beer,beer-css) .green-border{border-color:#4caf50!important}:is(.beer,beer-css) .green-text{color:#4caf50!important}:is(.beer,beer-css) .green1{background-color:#e8f5e9!important}:is(.beer,beer-css) .green2{background-color:#c8e6c9!important}:is(.beer,beer-css) .green3{background-color:#a5d6a7!important}:is(.beer,beer-css) .green4{background-color:#81c784!important}:is(.beer,beer-css) .green5{background-color:#66bb6a!important}:is(.beer,beer-css) .green7{background-color:#43a047!important}:is(.beer,beer-css) .green8{background-color:#388e3c!important}:is(.beer,beer-css) .green9{background-color:#2e7d32!important}:is(.beer,beer-css) .green10{background-color:#1b5e20!important}:is(.beer,beer-css) .light-green,:is(.beer,beer-css) .light-green6{background-color:#8bc34a!important}:is(.beer,beer-css) .light-green-border{border-color:#8bc34a!important}:is(.beer,beer-css) .light-green-text{color:#8bc34a!important}:is(.beer,beer-css) .light-green1{background-color:#f1f8e9!important}:is(.beer,beer-css) .light-green2{background-color:#dcedc8!important}:is(.beer,beer-css) .light-green3{background-color:#c5e1a5!important}:is(.beer,beer-css) .light-green4{background-color:#aed581!important}:is(.beer,beer-css) .light-green5{background-color:#9ccc65!important}:is(.beer,beer-css) .light-green7{background-color:#7cb342!important}:is(.beer,beer-css) .light-green8{background-color:#689f38!important}:is(.beer,beer-css) .light-green9{background-color:#558b2f!important}:is(.beer,beer-css) .light-green10{background-color:#33691e!important}:is(.beer,beer-css) .lime,:is(.beer,beer-css) .lime6{background-color:#cddc39!important}:is(.beer,beer-css) .lime-border{border-color:#cddc39!important}:is(.beer,beer-css) .lime-text{color:#cddc39!important}:is(.beer,beer-css) .lime1{background-color:#f9fbe7!important}:is(.beer,beer-css) .lime2{background-color:#f0f4c3!important}:is(.beer,beer-css) .lime3{background-color:#e6ee9c!important}:is(.beer,beer-css) .lime4{background-color:#dce775!important}:is(.beer,beer-css) .lime5{background-color:#d4e157!important}:is(.beer,beer-css) .lime7{background-color:#c0ca33!important}:is(.beer,beer-css) .lime8{background-color:#afb42b!important}:is(.beer,beer-css) .lime9{background-color:#9e9d24!important}:is(.beer,beer-css) .lime10{background-color:#827717!important}:is(.beer,beer-css) .yellow,:is(.beer,beer-css) .yellow6{background-color:#ffeb3b!important}:is(.beer,beer-css) .yellow-border{border-color:#ffeb3b!important}:is(.beer,beer-css) .yellow-text{color:#ffeb3b!important}:is(.beer,beer-css) .yellow1{background-color:#fffde7!important}:is(.beer,beer-css) .yellow2{background-color:#fff9c4!important}:is(.beer,beer-css) .yellow3{background-color:#fff59d!important}:is(.beer,beer-css) .yellow4{background-color:#fff176!important}:is(.beer,beer-css) .yellow5{background-color:#ffee58!important}:is(.beer,beer-css) .yellow7{background-color:#fdd835!important}:is(.beer,beer-css) .yellow8{background-color:#fbc02d!important}:is(.beer,beer-css) .yellow9{background-color:#f9a825!important}:is(.beer,beer-css) .yellow10{background-color:#f57f17!important}:is(.beer,beer-css) .amber,:is(.beer,beer-css) .amber6{background-color:#ffc107!important}:is(.beer,beer-css) .amber-border{border-color:#ffc107!important}:is(.beer,beer-css) .amber-text{color:#ffc107!important}:is(.beer,beer-css) .amber1{background-color:#fff8e1!important}:is(.beer,beer-css) .amber2{background-color:#ffecb3!important}:is(.beer,beer-css) .amber3{background-color:#ffe082!important}:is(.beer,beer-css) .amber4{background-color:#ffd54f!important}:is(.beer,beer-css) .amber5{background-color:#ffca28!important}:is(.beer,beer-css) .amber7{background-color:#ffb300!important}:is(.beer,beer-css) .amber8{background-color:#ffa000!important}:is(.beer,beer-css) .amber9{background-color:#ff8f00!important}:is(.beer,beer-css) .amber10{background-color:#ff6f00!important}:is(.beer,beer-css) .orange,:is(.beer,beer-css) .orange6{background-color:#ff9800!important}:is(.beer,beer-css) .orange-border{border-color:#ff9800!important}:is(.beer,beer-css) .orange-text{color:#ff9800!important}:is(.beer,beer-css) .orange1{background-color:#fff3e0!important}:is(.beer,beer-css) .orange2{background-color:#ffe0b2!important}:is(.beer,beer-css) .orange3{background-color:#ffcc80!important}:is(.beer,beer-css) .orange4{background-color:#ffb74d!important}:is(.beer,beer-css) .orange5{background-color:#ffa726!important}:is(.beer,beer-css) .orange7{background-color:#fb8c00!important}:is(.beer,beer-css) .orange8{background-color:#f57c00!important}:is(.beer,beer-css) .orange9{background-color:#ef6c00!important}:is(.beer,beer-css) .orange10{background-color:#e65100!important}:is(.beer,beer-css) .deep-orange,:is(.beer,beer-css) .deep-orange6{background-color:#ff5722!important}:is(.beer,beer-css) .deep-orange-border{border-color:#ff5722!important}:is(.beer,beer-css) .deep-orange-text{color:#ff5722!important}:is(.beer,beer-css) .deep-orange1{background-color:#fbe9e7!important}:is(.beer,beer-css) .deep-orange2{background-color:#ffccbc!important}:is(.beer,beer-css) .deep-orange3{background-color:#ffab91!important}:is(.beer,beer-css) .deep-orange4{background-color:#ff8a65!important}:is(.beer,beer-css) .deep-orange5{background-color:#ff7043!important}:is(.beer,beer-css) .deep-orange7{background-color:#f4511e!important}:is(.beer,beer-css) .deep-orange8{background-color:#e64a19!important}:is(.beer,beer-css) .deep-orange9{background-color:#d84315!important}:is(.beer,beer-css) .deep-orange10{background-color:#bf360c!important}:is(.beer,beer-css) .brown,:is(.beer,beer-css) .brown6{background-color:#795548!important}:is(.beer,beer-css) .brown-border{border-color:#795548!important}:is(.beer,beer-css) .brown-text{color:#795548!important}:is(.beer,beer-css) .brown1{background-color:#efebe9!important}:is(.beer,beer-css) .brown2{background-color:#d7ccc8!important}:is(.beer,beer-css) .brown3{background-color:#bcaaa4!important}:is(.beer,beer-css) .brown4{background-color:#a1887f!important}:is(.beer,beer-css) .brown5{background-color:#8d6e63!important}:is(.beer,beer-css) .brown7{background-color:#6d4c41!important}:is(.beer,beer-css) .brown8{background-color:#5d4037!important}:is(.beer,beer-css) .brown9{background-color:#4e342e!important}:is(.beer,beer-css) .brown10{background-color:#3e2723!important}:is(.beer,beer-css) .blue-grey,:is(.beer,beer-css) .blue-grey6{background-color:#607d8b!important}:is(.beer,beer-css) .blue-grey-border{border-color:#607d8b!important}:is(.beer,beer-css) .blue-grey-text{color:#607d8b!important}:is(.beer,beer-css) .blue-grey1{background-color:#eceff1!important}:is(.beer,beer-css) .blue-grey2{background-color:#cfd8dc!important}:is(.beer,beer-css) .blue-grey3{background-color:#b0bec5!important}:is(.beer,beer-css) .blue-grey4{background-color:#90a4ae!important}:is(.beer,beer-css) .blue-grey5{background-color:#78909c!important}:is(.beer,beer-css) .blue-grey7{background-color:#546e7a!important}:is(.beer,beer-css) .blue-grey8{background-color:#455a64!important}:is(.beer,beer-css) .blue-grey9{background-color:#37474f!important}:is(.beer,beer-css) .blue-grey10{background-color:#263238!important}:is(.beer,beer-css) .grey,:is(.beer,beer-css) .grey6{background-color:#9e9e9e!important}:is(.beer,beer-css) .grey-border{border-color:#9e9e9e!important}:is(.beer,beer-css) .grey-text{color:#9e9e9e!important}:is(.beer,beer-css) .grey1{background-color:#fafafa!important}:is(.beer,beer-css) .grey2{background-color:#f5f5f5!important}:is(.beer,beer-css) .grey3{background-color:#eee!important}:is(.beer,beer-css) .grey4{background-color:#e0e0e0!important}:is(.beer,beer-css) .grey5{background-color:#bdbdbd!important}:is(.beer,beer-css) .grey7{background-color:#757575!important}:is(.beer,beer-css) .grey8{background-color:#616161!important}:is(.beer,beer-css) .grey9{background-color:#424242!important}:is(.beer,beer-css) .grey10{background-color:#212121!important}:is(.beer,beer-css) .horizontal{display:inline-flex;flex-direction:row!important;gap:1rem;inline-size:auto!important;max-inline-size:none!important}:is(.beer,beer-css) .horizontal>*{margin-block:0!important}:is(.beer,beer-css) .vertical{display:flex;flex-direction:column!important}:is(.beer,beer-css) :is(a,button,.button,.chip).vertical{display:inline-flex;gap:.25rem;block-size:auto!important;max-block-size:none!important;padding-block:.5rem}:is(.beer,beer-css) .vertical>*{margin-inline:0!important}:is(.beer,beer-css) .no-elevate{box-shadow:none!important}:is(.beer,beer-css) .small-elevate,:is(.beer,beer-css) .elevate{box-shadow:var(--elevate1)!important}:is(.beer,beer-css) .medium-elevate{box-shadow:var(--elevate2)!important}:is(.beer,beer-css) .large-elevate{box-shadow:var(--elevate3)!important}:is(.beer,beer-css) .round,:is(.beer,beer-css) [class*=-round]{--_round: 2rem;border-radius:var(--_round)!important}:is(.beer,beer-css) .small-round{--_round: .5rem}:is(.beer,beer-css) .large-round{--_round: 3.5rem}:is(.beer,beer-css) .square,:is(.beer,beer-css) .top-round,:is(.beer,beer-css) .bottom-round,:is(.beer,beer-css) .left-round,:is(.beer,beer-css) .right-round{border-radius:.5rem!important}:is(.beer,beer-css) .no-round{border-radius:0!important}:is(.beer,beer-css) .top-round{border-start-start-radius:var(--_round)!important;border-start-end-radius:var(--_round)!important}:is(.beer,beer-css) .bottom-round{border-end-end-radius:var(--_round)!important;border-end-start-radius:var(--_round)!important}:is(.beer,beer-css) .left-round{border-start-start-radius:var(--_round)!important;border-end-start-radius:var(--_round)!important}:is(.beer,beer-css) .right-round{border-start-end-radius:var(--_round)!important;border-end-end-radius:var(--_round)!important}:is(.beer,beer-css) .circle{border-radius:50%}:is(.beer,beer-css) .circle:is(button,.button,.chip){border-radius:var(--_size)}:is(.beer,beer-css) :is(.circle,.square):is(button,.button,.chip){padding:0;block-size:var(--_size);inline-size:var(--_size)}:is(.beer,beer-css) :is(.circle,.square)>span:not([class]){display:none}:is(.beer,beer-css) :is(.circle,.square).round{border-radius:1rem!important}:is(.beer,beer-css) .border:not(table,.field,.list,menu,article){box-sizing:border-box;border:.0625rem solid var(--outline);background-color:transparent;box-shadow:none}:is(.beer,beer-css) .no-border{border-color:transparent!important}:is(.beer,beer-css) .margin,:is(.beer,beer-css) [class*=-margin]:not(.left-margin,.right-margin,.top-margin,.bottom-margin,.horizontal-margin,.vertical-margin){margin:var(--_margin)!important}:is(.beer,beer-css) .margin,:is(.beer,beer-css) [class*=-margin]{--_margin: 1rem}:is(.beer,beer-css) .no-margin{--_margin: 0}:is(.beer,beer-css) .auto-margin{--_margin: auto}:is(.beer,beer-css) .tiny-margin{--_margin: .25rem}:is(.beer,beer-css) .small-margin{--_margin: .5rem}:is(.beer,beer-css) .large-margin{--_margin: 1.5rem}:is(.beer,beer-css) .left-margin,:is(.beer,beer-css) .horizontal-margin{margin-inline-start:var(--_margin)!important}:is(.beer,beer-css) .right-margin,:is(.beer,beer-css) .horizontal-margin{margin-inline-end:var(--_margin)!important}:is(.beer,beer-css) .top-margin,:is(.beer,beer-css) .vertical-margin{margin-block-start:var(--_margin)!important}:is(.beer,beer-css) .bottom-margin,:is(.beer,beer-css) .vertical-margin{margin-block-end:var(--_margin)!important}:is(.beer,beer-css) .no-opacity{opacity:0!important}:is(.beer,beer-css) .small-opacity{opacity:.25!important}:is(.beer,beer-css) .medium-opacity{opacity:.5!important}:is(.beer,beer-css) .large-opacity{opacity:.75!important}:is(.beer,beer-css) .opacity{opacity:1!important}:is(.beer,beer-css) .padding,:is(.beer,beer-css) [class*=-padding]:not(.left-padding,.right-padding,.top-padding,.bottom-padding,.horizontal-padding,.vertical-padding){padding:var(--_padding)!important}:is(.beer,beer-css) .padding,:is(.beer,beer-css) [class*=-padding]{--_padding: 1rem}:is(.beer,beer-css) .no-padding{--_padding: 0 !important}:is(.beer,beer-css) .tiny-padding{--_padding: .25rem !important}:is(.beer,beer-css) .small-padding{--_padding: .5rem !important}:is(.beer,beer-css) .large-padding{--_padding: 1.5rem !important}:is(.beer,beer-css) .left-padding,:is(.beer,beer-css) .horizontal-padding{padding-inline-start:var(--_padding)!important}:is(.beer,beer-css) .right-padding,:is(.beer,beer-css) .horizontal-padding{padding-inline-end:var(--_padding)!important}:is(.beer,beer-css) .top-padding,:is(.beer,beer-css) .vertical-padding{padding-block-start:var(--_padding)!important}:is(.beer,beer-css) .bottom-padding,:is(.beer,beer-css) .vertical-padding{padding-block-end:var(--_padding)!important}:is(.beer,beer-css) .front{z-index:10!important}:is(.beer,beer-css) .back{z-index:-10!important}:is(.beer,beer-css) .left{inset-inline-start:0}:is(.beer,beer-css) .right{inset-inline-end:0}:is(.beer,beer-css) .top{inset-block-start:0}:is(.beer,beer-css) .bottom{inset-block-end:0}:is(.beer,beer-css) .center{inset-inline-start:50%;transform:translate(-50%)}:is(.beer,beer-css) [dir=rtl] .center{transform:translate(50%)}:is(.beer,beer-css) .middle{inset-block-start:50%;transform:translateY(-50%)}:is(.beer,beer-css) .middle.center{transform:translate(-50%,-50%)}:is(.beer,beer-css) [dir=rtl] .middle.center{transform:translate(50%,-50%)}:is(.beer,beer-css) .responsive{inline-size:-webkit-fill-available;inline-size:-moz-available}@media only screen and (max-width:600px){:is(.beer,beer-css) :is(.m,.l):not(.s){display:none!important}}@media only screen and (min-width:601px)and (max-width:992px){:is(.beer,beer-css) :is(.s,.l):not(.m){display:none!important}}@media only screen and (min-width:993px){:is(.beer,beer-css) :is(.m,.s):not(.l){display:none!important}}:is(.beer,beer-css) [class*=ripple]:is(:hover,:focus-visible):after{content:"";position:absolute;inset:0;background:currentColor;opacity:.1;border-radius:inherit}:is(.beer,beer-css) .ripple{--_duration: .6s}:is(.beer,beer-css) .fast-ripple{--_duration: .2s}:is(.beer,beer-css) .slow-ripple{--_duration: 1.8s}:is(.beer,beer-css) .ripple-js{position:absolute;inset:0;pointer-events:none;overflow:hidden}:is(.beer,beer-css) .ripple-js>div{position:absolute;border-radius:50%;background:currentColor;opacity:.3;transform:scale(0);animation:to-ripple var(--_duration) linear}:is(.beer,beer-css) .scroll{overflow:auto}:is(.beer,beer-css) .no-scroll{overflow:hidden}:is(.beer,beer-css) .shadow{background-color:#00000050}:is(.beer,beer-css) :is(.left-shadow,.right-shadow,.top-shadow,.bottom-shadow){background-color:transparent!important}:is(.beer,beer-css) .left-shadow{background-image:linear-gradient(to right,black,transparent)!important}:is(.beer,beer-css) .right-shadow{background-image:linear-gradient(to left,black,transparent)!important}:is(.beer,beer-css) .bottom-shadow{background-image:linear-gradient(to top,black,transparent)!important}:is(.beer,beer-css) .top-shadow{background-image:linear-gradient(to bottom,black,transparent)!important}:is(.beer,beer-css) [class*=-width]{max-inline-size:100%}:is(.beer,beer-css) .auto-width{inline-size:auto}:is(.beer,beer-css) .small-width{inline-size:12rem!important}:is(.beer,beer-css) .medium-width{inline-size:24rem!important}:is(.beer,beer-css) .large-width{inline-size:36rem!important}:is(.beer,beer-css) .auto-height{block-size:auto}:is(.beer,beer-css) .small-height{block-size:12rem!important}:is(.beer,beer-css) .medium-height{block-size:24rem!important}:is(.beer,beer-css) .large-height{block-size:36rem!important}:is(.beer,beer-css) .wrap{display:block;white-space:normal}:is(.beer,beer-css) .no-wrap:not(menu){display:flex;white-space:nowrap}:is(.beer,beer-css) .tiny-space:not(nav,.row,.grid,table,.tooltip,.list,menu,.shape){block-size:.5rem}:is(.beer,beer-css) :is(.space,.small-space):not(nav,.row,.grid,table,.tooltip,.list,menu,.shape){block-size:1rem}:is(.beer,beer-css) .medium-space:not(nav,.row,.grid,table,.tooltip,.list,menu,.shape){block-size:2rem}:is(.beer,beer-css) .large-space:not(nav,.row,.grid,table,.tooltip,.list,menu,.shape){block-size:3rem}:is(.beer,beer-css) .extra-space:not(nav,.row,.grid,table,.tooltip,.list,menu,.shape){block-size:4rem}:is(.beer,beer-css) :is(.wave,.chip,.button,button,nav.tabbed a,.tabs>a,nav.toolbar a):not([class*=ripple]):after,:is(.beer,beer-css) nav:is(.left,.right,.bottom,.top).max a:after,:is(.beer,beer-css) nav:is(.left,.right,.bottom,.top):not(.max) a>i:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;inline-size:100%;block-size:100%;background-position:center;background-image:radial-gradient(circle,currentColor 1%,transparent 1%);opacity:0;transition:none;pointer-events:none}:is(.beer,beer-css) :is(.wave,.chip,.button,button,nav.tabbed a,.tabs>a,nav.toolbar a):not([class*=ripple]):is(:focus-visible,:hover):after,:is(.beer,beer-css) nav:is(.left,.right,.bottom,.top).max a:not(.button,.chip):is(:focus-visible,:hover):after,:is(.beer,beer-css) nav:is(.left,.right,.bottom,.top):not(.max) a:not(.button,.chip):is(:focus-visible,:hover)>i:after{background-size:22500%;opacity:.1;transition:background-size var(--speed2) linear}:is(.beer,beer-css) :is(.wave,.chip,.button,button,nav.tabbed a,.tabs>a,nav.toolbar a,nav.max a):not([class*=ripple]):active:after,:is(.beer,beer-css) nav:is(.left,.right,.bottom,.top).max a:active:after,:is(.beer,beer-css) nav:is(.left,.right,.bottom,.top):not(.max) a:active>i:after{background-size:0%;opacity:0;transition:none}:is(.beer,beer-css) .no-wave:after,:is(.beer,beer-css) .no-wave:is(:hover,:active):after,:is(.beer,beer-css) menu>li>a:not(.wave):after{display:none}:is(.beer,beer-css) .zoom,:is(.beer,beer-css) .tiny-zoom{zoom:2}:is(.beer,beer-css) .small-zoom{zoom:3}:is(.beer,beer-css) .medium-zoom{zoom:4}:is(.beer,beer-css) .large-zoom{zoom:5}:is(.beer,beer-css) .extra-zoom{zoom:6}:is(.beer,beer-css) .badge{--_x: 0;--_y: -100%;display:inline-flex;align-items:center;justify-content:center;position:absolute;font-size:.6875rem;z-index:2;padding:0 .25rem;min-block-size:1rem;min-inline-size:1rem;background-color:var(--error);color:var(--on-error);line-height:normal;border-radius:1rem;inset:50% auto auto 50%;transform:translate(var(--_x, 50%),var(--_y, -50%));font-family:var(--font)}:is(.beer,beer-css) .badge.top{--_y: -100%}:is(.beer,beer-css) .badge.bottom{--_y: 0}:is(.beer,beer-css) .badge.left{--_x: -100%}:is(.beer,beer-css) .badge.right{--_x: 0}:is(.beer,beer-css) .badge.border{border-color:var(--error);color:var(--error);background-color:var(--surface)}:is(.beer,beer-css) .badge:is(.circle,.square){text-align:center;inline-size:auto;block-size:auto;padding:0 .25rem;border-radius:1rem}:is(.beer,beer-css) .badge.square{border-radius:0}:is(.beer,beer-css) .badge.min>*{display:none}:is(.beer,beer-css) .badge.min{clip-path:circle(18.75% at 50% 50%)}:is(.beer,beer-css) nav:is(.left,.right,.top,.bottom)>a>.badge,:is(.beer,beer-css) nav:is(.left,.right,.top,.bottom) :is(li,div:has(>menu))>a>.badge{inset:1rem auto auto 50%}:is(.beer,beer-css) .badge.none{inset:auto!important;transform:none;position:relative;margin:0 .125rem}:is(.beer,beer-css) header,:is(.beer,beer-css) footer{display:grid;align-content:center;border-radius:0;padding:0 1rem}:is(.beer,beer-css) :is(dialog,article)>:is(header,footer){padding-inline:0;inset:0}:is(.beer,beer-css) header{min-block-size:4rem}:is(.beer,beer-css) footer{min-block-size:5rem}:is(.beer,beer-css) :is(header,footer,menu>*).fixed{position:sticky;inset:0;z-index:11;background-color:inherit}:is(.beer,beer-css) header.fixed{inset:calc(-1 * var(--_padding, 0)) 0 0 0;margin-block-start:calc(-1 * var(--_padding, 0))}:is(.beer,beer-css) footer.fixed{inset:0 0 calc(-1 * var(--_padding, 0)) 0;margin-block-end:calc(-1 * var(--_padding, 0))}:is(.beer,beer-css) :is(header,footer).fixed.min{margin-inline:auto}:is(.beer,beer-css) dialog>:is(header,footer){background:none}:is(.beer,beer-css) dialog>:is(header,footer).fixed{background-color:inherit}:is(.beer,beer-css) :is(main,header,footer,section).responsive{max-inline-size:min(100vw,75rem);margin:0 auto}:is(.beer,beer-css) :is(main,header,footer,section).responsive.max{max-inline-size:none}:is(.beer,beer-css) :has(>main)>:is(header,footer).fixed{transform:none;box-sizing:content-box;position:sticky;inset:0;z-index:12}:is(.beer,beer-css) :has(>main)>header{padding-block-start:var(--top, 0)}:is(.beer,beer-css) :has(>main)>footer{padding-block-end:var(--bottom, 0)}:is(.beer,beer-css) nav.top~header,:is(.beer,beer-css) nav.bottom~footer{padding-block:0}:is(.beer,beer-css) nav.top~header.fixed{inset-block:calc(var(--top, 0) + 4.5rem) 0}:is(.beer,beer-css) nav.bottom~footer.fixed{inset-block:0 calc(var(--bottom, 0) + 4.5rem)}:is(.beer,beer-css) :is(nav,.row)>header{background-color:inherit}:is(.beer,beer-css) .button,:is(.beer,beer-css) button{--_padding: 1rem;--_size: 2.5rem;--_round: calc(var(--_size) / 2) !important;box-sizing:content-box;display:inline-flex;align-items:center;justify-content:center;block-size:var(--_size);font-size:.875rem;font-weight:500;color:var(--on-primary);padding:0 var(--_padding);background-color:var(--primary);border-radius:var(--_round);transition:transform var(--speed3),border-radius var(--speed2),padding var(--speed3);-webkit-user-select:none;user-select:none;gap:.5rem;line-height:normal}:is(.beer,beer-css) :is(button,.button).small{--_size: 2rem;--_padding: .75rem}:is(.beer,beer-css) :is(button,.button).large{--_size: 3rem;--_padding: 1.25rem}:is(.beer,beer-css) :is(.button,button):is(.extra,.extend){--_size: 3.5rem;font-size:1rem;--_padding: 1.5rem}:is(.beer,beer-css) :is(button,.button):is(.square,.circle){--_padding: 0}:is(.beer,beer-css) :is(button,.button).border{border-color:var(--outline-variant);color:var(--primary)}:is(.beer,beer-css) .extend>span:not([class]){display:none}:is(.beer,beer-css) .extend:is(:hover,.active){inline-size:auto;--_padding: 1.5rem;padding:0 var(--_padding)}:is(.beer,beer-css) .extend:is(:hover,.active)>i+span{display:inherit;margin-inline-start:var(--_padding)}:is(.beer,beer-css) .extend:is(:hover,.active)>:is(img,svg)+span{display:inherit;margin-inline-start:calc(1rem + var(--_padding, 0))}:is(.beer,beer-css) :is(.button,button)[disabled]{opacity:.5;cursor:not-allowed}:is(.beer,beer-css) .button[disabled]{pointer-events:none}:is(.beer,beer-css) :is(.button,button)[disabled]:before,:is(.beer,beer-css) :is(.button,button)[disabled]:after{display:none}:is(.beer,beer-css) :is(.button,button):not(.chip,.extend).fill{background-color:var(--secondary-container)!important;color:var(--on-secondary-container)!important}:is(.beer,beer-css) :is(.button,button):not(.chip,.extend).active{background-color:var(--primary-container);color:var(--on-primary-container)}:is(.beer,beer-css) :is(.button,button):not(.chip,.extend).fill.active{background-color:var(--secondary)!important;color:var(--on-secondary)!important}:is(.beer,beer-css) :is(.button,button):not(.chip,.extend).border.active{background-color:var(--inverse-surface)!important;color:var(--inverse-on-surface)!important;border-color:var(--inverse-surface)!important}:is(.beer,beer-css) :is(.button,button):not(.chip):active,:is(.beer,beer-css) :is(.button,button):not(.chip).active{border-radius:.5rem!important}:is(.beer,beer-css) article{--_padding: 1rem;box-shadow:var(--elevate1);background-color:var(--surface-container-low);color:var(--on-surface);padding:var(--_padding);border-radius:.75rem;display:block;transition:transform var(--speed3),border-radius var(--speed3),padding var(--speed3)}:is(.beer,beer-css) article.small{block-size:12rem}:is(.beer,beer-css) article.medium{block-size:20rem}:is(.beer,beer-css) article.large{block-size:32rem}:is(.beer,beer-css) article.border{box-shadow:none;border:.0625rem solid var(--outline-variant)}:is(.beer,beer-css) .chip{--_padding: .75rem;--_size: 2rem;--_round: calc(var(--_size) / 2) !important;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;block-size:var(--_size);min-inline-size:var(--_size);font-size:.875rem;font-weight:500;background-color:transparent;border:.0625rem solid var(--outline-variant);color:var(--on-surface-variant);padding:0 var(--_padding);border-radius:.5rem;transition:transform var(--speed3),border-radius var(--speed3),padding var(--speed3);-webkit-user-select:none;user-select:none;gap:.5rem;line-height:normal;letter-spacing:normal}:is(.beer,beer-css) .chip.medium{--_size: 2.5rem;--_padding: 1rem}:is(.beer,beer-css) .chip.large{--_padding: 1.25rem;--_size: 3rem}:is(.beer,beer-css) .chip.fill{border:none}:is(.beer,beer-css) dialog{--_padding: 1.5rem;--_top: calc(var(--_padding, 0) + var(--top, 0));--_bottom: calc(var(--_padding, 0) + var(--bottom, 0));display:block;visibility:hidden;border:none;opacity:0;position:fixed;box-shadow:var(--elevate2);color:var(--on-surface);background-color:var(--surface-container-high);padding:var(--_padding);z-index:100;inset:10% auto auto 50%;min-inline-size:20rem;max-inline-size:100%;max-block-size:80%;overflow-x:hidden;overflow-y:auto;transition:all var(--speed3),0s background-color;border-radius:1.75rem;transform:translate(-50%,-4rem);outline:none}:is(.beer,beer-css) dialog.small{inline-size:25%;block-size:25%}:is(.beer,beer-css) dialog.medium{inline-size:50%;block-size:50%}:is(.beer,beer-css) dialog.large{inline-size:75%;block-size:75%}:is(.beer,beer-css) dialog:is(.active,[open]){visibility:visible;opacity:1;transform:translate(-50%)}:is(.beer,beer-css) dialog:popover-open{visibility:visible;opacity:1;transform:translate(-50%)}:is(.beer,beer-css) dialog:is(.top,.right,.bottom,.left,.max){--_padding: 1rem}:is(.beer,beer-css) dialog:is(.top,.bottom){opacity:1;block-size:auto;inline-size:100%;min-inline-size:auto;max-block-size:100%}:is(.beer,beer-css) dialog.top{inset:0 auto auto 0;transform:translateY(-100%);border-radius:0 0 1rem 1rem;padding-block-start:var(--_top)}:is(.beer,beer-css) dialog.bottom{inset:auto auto 0 0;transform:translateY(100%);border-radius:1rem 1rem 0 0;padding-block-end:var(--_bottom)}:is(.beer,beer-css) dialog:is(.left,.right){opacity:1;inset:0 auto auto 0;inline-size:auto;block-size:100%;max-block-size:100%;background-color:var(--surface);padding-block:var(--_top) var(--_bottom)}:is(.beer,beer-css) [dir=rtl] dialog.right,:is(.beer,beer-css) dialog.left{inset:0 auto auto 0;border-radius:0 1rem 1rem 0;transform:translate(-100%)}:is(.beer,beer-css) [dir=rtl] dialog.left,:is(.beer,beer-css) dialog.right{inset:0 0 auto auto;border-radius:1rem 0 0 1rem;transform:translate(100%)}:is(.beer,beer-css) dialog.max{inset:0 auto auto 0;inline-size:100%;block-size:100%;max-inline-size:100%;max-block-size:100%;transform:translateY(4rem);background-color:var(--surface);border-radius:0;padding-block:var(--_top) var(--_bottom)}:is(.beer,beer-css) dialog:is(.active,[open]):is(.left,.right,.top,.bottom,.max){transform:translate(0)}:is(.beer,beer-css) dialog:popover-open:is(.left,.right,.top,.bottom,.max){transform:translate(0)}:is(.beer,beer-css) dialog.small:is(.left,.right){inline-size:20rem}:is(.beer,beer-css) dialog.medium:is(.left,.right){inline-size:32rem}:is(.beer,beer-css) dialog.large:is(.left,.right){inline-size:44rem}:is(.beer,beer-css) dialog.small:is(.top,.bottom){block-size:16rem}:is(.beer,beer-css) dialog.medium:is(.top,.bottom){block-size:24rem}:is(.beer,beer-css) dialog.large:is(.top,.bottom){block-size:32rem}:is(.beer,beer-css) hr,:is(.beer,beer-css) [class*=divider]{all:unset;align-self:center;justify-self:center;min-inline-size:1.5em;inline-size:-webkit-fill-available!important;min-block-size:auto;block-size:.0625rem;background-color:var(--outline-variant);display:block}:is(.beer,beer-css) hr+*,:is(.beer,beer-css) [class*=divider]+*{margin:0!important}:is(.beer,beer-css) hr.medium,:is(.beer,beer-css) .medium-divider{margin:1rem 0!important}:is(.beer,beer-css) hr.large,:is(.beer,beer-css) .large-divider{margin:1.5rem 0!important}:is(.beer,beer-css) hr.small,:is(.beer,beer-css) .small-divider{margin:.5rem 0!important}:is(.beer,beer-css) :is(hr,.divider).vertical{min-inline-size:auto;min-block-size:1.5rem;inline-size:.0625rem!important}:is(.beer,beer-css) li:has(>:is(hr,.divider)){all:unset;inline-size:-webkit-fill-available!important}:is(.beer,beer-css) nav:is(.top,.bottom) li:has(>:is(hr,.divider)){inline-size:auto!important}:is(.beer,beer-css) nav:is(.top,.bottom)>:is(hr,.divider){inline-size:.0625rem!important}:is(.beer,beer-css) summary{list-style-type:none;cursor:pointer}:is(.beer,beer-css) summary::-webkit-details-marker{display:none}:is(.beer,beer-css) summary>*{pointer-events:none;margin:0}:is(.beer,beer-css) li>details>summary+.list{margin:0!important}:is(.beer,beer-css) details::details-content{transition:all var(--speed2);opacity:0;transform:translateY(-1rem)}:is(.beer,beer-css) details[open]::details-content{opacity:1;transform:translateY(0)}:is(.beer,beer-css) .field{--_input: 3rem;--_start: 1.2rem;--_middle: calc(var(--_input, 0) / 2);border-radius:.25rem .25rem 0 0;min-block-size:var(--_input);display:flex;flex-direction:column}:is(.beer,beer-css) .field.fill{--_background: var(--surface-variant);background-color:unset!important;color:unset!important}:is(.beer,beer-css) .field.fill>:is(input,select,textarea){background-color:var(--_background);z-index:0}:is(.beer,beer-css) .field.small{--_input: 2.5rem;--_start: 1rem}:is(.beer,beer-css) .field.large{--_input: 3.5rem;--_start: 1.4rem}:is(.beer,beer-css) .field.extra{--_input: 4rem;--_start: 1.6rem}:is(.beer,beer-css) .field.border{border-radius:.25rem}:is(.beer,beer-css) .field[class*=round].small{border-radius:1.25rem}:is(.beer,beer-css) .field[class*=round]{border-radius:1.5rem}:is(.beer,beer-css) .field[class*=round].large{border-radius:1.75rem}:is(.beer,beer-css) .field[class*=round].extra{border-radius:2rem}:is(.beer,beer-css) .field>:is(i,img,svg,progress.circle,a){position:absolute;inset:calc((var(--_input, 0) / 2) - .75rem) auto auto auto;cursor:pointer;z-index:10;inline-size:1.5rem;block-size:1.5rem;margin:auto 0;pointer-events:none}:is(.beer,beer-css) .field>:is(a,.front){pointer-events:all!important}:is(.beer,beer-css) .field>a>:is(i,img,svg,progress.circle,a){inline-size:1.5rem;block-size:1.5rem}:is(.beer,beer-css) .field>:is(i,img,svg,progress.circle,a),:is(.beer,beer-css) .field:dir(rtl)>:is(i,img,svg,progress.circle,a):first-child{inset:calc(var(--_middle, 0) - .75rem) 1rem auto auto}:is(.beer,beer-css) .field>:is(i,img,svg,progress.circle,a):first-child,:is(.beer,beer-css) .field:dir(rtl)>:is(i,img,svg,progress.circle,a){inset:calc(var(--_middle, 0) - .75rem) auto auto 1rem}:is(.beer,beer-css) .field.invalid>i{color:var(--error)}:is(.beer,beer-css) .field>progress.circle{border-width:.1875rem}:is(.beer,beer-css) .field>:is(input,textarea,select){all:unset;position:relative;display:flex;align-items:center;box-sizing:border-box;border-radius:inherit;border:.0625rem solid transparent;padding:0 .9375rem;font-family:inherit;font-size:1rem;min-block-size:var(--_input);outline:none;z-index:1;background:none;resize:none;text-align:start;cursor:text}:is(.beer,beer-css) input::-webkit-date-and-time-value{text-align:start}:is(.beer,beer-css) :is(input,select,textarea):is(:-webkit-autofill,:autofill){-webkit-background-clip:text;-webkit-text-fill-color:var(--on-surface)}:is(.beer,beer-css) .field>:is(input,textarea,select):focus{border:.125rem solid transparent;padding-inline:.875rem}:is(.beer,beer-css) .field>textarea:not([rows]){field-sizing:content;max-block-size:12rem}:is(.beer,beer-css) input[type=file],:is(.beer,beer-css) input[type=color],:is(.beer,beer-css) :not(.field)>input:is([type^=date],[type^=time],[type=month],[type=week]),:is(.beer,beer-css) input::-webkit-calendar-picker-indicator{opacity:0;position:absolute;inset:0;inline-size:100%;block-size:100%;margin:0;padding:0;border:0;outline:0;z-index:2!important}@media(pointer:fine){:is(.beer,beer-css) .field>input::-webkit-calendar-picker-indicator{z-index:-1!important}}:is(.beer,beer-css) input::-webkit-search-decoration,:is(.beer,beer-css) input::-webkit-search-cancel-button,:is(.beer,beer-css) input::-webkit-search-results-button,:is(.beer,beer-css) input::-webkit-search-results-decoration,:is(.beer,beer-css) input::-webkit-inner-spin-button,:is(.beer,beer-css) input::-webkit-outer-spin-button{display:none}:is(.beer,beer-css) input[type=number]{-webkit-appearance:textfield;appearance:textfield}:is(.beer,beer-css) .field.border>:is(input,textarea,select){border-color:var(--outline)}:is(.beer,beer-css) .field.border>:is(input,textarea,select):focus{border-color:var(--primary)}:is(.beer,beer-css) .field[class*=round]>:is(input,textarea,select){padding-inline:1.4376rem}:is(.beer,beer-css) .field[class*=round]>:is(input,textarea,select):focus{padding-inline:1.375rem}:is(.beer,beer-css) .field.prefix>:is(input,textarea,select){padding-inline-start:2.9375rem}:is(.beer,beer-css) .field.prefix>.slider{margin-inline-start:3.5rem}:is(.beer,beer-css) .field.prefix>:is(input,textarea,select):focus{padding-inline-start:2.875rem}:is(.beer,beer-css) .field.suffix>:is(input,textarea,select){padding-inline-end:2.9375rem}:is(.beer,beer-css) .field.suffix>.slider{margin-inline-end:3.5rem}:is(.beer,beer-css) .field.suffix>:is(input,textarea,select):focus{padding-inline-end:2.875rem}:is(.beer,beer-css) .field:not(.border,[class*=round])>:is(input,textarea,select){border-block-end-color:var(--outline)}:is(.beer,beer-css) .field:not(.border,[class*=round])>:is(input,textarea,select):focus{border-block-end-color:var(--primary)}:is(.beer,beer-css) .field[class*=round]:not(.border,.fill)>:is(input,textarea,select),:is(.beer,beer-css) .field[class*=round]:not(.border)>:is(input,textarea,select):focus{box-shadow:var(--elevate1)}:is(.beer,beer-css) .field[class*=round]:not(.border,.fill)>:is(input,textarea,select):focus{box-shadow:var(--elevate2)}:is(.beer,beer-css) .field.invalid:not(.border,[class*=round])>:is(input,textarea,select),:is(.beer,beer-css) .field.invalid:not(.border,[class*=round])>:is(input,textarea,select):focus{border-block-end-color:var(--error)}:is(.beer,beer-css) .field.invalid.border>:is(input,textarea,select),:is(.beer,beer-css) .field.invalid.border>:is(input,textarea,select):focus{border-color:var(--error)}:is(.beer,beer-css) .field:has(>:disabled){opacity:.5;cursor:not-allowed}:is(.beer,beer-css) .field>:disabled{cursor:not-allowed}:is(.beer,beer-css) .field>select{-webkit-user-select:none;user-select:none}@-moz-document url-prefix(){:is(.beer,beer-css) .field>select:focus{background-color:var(--surface)}:is(.beer,beer-css) .field.fill>select:focus{background-color:var(--surface-variant)}:is(.beer,beer-css) .field>select:focus+label{z-index:1}}:is(.beer,beer-css) .field>select>option{background-color:var(--surface)}:is(.beer,beer-css) .field>:is(input,select){padding-block-start:1rem}:is(.beer,beer-css) .field:not(.label)>:is(input,select),:is(.beer,beer-css) .field.border:not(.fill)>:is(input,select){padding-block-start:0}:is(.beer,beer-css) .field>textarea{padding-block-start:var(--_start)!important}:is(.beer,beer-css) .field>textarea:focus{padding-block-start:calc(var(--_start, 0) - .01rem)!important}:is(.beer,beer-css) .field:not(.label)>textarea,:is(.beer,beer-css) .field.border:not(.fill)>textarea{padding-block-start:calc(var(--_start, 0) - .5rem)!important}:is(.beer,beer-css) .field:not(.label)>textarea:focus,:is(.beer,beer-css) .field.border:not(.fill)>textarea:focus{padding-block-start:calc(var(--_start, 0) - .51rem)!important}:is(.beer,beer-css) .field.label>label{--_start: 1rem;position:absolute;inset:-.5rem .9375rem 0 var(--_start);display:flex;block-size:calc(var(--_input, 0) + 1rem);line-height:calc(var(--_input, 0) + 1rem);font-size:1rem;transition:all .2s;gap:.25rem;white-space:nowrap;pointer-events:none}:is(.beer,beer-css) .field.label:dir(rtl)>label{inset:-.5rem calc(var(--_start) - .0625rem) 0 .9375rem}:is(.beer,beer-css) .field.label[class*=round]>label{inset:-.5rem 1.9375rem 0 var(--_start)}:is(.beer,beer-css) .field.label[class*=round]:dir(rtl)>label{inset:-.5rem var(--_start) 0 1.9375rem}:is(.beer,beer-css) .field.label.border.prefix:not(.fill)>:is(label.active,:focus+label,[placeholder]:not(:placeholder-shown)+label,select+label){--_start: 1rem}:is(.beer,beer-css) .field.label[class*=round]>label,:is(.beer,beer-css) .field.label.border.prefix[class*=round]:not(.fill)>:is(label.active,:focus+label,[placeholder]:not(:placeholder-shown)+label,select+label){--_start: 1.5rem}:is(.beer,beer-css) .field.label.prefix>label{--_start: 3rem}:is(.beer,beer-css) .field.label>:is(label.active,:focus+label,[placeholder]:not(:placeholder-shown)+label,select+label){block-size:2.5rem;line-height:2.5rem;font-size:.75rem}:is(.beer,beer-css) .field.label.border:not(.fill)>:is(label.active,:focus+label,[placeholder]:not(:placeholder-shown)+label,select+label){block-size:1rem;line-height:1rem}:is(.beer,beer-css) .field.label.border:not(.fill)>label:after{content:"";display:block;margin:.5rem 0 0;border-block-start:.0625rem solid var(--outline);block-size:1rem;transition:none;flex:auto}:is(.beer,beer-css) .field.label.border:not(.fill)>:focus+label:after{border-block-start:.125rem solid var(--primary)}:is(.beer,beer-css) .field.label.border:not(.fill)>:is(input,textarea):is(:focus,[placeholder]:not(:placeholder-shown),.active),:is(.beer,beer-css) .field.label.border:not(.fill)>select{clip-path:polygon(-2% -2%,.75rem -2%,.75rem .5rem,calc(100% - 1rem) .5rem,calc(100% - 1rem) -2%,102% -2%,102% 102%,-2% 102%)}:is(.beer,beer-css) .field.label.border:not(.fill):dir(rtl)>:is(input,textarea):is(:focus,[placeholder]:not(:placeholder-shown),.active),:is(.beer,beer-css) .field.label.border:not(.fill):dir(rtl)>select{clip-path:polygon(-2% -2%,1rem -2%,1rem .5rem,calc(100% - .75rem) .5rem,calc(100% - .75rem) -2%,102% -2%,102% 102%,-2% 102%)}:is(.beer,beer-css) .field.label.border[class*=round]:not(.fill)>:is(input,textarea):is(:focus,[placeholder]:not(:placeholder-shown),.active),:is(.beer,beer-css) .field.label.border[class*=round]:not(.fill)>select{clip-path:polygon(-2% -2%,1.25rem -2%,1.25rem .5rem,calc(100% - 2rem) .5rem,calc(100% - 2rem) -2%,102% -2%,102% 102%,-2% 102%)}:is(.beer,beer-css) .field.label.border[class*=round]:not(.fill):dir(rtl)>:is(input,textarea):is(:focus,[placeholder]:not(:placeholder-shown),.active),:is(.beer,beer-css) .field.label.border[class*=round]:not(.fill):dir(rtl)>select{clip-path:polygon(-2% -2%,2rem -2%,2rem .5rem,calc(100% - 1.25rem) .5rem,calc(100% - 1.25rem) -2%,102% -2%,102% 102%,-2% 102%)}:is(.beer,beer-css) .field.label>:focus+label{color:var(--primary)}:is(.beer,beer-css) .field.label.invalid>label,:is(.beer,beer-css) .field.label.invalid>label:after{color:var(--error)!important;border-color:var(--error)!important}:is(.beer,beer-css) .field.label>label>a{block-size:inherit;line-height:inherit;inline-size:1rem}:is(.beer,beer-css) .field.label>label>a>:is(i,img,svg){block-size:1rem;line-height:1rem;inline-size:1rem;font-size:1rem}:is(.beer,beer-css) .field>output{display:inline-block;font-size:.75rem;background:none!important;padding:.25rem 1rem;line-height:1.25rem;align-self:start}:is(.beer,beer-css) .field>output.invalid{color:var(--error)!important}:is(.beer,beer-css) .field[class*=round]>output{padding:.25rem 1.5rem}:is(.beer,beer-css) .field.invalid>output:not(.invalid),:is(.beer,beer-css) .field:not(.invalid)>output.invalid{display:none}:is(.beer,beer-css) .field.invalid>output.invalid~menu,:is(.beer,beer-css) .field:not(.invalid)>output:not(.invalid)~menu{inset:auto auto 1.75rem 0}:is(.beer,beer-css) table td>.field{margin:0}:is(.beer,beer-css) fieldset{border-radius:.25rem;padding:1rem;border:.0625rem solid var(--outline-variant)}:is(.beer,beer-css) fieldset>legend{margin:0 -.25rem;padding:0 .25rem}:is(.beer,beer-css) fieldset>legend+*{margin-block-start:0!important}:is(.beer,beer-css) .grid{--_gap: 1rem;display:grid;grid-template-columns:repeat(12,1fr);gap:var(--_gap);block-size:auto}:is(.beer,beer-css) .grid.no-space{--_gap: 0rem}:is(.beer,beer-css) .grid.medium-space{--_gap: 1.5rem}:is(.beer,beer-css) .grid.large-space{--_gap: 2rem}:is(.beer,beer-css) .grid>*{margin:0}:is(.beer,beer-css) .s1{grid-area:auto/span 1}:is(.beer,beer-css) .s2{grid-area:auto/span 2}:is(.beer,beer-css) .s3{grid-area:auto/span 3}:is(.beer,beer-css) .s4{grid-area:auto/span 4}:is(.beer,beer-css) .s5{grid-area:auto/span 5}:is(.beer,beer-css) .s6{grid-area:auto/span 6}:is(.beer,beer-css) .s7{grid-area:auto/span 7}:is(.beer,beer-css) .s8{grid-area:auto/span 8}:is(.beer,beer-css) .s9{grid-area:auto/span 9}:is(.beer,beer-css) .s10{grid-area:auto/span 10}:is(.beer,beer-css) .s11{grid-area:auto/span 11}:is(.beer,beer-css) .s12{grid-area:auto/span 12}@media only screen and (min-width:601px){:is(.beer,beer-css) .m1{grid-area:auto/span 1}:is(.beer,beer-css) .m2{grid-area:auto/span 2}:is(.beer,beer-css) .m3{grid-area:auto/span 3}:is(.beer,beer-css) .m4{grid-area:auto/span 4}:is(.beer,beer-css) .m5{grid-area:auto/span 5}:is(.beer,beer-css) .m6{grid-area:auto/span 6}:is(.beer,beer-css) .m7{grid-area:auto/span 7}:is(.beer,beer-css) .m8{grid-area:auto/span 8}:is(.beer,beer-css) .m9{grid-area:auto/span 9}:is(.beer,beer-css) .m10{grid-area:auto/span 10}:is(.beer,beer-css) .m11{grid-area:auto/span 11}:is(.beer,beer-css) .m12{grid-area:auto/span 12}}@media only screen and (min-width:993px){:is(.beer,beer-css) .l1{grid-area:auto/span 1}:is(.beer,beer-css) .l2{grid-area:auto/span 2}:is(.beer,beer-css) .l3{grid-area:auto/span 3}:is(.beer,beer-css) .l4{grid-area:auto/span 4}:is(.beer,beer-css) .l5{grid-area:auto/span 5}:is(.beer,beer-css) .l6{grid-area:auto/span 6}:is(.beer,beer-css) .l7{grid-area:auto/span 7}:is(.beer,beer-css) .l8{grid-area:auto/span 8}:is(.beer,beer-css) .l9{grid-area:auto/span 9}:is(.beer,beer-css) .l10{grid-area:auto/span 10}:is(.beer,beer-css) .l11{grid-area:auto/span 11}:is(.beer,beer-css) .l12{grid-area:auto/span 12}}:is(.beer,beer-css) i,:is(.beer,beer-css) :is(.checkbox,.radio,.switch)>span:before,:is(.beer,beer-css) :is(.checkbox,.radio,.switch)>span>i{--_size: 1.5rem;font-family:var(--font-icon);font-weight:400;font-style:normal;font-size:var(--_size);letter-spacing:normal;text-transform:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:middle;text-align:center;overflow:hidden;inline-size:var(--_size);min-inline-size:var(--_size);block-size:var(--_size);min-block-size:var(--_size);box-sizing:content-box;line-height:normal;border-radius:0}:is(.beer,beer-css) i:has(.badge){overflow:unset}:is(.beer,beer-css) i.tiny{--_size: 1rem}:is(.beer,beer-css) .chip>i,:is(.beer,beer-css) i.small{--_size: 1.25rem}:is(.beer,beer-css) i.medium{--_size: 1.5rem}:is(.beer,beer-css) i.large{--_size: 1.75rem}:is(.beer,beer-css) i.extra{--_size: 2rem}:is(.beer,beer-css) i.fill,:is(.beer,beer-css) a.active>i,:is(.beer,beer-css) button.active>i{font-variation-settings:"FILL" 1}:is(.beer,beer-css) i>:is(img,svg){inline-size:100%;block-size:100%;background-size:100%;border-radius:inherit;position:absolute;inset:0 auto auto 0;padding:inherit}:is(.beer,beer-css) i[class*=fa-]{font-size:calc(var(--_size, 0) * .85);line-height:normal;block-size:auto;min-block-size:auto}:is(.beer,beer-css) .absolute{position:absolute}:is(.beer,beer-css) .fixed{position:fixed}:is(.beer,beer-css) :is(.absolute,.fixed).left.right{inline-size:auto}:is(.beer,beer-css) :is(.absolute,.fixed).left.right.small{block-size:20rem}:is(.beer,beer-css) :is(.absolute,.fixed).left.right.medium{block-size:28rem}:is(.beer,beer-css) :is(.absolute,.fixed).left.right.large{block-size:44rem}:is(.beer,beer-css) :is(.absolute,.fixed).top.bottom.small{inline-size:20rem}:is(.beer,beer-css) :is(.absolute,.fixed).top.bottom.medium{inline-size:28rem}:is(.beer,beer-css) :is(.absolute,.fixed).top.bottom.large{inline-size:44rem}:is(.beer,beer-css) .list{display:flex;flex-direction:column;padding:0;margin:0;flex:1}:is(.beer,beer-css) .list>li,:is(.beer,beer-css) .list>li>details>summary,:is(.beer,beer-css) .list>li>a:only-child{all:unset;box-sizing:border-box;position:relative;display:flex;align-items:center;align-self:normal;text-align:start;justify-content:flex-start;white-space:nowrap;gap:1rem;min-block-size:3.5rem;padding:.5rem 1rem;cursor:pointer;flex:1}:is(.beer,beer-css) .list>li:has(ul,ol,details[open],a:only-child){padding:0}:is(.beer,beer-css) .list>li>.list{padding:0 0 0 1rem}:is(.beer,beer-css) .list>li>*,:is(.beer,beer-css) .list>li>a:only-child>*{margin:0}:is(.beer,beer-css) .list>li>:is(details,.max),:is(.beer,beer-css) .list>li>a:only-child>.max,:is(.beer,beer-css) .list>li>details>summary>.max{flex:1}:is(.beer,beer-css) .list.border>li:not(:last-child):before,:is(.beer,beer-css) .list.border>li>details[open]>summary:before{content:"";position:absolute;background-color:var(--outline-variant);inset:auto 0 0;block-size:.0625rem;inline-size:auto}:is(.beer,beer-css) .list.no-space>li,:is(.beer,beer-css) .list.no-space>li>details>summary{min-block-size:2.5rem}:is(.beer,beer-css) .list.medium-space>li,:is(.beer,beer-css) .list.medium-space>li>details>summary{min-block-size:4.5rem}:is(.beer,beer-css) .list.large-space>li,:is(.beer,beer-css) .list.large-space>li>details>summary{min-block-size:5.5rem}:is(.beer,beer-css) .list>li:focus-visible,:is(.beer,beer-css) .list>li>a:only-child:focus-visible{outline:.125rem solid var(--primary);outline-offset:-.25rem}:is(.beer,beer-css) :has(>main){display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"left top right" "left header right" "left main right" "left footer right" "left bottom right";min-block-size:100dvh;box-sizing:border-box;background-color:var(--surface)}:is(.beer,beer-css) nav.left{grid-area:left}:is(.beer,beer-css) nav.right{grid-area:right}:is(.beer,beer-css) nav.top{grid-area:top}:is(.beer,beer-css) nav.bottom{grid-area:bottom}:is(.beer,beer-css) header{grid-area:header}:is(.beer,beer-css) footer{grid-area:footer}:is(.beer,beer-css) main{--_padding: .5rem;grid-area:main;padding:var(--_padding);overflow:clip}:is(.beer,beer-css) aside{z-index:1}:is(.beer,beer-css) aside:not(.fixed,.absolute).right{float:right}:is(.beer,beer-css) aside:not(.fixed,.absolute).left{float:left}:is(.beer,beer-css) svg{fill:currentcolor}:is(.beer,beer-css) :is(img,svg,video):is(.small,.medium,.large,.tiny,.extra,.round,.circle,.square,.responsive){--_size: 3rem;object-fit:cover;object-position:center;transition:transform var(--speed3),border-radius var(--speed3),padding var(--speed3);block-size:var(--_size);inline-size:var(--_size)}:is(.beer,beer-css) :is(img,svg,video).round{--_round: .5rem}:is(.beer,beer-css) :is(img,svg,video).tiny{--_size: 2rem}:is(.beer,beer-css) :is(img,svg,video).small{--_size: 2.5rem}:is(.beer,beer-css) :is(img,svg,video).large{--_size: 3.5rem}:is(.beer,beer-css) :is(img,svg,video).extra{--_size: 4rem}:is(.beer,beer-css) :is(img,svg,video).responsive{--_size: 100%;margin:0 auto}:is(.beer,beer-css) :is(img,svg,video).responsive.tiny{inline-size:100%;block-size:4rem}:is(.beer,beer-css) :is(img,svg,video).responsive.small{inline-size:100%;block-size:8rem}:is(.beer,beer-css) :is(img,svg,video).responsive.medium{inline-size:100%;block-size:12rem}:is(.beer,beer-css) :is(img,svg,video).responsive.large{inline-size:100%;block-size:16rem}:is(.beer,beer-css) :is(img,svg,video).responsive.extra{inline-size:100%;block-size:20rem}:is(.beer,beer-css) :is(img,svg,video).responsive.round{--_round: 2rem}:is(.beer,beer-css) :is(img,svg,video).empty-state{max-inline-size:100%;inline-size:24rem}:is(.beer,beer-css) :is(button,.button,.chip):not(.transparent)>.responsive{border:.25rem solid transparent}:is(.beer,beer-css) :is(button,.button,.chip,.field)>:is(img,svg):not(.responsive),:is(.beer,beer-css) .tabs :is(img,svg):not(.responsive){min-inline-size:1.5rem;max-inline-size:1.5rem;min-block-size:1.5rem;max-block-size:1.5rem}:is(.beer,beer-css) :is(button,.button,.chip):not(.extend)>.responsive:first-child{margin-inline-start:calc(-1 * var(--_padding, 0))}:is(.beer,beer-css) :is(button,.button,.chip):not(.extend)>.responsive:not(:first-child){margin-inline-end:calc(-1 * var(--_padding, 0))}:is(.beer,beer-css) :is(button,.button,.chip,.circle,.square,.extend)>.responsive{--_size: inherit;margin:0 auto}:is(.beer,beer-css) .extend>:is(.responsive,i){margin:0;position:absolute;inset-inline:1rem;z-index:1}:is(.beer,beer-css) .extend>.responsive{inset-inline:0;inline-size:3.5rem}:is(.beer,beer-css) .extend.border>.responsive{inline-size:3.375rem}:is(.beer,beer-css) menu{opacity:0;visibility:hidden;position:absolute;box-shadow:var(--elevate2);background-color:var(--surface-container);z-index:13;inset:auto auto 0 0;inline-size:100%;max-block-size:50vh;max-inline-size:none!important;overflow-x:hidden;overflow-y:auto;font-size:.875rem;font-weight:400;text-transform:none;color:var(--on-surface);line-height:normal;text-align:start;border-radius:1rem;transform:scale(.8) translateY(120%);transition:all var(--speed2) var(--speed2);justify-content:flex-start;padding:.25rem;display:flex;flex-direction:column;gap:.125rem}:is(.beer,beer-css) menu.no-space{gap:0}:is(.beer,beer-css) menu.small-space{gap:.25rem}:is(.beer,beer-css) menu.medium-space{gap:.375rem}:is(.beer,beer-css) menu.large-space{gap:.5rem}:is(.beer,beer-css) menu.extra-space{gap:.625rem}:is(.beer,beer-css) [dir=rtl] menu{inset:auto 0 0 auto}:is(.beer,beer-css) menu.no-wrap{inline-size:max-content!important;white-space:nowrap!important}:is(.beer,beer-css) menu.active,:is(.beer,beer-css) :not([data-ui]):focus-within>menu,:is(.beer,beer-css) menu>li:hover>menu,:is(.beer,beer-css) menu>li>menu:hover{opacity:1;visibility:visible;transform:scale(1) translateY(100%);transition:all var(--speed2),background-color 0s}:is(.beer,beer-css) menu.top.active,:is(.beer,beer-css) :not([data-ui]):focus-within>menu.top,:is(.beer,beer-css) menu>li:hover>menu.top,:is(.beer,beer-css) menu>li>menu.top:hover{transform:scale(1) translateY(-100%)}:is(.beer,beer-css) menu:is(.min,.max).active,:is(.beer,beer-css) :not([data-ui]):focus-within>menu:is(.min,.max){transform:scale(1)}:is(.beer,beer-css) menu *{white-space:inherit!important}:is(.beer,beer-css) menu>li,:is(.beer,beer-css) menu>li>a:only-child{all:unset;box-sizing:border-box;position:relative;display:flex;align-items:center;align-self:normal;text-align:start;justify-content:inherit;white-space:nowrap;gap:1rem;padding:.5rem 1rem;min-block-size:2.75rem;flex:1;margin:0!important;cursor:pointer;border-radius:.25rem;transition:border-radius var(--speed2)}:is(.beer,beer-css) menu>li:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}:is(.beer,beer-css) menu>li:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}:is(.beer,beer-css) menu>li:hover{background-color:color-mix(in srgb,currentColor 10%,transparent)}:is(.beer,beer-css) menu>li.active{background-color:var(--tertiary-container);color:var(--on-tertiary-container)}:is(.beer,beer-css) menu>li:is(.active,:active){border-radius:.75rem}:is(.beer,beer-css) menu>li>:is(.max,.field),:is(.beer,beer-css) menu>li>a:only-child>.max,:is(.beer,beer-css) menu>li:has(.field,a:only-child){flex:1;padding:0;margin:0}:is(.beer,beer-css) menu.min{inset:0 0 auto;transform:scale(.8)}:is(.beer,beer-css) [dir=rtl] menu.min.right,:is(.beer,beer-css) menu.min.left,:is(.beer,beer-css) menu.top.left{inset:0 0 auto auto}:is(.beer,beer-css) [dir=rtl] menu.min.left,:is(.beer,beer-css) menu.min.right,:is(.beer,beer-css) menu.top,:is(.beer,beer-css) menu.top.right{inset:0 auto auto 0}:is(.beer,beer-css) menu.max{position:fixed;inset:0;block-size:100%;max-block-size:none;min-block-size:auto;z-index:100;transform:scale(.8);border-radius:0}:is(.beer,beer-css) menu.max>li{flex:none!important}:is(.beer,beer-css) menu.no-wrap:is(.min,.max){min-inline-size:16rem}:is(.beer,beer-css) [dir=rtl] menu.right,:is(.beer,beer-css) [dir=rtl] menu.top.min.right,:is(.beer,beer-css) menu.left,:is(.beer,beer-css) menu.top.min.left{inset:auto 0 0 auto}:is(.beer,beer-css) [dir=rtl] menu.left,:is(.beer,beer-css) [dir=rtl] menu.top.min.left,:is(.beer,beer-css) menu.right,:is(.beer,beer-css) menu.top.min{inset:auto auto 0 0}:is(.beer,beer-css) menu.top{transform:scale(.8) translateY(-120%)}:is(.beer,beer-css) menu:has(menu){--_child: 1;--_type: 0;overflow:unset;white-space:nowrap;inline-size:auto;min-inline-size:12rem;max-block-size:none}:is(.beer,beer-css) menu>li>:is(menu,menu.right),:is(.beer,beer-css) [dir=rtl] menu>li>menu.left{inset:auto auto calc(3rem * (var(--_child, 0) - var(--_type, 0))) 100%}:is(.beer,beer-css) [dir=rtl] menu>li>:is(menu,menu.right),:is(.beer,beer-css) menu>li>menu.left{inset:auto 100% calc(3rem * (var(--_child, 0) - var(--_type, 0))) auto}:is(.beer,beer-css) menu>li>:is(menu.top,menu.top.right),:is(.beer,beer-css) [dir=rtl] menu>li>menu.top.left{inset:calc(3rem * (var(--_child, 0) - var(--_type, 0))) auto auto 100%}:is(.beer,beer-css) [dir=rtl] menu>li>:is(menu.top,menu.top.right),:is(.beer,beer-css) menu>li>menu.top.left{inset:calc(3rem * (var(--_child, 0) - var(--_type, 0))) 100% auto auto}:is(.beer,beer-css) menu.group{padding:.5rem 0;inline-size:100%;min-inline-size:auto;max-block-size:none;overflow:unset;background:none;box-shadow:none}:is(.beer,beer-css) menu.group>li{box-shadow:none;padding:0;min-block-size:auto}:is(.beer,beer-css) menu.group>li:hover{background:none}:is(.beer,beer-css) menu.group>li>menu,:is(.beer,beer-css) menu.group>li>menu:hover{opacity:1;visibility:visible;position:relative;inset:0;max-block-size:none;transform:none;transition:none;border-radius:1rem 1rem .5rem .5rem;z-index:auto;flex:1}:is(.beer,beer-css) menu.group>li:last-child>menu{border-radius:.5rem .5rem 1rem 1rem}:is(.beer,beer-css) menu>li:nth-last-child(2){--_child: 2}:is(.beer,beer-css) menu>li:nth-last-child(3){--_child: 3}:is(.beer,beer-css) menu>li:nth-last-child(4){--_child: 4}:is(.beer,beer-css) menu>li:nth-last-child(5){--_child: 5}:is(.beer,beer-css) menu>li:nth-last-child(6){--_child: 6}:is(.beer,beer-css) menu>li:nth-last-child(7){--_child: 7}:is(.beer,beer-css) menu>li:nth-last-child(8){--_child: 8}:is(.beer,beer-css) menu>li:nth-last-child(9){--_child: 9}:is(.beer,beer-css) menu>li:nth-last-child(10){--_child: 10}:is(.beer,beer-css) menu>li:nth-last-child(11){--_child: 11}:is(.beer,beer-css) menu>li:nth-last-of-type(2){--_type: 1}:is(.beer,beer-css) menu>li:nth-last-of-type(3){--_type: 2}:is(.beer,beer-css) menu>li:nth-last-of-type(4){--_type: 3}:is(.beer,beer-css) menu>li:nth-last-of-type(5){--_type: 4}:is(.beer,beer-css) menu>li:nth-last-of-type(6){--_type: 5}:is(.beer,beer-css) menu>li:nth-last-of-type(7){--_type: 6}:is(.beer,beer-css) menu>li:nth-last-of-type(8){--_type: 7}:is(.beer,beer-css) menu>li:nth-last-of-type(9){--_type: 8}:is(.beer,beer-css) menu>li:nth-last-of-type(10){--_type: 9}:is(.beer,beer-css) menu>li:nth-last-of-type(11){--_type: 10}@media(pointer:coarse){:is(.beer,beer-css) :not(menu,[data-ui]):hover>menu{opacity:1;visibility:visible;transform:scale(1) translateY(100%)}:is(.beer,beer-css) :not(menu,[data-ui]):hover>menu.top{transform:scale(1) translateY(-100%)}}:is(.beer,beer-css) nav>:is(ol,ul){all:inherit;border-radius:inherit;position:absolute;inset:0}:is(.beer,beer-css) nav.toolbar>:is(ol,ul){position:relative;padding:0}:is(.beer,beer-css) nav>:is(ol,ul)>li{all:unset;border-radius:inherit;block-size:inherit;color:inherit;display:inline-flex;inline-size:100%;flex:0;align-items:center}:is(.beer,beer-css) nav:is(.left,.right,.tabbed)>:is(ol,ul)>li{inline-size:auto}:is(.beer,beer-css) nav.tabbed>:is(ol,ul)>li{flex:1}:is(.beer,beer-css) nav,:is(.beer,beer-css) .row,:is(.beer,beer-css) a.row{display:flex;align-items:center;align-self:normal;text-align:start;justify-content:flex-start;white-space:nowrap;gap:1rem;border-radius:0}:is(.beer,beer-css) a.row,:is(.beer,beer-css) nav.row{min-block-size:3rem;margin:0}:is(.beer,beer-css) :is(nav,.row,.max)>:only-child,:is(.beer,beer-css) :is(nav,.row,.max)>span>*{margin:0}:is(.beer,beer-css) :is(nav,.row)>:not(header,footer){margin:0;white-space:normal;flex:none}:is(.beer,beer-css) :is(nav,.row).min{display:inline-flex}:is(.beer,beer-css) :is(nav,.row).no-space{gap:0}:is(.beer,beer-css) :is(nav,.row).tiny-space{gap:.5rem}:is(.beer,beer-css) :is(nav,.row).medium-space{gap:1.5rem}:is(.beer,beer-css) :is(nav,.row).large-space{gap:2rem}:is(.beer,beer-css) :is(nav,.row) .max{flex:1}:is(.beer,beer-css) :is(nav,.row).wrap{display:flex;flex-wrap:wrap}:is(.beer,beer-css) :is(header,footer)>:is(nav,.row){min-block-size:inherit}:is(.beer,beer-css) nav:is(.left,.right,.top,.bottom){--_padding: .5rem;--_top: calc(var(--_padding, 0) + var(--top, 0));--_bottom: calc(var(--_padding, 0) + var(--bottom, 0));position:sticky;inset:0;border:0;color:var(--on-surface);transform:none;z-index:100;text-align:center;padding:var(--_padding);margin:0}:is(.beer,beer-css) nav:is(.left,.right){justify-content:flex-start;flex-direction:column;background-color:var(--surface);block-size:100dvh;min-inline-size:6rem;padding-block:var(--_top) var(--_bottom)}:is(.beer,beer-css) nav:is(.top,.bottom){position:sticky;inset:0;padding:.5rem;justify-content:center;flex-direction:row;background-color:var(--surface-container);block-size:auto;min-block-size:4.5rem}:is(.beer,beer-css) nav.top{block-size:calc(var(--top, 0) + 4.5rem);padding-block-start:var(--_top)}:is(.beer,beer-css) nav.bottom{block-size:calc(var(--bottom, 0) + 4.5rem);padding-block-end:var(--_bottom)}:is(.beer,beer-css) nav>header{min-block-size:auto;padding:0;margin:0 0 1rem;align-items:flex-start;gap:1rem;background:none!important}:is(.beer,beer-css) nav:is(.top,.bottom)>header{flex-direction:row;align-items:center;margin:0 1rem 0 0}:is(.beer,beer-css) nav>header>*{margin:0;transition:none}:is(.beer,beer-css) nav.max>header>*{transition:all var(--speed1)}:is(.beer,beer-css) nav>header>.extend:hover{--_padding: 0;inline-size:var(--_size)}:is(.beer,beer-css) nav>header>.extend:hover>span:not([class]){display:none}:is(.beer,beer-css) nav.max:is(.left,.right,.top,.bottom){gap:0;inline-size:auto;align-items:flex-start;min-inline-size:12.75rem;padding:var(--_top) 1.25rem var(--_bottom) 1.25rem}:is(.beer,beer-css) nav.max>header{margin:0 0 1.25rem}:is(.beer,beer-css) nav.max:is(.top,.bottom)>header{margin:0 1.25rem 0 0}:is(.beer,beer-css) nav.max>header>.extend{--_padding: 1.5rem;inline-size:auto;padding:0 var(--_padding)}:is(.beer,beer-css) nav.max>header>.extend>span:not([class]){display:block;margin-inline-start:var(--_padding)}:is(.beer,beer-css) nav.max>header>.extend>:is(img,svg)+span{margin-inline-start:calc(1rem + var(--_padding, 0))}:is(.beer,beer-css) nav.max:is(.top,.bottom){padding:0 .5rem;align-items:center;min-inline-size:auto;max-inline-size:none}:is(.beer,beer-css) nav:is(.left,.right,.top,.bottom) a:not(.button,.chip),:is(.beer,beer-css) nav:is(.left,.right,.top,.bottom) :is(div:has(>menu))>a:not(.button,.chip){display:flex;flex-direction:column;gap:.25rem;line-height:normal;inline-size:3.5rem;font-size:.8rem}:is(.beer,beer-css) nav:not(.max):is(.left,.right,.top,.bottom) a:not(.button,.chip)>i,:is(.beer,beer-css) nav:not(.max):is(.left,.right,.top,.bottom) :is(div:has(>menu))>a:not(.button,.chip)>i{padding:.25rem 1rem;border-radius:2rem;margin:0 auto}:is(.beer,beer-css) nav.max:is(.left,.right,.top,.bottom) a:not(.button,.chip),:is(.beer,beer-css) nav.max:is(.left,.right,.top,.bottom) :is(div:has(>menu))>a:not(.button,.chip){flex-direction:row;gap:.5rem;inline-size:auto;block-size:3.5rem;padding:0 1rem;border-radius:2rem;font-size:inherit}:is(.beer,beer-css) nav:is(.left,.right,.top,.bottom) a.active:not(.button,.chip),:is(.beer,beer-css) nav:is(.left,.right,.top,.bottom) :is(div:has(>menu))>a.active:not(.button,.chip){transition:padding var(--speed1) linear}:is(.beer,beer-css) nav.max:is(.top,.bottom) a:not(.button,.chip),:is(.beer,beer-css) nav.max:is(.top,.bottom) :is(div:has(>menu))>a:not(.button,.chip){gap:.25rem;block-size:2.5rem;font-size:.8rem}:is(.beer,beer-css) nav.max:is(.left,.right,.top,.bottom) a.active:not(.button,.chip),:is(.beer,beer-css) nav.max:is(.left,.right,.top,.bottom) :is(div:has(>menu))>a.active:not(.button,.chip),:is(.beer,beer-css) nav:is(.left,.right,.top,.bottom):not(.max) a.active:not(.button,.chip)>i,:is(.beer,beer-css) nav:is(.left,.right,.top,.bottom):not(.max) :is(div:has(>menu))>a.active:not(.button,.chip)>i{background-color:var(--secondary-container);color:var(--on-secondary-container)}:is(.beer,beer-css) :is(nav,.row):is(.left-align,.top-align,.vertical){justify-content:flex-start}:is(.beer,beer-css) :is(nav,.row):is(.right-align,.bottom-align){justify-content:flex-end}:is(.beer,beer-css) :is(nav,.row):is(.center-align,.middle-align){justify-content:center}:is(.beer,beer-css) :is(nav,.row):is(.left-align,.top-align,.vertical).vertical{align-items:flex-start}:is(.beer,beer-css) :is(nav,.row):is(.right-align,.bottom-align).vertical{align-items:flex-end}:is(.beer,beer-css) :is(nav,.row):is(.center-align,.middle-align).vertical{align-items:center}:is(.beer,beer-css) nav:not(.left,.right)>.space{inline-size:.5rem}:is(.beer,beer-css) nav:not(.left,.right)>.medium-space{inline-size:1rem}:is(.beer,beer-css) nav:not(.left,.right)>.large-space{inline-size:1.5rem}:is(.beer,beer-css) nav.tabbed{background-color:var(--surface-container);border-radius:4rem!important;gap:0rem;block-size:4rem}:is(.beer,beer-css) nav.tabbed.small{block-size:3rem}:is(.beer,beer-css) nav.tabbed.large{block-size:5rem}:is(.beer,beer-css) nav.tabbed a{border-radius:inherit;block-size:inherit;display:inline-flex;align-items:center;padding-inline:1rem;gap:.5rem;font-size:1rem;flex:1}:is(.beer,beer-css) nav.tabbed a.active{background-color:var(--primary-container);color:var(--on-primary-container)}:is(.beer,beer-css) nav.toolbar{display:inline-flex;justify-content:space-around;border-radius:2rem;background-color:var(--surface-container);color:var(--on-surface);padding:0 1rem;gap:.5rem;min-block-size:4rem;min-inline-size:4rem}:is(.beer,beer-css) nav.toolbar a{display:inline-flex;gap:.5rem;min-inline-size:2.5rem;min-block-size:2.5rem;border-radius:1.75rem}:is(.beer,beer-css) nav.toolbar a:has(>:not(i)){padding:0 1rem}:is(.beer,beer-css) nav.toolbar a.active{background-color:var(--secondary-container);color:var(--on-secondary-container)}:is(.beer,beer-css) nav.toolbar.fill{background-color:var(--primary-container)!important;color:var(--on-primary-container)!important}:is(.beer,beer-css) nav.toolbar.fill a.active{background-color:var(--surface-container)!important;color:var(--on-surface)!important}:is(.beer,beer-css) nav.toolbar.vertical{flex-direction:column!important;min-inline-size:4rem;padding:1rem 0;align-self:center;align-items:center!important}:is(.beer,beer-css) nav.toolbar.vertical a{inline-size:2.5rem;block-size:2.5rem}:is(.beer,beer-css) nav.toolbar.vertical a>:is(div,span):not(.badge,.tooltip){display:none}:is(.beer,beer-css) nav.toolbar.max{border-radius:0;display:flex}:is(.beer,beer-css) nav.group{background:none!important;color:var(--on-background)!important}:is(.beer,beer-css) nav.group>:is(.button,button){border-radius:.5rem}:is(.beer,beer-css) nav.group:is(.connected,.split){gap:.125rem}:is(.beer,beer-css) nav.group:not(.split)>:is(.button,button):not(.border){background-color:var(--surface-container);color:var(--on-surface-container)}:is(.beer,beer-css) nav.group:not(.split)>:is(.button,button).active{background-color:var(--primary);color:var(--on-primary)}:is(.beer,beer-css) nav.group.connected>:is(.button,button):not(.border){background-color:var(--surface-container);color:var(--on-surface-container)}:is(.beer,beer-css) nav.group.connected>:is(.button,button).active{background-color:var(--secondary-container);color:var(--on-secondary-container)}:is(.beer,beer-css) nav.group:is(.connected,.split)>:is(.button,button).active,:is(.beer,beer-css) nav.split>:is(.button,button):active{border-radius:2rem!important}:is(.beer,beer-css) :is(.scroll,.no-scroll,.no-space,.tabs,.tabbed)>:focus-visible{outline:.125rem solid var(--primary);outline-offset:-.125rem}:is(.beer,beer-css) nav.split>:is(.button,button):not(.chip,.fill,.border){background-color:var(--primary);color:var(--on-primary)}@media only screen and (max-width:600px){:is(.beer,beer-css) nav.top,:is(.beer,beer-css) nav.bottom{justify-content:space-around}}:is(.beer,beer-css) .overlay,:is(.beer,beer-css) dialog::backdrop{display:block!important;opacity:0;visibility:hidden;position:fixed;inset:0;color:var(--on-surface);background-color:var(--overlay);z-index:100;transition:all var(--speed3),0s background-color;border-radius:0}:is(.beer,beer-css) .overlay.active{opacity:1;visibility:visible}:is(.beer,beer-css) dialog:popover-open::backdrop{opacity:1;visibility:visible}:is(.beer,beer-css) .overlay+dialog::backdrop,:is(.beer,beer-css) .snackbar::backdrop{display:none}:is(.beer,beer-css) [popover]{border:0}:is(.beer,beer-css) .page{--_transform: translate(0, 0);opacity:0;position:absolute;display:none}:is(.beer,beer-css) .page.active{opacity:1;position:relative;display:inherit;animation:var(--speed4) to-page ease}:is(.beer,beer-css) .page.active.top{--_transform: translate(0, -4rem)}:is(.beer,beer-css) .page.active.bottom{--_transform: translate(0, 4rem)}:is(.beer,beer-css) .page.active.left{--_transform: translate(-4rem, 0)}:is(.beer,beer-css) .page.active.right{--_transform: translate(4rem, 0)}:is(.beer,beer-css) progress{--_size: .25rem;position:relative;inline-size:100%;block-size:var(--_size);color:var(--primary);background:var(--image);border-radius:1rem;flex:none;border:none;overflow:hidden;writing-mode:horizontal-tb;direction:ltr;-webkit-appearance:none;appearance:none}:is(.beer,beer-css) progress.small{--_size: .25rem}:is(.beer,beer-css) progress.medium{--_size: .35rem}:is(.beer,beer-css) progress.large{--_size: .45rem}:is(.beer,beer-css) progress.indeterminate{--_value: 100;animation:3.2s to-indeterminate-progress ease infinite}:is(.beer,beer-css) progress:not(.circle,[value]):after{content:"";position:absolute;inset:0;inline-size:100%;block-size:100%;clip-path:none;background:currentcolor;animation:3.2s to-linear-progress ease infinite}:is(.beer,beer-css) progress:not(.circle,[value])::-moz-progress-bar{animation:3.2s to-linear-progress ease infinite}:is(.beer,beer-css) progress:not(.circle,[value])::-webkit-progress-value{animation:3.2s to-linear-progress ease infinite}:is(.beer,beer-css) progress::-webkit-progress-bar{background:none}:is(.beer,beer-css) progress::-webkit-progress-value{background:currentColor}:is(.beer,beer-css) progress::-moz-progress-bar{background:currentColor}:is(.beer,beer-css) progress.wavy{block-size:calc(var(--_size, 0) * 2);background:none;background-image:var(--image);background-repeat:repeat-x;background-position:0 50%;background-size:auto calc(var(--_size, 0) / 2)}:is(.beer,beer-css) progress.wavy::-webkit-progress-value,:is(.beer,beer-css) progress.wavy:not(.circle,[value]):after{-webkit-mask-image:url(/p/v/beer-5.0.3/wavy.svg);mask-image:url(/p/v/beer-5.0.3/wavy.svg);-webkit-mask-position:0 50%;mask-position:0 50%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:auto 100%;mask-size:auto 100%}:is(.beer,beer-css) progress.wavy::-moz-progress-bar{-webkit-mask-image:url(/p/v/beer-5.0.3/wavy.svg);mask-image:url(/p/v/beer-5.0.3/wavy.svg);-webkit-mask-position:0 50%;mask-position:0 50%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:auto 100%;mask-size:auto 100%}:is(.beer,beer-css) progress.circle{--_value: attr(value type(<number>), 50);inline-size:2.5rem;block-size:2.5rem;background:conic-gradient(currentColor calc(var(--_value, 0) * 1%),var(--active) 0%);border-radius:50%;-webkit-mask-image:radial-gradient(circle at center,transparent 57%,currentColor 60%);mask-image:radial-gradient(circle at center,transparent 57%,currentColor 60%)}:is(.beer,beer-css) progress.circle::-webkit-progress-value{background:none}:is(.beer,beer-css) progress.circle::-moz-progress-bar{background:none}:is(.beer,beer-css) progress.circle.wavy{background:conic-gradient(currentColor calc(var(--_value, 0) * 1%),var(--active) 0);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:url(/p/v/beer-5.0.3/wavy-circle.svg);mask-image:url(/p/v/beer-5.0.3/wavy-circle.svg)}:is(.beer,beer-css) progress.circle.small{inline-size:1.5rem;block-size:1.5rem}:is(.beer,beer-css) progress.circle.large{inline-size:3.5rem;block-size:3.5rem}:is(.beer,beer-css) progress.circle:not([value]),:is(.beer,beer-css) progress.circle.indeterminate{--_value: 50;animation:to-rotate 1s infinite linear}:is(.beer,beer-css) :is(nav,.row,.field)>progress:not(.circle,.small,.medium,.large){flex:auto}:is(.beer,beer-css) progress.max{display:unset;position:absolute;inline-size:100%!important;block-size:100%!important;color:currentColor;background:none;inset:0;border-radius:inherit;animation:none;writing-mode:horizontal-tb;opacity:.33}:is(.beer,beer-css) progress.max[class*=-text]{opacity:1}:is(.beer,beer-css) progress.max+*{margin-block-start:0}:is(.beer,beer-css) :is(.button,button,.chip)>progress.circle{color:inherit}:is(.beer,beer-css) .shape{display:flex;align-items:center;justify-content:center;color:var(--on-primary);background-color:var(--primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;border-radius:0;block-size:3.5rem;inline-size:3.5rem;margin:0!important;padding:0!important;border:0!important}:is(.beer,beer-css) .transparent>.shape>i{filter:invert(1)}:is(.beer,beer-css) .shape.tiny-space{-webkit-mask-size:90%;mask-size:90%}:is(.beer,beer-css) .shape.space,:is(.beer,beer-css) .shape.small-space{-webkit-mask-size:80%;mask-size:80%}:is(.beer,beer-css) .shape.medium-space{-webkit-mask-size:70%;mask-size:70%}:is(.beer,beer-css) .shape.large-space{-webkit-mask-size:60%;mask-size:60%}:is(.beer,beer-css) .shape.extra-space{-webkit-mask-size:50%;mask-size:50%}:is(.beer,beer-css) .shape.tiny{block-size:2.5rem;inline-size:2.5rem}:is(.beer,beer-css) .shape.medium{block-size:4.5rem;inline-size:4.5rem}:is(.beer,beer-css) .shape.large{block-size:5.5rem;inline-size:5.5rem}:is(.beer,beer-css) .shape.extra{block-size:6.5rem;inline-size:6.5rem}:is(.beer,beer-css) .shape.max,:is(.beer,beer-css) .shape>.responsive,:is(.beer,beer-css) .shape>.responsive>.responsive{position:absolute;inset:0;block-size:100%;inline-size:100%;margin:0!important;padding:0!important;border:0!important}:is(.beer,beer-css) .shape>.responsive{background:inherit;color:inherit}:is(.beer,beer-css) .shape.rotate{animation:linear to-rotate infinite 12s}:is(.beer,beer-css) .shape.rotate>*{animation:linear to-rotate infinite 12s reverse}:is(.beer,beer-css) .shape.fast-rotate{animation:linear to-rotate infinite 6s}:is(.beer,beer-css) .shape.fast-rotate>*{animation:linear to-rotate infinite 6s reverse}:is(.beer,beer-css) .shape.slow-rotate{animation:linear to-rotate infinite 24s}:is(.beer,beer-css) .shape.slow-rotate>*{animation:linear to-rotate infinite 24s reverse}:is(.beer,beer-css) :is(button,.button,.chip):has(>.shape)>.responsive{border:none}:is(.beer,beer-css) .shape.arch{-webkit-mask-image:url(/p/v/beer-5.0.3/arch.svg);mask-image:url(/p/v/beer-5.0.3/arch.svg)}:is(.beer,beer-css) .shape.arrow{-webkit-mask-image:url(/p/v/beer-5.0.3/arrow.svg);mask-image:url(/p/v/beer-5.0.3/arrow.svg)}:is(.beer,beer-css) .shape.boom{-webkit-mask-image:url(/p/v/beer-5.0.3/boom.svg);mask-image:url(/p/v/beer-5.0.3/boom.svg)}:is(.beer,beer-css) .shape.bun{-webkit-mask-image:url(/p/v/beer-5.0.3/bun.svg);mask-image:url(/p/v/beer-5.0.3/bun.svg)}:is(.beer,beer-css) .shape.burst{-webkit-mask-image:url(/p/v/beer-5.0.3/burst.svg);mask-image:url(/p/v/beer-5.0.3/burst.svg)}:is(.beer,beer-css) .shape.circle{-webkit-mask-image:url(/p/v/beer-5.0.3/circle.svg);mask-image:url(/p/v/beer-5.0.3/circle.svg)}:is(.beer,beer-css) .shape.clamshell{-webkit-mask-image:url(/p/v/beer-5.0.3/clamshell.svg);mask-image:url(/p/v/beer-5.0.3/clamshell.svg)}:is(.beer,beer-css) .shape.diamond{-webkit-mask-image:url(/p/v/beer-5.0.3/diamond.svg);mask-image:url(/p/v/beer-5.0.3/diamond.svg)}:is(.beer,beer-css) .shape.fan{-webkit-mask-image:url(/p/v/beer-5.0.3/fan.svg);mask-image:url(/p/v/beer-5.0.3/fan.svg)}:is(.beer,beer-css) .shape.flower{-webkit-mask-image:url(/p/v/beer-5.0.3/flower.svg);mask-image:url(/p/v/beer-5.0.3/flower.svg)}:is(.beer,beer-css) .shape.gem{-webkit-mask-image:url(/p/v/beer-5.0.3/gem.svg);mask-image:url(/p/v/beer-5.0.3/gem.svg)}:is(.beer,beer-css) .shape.ghost-ish{-webkit-mask-image:url(/p/v/beer-5.0.3/ghost-ish.svg);mask-image:url(/p/v/beer-5.0.3/ghost-ish.svg)}:is(.beer,beer-css) .shape.heart{-webkit-mask-image:url(/p/v/beer-5.0.3/heart.svg);mask-image:url(/p/v/beer-5.0.3/heart.svg)}:is(.beer,beer-css) .shape.leaf-clover4{-webkit-mask-image:url(/p/v/beer-5.0.3/leaf-clover4.svg);mask-image:url(/p/v/beer-5.0.3/leaf-clover4.svg)}:is(.beer,beer-css) .shape.leaft-clover8{-webkit-mask-image:url(/p/v/beer-5.0.3/leaf-clover8.svg);mask-image:url(/p/v/beer-5.0.3/leaf-clover8.svg)}:is(.beer,beer-css) .shape.loading-indicator{-webkit-mask-image:url(/p/v/beer-5.0.3/loading-indicator.svg);mask-image:url(/p/v/beer-5.0.3/loading-indicator.svg)}:is(.beer,beer-css) .shape.oval{-webkit-mask-image:url(/p/v/beer-5.0.3/oval.svg);mask-image:url(/p/v/beer-5.0.3/oval.svg)}:is(.beer,beer-css) .shape.pentagon{-webkit-mask-image:url(/p/v/beer-5.0.3/pentagon.svg);mask-image:url(/p/v/beer-5.0.3/pentagon.svg)}:is(.beer,beer-css) .shape.pill{-webkit-mask-image:url(/p/v/beer-5.0.3/pill.svg);mask-image:url(/p/v/beer-5.0.3/pill.svg)}:is(.beer,beer-css) .shape.pixel-circle{-webkit-mask-image:url(/p/v/beer-5.0.3/pixel-circle.svg);mask-image:url(/p/v/beer-5.0.3/pixel-circle.svg)}:is(.beer,beer-css) .shape.pixel-triangle{-webkit-mask-image:url(/p/v/beer-5.0.3/pixel-triangle.svg);mask-image:url(/p/v/beer-5.0.3/pixel-triangle.svg)}:is(.beer,beer-css) .shape.puffy{-webkit-mask-image:url(/p/v/beer-5.0.3/puffy.svg);mask-image:url(/p/v/beer-5.0.3/puffy.svg)}:is(.beer,beer-css) .shape.puffy-diamond{-webkit-mask-image:url(/p/v/beer-5.0.3/puffy-diamond.svg);mask-image:url(/p/v/beer-5.0.3/puffy-diamond.svg)}:is(.beer,beer-css) .shape.semicircle{-webkit-mask-image:url(/p/v/beer-5.0.3/semicircle.svg);mask-image:url(/p/v/beer-5.0.3/semicircle.svg)}:is(.beer,beer-css) .shape.sided-cookie4{-webkit-mask-image:url(/p/v/beer-5.0.3/sided-cookie4.svg);mask-image:url(/p/v/beer-5.0.3/sided-cookie4.svg)}:is(.beer,beer-css) .shape.sided-cookie6{-webkit-mask-image:url(/p/v/beer-5.0.3/sided-cookie6.svg);mask-image:url(/p/v/beer-5.0.3/sided-cookie6.svg)}:is(.beer,beer-css) .shape.sided-cookie7{-webkit-mask-image:url(/p/v/beer-5.0.3/sided-cookie7.svg);mask-image:url(/p/v/beer-5.0.3/sided-cookie7.svg)}:is(.beer,beer-css) .shape.sided-cookie9{-webkit-mask-image:url(/p/v/beer-5.0.3/sided-cookie9.svg);mask-image:url(/p/v/beer-5.0.3/sided-cookie9.svg)}:is(.beer,beer-css) .shape.sided-cookie12{-webkit-mask-image:url(/p/v/beer-5.0.3/sided-cookie12.svg);mask-image:url(/p/v/beer-5.0.3/sided-cookie12.svg)}:is(.beer,beer-css) .shape.slanted{-webkit-mask-image:url(/p/v/beer-5.0.3/slanted.svg);mask-image:url(/p/v/beer-5.0.3/slanted.svg)}:is(.beer,beer-css) .shape.soft-boom{-webkit-mask-image:url(/p/v/beer-5.0.3/soft-boom.svg);mask-image:url(/p/v/beer-5.0.3/soft-boom.svg)}:is(.beer,beer-css) .shape.soft-burst{-webkit-mask-image:url(/p/v/beer-5.0.3/soft-burst.svg);mask-image:url(/p/v/beer-5.0.3/soft-burst.svg)}:is(.beer,beer-css) .shape.square{-webkit-mask-image:url(/p/v/beer-5.0.3/square.svg);mask-image:url(/p/v/beer-5.0.3/square.svg)}:is(.beer,beer-css) .shape.sunny{-webkit-mask-image:url(/p/v/beer-5.0.3/sunny.svg);mask-image:url(/p/v/beer-5.0.3/sunny.svg)}:is(.beer,beer-css) .shape.triangle{-webkit-mask-image:url(/p/v/beer-5.0.3/triangle.svg);mask-image:url(/p/v/beer-5.0.3/triangle.svg)}:is(.beer,beer-css) .shape.very-sunny{-webkit-mask-image:url(/p/v/beer-5.0.3/very-sunny.svg);mask-image:url(/p/v/beer-5.0.3/very-sunny.svg)}:is(.beer,beer-css) .checkbox,:is(.beer,beer-css) .radio,:is(.beer,beer-css) .switch{--_size: 1.5rem;inline-size:auto;block-size:auto;line-height:normal;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center}:is(.beer,beer-css) .switch{direction:ltr}:is(.beer,beer-css) :is(.checkbox,.radio,.switch).small{--_size: 1rem}:is(.beer,beer-css) :is(.checkbox,.radio,.switch).large{--_size: 2rem}:is(.beer,beer-css) :is(.checkbox,.radio,.switch).extra{--_size: 2.5rem}:is(.beer,beer-css) :is(.checkbox,.radio)>input{inline-size:var(--_size);block-size:var(--_size);opacity:0}:is(.beer,beer-css) .switch>input{inline-size:3.25rem;block-size:2rem;opacity:0}:is(.beer,beer-css) :is(.checkbox,.radio,.switch)>span{display:inline-flex;align-items:center;color:var(--on-surface);font-size:.875rem;min-inline-size:.25rem;min-block-size:.25rem}:is(.beer,beer-css) :is(.checkbox,.radio)>span:not(:empty){padding-inline-start:.25rem}:is(.beer,beer-css) :is(.checkbox,.radio,.switch)>span:before,:is(.beer,beer-css) :is(.checkbox,.radio,.switch)>span>i,:is(.beer,beer-css) :is(.checkbox,.radio)>span:after{--_size: inherit;content:"";inline-size:var(--_size);block-size:var(--_size);box-sizing:border-box;margin:0 auto;outline:none;color:var(--primary);position:absolute;inset:auto auto auto calc(var(--_size, 0) * -1);border-radius:50%;-webkit-user-select:none;user-select:none;z-index:1}:is(.beer,beer-css) [dir=rtl] :is(.checkbox,.radio)>span:before,:is(.beer,beer-css) [dir=rtl] :is(.checkbox,.radio)>span>i,:is(.beer,beer-css) [dir=rtl] :is(.checkbox,.radio)>span:after{--_size: inherit;inset:auto calc(var(--_size, 0) * -1) auto auto}:is(.beer,beer-css) .switch>span:before,:is(.beer,beer-css) .switch.icon>span>i{position:absolute;inset:50% auto auto 0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--speed2);font-size:calc(var(--_size, 0) - .5rem);-webkit-user-select:none;user-select:none;min-inline-size:var(--_size);min-block-size:var(--_size);content:"";color:var(--surface-variant);background-color:var(--outline)}:is(.beer,beer-css) .switch>span:before,:is(.beer,beer-css) .switch.icon>span>i{transform:translate(-3rem,-50%) scale(.6)}:is(.beer,beer-css) .switch.icon>span>i{transform:translate(-3rem,-50%) scale(1)}:is(.beer,beer-css) .checkbox>span:before{content:"check_box_outline_blank"}:is(.beer,beer-css) .checkbox>input:checked+span:before{content:"check_box";font-variation-settings:"FILL" 1}:is(.beer,beer-css) .checkbox>input:indeterminate+span:before{content:"indeterminate_check_box"}:is(.beer,beer-css) .radio>span:before{content:"radio_button_unchecked"}:is(.beer,beer-css) .radio>input:checked+span:before{content:"radio_button_checked"}:is(.beer,beer-css) :is(.radio,.checkbox,.switch).icon>span:before{content:""!important;font-variation-settings:unset!important}:is(.beer,beer-css) :is(.checkbox,.radio)>span:after{transition:all var(--speed1);background-color:currentColor;box-shadow:0 0 0 0 currentColor;opacity:0}:is(.beer,beer-css) :is(.checkbox,.radio):is(:hover)>input:not(:disabled)+span:after,:is(.beer,beer-css) :is(.checkbox,.radio)>input:not(:disabled):is(:focus)+span:after{box-shadow:0 0 0 .5rem currentColor;opacity:.1}:is(.beer,beer-css) .switch>input:not(:disabled):is(:focus,:hover)+span:before,:is(.beer,beer-css) .switch.icon>input:not(:disabled):is(:focus,:hover)+span>i{box-shadow:0 0 0 .5rem var(--active)}:is(.beer,beer-css) :is(.checkbox,.radio)>input:checked+span:before,:is(.beer,beer-css) :is(.checkbox,.radio).icon>input:checked+span>i{color:var(--primary)}:is(.beer,beer-css) .icon>input:checked+span>i:first-child,:is(.beer,beer-css) .icon>span>i:last-child{opacity:0}:is(.beer,beer-css) .icon>input:checked+span>i:last-child,:is(.beer,beer-css) .icon>span>i:first-child{opacity:1}:is(.beer,beer-css) .switch>input:checked+span:after{border:none;background-color:var(--primary)}:is(.beer,beer-css) .switch>input:checked+span:before,:is(.beer,beer-css) .switch.icon>input:checked+span>i{content:"check";color:var(--primary);background-color:var(--on-primary);transform:translate(-1.75rem,-50%) scale(1)}:is(.beer,beer-css) .switch>input:active:not(:disabled)+span:before,:is(.beer,beer-css) .switch.icon>input:active:not(:disabled)+span>i{transform:translate(-3rem,-50%) scale(1.2)}:is(.beer,beer-css) [dir=rtl] .switch>input:active:not(:disabled)+span:before,:is(.beer,beer-css) [dir=rtl] .switch.icon>input:active:not(:disabled)+span>i{transform:translate(-3rem,-50%) scale(-1.2)}:is(.beer,beer-css) .switch>input:active:checked:not(:disabled)+span:before,:is(.beer,beer-css) .switch.icon>input:active:checked:not(:disabled)+span>i{transform:translate(-1.75rem,-50%) scale(1.2)}:is(.beer,beer-css) [dir=rtl] .switch>input:active:checked:not(:disabled)+span:before,:is(.beer,beer-css) [dir=rtl] .switch.icon>input:active:checked:not(:disabled)+span>i{transform:translate(-1.75rem,-50%) scale(-1.2)}:is(.beer,beer-css) :is(.checkbox,.radio,.switch)>input:disabled+span{opacity:.5;cursor:not-allowed}:is(.beer,beer-css) .switch>span:after{content:"";position:absolute;inset:50% auto auto 0;background-color:var(--active);border:.125rem solid var(--outline);box-sizing:border-box;inline-size:3.25rem;block-size:2rem;border-radius:2rem;transform:translate(-3.25rem,-50%)}:is(.beer,beer-css) .field>:is(nav,.row){flex-grow:1;padding:0 1rem}:is(.beer,beer-css) .field.round>:is(nav,.row){flex-grow:1;padding:0 1.5rem}:is(.beer,beer-css) [dir=rtl] .switch{transform:scale(-1)}:is(.beer,beer-css) [dir=rtl] .switch>span:before,:is(.beer,beer-css) [dir=rtl] .switch.icon>span>i{transform:translate(-3rem,-50%) scale(-.6)}:is(.beer,beer-css) [dir=rtl] .switch.icon>span>i{transform:translate(-3rem,-50%) scale(-1)}:is(.beer,beer-css) [dir=rtl] .switch>input:checked+span:before,:is(.beer,beer-css) [dir=rtl] .switch.icon>input:checked+span>i{transform:translate(-1.75rem,-50%) scale(-1)}:is(.beer,beer-css) .switch>:focus-visible+span:after{outline:.125rem solid var(--primary);outline-offset:.25rem}:is(.beer,beer-css) :is(.checkbox,.radio)>:focus-visible+span:before{outline:.125rem solid var(--primary);outline-offset:.375rem}:is(.beer,beer-css) :is(nav,.row)>:is(.checkbox,.radio,.switch){margin:0 .25rem}:is(.beer,beer-css) .slider{--_start: 0%;--_end: 0%;--_value1: "";--_value2: "";--_track: 1rem;--_thumb: max(2.5rem, calc(var(--_track, 0) + .5rem));display:flex;align-items:center!important;inline-size:auto;block-size:var(--_thumb);flex:none;direction:ltr;margin:0 1.25rem;color:var(--primary)}:is(.beer,beer-css) [dir=rtl] .slider{transform:scaleX(-1)}:is(.beer,beer-css) .slider.vertical{flex-direction:row!important;margin:.5rem auto!important;padding:50% 0;transform:rotate(-90deg);inline-size:100%}:is(.beer,beer-css) .slider.tiny{--_track: 1rem}:is(.beer,beer-css) .slider.small{--_track: 1.5rem}:is(.beer,beer-css) .slider.medium{--_track: 2.5rem}:is(.beer,beer-css) .slider.large{--_track: 3.5rem}:is(.beer,beer-css) .slider.extra{--_track: 6rem}:is(.beer,beer-css) .slider>input{-webkit-appearance:none;appearance:none;box-shadow:none;border:none;outline:none;pointer-events:none;inline-size:100%;block-size:var(--_track);background:none;z-index:1;padding:0;margin:0;transform:rotate(0);touch-action:none}:is(.beer,beer-css) .slider>input:only-of-type{pointer-events:all}:is(.beer,beer-css) .slider>input~input{position:absolute}:is(.beer,beer-css) .slider>input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;box-shadow:none;border:none;outline:none;pointer-events:all;block-size:var(--_thumb);inline-size:.25rem;border-radius:.25rem;background:currentColor;cursor:grab;margin:0;z-index:1}:is(.beer,beer-css) .slider>input::-webkit-slider-thumb:active{cursor:grabbing}:is(.beer,beer-css) .slider>input::-moz-range-thumb{-webkit-appearance:none;appearance:none;box-shadow:none;border:none;outline:none;pointer-events:all;block-size:2.75rem;inline-size:.25rem;border-radius:.25rem;background:var(--primary);cursor:grab;margin:0}:is(.beer,beer-css) .slider>input::-moz-range-thumb:active{cursor:grabbing}:is(.beer,beer-css) .slider>input:not(:disabled):is(:focus)::-webkit-slider-thumb{transform:scaleX(.6)}:is(.beer,beer-css) .slider>input:not(:disabled):is(:focus)::-moz-range-thumb{transform:scaleX(.6)}:is(.beer,beer-css) .slider>input:disabled{cursor:not-allowed;opacity:1}:is(.beer,beer-css) .slider>input:disabled::-webkit-slider-thumb{background:var(--outline);cursor:not-allowed}:is(.beer,beer-css) .slider>input:disabled::-moz-range-thumb{background:var(--outline);cursor:not-allowed}:is(.beer,beer-css) .slider>input:disabled~span:not([class]){background:var(--outline)}:is(.beer,beer-css) .slider>span:not([class]){position:absolute;block-size:var(--_track);border-radius:1rem 0 0 1rem;background:currentColor;color:currentColor;z-index:0;inset:calc(50% - (var(--_track, 0) / 2)) calc(var(--_end) + .5rem) auto var(--_start)}:is(.beer,beer-css) .slider>input[type=range]+input[type=range]~span:not([class]){border-radius:0;inset:calc(50% - (var(--_track, 0) / 2)) calc(var(--_end) + .5rem) auto calc(var(--_start) + .5rem)}:is(.beer,beer-css) .field>.slider{inline-size:100%}:is(.beer,beer-css) .slider:before{content:"";position:absolute;inline-size:100%;block-size:var(--_track);border-radius:1rem;background:var(--active);clip-path:polygon(calc(var(--_start, 0) - .5rem) 0,0 0,0 100%,calc(var(--_start, 0) - .5rem) 100%,calc(var(--_start, 0) - .5rem) 0,calc(100% - var(--_end, 0) + .5rem) 0,100% 0,100% 100%,calc(100% - var(--_end, 0) + .5rem) 100%,calc(100% - var(--_end, 0) + .5rem) 0)}:is(.beer,beer-css) .slider:has(>[disabled]):before{background:var(--active)}:is(.beer,beer-css) .slider:has([disabled]){opacity:.62}:is(.beer,beer-css) .slider>span>i{position:absolute;block-size:auto;inset:0 auto 0 .5rem;color:var(--inverse-primary);z-index:1}:is(.beer,beer-css) .slider:not(.medium,.large,.extra)>span>i{display:none}:is(.beer,beer-css) .slider.vertical>i{transform:rotate(90deg)}:is(.beer,beer-css) .slider>.tooltip{visibility:hidden!important;opacity:0!important;inset:0 auto auto calc(100% - var(--_end, 0));border-radius:2rem;transition:top var(--speed2) ease,opacity var(--speed2) ease;transform:translate(-50%,-25%)!important;padding:.75rem 1rem}:is(.beer,beer-css) .slider>.tooltip.bottom{inset:auto auto 0 calc(100% - var(--_end, 0));transition:bottom var(--speed2) ease,opacity var(--speed2) ease;transform:translate(-50%,25%)!important}:is(.beer,beer-css) [dir=rtl] .slider>.tooltip{transform:translate(-50%,-25%) scaleX(-1)!important}:is(.beer,beer-css) [dir=rtl] .slider>.tooltip.bottom{transform:translate(-50%,25%) scaleX(-1)!important}:is(.beer,beer-css) .slider>.tooltip+.tooltip{inset:.25rem calc(100% - var(--_start, 0)) auto auto;transform:translate(50%,-25%)!important}:is(.beer,beer-css) .slider>.tooltip+.tooltip.bottom{inset:auto calc(100% - var(--_start, 0)) -.25rem auto;transform:translate(50%,25%)!important}:is(.beer,beer-css) [dir=rtl] .slider>.tooltip+.tooltip{transform:translate(50%,-25%) scaleX(-1)!important}:is(.beer,beer-css) [dir=rtl] .slider>.tooltip+.tooltip.bottom{transform:translate(50%,25%) scaleX(-1)!important}:is(.beer,beer-css) .slider>.tooltip:before{content:var(--_value1)}:is(.beer,beer-css) .slider>.tooltip+.tooltip:before{content:var(--_value2)}:is(.beer,beer-css) .slider>:focus~.tooltip{inset-block:-1rem auto;opacity:1!important;visibility:visible!important}:is(.beer,beer-css) .slider>:focus~.tooltip.bottom{inset-block:auto -1rem}:is(.beer,beer-css) .slider.vertical>.tooltip{inset-block:auto;block-size:2.5rem;inline-size:2.5rem;margin-block:calc(-1 * var(--_thumb, 0)) 0!important;transform:rotate(90deg) translate(-75%,50%)!important}:is(.beer,beer-css) .slider.vertical>.tooltip.bottom{inset-block:auto;margin-block:0 calc(-1 * var(--_thumb, 0))!important;transform:rotate(90deg) translate(75%,50%)!important}:is(.beer,beer-css) .slider.vertical>.tooltip+.tooltip{transform:rotate(90deg) translate(-75%,-50%)!important}:is(.beer,beer-css) .slider.vertical>.tooltip+.tooltip.bottom{transform:rotate(90deg) translate(75%,-50%)!important}:is(.beer,beer-css) :is(nav,.row,.field)>.slider:not(.circle,.small,.medium,.large){flex:auto}:is(.beer,beer-css) .slider.max,:is(.beer,beer-css) .slider.max.vertical,:is(.beer,beer-css) .slider.max>input,:is(.beer,beer-css) .slider.max.vertical>input{all:unset;margin:0!important;position:absolute;color:var(--primary);inset:0;border-radius:inherit;overflow:hidden;z-index:2;cursor:grab;inline-size:100%;block-size:100%}:is(.beer,beer-css) .slider.max:before{display:none}:is(.beer,beer-css) .slider.max.vertical>input{writing-mode:vertical-lr;transform:rotate(-180deg)}:is(.beer,beer-css) .slider.max>input::-webkit-slider-thumb{opacity:0;inline-size:1rem;block-size:100vh;transform:none!important}:is(.beer,beer-css) .slider.max>input::-moz-range-thumb{opacity:0;inline-size:1rem;block-size:100vh;transform:none!important}:is(.beer,beer-css) .slider.max>span:not([class]){block-size:auto!important;inset:0 var(--_end) 0 var(--_start);background:currentcolor;color:inherit;border-radius:0}:is(.beer,beer-css) .slider.max.vertical>span:not([class]){inset:var(--_end) 0 var(--_start) 0}:is(.beer,beer-css) .slider>input:focus-visible::-webkit-slider-thumb{outline:.1875rem solid var(--primary);outline-offset:.25rem}:is(.beer,beer-css) .slider>input:focus-visible::-moz-range-thumb{outline:.1875rem solid var(--primary);outline-offset:.25rem}:is(.beer,beer-css) .slider.max>input:focus-visible{outline:.1875rem solid var(--primary);outline-offset:-.125rem}@media(pointer:coarse){:is(.beer,beer-css) .slider>:hover~.tooltip{inset-block:-1rem auto!important;opacity:1!important;visibility:visible!important}:is(.beer,beer-css) .slider>:hover~.tooltip.bottom{inset-block:auto -1rem!important}}:is(.beer,beer-css) .snackbar{position:fixed;inset:auto auto 6rem 50%;inline-size:80%;block-size:auto;z-index:200;visibility:hidden;display:flex;box-shadow:var(--elevate2);color:var(--inverse-on-surface);background-color:var(--inverse-surface);padding:1rem;cursor:pointer;text-align:start;align-items:center;border-radius:.25rem;gap:.5rem;transition:all var(--speed2);transform:translate(-50%,1rem);opacity:0}:is(.beer,beer-css) .snackbar.top{inset:6rem auto auto 50%}:is(.beer,beer-css) .snackbar:is(.active){visibility:visible;transform:translate(-50%);opacity:1}:is(.beer,beer-css) .snackbar:popover-open{visibility:visible;transform:translate(-50%);opacity:1}:is(.beer,beer-css) .snackbar>.max{flex:auto}@media only screen and (min-width:993px){:is(.beer,beer-css) .snackbar{inline-size:40%}}:is(.beer,beer-css) table{inline-size:100%;border-spacing:0;font-size:.875rem;text-align:start}:is(.beer,beer-css) .scroll>table,:is(.beer,beer-css) table :is(thead,tbody,tfoot,tr,th,td){background-color:inherit;color:inherit}:is(.beer,beer-css) :is(th,td){inline-size:auto;text-align:inherit;padding:.5rem;border-radius:0}:is(.beer,beer-css) :is(th,td)>*{vertical-align:middle}:is(.beer,beer-css) table.border>tbody>tr:not(:last-child)>td,:is(.beer,beer-css) thead>tr>th{border-block-end:.0625rem solid var(--outline)}:is(.beer,beer-css) tfoot>tr>th{border-block-start:.0625rem solid var(--outline)}:is(.beer,beer-css) table.stripes>tbody>tr:nth-child(odd){background-color:var(--active)}:is(.beer,beer-css) table.no-space :is(th,td){padding:0}:is(.beer,beer-css) table.medium-space :is(th,td){padding:.75rem}:is(.beer,beer-css) table.large-space :is(th,td){padding:1rem}:is(.beer,beer-css) table>.fixed,:is(.beer,beer-css) th.fixed{position:sticky;z-index:1;inset-block-start:0}:is(.beer,beer-css) tfoot.fixed,:is(.beer,beer-css) tfoot th.fixed{inset-block-end:0}:is(.beer,beer-css) :is(td,th).min{inline-size:.1%;white-space:nowrap}:is(.beer,beer-css) .tabs{display:flex;white-space:nowrap;border-block-end:.0625rem solid var(--surface-variant);border-radius:0}:is(.beer,beer-css) .tabs:not(.left-align,.right-align,.center-align){justify-content:space-around}:is(.beer,beer-css) .tabs>a{display:flex;font-size:.875rem;font-weight:500;color:var(--on-surface-variant);padding:.5rem 1rem;text-align:center;min-block-size:3rem;inline-size:100%;gap:.25rem}:is(.beer,beer-css) .tabs.small>a{min-block-size:2rem}:is(.beer,beer-css) .tabs.large>a{min-block-size:4rem}:is(.beer,beer-css) .tabs>a.active,:is(.beer,beer-css) .tabs>a.active>i{color:var(--primary)}:is(.beer,beer-css) .tabs>a.active:before{content:"";position:absolute;inset:auto 0 0;block-size:.125rem;background-color:var(--primary)}:is(.beer,beer-css) .tabs.min>a.active:before{margin:0 auto;max-inline-size:min(100%,4rem)}:is(.beer,beer-css) .tabs:is(.left-align,.center-align,.right-align)>a{inline-size:auto}:is(.beer,beer-css) .tooltip{--_space: -.5rem;visibility:hidden;display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--inverse-surface);color:var(--inverse-on-surface);font-size:.75rem;text-align:center;border-radius:.25rem;padding:.5rem;position:absolute;z-index:200;inset:0 auto auto 50%;inline-size:auto;white-space:nowrap;font-weight:500;opacity:0;transition:all var(--speed2);line-height:normal;transform:translate(-50%,-100%) scale(.9)}:is(.beer,beer-css) .tooltip:not(.max):hover{visibility:hidden;opacity:0}:is(.beer,beer-css) .tooltip.left{inset:50% auto auto 0;transform:translate(-100%,-50%) scale(.9)}:is(.beer,beer-css) .tooltip.right{inset:50% 0 auto auto;transform:translate(100%,-50%) scale(.9)}:is(.beer,beer-css) .tooltip.bottom{inset:auto auto 0 50%;transform:translate(-50%,100%) scale(.9)}:is(.beer,beer-css) .tooltip.small{inline-size:8rem;white-space:normal}:is(.beer,beer-css) .tooltip.medium{inline-size:12rem;white-space:normal}:is(.beer,beer-css) .tooltip.large{inline-size:16rem;white-space:normal}:is(.beer,beer-css) :hover>.tooltip{visibility:visible;opacity:1;transform:translate(-50%,-100%) scale(1)}:is(.beer,beer-css) :hover>.tooltip.left{transform:translate(-100%,-50%) scale(1)}:is(.beer,beer-css) :hover>.tooltip.right{transform:translate(100%,-50%) scale(1)}:is(.beer,beer-css) :hover>.tooltip.bottom{transform:translate(-50%,100%) scale(1)}:is(.beer,beer-css) .tooltip.no-space{--_space: 0}:is(.beer,beer-css) .tooltip.medium-space{--_space: -1rem}:is(.beer,beer-css) .tooltip.large-space{--_space: -1.5rem}:is(.beer,beer-css) .tooltip:not(.left,.right,.bottom){margin-block-start:var(--_space)!important}:is(.beer,beer-css) .tooltip.left,:is(.beer,beer-css) .tooltip.right{margin-inline:var(--_space)!important}:is(.beer,beer-css) .tooltip.bottom{margin-block-end:var(--_space)!important}:is(.beer,beer-css) menu:active~.tooltip,:is(.beer,beer-css) :is(button,.button):focus>menu~.tooltip,:is(.beer,beer-css) .field>:focus~menu~.tooltip{visibility:hidden}:is(.beer,beer-css) .slider>.tooltip{--_space: -1.25rem}:is(.beer,beer-css) .slider.vertical>.tooltip{--_space: -.75rem}:is(.beer,beer-css) .slider.vertical>.tooltip:is(.left,.right){--_space: -.5rem}:is(.beer,beer-css) .tooltip.max{display:block;font-size:inherit;white-space:normal;text-align:start;inline-size:20rem;border-radius:.5rem;padding:1rem;box-shadow:var(--elevate2)}:is(.beer,beer-css) h1,:is(.beer,beer-css) h2,:is(.beer,beer-css) h3,:is(.beer,beer-css) h4,:is(.beer,beer-css) h5,:is(.beer,beer-css) h6,:is(.beer,beer-css) .h1,:is(.beer,beer-css) .h2,:is(.beer,beer-css) .h3,:is(.beer,beer-css) .h4,:is(.beer,beer-css) .h5,:is(.beer,beer-css) .h6{font-weight:400;display:block;align-items:center;line-height:normal}:is(.beer,beer-css) h1,:is(.beer,beer-css) .h1{font-size:3.5625rem}:is(.beer,beer-css) h2,:is(.beer,beer-css) .h2{font-size:2.8125rem}:is(.beer,beer-css) h3,:is(.beer,beer-css) .h3{font-size:2.25rem}:is(.beer,beer-css) h4,:is(.beer,beer-css) .h4{font-size:2rem}:is(.beer,beer-css) h5,:is(.beer,beer-css) .h5{font-size:1.75rem}:is(.beer,beer-css) h6,:is(.beer,beer-css) .h6{font-size:1.5rem}:is(.beer,beer-css) :is(h1,.h1).small{font-size:3.0625rem}:is(.beer,beer-css) :is(h2,.h2).small{font-size:2.3125rem}:is(.beer,beer-css) :is(h3,.h3).small{font-size:1.75rem}:is(.beer,beer-css) :is(h4,.h4).small{font-size:1.5rem}:is(.beer,beer-css) :is(h5,.h5).small{font-size:1.25rem}:is(.beer,beer-css) :is(h6,.h6).small{font-size:1rem}:is(.beer,beer-css) :is(h1,.h1).large{font-size:4.0625rem}:is(.beer,beer-css) :is(h2,.h2).large{font-size:3.3125rem}:is(.beer,beer-css) :is(h3,.h3).large{font-size:2.75rem}:is(.beer,beer-css) :is(h4,.h4).large{font-size:2.5rem}:is(.beer,beer-css) :is(h5,.h5).large{font-size:2.25rem}:is(.beer,beer-css) :is(h6,.h6).large{font-size:2rem}:is(.beer,beer-css) .link{color:var(--primary)!important}:is(.beer,beer-css) .inverse-link{color:var(--inverse-primary)!important}:is(.beer,beer-css) .truncate{overflow:hidden;white-space:nowrap!important;text-overflow:ellipsis;flex:inherit}:is(.beer,beer-css) .truncate>*{white-space:nowrap!important}:is(.beer,beer-css) .small-text{font-size:.75rem}:is(.beer,beer-css) .medium-text{font-size:.875rem}:is(.beer,beer-css) .large-text{font-size:1rem}:is(.beer,beer-css) .upper{text-transform:uppercase}:is(.beer,beer-css) .lower{text-transform:lowercase}:is(.beer,beer-css) .capitalize{text-transform:capitalize}:is(.beer,beer-css) .bold{font-weight:700}:is(.beer,beer-css) .overline{text-decoration:line-through}:is(.beer,beer-css) .underline{text-decoration:underline}:is(.beer,beer-css) .italic{font-style:italic}:is(.beer,beer-css) p{margin:.5rem 0}:is(.beer,beer-css) .no-line{line-height:normal}:is(.beer,beer-css) .tiny-line{line-height:1.25rem}:is(.beer,beer-css) .small-line{line-height:1.5rem}:is(.beer,beer-css) .medium-line{line-height:1.75rem}:is(.beer,beer-css) .large-line{line-height:2rem}:is(.beer,beer-css) .extra-line{line-height:2.25rem}:is(.beer,beer-css) pre{border-radius:0;background-color:var(--surface-container);white-space:pre-wrap;padding:1rem;border-inline-start:.25rem solid var(--primary);font-family:inherit}:is(.beer,beer-css) blockquote{border-radius:0;padding:1rem;border-inline-start:.25rem solid var(--primary);font-family:inherit}:is(.beer,beer-css) code{border-radius:0;background-color:var(--surface-container);white-space:pre-wrap;padding:.25rem}:is(.beer,beer-css) pre>code,:is(.beer,beer-css) blockquote>code{padding:0}:is(.beer,beer-css) .scroll>code{white-space:pre}:is(.beer,beer-css) pre:has(>code){direction:ltr;text-align:start}:is(.beer,beer-css) sub{vertical-align:sub}:is(.beer,beer-css) sup{vertical-align:super}:is(.beer,beer-css){overflow:unset;display:block}:is(.beer,beer-css):not(.light,.dark){background:none}