: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:#80808031;--overlay:#00000080;--elevate1:0 .125rem .125rem 0 #00000052;--elevate2:0 .25rem .5rem 0 #0006;--elevate3:0 .375rem .75rem 0 #0000007a;--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==)}body.dark{--image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4AWL6//+/FAAAAP//qSv5QwAAAAZJREFUAwAJIAMaJWjIvQAAAABJRU5ErkJggg==)}html{font-size:var(--size)}body{color:var(--on-surface);background-color:var(--surface);font-family:var(--font);letter-spacing:.0313rem;font-size:.875rem;line-height:1.5rem;overflow-x:hidden}@media (pointer:fine){body ::-webkit-scrollbar{background:0 0;block-size:.4rem;inline-size:.4rem}body ::-webkit-scrollbar-thumb{background:0 0;block-size:.4rem;inline-size:.4rem}body ::-webkit-scrollbar-button{background:0 0;block-size:.4rem;inline-size:.4rem}body :is(:focus,:hover)::-webkit-scrollbar-thumb{background:var(--outline);border-radius:1rem}body :has(:focus,:hover)::-webkit-scrollbar-thumb{background:var(--outline);border-radius:1rem}}@media (pointer:coarse){body:has(input[type=range]:focus),body: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{opacity:0;transform:scale(4)}}:is(.beer,beer-css){& *{-webkit-tap-highlight-color:transparent;vertical-align:middle;color:inherit;border-radius:inherit;box-sizing:border-box;margin:0;padding:0;position:relative}& :after,& :before{all:unset}& label{vertical-align:baseline;font-size:.75rem}& a,& b,& i,& span,& strong,& em,& code{vertical-align:baseline}& a,& button,& .button{cursor:pointer;outline:inherit;border:none;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex}& :is(nav,.tabs,.field)>a,& button,& .button,& .chip,& i,& label{user-select:none}& :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}& :has(>[class*=margin]){padding:.1px}& :is(a,button,.button,.chip,summary):focus-visible{outline:.125rem solid var(--primary);outline-offset:.25rem}& :is(nav,.row).group>:focus-visible{z-index:1}& :is(button,.button,.chip)>:is(span,i,img,svg){pointer-events:none}& :is(div:not([class]),div[class=active]):has(>:not(.responsive)~:is(menu,.tooltip,input)){display:inline-flex}}:is(.beer,beer-css){& .transparent{box-shadow:none!important;color:inherit!important;background-color:#0000!important}& .primary{background-color:var(--primary)!important;color:var(--on-primary)!important}& .primary-text{color:var(--primary)!important}& .primary-border{border-color:var(--primary)!important}& .primary-container{background-color:var(--primary-container)!important;color:var(--on-primary-container)!important}& .secondary{background-color:var(--secondary)!important;color:var(--on-secondary)!important}& .secondary-text{color:var(--secondary)!important}& .secondary-border{border-color:var(--secondary)!important}& .secondary-container{background-color:var(--secondary-container)!important;color:var(--on-secondary-container)!important}& .tertiary{background-color:var(--tertiary)!important;color:var(--on-tertiary)!important}& .tertiary-text{color:var(--tertiary)!important}& .tertiary-border{border-color:var(--tertiary)!important}& .tertiary-container{background-color:var(--tertiary-container)!important;color:var(--on-tertiary-container)!important}& .error{background-color:var(--error)!important;color:var(--on-error)!important}& .error-text{color:var(--error)!important}& .error-border{border-color:var(--error)!important}& .error-container{background-color:var(--error-container)!important;color:var(--on-error-container)!important}& .background{background-color:var(--background)!important;color:var(--on-background)!important}& .surface,& .surface-dim,& .surface-bright,& .surface-container-lowest,& .surface-container-low,& .surface-container,& .surface-container-high,& .surface-container-highest{background-color:var(--surface)!important;color:var(--on-surface)!important}& .surface-variant{background-color:var(--surface-variant)!important;color:var(--on-surface-variant)!important}& .inverse-surface{background-color:var(--inverse-surface)!important;color:var(--inverse-on-surface)!important}& .inverse-primary{background-color:var(--inverse-primary)!important;color:var(--primary)!important}& .inverse-primary-text{color:var(--inverse-primary)!important}& .inverse-primary-border{border-color:var(--inverse-primary)!important}& .surface-dim{background-color:var(--surface-dim)!important}& .surface-bright{background-color:var(--surface-bright)!important}& .surface-container-lowest{background-color:var(--surface-container-lowest)!important}& .surface-container{background-color:var(--surface-container)!important}& .surface-container-high{background-color:var(--surface-container-high)!important}& .surface-container-highest{background-color:var(--surface-container-highest)!important}& .surface-container-low{background-color:var(--surface-container-low)!important}& .black{background-color:#000!important}& .black-border{border-color:#000!important}& .black-text{color:#000!important}& .white{background-color:#fff!important}& .white-border{border-color:#fff!important}& .white-text{color:#fff!important}& .transparent-border{border-color:#0000!important}& .transparent-text{color:#0000!important}& .fill:not(i){background-color:var(--surface-variant)!important;color:var(--on-surface-variant)!important}& nav.primary-container>button,& nav.primary a.active>i,& nav:is(.max,.tabbed,.toolbar).primary a.active,& .primary>:is(button,a,li).active{background-color:var(--primary-container)!important;color:var(--on-primary-container)!important}& nav.primary>button,& nav.primary-container a.active>i,& nav:is(.max,.tabbed,.toolbar).primary-container a.active,& .primary-container>:is(button,a,li).active{background-color:var(--primary)!important;color:var(--on-primary)!important}& nav.secondary-container>button,& nav.secondary a.active>i,& nav:is(.max,.tabbed,.toolbar).secondary a.active,& .secondary>:is(button,a,li).active{background-color:var(--secondary-container)!important;color:var(--on-secondary-container)!important}& nav.secondary>button,& nav.secondary-container a.active>i,& nav:is(.max,.tabbed,.toolbar).secondary-container a.active,& .secondary-container>:is(button,a,li).active{background-color:var(--secondary)!important;color:var(--on-secondary)!important}& nav.tertiary-container>button,& nav.tertiary a.active>i,& nav:is(.max,.tabbed,.toolbar).tertiary a.active,& .tertiary>:is(button,a,li).active{background-color:var(--tertiary-container)!important;color:var(--on-tertiary-container)!important}& nav.tertiary>button,& nav.tertiary-container a.active>i,& nav:is(.max,.tabbed,.toolbar).tertiary-container a.active,& .tertiary-container>:is(button,a,li).active{background-color:var(--tertiary)!important;color:var(--on-tertiary)!important}& nav:is(.left,.right,.bottom,.top):not(.max) a.active{color:inherit!important;background:0 0!important}}:is(.beer,beer-css){& .middle-align{display:flex;align-items:center!important}& .bottom-align{display:flex;align-items:flex-end!important}& .top-align{display:flex;align-items:flex-start!important}& .left-align{text-align:start;justify-content:flex-start!important}& .right-align{text-align:end;justify-content:flex-end!important}& .center-align{text-align:center;justify-content:center!important}}:is(.beer,beer-css){& .no-elevate{box-shadow:none!important}& .small-elevate,& .elevate{box-shadow:var(--elevate1)!important}& .medium-elevate{box-shadow:var(--elevate2)!important}& .large-elevate{box-shadow:var(--elevate3)!important}}:is(.beer,beer-css){& .round,& [class*=-round]{--_round:2rem;border-radius:var(--_round)!important}& .small-round{--_round:.5rem}& .large-round{--_round:3.5rem}& .square,& .top-round,& .bottom-round,& .left-round,& .right-round{border-radius:.5rem!important}& .no-round{border-radius:0!important}& .top-round{border-start-start-radius:var(--_round)!important;border-start-end-radius:var(--_round)!important}& .bottom-round{border-end-end-radius:var(--_round)!important;border-end-start-radius:var(--_round)!important}& .left-round{border-start-start-radius:var(--_round)!important;border-end-start-radius:var(--_round)!important}& .right-round{border-start-end-radius:var(--_round)!important;border-end-end-radius:var(--_round)!important}& .circle{border-radius:50%}& .circle:is(button,.button,.chip){border-radius:var(--_size)}& :is(.circle,.square):is(button,.button,.chip){block-size:var(--_size);inline-size:var(--_size);padding:0}& :is(.circle,.square)>span:not([class]){display:none}& :is(.circle,.square).round{border-radius:1rem!important}& .border:not(table,.field,.list,menu,article){box-sizing:border-box;border:.0625rem solid var(--outline);box-shadow:none;background-color:#0000}& .no-border{border-color:#0000!important}}:is(.beer,beer-css){& .margin,& [class*=-margin]:not(.left-margin,.right-margin,.top-margin,.bottom-margin,.horizontal-margin,.vertical-margin){margin:var(--_margin)!important}& .margin,& [class*=-margin]{--_margin:1rem}& .no-margin{--_margin:0}& .auto-margin{--_margin:auto}& .tiny-margin{--_margin:.25rem}& .small-margin{--_margin:.5rem}& .large-margin{--_margin:1.5rem}& .left-margin,& .horizontal-margin{margin-inline-start:var(--_margin)!important}& .right-margin,& .horizontal-margin{margin-inline-end:var(--_margin)!important}& .top-margin,& .vertical-margin{margin-block-start:var(--_margin)!important}& .bottom-margin,& .vertical-margin{margin-block-end:var(--_margin)!important}}:is(.beer,beer-css){& .front{z-index:10!important}& .back{z-index:-10!important}& .left{inset-inline-start:0}& .right{inset-inline-end:0}& .top{inset-block-start:0}& .bottom{inset-block-end:0}& .center{inset-inline-start:50%;transform:translate(-50%)}& [dir=rtl] .center{transform:translate(50%)}& .middle{inset-block-start:50%;transform:translateY(-50%)}& .middle.center{transform:translate(-50%,-50%)}& [dir=rtl] .middle.center{transform:translate(50%,-50%)}}:is(.beer,beer-css){& .responsive{inline-size:-moz-available}@media only screen and (width<=600px){& :is(.m,.l):not(.s){display:none!important}}@media only screen and (width>=601px) and (width<=992px){& :is(.s,.l):not(.m){display:none!important}}@media only screen and (width>=993px){& :is(.m,.s):not(.l){display:none!important}}}:is(.beer,beer-css){& [class*=-width]{max-inline-size:100%}& .auto-width{inline-size:auto}& .small-width{inline-size:12rem!important}& .medium-width{inline-size:24rem!important}& .large-width{inline-size:36rem!important}& .auto-height{block-size:auto}& .small-height{block-size:12rem!important}& .medium-height{block-size:24rem!important}& .large-height{block-size:36rem!important}& .wrap{white-space:normal;display:block}& .no-wrap:not(menu){white-space:nowrap;display:flex}}:is(.beer,beer-css){& :is(.wave,.chip,.button,button,nav.tabbed a,.tabs>a,nav.toolbar a):not([class*=ripple]):after,& nav:is(.left,.right,.bottom,.top).max a:after,& nav:is(.left,.right,.bottom,.top):not(.max) a>i:after{content:"";z-index:1;border-radius:inherit;opacity:0;pointer-events:none;background-image:radial-gradient(circle,currentColor 1%,#0000 1%);background-position:50%;block-size:100%;inline-size:100%;transition:none;position:absolute;inset:0}& :is(.wave,.chip,.button,button,nav.tabbed a,.tabs>a,nav.toolbar a):not([class*=ripple]):is(:focus-visible,:hover):after,& nav:is(.left,.right,.bottom,.top).max a:not(.button,.chip):is(:focus-visible,:hover):after,& nav:is(.left,.right,.bottom,.top):not(.max) a:not(.button,.chip):is(:focus-visible,:hover)>i:after{opacity:.1;transition:background-size var(--speed2) linear;background-size:22500%}& :is(.wave,.chip,.button,button,nav.tabbed a,.tabs>a,nav.toolbar a,nav.max a):not([class*=ripple]):active:after,& nav:is(.left,.right,.bottom,.top).max a:active:after,& nav:is(.left,.right,.bottom,.top):not(.max) a:active>i:after{opacity:0;background-size:0%;transition:none}& .no-wave:after,& .no-wave:is(:hover,:active):after,& menu>li>a:not(.wave):after{display:none}}:is(.beer,beer-css){& .button,& button{--_padding:1rem;--_size:2.5rem;box-sizing:content-box;block-size:var(--_size);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);user-select:none;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;line-height:normal;display:inline-flex;--_round:calc(var(--_size) / 2)!important}& :is(button,.button).small{--_size:2rem;--_padding:.75rem}& :is(button,.button).large{--_size:3rem;--_padding:1.25rem}& :is(.button,button):is(.extra,.extend){--_size:3.5rem;--_padding:1.5rem;font-size:1rem}& :is(button,.button):is(.square,.circle){--_padding:0}& :is(button,.button).border{border-color:var(--outline-variant);color:var(--primary)}& .extend>span:not([class]){display:none}& .extend:is(:hover,.active){--_padding:1.5rem;inline-size:auto;padding:0 var(--_padding)}& .extend:is(:hover,.active)>i+span{display:inherit;margin-inline-start:var(--_padding)}& .extend:is(:hover,.active)>:is(img,svg)+span{display:inherit;margin-inline-start:calc(1rem + var(--_padding,0))}& :is(.button,button)[disabled]{opacity:.5;cursor:not-allowed}& .button[disabled]{pointer-events:none}& :is(.button,button)[disabled]:before,& :is(.button,button)[disabled]:after{display:none}& :is(.button,button):not(.chip,.extend).fill{background-color:var(--secondary-container)!important;color:var(--on-secondary-container)!important}& :is(.button,button):not(.chip,.extend).active{background-color:var(--primary-container);color:var(--on-primary-container)}& :is(.button,button):not(.chip,.extend).fill.active{background-color:var(--secondary)!important;color:var(--on-secondary)!important}& :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(.button,button):not(.chip):active,& :is(.button,button):not(.chip).active{border-radius:.5rem!important}}:is(.beer,beer-css){& .chip{--_padding:.75rem;--_size:2rem;box-sizing:border-box;block-size:var(--_size);min-inline-size:var(--_size);border:.0625rem solid var(--outline-variant);color:var(--on-surface-variant);padding:0 var(--_padding);transition:transform var(--speed3), border-radius var(--speed3), padding var(--speed3);user-select:none;letter-spacing:normal;background-color:#0000;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;line-height:normal;display:inline-flex;--_round:calc(var(--_size) / 2)!important}& .chip.medium{--_size:2.5rem;--_padding:1rem}& .chip.large{--_padding:1.25rem;--_size:3rem}& .chip.fill{border:none}}:is(.beer,beer-css){& .grid{--_gap:1rem;gap:var(--_gap);grid-template-columns:repeat(12,1fr);block-size:auto;display:grid}& .grid.no-space{--_gap:0rem}& .grid.medium-space{--_gap:1.5rem}& .grid.large-space{--_gap:2rem}& .grid>*{margin:0}& .s1{grid-area:auto/span 1}& .s2{grid-area:auto/span 2}& .s3{grid-area:auto/span 3}& .s4{grid-area:auto/span 4}& .s5{grid-area:auto/span 5}& .s6{grid-area:auto/span 6}& .s7{grid-area:auto/span 7}& .s8{grid-area:auto/span 8}& .s9{grid-area:auto/span 9}& .s10{grid-area:auto/span 10}& .s11{grid-area:auto/span 11}& .s12{grid-area:auto/span 12}@media only screen and (width>=601px){& .m1{grid-area:auto/span 1}& .m2{grid-area:auto/span 2}& .m3{grid-area:auto/span 3}& .m4{grid-area:auto/span 4}& .m5{grid-area:auto/span 5}& .m6{grid-area:auto/span 6}& .m7{grid-area:auto/span 7}& .m8{grid-area:auto/span 8}& .m9{grid-area:auto/span 9}& .m10{grid-area:auto/span 10}& .m11{grid-area:auto/span 11}& .m12{grid-area:auto/span 12}}@media only screen and (width>=993px){& .l1{grid-area:auto/span 1}& .l2{grid-area:auto/span 2}& .l3{grid-area:auto/span 3}& .l4{grid-area:auto/span 4}& .l5{grid-area:auto/span 5}& .l6{grid-area:auto/span 6}& .l7{grid-area:auto/span 7}& .l8{grid-area:auto/span 8}& .l9{grid-area:auto/span 9}& .l10{grid-area:auto/span 10}& .l11{grid-area:auto/span 11}& .l12{grid-area:auto/span 12}}}:is(.beer,beer-css){& .list{flex-direction:column;flex:1;margin:0;padding:0;display:flex}& .list>li,& .list>li>details>summary,& .list>li>a:only-child{all:unset;box-sizing:border-box;text-align:start;white-space:nowrap;cursor:pointer;flex:1;justify-content:flex-start;align-self:normal;align-items:center;gap:1rem;min-block-size:3.5rem;padding:.5rem 1rem;display:flex;position:relative}& .list>li:has(ul,ol,details[open],a:only-child){padding:0}& .list>li>.list{padding:0 0 0 1rem}& .list>li>*,& .list>li>a:only-child>*{margin:0}& .list>li>:is(details,.max),& .list>li>a:only-child>.max,& .list>li>details>summary>.max{flex:1}& .list.border>li:not(:last-child):before,& .list.border>li>details[open]>summary:before{content:"";background-color:var(--outline-variant);block-size:.0625rem;inline-size:auto;position:absolute;inset:auto 0 0}& .list.no-space>li,& .list.no-space>li>details>summary{min-block-size:2.5rem}& .list.medium-space>li,& .list.medium-space>li>details>summary{min-block-size:4.5rem}& .list.large-space>li,& .list.large-space>li>details>summary{min-block-size:5.5rem}& .list>li:focus-visible,& .list>li>a:only-child:focus-visible{outline:.125rem solid var(--primary);outline-offset:-.25rem}}:is(.beer,beer-css){& svg{fill:currentColor}& :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(img,svg,video).round{--_round:.5rem}& :is(img,svg,video).tiny{--_size:2rem}& :is(img,svg,video).small{--_size:2.5rem}& :is(img,svg,video).large{--_size:3.5rem}& :is(img,svg,video).extra{--_size:4rem}& :is(img,svg,video).responsive{--_size:100%;margin:0 auto}& :is(img,svg,video).responsive.tiny{block-size:4rem;inline-size:100%}& :is(img,svg,video).responsive.small{block-size:8rem;inline-size:100%}& :is(img,svg,video).responsive.medium{block-size:12rem;inline-size:100%}& :is(img,svg,video).responsive.large{block-size:16rem;inline-size:100%}& :is(img,svg,video).responsive.extra{block-size:20rem;inline-size:100%}& :is(img,svg,video).responsive.round{--_round:2rem}& :is(img,svg,video).empty-state{inline-size:24rem;max-inline-size:100%}& :is(button,.button,.chip):not(.transparent)>.responsive{border:.25rem solid #0000}& :is(button,.button,.chip,.field)>:is(img,svg):not(.responsive),& .tabs :is(img,svg):not(.responsive){min-block-size:1.5rem;max-block-size:1.5rem;min-inline-size:1.5rem;max-inline-size:1.5rem}& :is(button,.button,.chip):not(.extend)>.responsive:first-child{margin-inline-start:calc(-1 * var(--_padding,0))}& :is(button,.button,.chip):not(.extend)>.responsive:not(:first-child){margin-inline-end:calc(-1 * var(--_padding,0))}& :is(button,.button,.chip,.circle,.square,.extend)>.responsive{--_size:inherit;margin:0 auto}& .extend>:is(.responsive,i){z-index:1;margin:0;position:absolute;inset-inline:1rem}& .extend>.responsive{inline-size:3.5rem;inset-inline:0}& .extend.border>.responsive{inline-size:3.375rem}}:is(.beer,beer-css){& menu{opacity:0;visibility:hidden;box-shadow:var(--elevate2);background-color:var(--surface-container);z-index:13;text-transform:none;max-block-size:50vh;inline-size:100%;color:var(--on-surface);text-align:start;transition:all var(--speed2) var(--speed2);border-radius:1rem;flex-direction:column;justify-content:flex-start;gap:.125rem;padding:.25rem;font-size:.875rem;font-weight:400;line-height:normal;display:flex;position:absolute;inset:auto auto 0 0;overflow:hidden auto;transform:scale(.8)translateY(120%);max-inline-size:none!important}& menu.no-space{gap:0}& menu.small-space{gap:.25rem}& menu.medium-space{gap:.375rem}& menu.large-space{gap:.5rem}& menu.extra-space{gap:.625rem}& [dir=rtl] menu{inset:auto 0 0 auto}& menu.no-wrap{white-space:nowrap!important;inline-size:max-content!important}& menu.active,& :not([data-ui]):focus-within>menu,& menu>li:hover>menu,& menu>li>menu:hover{opacity:1;visibility:visible;transition:all var(--speed2), background-color 0s;transform:scale(1)translateY(100%)}& menu.top.active,& :not([data-ui]):focus-within>menu.top,& menu>li:hover>menu.top,& menu>li>menu.top:hover{transform:scale(1)translateY(-100%)}& menu:is(.min,.max).active,& :not([data-ui]):focus-within>menu:is(.min,.max){transform:scale(1)}& menu *{white-space:inherit!important}& menu>li,& menu>li>a:only-child{all:unset;box-sizing:border-box;text-align:start;align-self:normal;align-items:center;justify-content:inherit;white-space:nowrap;cursor:pointer;min-block-size:2.75rem;transition:border-radius var(--speed2);border-radius:.25rem;flex:1;gap:1rem;padding:.5rem 1rem;display:flex;position:relative;margin:0!important}& menu>li:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}& menu>li:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}& menu>li:hover{background-color:color-mix(in srgb, currentColor 10%, transparent)}& menu>li.active{background-color:var(--tertiary-container);color:var(--on-tertiary-container)}& menu>li:is(.active,:active){border-radius:.75rem}& menu>li>:is(.max,.field),& menu>li>a:only-child>.max,& menu>li:has(.field,a:only-child){flex:1;margin:0;padding:0}& menu.min{inset:0 0 auto;transform:scale(.8)}& [dir=rtl] menu.min.right,& menu.min.left,& menu.top.left{inset:0 0 auto auto}& [dir=rtl] menu.min.left,& menu.min.right,& menu.top,& menu.top.right{inset:0 auto auto 0}& menu.max{z-index:100;border-radius:0;block-size:100%;min-block-size:auto;max-block-size:none;position:fixed;inset:0;transform:scale(.8)}& menu.max>li{flex:none!important}& menu.no-wrap:is(.min,.max){min-inline-size:16rem}& [dir=rtl] menu.right,& [dir=rtl] menu.top.min.right,& menu.left,& menu.top.min.left{inset:auto 0 0 auto}& [dir=rtl] menu.left,& [dir=rtl] menu.top.min.left,& menu.right,& menu.top.min{inset:auto auto 0 0}& menu.top{transform:scale(.8)translateY(-120%)}& menu:has(menu){--_child:1;--_type:0;overflow:unset;white-space:nowrap;max-block-size:none;inline-size:auto;min-inline-size:12rem}& menu>li>:is(menu,menu.right),& [dir=rtl] menu>li>menu.left{inset:auto auto calc(3rem * (var(--_child,0) - var(--_type,0))) 100%}& [dir=rtl] menu>li>:is(menu,menu.right),& menu>li>menu.left{inset:auto 100% calc(3rem * (var(--_child,0) - var(--_type,0))) auto}& menu>li>:is(menu.top,menu.top.right),& [dir=rtl] menu>li>menu.top.left{inset:calc(3rem * (var(--_child,0) - var(--_type,0))) auto auto 100%}& [dir=rtl] menu>li>:is(menu.top,menu.top.right),& menu>li>menu.top.left{inset:calc(3rem * (var(--_child,0) - var(--_type,0))) 100% auto auto}& menu.group{max-block-size:none;inline-size:100%;min-inline-size:auto;overflow:unset;box-shadow:none;background:0 0;padding:.5rem 0}& menu.group>li{box-shadow:none;min-block-size:auto;padding:0}& menu.group>li:hover{background:0 0}& menu.group>li>menu,& menu.group>li>menu:hover{opacity:1;visibility:visible;z-index:auto;border-radius:1rem 1rem .5rem .5rem;flex:1;max-block-size:none;transition:none;position:relative;inset:0;transform:none}& menu.group>li:last-child>menu{border-radius:.5rem .5rem 1rem 1rem}& menu>li:nth-last-child(2){--_child:2}& menu>li:nth-last-child(3){--_child:3}& menu>li:nth-last-child(4){--_child:4}& menu>li:nth-last-child(5){--_child:5}& menu>li:nth-last-child(6){--_child:6}& menu>li:nth-last-child(7){--_child:7}& menu>li:nth-last-child(8){--_child:8}& menu>li:nth-last-child(9){--_child:9}& menu>li:nth-last-child(10){--_child:10}& menu>li:nth-last-child(11){--_child:11}& menu>li:nth-last-of-type(2){--_type:1}& menu>li:nth-last-of-type(3){--_type:2}& menu>li:nth-last-of-type(4){--_type:3}& menu>li:nth-last-of-type(5){--_type:4}& menu>li:nth-last-of-type(6){--_type:5}& menu>li:nth-last-of-type(7){--_type:6}& menu>li:nth-last-of-type(8){--_type:7}& menu>li:nth-last-of-type(9){--_type:8}& menu>li:nth-last-of-type(10){--_type:9}& menu>li:nth-last-of-type(11){--_type:10}@media (pointer:coarse){& :not(menu,[data-ui]):hover>menu{opacity:1;visibility:visible;transform:scale(1)translateY(100%)}& :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}& nav.toolbar>:is(ol,ul){padding:0;position:relative}& nav>:is(ol,ul)>li{all:unset;border-radius:inherit;block-size:inherit;color:inherit;flex:0;align-items:center;inline-size:100%;display:inline-flex}& nav:is(.left,.right,.tabbed)>:is(ol,ul)>li{inline-size:auto}& nav.tabbed>:is(ol,ul)>li{flex:1}& nav,& .row,& a.row{text-align:start;white-space:nowrap;border-radius:0;justify-content:flex-start;align-self:normal;align-items:center;gap:1rem;display:flex}& a.row,& nav.row{min-block-size:3rem;margin:0}& :is(nav,.row,.max)>:only-child,& :is(nav,.row,.max)>span>*{margin:0}& :is(nav,.row)>:not(header,footer){white-space:normal;flex:none;margin:0}& :is(nav,.row).min{display:inline-flex}& :is(nav,.row).no-space{gap:0}& :is(nav,.row).tiny-space{gap:.5rem}& :is(nav,.row).medium-space{gap:1.5rem}& :is(nav,.row).large-space{gap:2rem}& :is(nav,.row) .max{flex:1}& :is(nav,.row).wrap{flex-wrap:wrap;display:flex}& :is(header,footer)>:is(nav,.row){min-block-size:inherit}& nav:is(.left,.right,.top,.bottom){--_padding:.5rem;--_top:calc(var(--_padding,0) + var(--top,0));--_bottom:calc(var(--_padding,0) + var(--bottom,0));color:var(--on-surface);z-index:100;text-align:center;padding:var(--_padding);border:0;margin:0;position:sticky;inset:0;transform:none}& nav:is(.left,.right){background-color:var(--surface);block-size:100dvh;min-inline-size:6rem;padding-block:var(--_top) var(--_bottom);flex-direction:column;justify-content:flex-start}& nav:is(.top,.bottom){background-color:var(--surface-container);flex-direction:row;justify-content:center;block-size:auto;min-block-size:4.5rem;padding:.5rem;position:sticky;inset:0}& nav.top{block-size:calc(var(--top,0) + 4.5rem);padding-block-start:var(--_top)}& nav.bottom{block-size:calc(var(--bottom,0) + 4.5rem);padding-block-end:var(--_bottom)}& nav>header{align-items:flex-start;gap:1rem;min-block-size:auto;margin:0 0 1rem;padding:0;background:0 0!important}& nav:is(.top,.bottom)>header{flex-direction:row;align-items:center;margin:0 1rem 0 0}& nav>header>*{margin:0;transition:none}& nav.max>header>*{transition:all var(--speed1)}& nav>header>.extend:hover{--_padding:0;inline-size:var(--_size)}& nav>header>.extend:hover>span:not([class]){display:none}& nav.max:is(.left,.right,.top,.bottom){inline-size:auto;min-inline-size:12.75rem;padding:var(--_top) 1.25rem var(--_bottom) 1.25rem;align-items:flex-start;gap:0}& nav.max>header{margin:0 0 1.25rem}& nav.max:is(.top,.bottom)>header{margin:0 1.25rem 0 0}& nav.max>header>.extend{--_padding:1.5rem;inline-size:auto;padding:0 var(--_padding)}& nav.max>header>.extend>span:not([class]){margin-inline-start:var(--_padding);display:block}& nav.max>header>.extend>:is(img,svg)+span{margin-inline-start:calc(1rem + var(--_padding,0))}& nav.max:is(.top,.bottom){align-items:center;min-inline-size:auto;max-inline-size:none;padding:0 .5rem}& nav:is(.left,.right,.top,.bottom) a:not(.button,.chip),& nav:is(.left,.right,.top,.bottom) :is(div:has(>menu))>a:not(.button,.chip){flex-direction:column;gap:.25rem;inline-size:3.5rem;font-size:.8rem;line-height:normal;display:flex}& nav:not(.max):is(.left,.right,.top,.bottom) a:not(.button,.chip)>i,& nav:not(.max):is(.left,.right,.top,.bottom) :is(div:has(>menu))>a:not(.button,.chip)>i{border-radius:2rem;margin:0 auto;padding:.25rem 1rem}& nav.max:is(.left,.right,.top,.bottom) a:not(.button,.chip),& nav.max:is(.left,.right,.top,.bottom) :is(div:has(>menu))>a:not(.button,.chip){block-size:3.5rem;inline-size:auto;font-size:inherit;border-radius:2rem;flex-direction:row;gap:.5rem;padding:0 1rem}& nav:is(.left,.right,.top,.bottom) a.active:not(.button,.chip),& nav:is(.left,.right,.top,.bottom) :is(div:has(>menu))>a.active:not(.button,.chip){transition:padding var(--speed1) linear}& nav.max:is(.top,.bottom) a:not(.button,.chip),& nav.max:is(.top,.bottom) :is(div:has(>menu))>a:not(.button,.chip){gap:.25rem;block-size:2.5rem;font-size:.8rem}& nav.max:is(.left,.right,.top,.bottom) a.active:not(.button,.chip),& nav.max:is(.left,.right,.top,.bottom) :is(div:has(>menu))>a.active:not(.button,.chip),& nav:is(.left,.right,.top,.bottom):not(.max) a.active:not(.button,.chip)>i,& 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(nav,.row):is(.left-align,.top-align,.vertical){justify-content:flex-start}& :is(nav,.row):is(.right-align,.bottom-align){justify-content:flex-end}& :is(nav,.row):is(.center-align,.middle-align){justify-content:center}& :is(nav,.row):is(.left-align,.top-align,.vertical).vertical{align-items:flex-start}& :is(nav,.row):is(.right-align,.bottom-align).vertical{align-items:flex-end}& :is(nav,.row):is(.center-align,.middle-align).vertical{align-items:center}& nav:not(.left,.right)>.space{inline-size:.5rem}& nav:not(.left,.right)>.medium-space{inline-size:1rem}& nav:not(.left,.right)>.large-space{inline-size:1.5rem}& nav.tabbed{background-color:var(--surface-container);gap:0;block-size:4rem;border-radius:4rem!important}& nav.tabbed.small{block-size:3rem}& nav.tabbed.large{block-size:5rem}& nav.tabbed a{border-radius:inherit;block-size:inherit;flex:1;align-items:center;gap:.5rem;padding-inline:1rem;font-size:1rem;display:inline-flex}& nav.tabbed a.active{background-color:var(--primary-container);color:var(--on-primary-container)}& nav.toolbar{background-color:var(--surface-container);color:var(--on-surface);border-radius:2rem;justify-content:space-around;gap:.5rem;min-block-size:4rem;min-inline-size:4rem;padding:0 1rem;display:inline-flex}& nav.toolbar a{border-radius:1.75rem;gap:.5rem;min-block-size:2.5rem;min-inline-size:2.5rem;display:inline-flex}& nav.toolbar a:has(>:not(i)){padding:0 1rem}& nav.toolbar a.active{background-color:var(--secondary-container);color:var(--on-secondary-container)}& nav.toolbar.fill{background-color:var(--primary-container)!important;color:var(--on-primary-container)!important}& nav.toolbar.fill a.active{background-color:var(--surface-container)!important;color:var(--on-surface)!important}& nav.toolbar.vertical{align-self:center;min-inline-size:4rem;padding:1rem 0;flex-direction:column!important;align-items:center!important}& nav.toolbar.vertical a{block-size:2.5rem;inline-size:2.5rem}& nav.toolbar.vertical a>:is(div,span):not(.badge,.tooltip){display:none}& nav.toolbar.max{border-radius:0;display:flex}& nav.group{color:var(--on-background)!important;background:0 0!important}& nav.group>:is(.button,button){border-radius:.5rem}& nav.group:is(.connected,.split){gap:.125rem}& nav.group:not(.split)>:is(.button,button):not(.border){background-color:var(--surface-container);color:var(--on-surface-container)}& nav.group:not(.split)>:is(.button,button).active{background-color:var(--primary);color:var(--on-primary)}& nav.group.connected>:is(.button,button):not(.border){background-color:var(--surface-container);color:var(--on-surface-container)}& nav.group.connected>:is(.button,button).active{background-color:var(--secondary-container);color:var(--on-secondary-container)}& nav.group:is(.connected,.split)>:is(.button,button).active,& nav.split>:is(.button,button):active{border-radius:2rem!important}& :is(.scroll,.no-scroll,.no-space,.tabs,.tabbed)>:focus-visible{outline:.125rem solid var(--primary);outline-offset:-.125rem}& nav.split>:is(.button,button):not(.chip,.fill,.border){background-color:var(--primary);color:var(--on-primary)}@media only screen and (width<=600px){& nav.top,& nav.bottom{justify-content:space-around}}}:is(.beer,beer-css){& .tooltip{--_space:-.5rem;visibility:hidden;background-color:var(--inverse-surface);color:var(--inverse-on-surface);text-align:center;z-index:200;white-space:nowrap;opacity:0;inline-size:auto;transition:all var(--speed2);border-radius:.25rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-size:.75rem;font-weight:500;line-height:normal;display:flex;position:absolute;inset:0 auto auto 50%;transform:translate(-50%,-100%)scale(.9)}& .tooltip:not(.max):hover{visibility:hidden;opacity:0}& .tooltip.left{inset:50% auto auto 0;transform:translate(-100%,-50%)scale(.9)}& .tooltip.right{inset:50% 0 auto auto;transform:translate(100%,-50%)scale(.9)}& .tooltip.bottom{inset:auto auto 0 50%;transform:translate(-50%,100%)scale(.9)}& .tooltip.small{white-space:normal;inline-size:8rem}& .tooltip.medium{white-space:normal;inline-size:12rem}& .tooltip.large{white-space:normal;inline-size:16rem}& :hover>.tooltip{visibility:visible;opacity:1;transform:translate(-50%,-100%)scale(1)}& :hover>.tooltip.left{transform:translate(-100%,-50%)scale(1)}& :hover>.tooltip.right{transform:translate(100%,-50%)scale(1)}& :hover>.tooltip.bottom{transform:translate(-50%,100%)scale(1)}& .tooltip.no-space{--_space:0}& .tooltip.medium-space{--_space:-1rem}& .tooltip.large-space{--_space:-1.5rem}& .tooltip:not(.left,.right,.bottom){margin-block-start:var(--_space)!important}& .tooltip.left,& .tooltip.right{margin-inline:var(--_space)!important}& .tooltip.bottom{margin-block-end:var(--_space)!important}& menu:active~.tooltip,& :is(button,.button):focus>menu~.tooltip,& .field>:focus~menu~.tooltip{visibility:hidden}& .slider>.tooltip{--_space:-1.25rem}& .slider.vertical>.tooltip{--_space:-.75rem}& .slider.vertical>.tooltip:is(.left,.right){--_space:-.5rem}& .tooltip.max{font-size:inherit;white-space:normal;text-align:start;inline-size:20rem;box-shadow:var(--elevate2);border-radius:.5rem;padding:1rem;display:block}}:is(.beer,beer-css){& h1,& h2,& h3,& h4,& h5,& h6,& .h1,& .h2,& .h3,& .h4,& .h5,& .h6{align-items:center;font-weight:400;line-height:normal;display:block}& h1,& .h1{font-size:3.5625rem}& h2,& .h2{font-size:2.8125rem}& h3,& .h3{font-size:2.25rem}& h4,& .h4{font-size:2rem}& h5,& .h5{font-size:1.75rem}& h6,& .h6{font-size:1.5rem}& :is(h1,.h1).small{font-size:3.0625rem}& :is(h2,.h2).small{font-size:2.3125rem}& :is(h3,.h3).small{font-size:1.75rem}& :is(h4,.h4).small{font-size:1.5rem}& :is(h5,.h5).small{font-size:1.25rem}& :is(h6,.h6).small{font-size:1rem}& :is(h1,.h1).large{font-size:4.0625rem}& :is(h2,.h2).large{font-size:3.3125rem}& :is(h3,.h3).large{font-size:2.75rem}& :is(h4,.h4).large{font-size:2.5rem}& :is(h5,.h5).large{font-size:2.25rem}& :is(h6,.h6).large{font-size:2rem}& .link{color:var(--primary)!important}& .inverse-link{color:var(--inverse-primary)!important}& .truncate{text-overflow:ellipsis;flex:inherit;overflow:hidden;white-space:nowrap!important}& .truncate>*{white-space:nowrap!important}& .small-text{font-size:.75rem}& .medium-text{font-size:.875rem}& .large-text{font-size:1rem}& .upper{text-transform:uppercase}& .lower{text-transform:lowercase}& .capitalize{text-transform:capitalize}& .bold{font-weight:700}& .overline{text-decoration:line-through}& .underline{text-decoration:underline}& .italic{font-style:italic}& p{margin:.5rem 0}& .no-line{line-height:normal}& .tiny-line{line-height:1.25rem}& .small-line{line-height:1.5rem}& .medium-line{line-height:1.75rem}& .large-line{line-height:2rem}& .extra-line{line-height:2.25rem}& pre{background-color:var(--surface-container);white-space:pre-wrap;border-inline-start:.25rem solid var(--primary);border-radius:0;padding:1rem;font-family:inherit}& blockquote{border-inline-start:.25rem solid var(--primary);border-radius:0;padding:1rem;font-family:inherit}& code{background-color:var(--surface-container);white-space:pre-wrap;border-radius:0;padding:.25rem}& pre>code,& blockquote>code{padding:0}& .scroll>code{white-space:pre}& pre:has(>code){text-align:start;direction:ltr}& sub{vertical-align:sub}& sup{vertical-align:super}}:root{--font:"Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;--font-icon:none}:root,.light{--primary:#00696d;--on-primary:#fff;--primary-container:#6ff6fd;--on-primary-container:#002021;--secondary:#4a6364;--on-secondary:#fff;--secondary-container:#cce8e9;--on-secondary-container:#041f21;--tertiary:#4e5f7d;--on-tertiary:#fff;--tertiary-container:#d5e3ff;--on-tertiary-container:#081c36;--error:#ba1a1a;--on-error:#fff;--error-container:#ffdad6;--on-error-container:#410002;--background:#fafdfc;--on-background:#191c1c;--surface:#f7faf9;--on-surface:#191c1c;--surface-variant:#dae4e5;--on-surface-variant:#3f4949;--outline:#6f7979;--outline-variant:#bec8c9;--shadow:#000;--scrim:#000;--inverse-surface:#2d3131;--inverse-on-surface:#eff1f1;--inverse-primary:#4cd9e0;--surface-dim:#d8dada;--surface-bright:#f7faf9;--surface-container-lowest:#fff;--surface-container-low:#f2f4f4;--surface-container:#eceeee;--surface-container-high:#e6e9e8;--surface-container-highest:#e0e3e3}.dark{--primary:#4cd9e0;--on-primary:#003739;--primary-container:#004f52;--on-primary-container:#6ff6fd;--secondary:#b1cccd;--on-secondary:#1b3436;--secondary-container:#324b4c;--on-secondary-container:#cce8e9;--tertiary:#b5c7e9;--on-tertiary:#1f314c;--tertiary-container:#364764;--on-tertiary-container:#d5e3ff;--error:#ffb4ab;--on-error:#690005;--error-container:#93000a;--on-error-container:#ffb4ab;--background:#191c1c;--on-background:#e0e3e3;--surface:#101414;--on-surface:#e0e3e3;--surface-variant:#3f4949;--on-surface-variant:#bec8c9;--outline:#899393;--outline-variant:#3f4949;--shadow:#000;--scrim:#000;--inverse-surface:#e0e3e3;--inverse-on-surface:#2d3131;--inverse-primary:#00696d;--surface-dim:#101414;--surface-bright:#363a3a;--surface-container-lowest:#0b0f0f;--surface-container-low:#191c1c;--surface-container:#1d2020;--surface-container-high:#272b2b;--surface-container-highest:#323535;--image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4AWL6//+/FAAAAP//qSv5QwAAAAZJREFUAwAJIAMaJWjIvQAAAABJRU5ErkJggg==)}.link-preview-container{display:inline-block;position:relative}.link-preview-container img{object-fit:cover;z-index:9;border:1px solid #cfd9de66;width:400px;max-width:none;height:300px;display:none;position:absolute;top:1.5em;left:calc(50% - 200px)}.link-preview-container:hover img{display:block}.link-card-container{cursor:pointer;user-select:none;transition:var(--sys-transition);text-align:left;width:100%;color:var(--on-surface);fill:inherit;background-color:var(--surface-container);border-radius:2rem;align-items:stretch;max-height:120px;margin:8px 0;display:flex;position:relative;overflow:hidden}.link-card-container:hover{border-radius:3rem;text-decoration:none}.link-card-wrapper{border-radius:0;flex-direction:column;flex:4 180px;min-width:0;min-height:60px;padding:1rem;display:flex}.link-card-title{height:22px;color:var(--primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:18px;font-weight:700;line-height:22px;overflow:hidden}.link-card-description{text-overflow:ellipsis;max-height:36px;font-size:14px;line-height:18px;overflow:hidden}.link-card-text{flex:1}.link-card-url{color:var(--on-surface-variant);align-items:center;margin-top:6px;display:flex}.link-card-favicon{width:16px;min-width:16px;height:16px;margin-right:6px}.link-card-link{white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:16px;overflow:hidden}.link-card-image-wrapper{border-radius:2rem;flex:180px;min-height:80px;display:block;position:relative;overflow:hidden}.link-card-friend-image-wrapper{flex:80px;min-height:80px;display:block;position:relative}.link-card-image{object-fit:cover;width:100%;height:100%;display:block}html::-webkit-scrollbar-track{background-color:inherit;border-radius:8px}html::-webkit-scrollbar{background-color:inherit;width:8px}html::-webkit-scrollbar-thumb{background-color:#009ba1;border-radius:8px}html::-webkit-scrollbar-thumb:hover{background-color:#008ba1}html.vt-darkmode::view-transition-old(root){mix-blend-mode:normal}html.vt-darkmode::view-transition-new(root){mix-blend-mode:normal;z-index:1;animation:none}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}::view-transition-old(root){animation:none}html:not(.vt-darkmode)::view-transition-new(root){z-index:1;animation:.4s cubic-bezier(.4,0,.2,1) vt-page-in}::view-transition-group(*){animation-duration:.4s;animation-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes vt-page-in{0%{opacity:0}}a{color:var(--primary);box-shadow:none;text-decoration:none}a:hover{text-decoration:underline}hr{background-color:var(--outline);border:none;height:.6px}body{color:var(--on-surface);background-color:var(--surface);--sys-transition:all .1s 0s cubic-bezier(.4, 0, .2, 1);margin:0;font-size:1rem}main{max-width:50rem;margin:auto;padding:3rem 5rem 0}@media (width<=780px){main{padding:3rem 2rem 0}}@media (width<=580px){main{padding:3rem 1rem 0}}