footer[data-astro-cid-jo6i4kqk]{background-color:var(--surface-container);color:var(--on-surface);text-align:center;flex-flow:wrap;justify-content:center;align-items:center;gap:8px;padding:3rem 1rem 1rem;font-size:.8rem;display:flex;position:relative;overflow:hidden}footer[data-astro-cid-jo6i4kqk]:before{content:"";background-color:var(--surface);border-radius:24px;width:100%;height:48px;position:absolute;top:-24px}a[data-astro-cid-jo6i4kqk]{color:var(--on-surface);transition:var(--sys-transition);-webkit-tap-highlight-color:transparent;background-color:var(--surface-container-high);border-radius:1rem;align-items:center;gap:8px;padding:.8rem 1rem;text-decoration:none;display:flex;overflow:hidden}a[data-astro-cid-jo6i4kqk]:hover,a[data-astro-cid-jo6i4kqk]:focus,a[data-astro-cid-jo6i4kqk]:active{border-radius:2rem}.icon[data-astro-cid-jo6i4kqk]{font-size:24px}: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,body ::-webkit-scrollbar-thumb,body ::-webkit-scrollbar-button{background:0 0;block-size:.4rem;inline-size:.4rem}body :is(:focus,:hover)::-webkit-scrollbar-thumb,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){& .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){& :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){& header,& footer{border-radius:0;align-content:center;padding:0 1rem;display:grid}& :is(dialog,article)>:is(header,footer){padding-inline:0;inset:0}& header{min-block-size:4rem}& footer{min-block-size:5rem}& :is(header,footer,menu>*).fixed{z-index:11;background-color:inherit;position:sticky;inset:0}& header.fixed{inset:calc(-1 * var(--_padding,0)) 0 0 0;margin-block-start:calc(-1 * var(--_padding,0))}& footer.fixed{inset:0 0 calc(-1 * var(--_padding,0)) 0;margin-block-end:calc(-1 * var(--_padding,0))}& :is(header,footer).fixed.min{margin-inline:auto}& dialog>:is(header,footer){background:0 0}& dialog>:is(header,footer).fixed{background-color:inherit}& :is(main,header,footer,section).responsive{max-inline-size:min(100vw,75rem);margin:0 auto}& :is(main,header,footer,section).responsive.max{max-inline-size:none}& :has(>main)>:is(header,footer).fixed{box-sizing:content-box;z-index:12;position:sticky;inset:0;transform:none}& :has(>main)>header{padding-block-start:var(--top,0)}& :has(>main)>footer{padding-block-end:var(--bottom,0)}& nav.top~header,& nav.bottom~footer{padding-block:0}& nav.top~header.fixed{inset-block:calc(var(--top,0) + 4.5rem) 0}& nav.bottom~footer.fixed{inset-block:0 calc(var(--bottom,0) + 4.5rem)}& :is(nav,.row)>header{background-color:inherit}}: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){& article{--_padding:1rem;box-shadow:var(--elevate1);background-color:var(--surface-container-low);color:var(--on-surface);padding:var(--_padding);transition:transform var(--speed3), border-radius var(--speed3), padding var(--speed3);border-radius:.75rem;display:block}& article.small{block-size:12rem}& article.medium{block-size:20rem}& article.large{block-size:32rem}& article.border{box-shadow:none;border:.0625rem solid var(--outline-variant)}}: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){& dialog{--_padding:1.5rem;--_top:calc(var(--_padding,0) + var(--top,0));--_bottom:calc(var(--_padding,0) + var(--bottom,0));visibility:hidden;opacity:0;box-shadow:var(--elevate2);color:var(--on-surface);background-color:var(--surface-container-high);padding:var(--_padding);z-index:100;max-block-size:80%;min-inline-size:20rem;max-inline-size:100%;transition:all var(--speed3), 0s background-color;border:none;border-radius:1.75rem;outline:none;display:block;position:fixed;inset:10% auto auto 50%;overflow:hidden auto;transform:translate(-50%,-4rem)}& dialog.small{block-size:25%;inline-size:25%}& dialog.medium{block-size:50%;inline-size:50%}& dialog.large{block-size:75%;inline-size:75%}& dialog:is(.active,[open]){visibility:visible;opacity:1;transform:translate(-50%)}& dialog:popover-open{visibility:visible;opacity:1;transform:translate(-50%)}& dialog:is(.top,.right,.bottom,.left,.max){--_padding:1rem}& dialog:is(.top,.bottom){opacity:1;block-size:auto;max-block-size:100%;inline-size:100%;min-inline-size:auto}& dialog.top{border-radius:0 0 1rem 1rem;padding-block-start:var(--_top);inset:0 auto auto 0;transform:translateY(-100%)}& dialog.bottom{border-radius:1rem 1rem 0 0;padding-block-end:var(--_bottom);inset:auto auto 0 0;transform:translateY(100%)}& dialog:is(.left,.right){opacity:1;background-color:var(--surface);block-size:100%;max-block-size:100%;inline-size:auto;padding-block:var(--_top) var(--_bottom);inset:0 auto auto 0}& [dir=rtl] dialog.right,& dialog.left{border-radius:0 1rem 1rem 0;inset:0 auto auto 0;transform:translate(-100%)}& [dir=rtl] dialog.left,& dialog.right{border-radius:1rem 0 0 1rem;inset:0 0 auto auto;transform:translate(100%)}& dialog.max{background-color:var(--surface);block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;padding-block:var(--_top) var(--_bottom);border-radius:0;inset:0 auto auto 0;transform:translateY(4rem)}& dialog:is(.active,[open]):is(.left,.right,.top,.bottom,.max){transform:translate(0)}& dialog:popover-open:is(.left,.right,.top,.bottom,.max){transform:translate(0)}& dialog.small:is(.left,.right){inline-size:20rem}& dialog.medium:is(.left,.right){inline-size:32rem}& dialog.large:is(.left,.right){inline-size:44rem}& dialog.small:is(.top,.bottom){block-size:16rem}& dialog.medium:is(.top,.bottom){block-size:24rem}& dialog.large:is(.top,.bottom){block-size:32rem}}:is(.beer,beer-css){& hr,& [class*=divider]{all:unset;background-color:var(--outline-variant);place-self:center;block-size:.0625rem;min-block-size:auto;min-inline-size:1.5em;display:block;inline-size:-webkit-fill-available!important}& hr+*,& [class*=divider]+*{margin:0!important}& hr.medium,& .medium-divider{margin:1rem 0!important}& hr.large,& .large-divider{margin:1.5rem 0!important}& hr.small,& .small-divider{margin:.5rem 0!important}& :is(hr,.divider).vertical{min-block-size:1.5rem;min-inline-size:auto;inline-size:.0625rem!important}& li:has(>:is(hr,.divider)){all:unset;inline-size:-webkit-fill-available!important}& nav:is(.top,.bottom) li:has(>:is(hr,.divider)){inline-size:auto!important}& nav:is(.top,.bottom)>:is(hr,.divider){inline-size:.0625rem!important}}:is(.beer,beer-css){& .field{--_input:3rem;--_start:1.2rem;--_middle:calc(var(--_input,0) / 2);min-block-size:var(--_input);border-radius:.25rem .25rem 0 0;flex-direction:column;display:flex}& .field.fill{--_background:var(--surface-variant);background-color:unset!important;color:unset!important}& .field.fill>:is(input,select,textarea){background-color:var(--_background);z-index:0}& .field.small{--_input:2.5rem;--_start:1rem}& .field.large{--_input:3.5rem;--_start:1.4rem}& .field.extra{--_input:4rem;--_start:1.6rem}& .field.border{border-radius:.25rem}& .field[class*=round].small{border-radius:1.25rem}& .field[class*=round]{border-radius:1.5rem}& .field[class*=round].large{border-radius:1.75rem}& .field[class*=round].extra{border-radius:2rem}& .field>:is(i,img,svg,progress.circle,a){inset:calc((var(--_input,0) / 2) - .75rem) auto auto auto;cursor:pointer;z-index:10;pointer-events:none;block-size:1.5rem;inline-size:1.5rem;margin:auto 0;position:absolute}& .field>:is(a,.front){pointer-events:all!important}& .field>a>:is(i,img,svg,progress.circle,a){block-size:1.5rem;inline-size:1.5rem}& .field>:is(i,img,svg,progress.circle,a),& .field:dir(rtl)>:is(i,img,svg,progress.circle,a):first-child{inset:calc(var(--_middle,0) - .75rem) 1rem auto auto}& .field>:is(i,img,svg,progress.circle,a):first-child,& .field:dir(rtl)>:is(i,img,svg,progress.circle,a){inset:calc(var(--_middle,0) - .75rem) auto auto 1rem}& .field.invalid>i{color:var(--error)}& .field>progress.circle{border-width:.1875rem}& .field>:is(input,textarea,select){all:unset;box-sizing:border-box;border-radius:inherit;min-block-size:var(--_input);z-index:1;resize:none;text-align:start;cursor:text;background:0 0;border:.0625rem solid #0000;outline:none;align-items:center;padding:0 .9375rem;font-family:inherit;font-size:1rem;display:flex;position:relative}& input::-webkit-date-and-time-value{text-align:start}& :is(input,select,textarea):is(:autofill,:autofill){-webkit-text-fill-color:var(--on-surface);-webkit-background-clip:text}& .field>:is(input,textarea,select):focus{border:.125rem solid #0000;padding-inline:.875rem}& .field>textarea:not([rows]){field-sizing:content;max-block-size:12rem}& input[type=file],& input[type=color],& :not(.field)>input:is([type^=date],[type^=time],[type=month],[type=week]),& input::-webkit-calendar-picker-indicator{opacity:0;border:0;outline:0;block-size:100%;inline-size:100%;margin:0;padding:0;position:absolute;inset:0;z-index:2!important}@media (pointer:fine){& .field>input::-webkit-calendar-picker-indicator{z-index:-1!important}}& input::-webkit-search-decoration,& input::-webkit-search-cancel-button,& input::-webkit-search-results-button,& input::-webkit-search-results-decoration,& input::-webkit-inner-spin-button,& input::-webkit-outer-spin-button{display:none}& input[type=number]{appearance:textfield}& .field.border>:is(input,textarea,select){border-color:var(--outline)}& .field.border>:is(input,textarea,select):focus{border-color:var(--primary)}& .field[class*=round]>:is(input,textarea,select){padding-inline:1.4376rem}& .field[class*=round]>:is(input,textarea,select):focus{padding-inline:1.375rem}& .field.prefix>:is(input,textarea,select){padding-inline-start:2.9375rem}& .field.prefix>.slider{margin-inline-start:3.5rem}& .field.prefix>:is(input,textarea,select):focus{padding-inline-start:2.875rem}& .field.suffix>:is(input,textarea,select){padding-inline-end:2.9375rem}& .field.suffix>.slider{margin-inline-end:3.5rem}& .field.suffix>:is(input,textarea,select):focus{padding-inline-end:2.875rem}& .field:not(.border,[class*=round])>:is(input,textarea,select){border-block-end-color:var(--outline)}& .field:not(.border,[class*=round])>:is(input,textarea,select):focus{border-block-end-color:var(--primary)}& .field[class*=round]:not(.border,.fill)>:is(input,textarea,select),& .field[class*=round]:not(.border)>:is(input,textarea,select):focus{box-shadow:var(--elevate1)}& .field[class*=round]:not(.border,.fill)>:is(input,textarea,select):focus{box-shadow:var(--elevate2)}& .field.invalid:not(.border,[class*=round])>:is(input,textarea,select),& .field.invalid:not(.border,[class*=round])>:is(input,textarea,select):focus{border-block-end-color:var(--error)}& .field.invalid.border>:is(input,textarea,select),& .field.invalid.border>:is(input,textarea,select):focus{border-color:var(--error)}& .field:has(>:disabled){opacity:.5;cursor:not-allowed}& .field>:disabled{cursor:not-allowed}& .field>select{user-select:none}@-moz-document url-prefix(){& .field>select:focus{background-color:var(--surface)}& .field.fill>select:focus{background-color:var(--surface-variant)}& .field>select:focus+label{z-index:1}}& .field>select>option{background-color:var(--surface)}& .field>:is(input,select){padding-block-start:1rem}& .field:not(.label)>:is(input,select),& .field.border:not(.fill)>:is(input,select){padding-block-start:0}& .field>textarea{padding-block-start:var(--_start)!important}& .field>textarea:focus{padding-block-start:calc(var(--_start,0) - .01rem)!important}& .field:not(.label)>textarea,& .field.border:not(.fill)>textarea{padding-block-start:calc(var(--_start,0) - .5rem)!important}& .field:not(.label)>textarea:focus,& .field.border:not(.fill)>textarea:focus{padding-block-start:calc(var(--_start,0) - .51rem)!important}& .field.label>label{--_start:1rem;inset:-.5rem .9375rem 0 var(--_start);block-size:calc(var(--_input,0) + 1rem);line-height:calc(var(--_input,0) + 1rem);white-space:nowrap;pointer-events:none;gap:.25rem;font-size:1rem;transition:all .2s;display:flex;position:absolute}& .field.label:dir(rtl)>label{inset:-.5rem calc(var(--_start) - .0625rem) 0 .9375rem}& .field.label[class*=round]>label{inset:-.5rem 1.9375rem 0 var(--_start)}& .field.label[class*=round]:dir(rtl)>label{inset:-.5rem var(--_start) 0 1.9375rem}& .field.label.border.prefix:not(.fill)>:is(label.active,:focus+label,[placeholder]:not(:placeholder-shown)+label,select+label){--_start:1rem}& .field.label[class*=round]>label,& .field.label.border.prefix[class*=round]:not(.fill)>:is(label.active,:focus+label,[placeholder]:not(:placeholder-shown)+label,select+label){--_start:1.5rem}& .field.label.prefix>label{--_start:3rem}& .field.label>:is(label.active,:focus+label,[placeholder]:not(:placeholder-shown)+label,select+label){block-size:2.5rem;font-size:.75rem;line-height:2.5rem}& .field.label.border:not(.fill)>:is(label.active,:focus+label,[placeholder]:not(:placeholder-shown)+label,select+label){block-size:1rem;line-height:1rem}& .field.label.border:not(.fill)>label:after{content:"";border-block-start:.0625rem solid var(--outline);flex:auto;block-size:1rem;margin:.5rem 0 0;transition:none;display:block}& .field.label.border:not(.fill)>:focus+label:after{border-block-start:.125rem solid var(--primary)}& .field.label.border:not(.fill)>:is(input,textarea):is(:focus,[placeholder]:not(:placeholder-shown),.active),& .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%)}& .field.label.border:not(.fill):dir(rtl)>:is(input,textarea):is(:focus,[placeholder]:not(:placeholder-shown),.active),& .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%)}& .field.label.border[class*=round]:not(.fill)>:is(input,textarea):is(:focus,[placeholder]:not(:placeholder-shown),.active),& .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%)}& .field.label.border[class*=round]:not(.fill):dir(rtl)>:is(input,textarea):is(:focus,[placeholder]:not(:placeholder-shown),.active),& .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%)}& .field.label>:focus+label{color:var(--primary)}& .field.label.invalid>label,& .field.label.invalid>label:after{color:var(--error)!important;border-color:var(--error)!important}& .field.label>label>a{block-size:inherit;line-height:inherit;inline-size:1rem}& .field.label>label>a>:is(i,img,svg){block-size:1rem;inline-size:1rem;font-size:1rem;line-height:1rem}& .field>output{align-self:start;padding:.25rem 1rem;font-size:.75rem;line-height:1.25rem;display:inline-block;background:0 0!important}& .field>output.invalid{color:var(--error)!important}& .field[class*=round]>output{padding:.25rem 1.5rem}& .field.invalid>output:not(.invalid),& .field:not(.invalid)>output.invalid{display:none}& .field.invalid>output.invalid~menu,& .field:not(.invalid)>output:not(.invalid)~menu{inset:auto auto 1.75rem 0}& table td>.field{margin:0}& fieldset{border:.0625rem solid var(--outline-variant);border-radius:.25rem;padding:1rem}& fieldset>legend{margin:0 -.25rem;padding:0 .25rem}& fieldset>legend+*{margin-block-start:0!important}}: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){& i,& :is(.checkbox,.radio,.switch)>span:before,& :is(.checkbox,.radio,.switch)>span>i{--_size:1.5rem;font-family:var(--font-icon);font-style:normal;font-weight:400;font-size:var(--_size);letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:middle;text-align:center;inline-size:var(--_size);min-inline-size:var(--_size);block-size:var(--_size);min-block-size:var(--_size);box-sizing:content-box;direction:ltr;border-radius:0;justify-content:center;align-items:center;line-height:normal;display:inline-flex;overflow:hidden}& i:has(.badge){overflow:unset}& i.tiny{--_size:1rem}& .chip>i,& i.small{--_size:1.25rem}& i.medium{--_size:1.5rem}& i.large{--_size:1.75rem}& i.extra{--_size:2rem}& i.fill,& a.active>i,& button.active>i{font-variation-settings:"FILL" 1}& i>:is(img,svg){border-radius:inherit;block-size:100%;inline-size:100%;padding:inherit;background-size:100%;position:absolute;inset:0 auto auto 0}& i[class*=fa-]{font-size:calc(var(--_size,0) * .85);block-size:auto;min-block-size:auto;line-height:normal}}: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){& :has(>main){box-sizing:border-box;background-color:var(--surface);grid-template:"left top right""left header right""left main right"minmax(0,1fr)"left footer right""left bottom right"/auto minmax(0,1fr) auto;min-block-size:100dvh;display:grid}& nav.left{grid-area:left}& nav.right{grid-area:right}& nav.top{grid-area:top}& nav.bottom{grid-area:bottom}& header{grid-area:header}& footer{grid-area:footer}& main{--_padding:.5rem;padding:var(--_padding);grid-area:main;overflow:clip}& aside{z-index:1}& aside:not(.fixed,.absolute).right{float:right}& aside:not(.fixed,.absolute).left{float:left}}: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){& .overlay,& dialog::backdrop{opacity:0;visibility:hidden;color:var(--on-surface);background-color:var(--overlay);z-index:100;transition:all var(--speed3), 0s background-color;border-radius:0;position:fixed;inset:0;display:block!important}& .overlay.active{opacity:1;visibility:visible}& dialog:popover-open::backdrop{opacity:1;visibility:visible}& .overlay+dialog::backdrop,& .snackbar::backdrop{display:none}& [popover]{border:0}}:is(.beer,beer-css){& progress{--_size:.25rem;inline-size:100%;block-size:var(--_size);color:var(--primary);background:var(--image);writing-mode:horizontal-tb;-webkit-appearance:none;appearance:none;direction:ltr;border:none;border-radius:1rem;flex:none;position:relative;overflow:hidden}& progress.small{--_size:.25rem}& progress.medium{--_size:.35rem}& progress.large{--_size:.45rem}& progress.indeterminate{--_value:100;animation:3.2s infinite to-indeterminate-progress}& progress:not(.circle,[value]):after{content:"";clip-path:none;background:currentColor;block-size:100%;inline-size:100%;animation:3.2s infinite to-linear-progress;position:absolute;inset:0}& progress:not(.circle,[value])::-moz-progress-bar{animation:3.2s infinite to-linear-progress}& progress:not(.circle,[value])::-webkit-progress-value{animation:3.2s infinite to-linear-progress}& progress::-webkit-progress-bar{background:0 0}& progress::-webkit-progress-value{background:currentColor}& progress::-moz-progress-bar{background:currentColor}& progress.wavy{block-size:calc(var(--_size,0) * 2);background:0 0;background-image:var(--image);background-position:0;background-repeat:repeat-x;background-size:auto calc(var(--_size,0) / 2)}& progress.wavy::-webkit-progress-value,& progress.wavy:not(.circle,[value]):after{mask-image:url(/_astro/wavy.DYnjrnbj.svg);mask-position:0;mask-size:auto 100%;mask-repeat:repeat-x}& progress.wavy::-moz-progress-bar{mask-image:url(/_astro/wavy.DYnjrnbj.svg);mask-position:0;mask-size:auto 100%;mask-repeat:repeat-x}& progress.circle{--_value:attr(value type(<number>), 50);background:conic-gradient(currentColor calc(var(--_value,0) * 1%), var(--active) 0%);border-radius:50%;block-size:2.5rem;inline-size:2.5rem;mask-image:radial-gradient(circle,#0000 57%,currentColor 60%)}& progress.circle::-webkit-progress-value{background:0 0}& progress.circle::-moz-progress-bar{background:0 0}& progress.circle.wavy{background:conic-gradient(currentColor calc(var(--_value,0) * 1%), var(--active) 0);mask-image:url(/_astro/wavy-circle.BhSxxy_f.svg);mask-position:50%;mask-size:contain;mask-repeat:no-repeat}& progress.circle.small{block-size:1.5rem;inline-size:1.5rem}& progress.circle.large{block-size:3.5rem;inline-size:3.5rem}& progress.circle:not([value]),& progress.circle.indeterminate{--_value:50;animation:1s linear infinite to-rotate}& :is(nav,.row,.field)>progress:not(.circle,.small,.medium,.large){flex:auto}& progress.max{display:unset;color:currentColor;border-radius:inherit;writing-mode:horizontal-tb;opacity:.33;background:0 0;animation:none;position:absolute;inset:0;block-size:100%!important;inline-size:100%!important}& progress.max[class*=-text]{opacity:1}& progress.max+*{margin-block-start:0}& :is(.button,button,.chip)>progress.circle{color:inherit}}:is(.beer,beer-css){& .snackbar{z-index:200;visibility:hidden;block-size:auto;inline-size:80%;box-shadow:var(--elevate2);color:var(--inverse-on-surface);background-color:var(--inverse-surface);cursor:pointer;text-align:start;transition:all var(--speed2);opacity:0;border-radius:.25rem;align-items:center;gap:.5rem;padding:1rem;display:flex;position:fixed;inset:auto auto 6rem 50%;transform:translate(-50%,1rem)}& .snackbar.top{inset:6rem auto auto 50%}& .snackbar.active{visibility:visible;opacity:1;transform:translate(-50%)}& .snackbar:popover-open{visibility:visible;opacity:1;transform:translate(-50%)}& .snackbar>.max{flex:auto}@media only screen and (width>=993px){& .snackbar{inline-size:40%}}}: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==)}:is(.beer,beer-css) .green-text{color:#4caf50!important}:is(.beer,beer-css) pre{white-space:pre;background-color:#0000;border-inline-start:none;padding:0;font-family:monospace}:is(.beer,beer-css) code{white-space:normal;background-color:#1e1e1e;padding:0}:is(.beer,beer-css) pre>code{white-space:pre;background-color:#0000;padding:0}:is(.beer,beer-css) :is(th,td){inline-size:auto;text-align:inherit;border-radius:0;padding:.5rem}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}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}.skeleton{background:linear-gradient(90deg, var(--surface-container-high) 25%, var(--surface-container) 50%, var(--surface-container-high) 75%);background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}a{color:var(--primary);box-shadow:none;text-decoration:none}hr{background-color:var(--outline);border:none;height:.6px}html{height:100%}body{background-color:var(--surface);min-height:100dvh;color:var(--on-surface);--sys-transition:all .1s 0s cubic-bezier(.4, 0, .2, 1);flex-direction:column;margin:0;font-size:1rem;display:flex}table{background-color:var(--surface-container);border-collapse:collapse;border-spacing:0;border-radius:12px;width:100%;overflow:hidden}tbody tr{border-top:1px solid var(--outline-variant)}table:not(:has(thead)) tbody tr:first-child{border-top:none}th:nth-child(2n),td:nth-child(2n){background-color:var(--surface-container-low)}main{box-sizing:border-box;flex:1;width:100%;max-width:80rem;margin:0 auto;padding:3rem 5rem 0}@media (width<=780px){main{padding:3rem 2rem 0}}@media (width<=580px){main{padding:3rem 1rem 0}}@font-face{font-family:JetBrains Mono;src:url(/_astro/JetBrainsMono-Regular.C8L8B0wz.woff2)format("woff2"),url(/_astro/JetBrainsMono-Regular.BjXEN8sv.ttf)format("truetype");font-weight:400;font-style:normal}code{font-family:JetBrains Mono,Consolas,monospace}.code-wrapper{border-radius:1rem;margin:0 0 1.75rem;position:relative;overflow:hidden}.code-wrapper pre{color:#d4d4d4;background-color:#1e1e1e;border-radius:0;margin:0;padding:1.75em 1.25em 1.25em;overflow-x:auto}:not(pre)>code{color:#d4d4d4;white-space:normal;background-color:#1e1e1e;border-radius:.4em;padding:.1em}.code-wrapper:before{text-transform:uppercase;letter-spacing:.075em;text-align:right;color:#232129;z-index:1;background:#d9d7e0;border-radius:0 0 4px 4px;padding:.25rem .5rem;font-family:JetBrains Mono,Consolas,monospace;font-size:.9rem;line-height:1;position:absolute;top:0;right:2rem}.code-wrapper:has(pre[data-language=html]):before{content:"html";color:#fff;background:#005a9c}.code-wrapper:has(pre[data-language=js]):before{content:"js";background:#f7df1e}.code-wrapper:has(pre[data-language=ts]):before{content:"ts";color:#fff;background:#294e80}.code-wrapper:has(pre[data-language=jsx]):before{content:"jsx";background:#61dafb}.code-wrapper:has(pre[data-language=tsx]):before{content:"tsx";color:#fff;background:#294e80}.code-wrapper:has(pre[data-language=css]):before{content:"css";color:#fff;background:#ff9800}.code-wrapper:has(pre[data-language=diff]):before{content:"diff";background:#e6ffed}.code-wrapper:has(pre[data-language=json]):before,.code-wrapper:has(pre[data-language=json5]):before{content:"json";background:linen}.code-wrapper:has(pre[data-language=shell]):before{content:"shell";color:#fff;background:#4eaa25}.code-wrapper:has(pre[data-language=ini]):before{content:"ini";color:#fff;background:gray}.code-wrapper:has(pre[data-language=makefile]):before{content:"makefile";color:#fff;background:#ef5350}.code-wrapper:has(pre[data-language=astro]):before{content:"astro";color:#fff;background:#e43a99}.code-wrapper:has(pre[data-language=yml]):before,.code-wrapper:has(pre[data-language=yaml]):before{content:"yml";color:#fff;background:#7b42bc}.dark #sun-icon,.light #moon-icon{display:none}#sun-icon{color:#ff9800}#moon-icon{color:#ffb74d}.profile-avatar{object-fit:cover;border:2px solid var(--outline-variant);border-radius:50%;width:2rem;height:2rem}.profile-name{color:var(--on-surface);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.875rem;overflow:hidden}.profile-menu{min-width:180px}.profile-link{align-items:center;gap:.5rem;display:flex}.doc-header[data-astro-cid-nazmfhjt]{z-index:10;background-color:var(--surface-container);justify-content:space-between;align-items:center;height:56px;padding:0 1rem;display:flex;position:sticky;top:0}.logo[data-astro-cid-nazmfhjt]{color:var(--on-surface);font-size:1.15rem;font-weight:700}@media (width<=640px){.doc-header[data-astro-cid-nazmfhjt] .logo[data-astro-cid-nazmfhjt]{display:none}}