@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-opsz-normal-oos9povj.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-opsz-normal-Bf69Tn_J.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-cyrillic-ext-400-normal-C_uLvvQ5.woff2)format("woff2"),url(/assets/jetbrains-mono-cyrillic-ext-400-normal-Bh0R7Dhr.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-cyrillic-400-normal-BEIGL1Tu.woff2)format("woff2"),url(/assets/jetbrains-mono-cyrillic-400-normal-ugxPyKxw.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-greek-400-normal-C190GLew.woff2)format("woff2"),url(/assets/jetbrains-mono-greek-400-normal-B9oWc5Lo.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-vietnamese-400-normal-ByoDsISC.woff2)format("woff2"),url(/assets/jetbrains-mono-vietnamese-400-normal-CqNFfHCs.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-ext-400-normal-Bc8Ftmh3.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-ext-400-normal-fXTG6kC5.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-cyrillic-ext-500-normal-C9ShMxGR.woff2)format("woff2"),url(/assets/jetbrains-mono-cyrillic-ext-500-normal-CEVyPk4Y.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-cyrillic-500-normal-DmUKJPL_.woff2)format("woff2"),url(/assets/jetbrains-mono-cyrillic-500-normal-DJqRU3vO.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-greek-500-normal-JpySY46c.woff2)format("woff2"),url(/assets/jetbrains-mono-greek-500-normal-D7SFKleX.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-vietnamese-500-normal-BvH7FW2L.woff2)format("woff2"),url(/assets/jetbrains-mono-vietnamese-500-normal-DNRqzVM1.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-latin-ext-500-normal-Cut-4mMH.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-ext-500-normal-ckzbgY84.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-500-normal-CJOVTJB7.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:is(.beer,beer-css) *{all:revert}:is(.beer,beer-css).dark{--primary:#cfbcff;--on-primary:#381e72;--primary-container:#4f378a;--on-primary-container:#e9ddff;--secondary:#cbc2db;--on-secondary:#332d41;--secondary-container:#4a4458;--on-secondary-container:#e8def8;--tertiary:#efb8c8;--on-tertiary:#4a2532;--tertiary-container:#633b48;--on-tertiary-container:#ffd9e3;--error:#ffb4ab;--on-error:#690005;--error-container:#93000a;--on-error-container:#ffb4ab;--background:#1c1b1e;--on-background:#e6e1e6;--surface:#141316;--on-surface:#e6e1e6;--surface-variant:#49454e;--on-surface-variant:#cac4cf;--outline:#948f99;--outline-variant:#49454e;--shadow:#000;--scrim:#000;--inverse-surface:#e6e1e6;--inverse-on-surface:#313033;--inverse-primary:#6750a4;--surface-dim:#141316;--surface-bright:#3a383c;--surface-container-lowest:#0f0e11;--surface-container-low:#1c1b1e;--surface-container:#201f22;--surface-container-high:#2b292d;--surface-container-highest:#363438}@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/material-symbols-rounded-VE-uN7__.woff2)format("woff2"),url(/assets/material-symbols-rounded-VE-uN7__.woff2)format("woff2")}:root{--size:1rem;--font:Inter,Roboto,"Helvetica Neue","Arial Nova","Nimbus Sans","Noto Sans",Arial,sans-serif;--font-icon:"Material Symbols Outlined";--speed1:.1s;--speed2:.2s;--speed3:.3s;--speed4:.4s;--active:#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==)}:is(.beer,beer-css).dark{--image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4AWL6//+/FAAAAP//qSv5QwAAAAZJREFUAwAJIAMaJWjIvQAAAABJRU5ErkJggg==)}:is(.beer,beer-css){font-size:var(--size);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){:is(.beer,beer-css) ::-webkit-scrollbar{background:0 0;block-size:.4rem;inline-size:.4rem}:is(.beer,beer-css) ::-webkit-scrollbar-button{background:0 0;block-size:.4rem;inline-size:.4rem}:is(.beer,beer-css) ::-webkit-scrollbar-thumb{background:0 0;block-size:.4rem;inline-size:.4rem}:is(.beer,beer-css) :has(:focus,:hover)::-webkit-scrollbar-thumb{background:var(--outline);border-radius:1rem}:is(.beer,beer-css) :is(:focus,:hover)::-webkit-scrollbar-thumb{background:var(--outline);border-radius:1rem}}@media (pointer:coarse){:is(.beer,beer-css):has(input[type=range]:focus),:is(.beer,beer-css):has(dialog[open],dialog.active){overflow:hidden}}@keyframes to-page{0%{opacity:0;transform:var(--_transform)}to{opacity:1;transform:translate(0)}}@keyframes to-linear-progress{0%{margin:0 0 0 -100%}50%{margin:0}to{margin:0 0 0 100%}}@keyframes to-indeterminate-progress{0%{padding:0 100% 0 0}50%{padding:0}to{padding:0 0 0 100%}}@keyframes to-rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes to-ripple{to{opacity:0;transform:scale(4)}}:is(.beer,beer-css).light,:root{--primary:#6750a4;--on-primary:#fff;--primary-container:#e9ddff;--on-primary-container:#22005d;--secondary:#625b71;--on-secondary:#fff;--secondary-container:#e8def8;--on-secondary-container:#1e192b;--tertiary:#7e5260;--on-tertiary:#fff;--tertiary-container:#ffd9e3;--on-tertiary-container:#31101d;--error:#ba1a1a;--on-error:#fff;--error-container:#ffdad6;--on-error-container:#410002;--background:#fffbff;--on-background:#1c1b1e;--surface:#fdf8fd;--on-surface:#1c1b1e;--surface-variant:#e7e0eb;--on-surface-variant:#49454e;--outline:#7a757f;--outline-variant:#cac4cf;--shadow:#000;--scrim:#000;--inverse-surface:#313033;--inverse-on-surface:#f4eff4;--inverse-primary:#cfbcff;--surface-dim:#ddd8dd;--surface-bright:#fdf8fd;--surface-container-lowest:#fff;--surface-container-low:#f7f2f7;--surface-container:#f2ecf1;--surface-container-high:#ece7eb;--surface-container-highest:#e6e1e6}: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}:is(.beer,beer-css) :after,:is(.beer,beer-css) :before{all:unset}:is(.beer,beer-css) label{font-size:.75rem}:is(.beer,beer-css) a,:is(.beer,beer-css) b,:is(.beer,beer-css) code,:is(.beer,beer-css) em,:is(.beer,beer-css) i,:is(.beer,beer-css) label,:is(.beer,beer-css) span,:is(.beer,beer-css) strong{vertical-align:baseline}:is(.beer,beer-css) .button,:is(.beer,beer-css) a,:is(.beer,beer-css) button{cursor:pointer;outline:inherit;border:none;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex}:is(.beer,beer-css) .button,:is(.beer,beer-css) .chip,:is(.beer,beer-css) :is(nav,.tabs,.field)>a,:is(.beer,beer-css) button,:is(.beer,beer-css) i,:is(.beer,beer-css) label{-webkit-user-select:none;user-select:none}:is(.beer,beer-css) :not(.grid,nav,.row)>:not(progress.max)+:is(address,article,blockquote,code,.field,fieldset,form,.grid,h1,h2,h3,h4,h5,h6,nav,ol,p,pre,.row,section,aside,table,.tabs,ul):not([class*=margin],.right,.left,.top,.bottom){margin-block-start:1rem}:is(.beer,beer-css) :has(>[class*=margin]){padding:.1px}:is(.beer,beer-css) :is(a,button,.button,.chip,summary):focus-visible{outline:.125rem solid var(--primary);outline-offset:.25rem}:is(.beer,beer-css) :is(nav,.row).group>:focus-visible{z-index:1}:is(.beer,beer-css) :is(button,.button,.chip)>:is(span,i,img,svg){pointer-events:none}:is(.beer,beer-css) :is(div:not([class]),div[class=active]):has(>:not(.responsive)~:is(menu,.tooltip,input)){display:inline-flex}:is(.beer,beer-css) .transparent{box-shadow:none!important;color:inherit!important;background-color:#0000!important}:is(.beer,beer-css) .primary{background-color:var(--primary)!important;color:var(--on-primary)!important}:is(.beer,beer-css) .primary-text{color:var(--primary)!important}:is(.beer,beer-css) .primary-border{border-color:var(--primary)!important}:is(.beer,beer-css) .primary-container{background-color:var(--primary-container)!important;color:var(--on-primary-container)!important}:is(.beer,beer-css) .secondary{background-color:var(--secondary)!important;color:var(--on-secondary)!important}:is(.beer,beer-css) .secondary-text{color:var(--secondary)!important}:is(.beer,beer-css) .secondary-border{border-color:var(--secondary)!important}:is(.beer,beer-css) .secondary-container{background-color:var(--secondary-container)!important;color:var(--on-secondary-container)!important}:is(.beer,beer-css) .tertiary{background-color:var(--tertiary)!important;color:var(--on-tertiary)!important}:is(.beer,beer-css) .tertiary-text{color:var(--tertiary)!important}:is(.beer,beer-css) .tertiary-border{border-color:var(--tertiary)!important}:is(.beer,beer-css) .tertiary-container{background-color:var(--tertiary-container)!important;color:var(--on-tertiary-container)!important}:is(.beer,beer-css) .error{background-color:var(--error)!important;color:var(--on-error)!important}:is(.beer,beer-css) .error-text{color:var(--error)!important}:is(.beer,beer-css) .error-border{border-color:var(--error)!important}:is(.beer,beer-css) .error-container{background-color:var(--error-container)!important;color:var(--on-error-container)!important}:is(.beer,beer-css) .background{background-color:var(--background)!important;color:var(--on-background)!important}:is(.beer,beer-css) .surface,:is(.beer,beer-css) .surface-bright,:is(.beer,beer-css) .surface-container,:is(.beer,beer-css) .surface-container-high,:is(.beer,beer-css) .surface-container-highest,:is(.beer,beer-css) .surface-container-low,:is(.beer,beer-css) .surface-container-lowest,:is(.beer,beer-css) .surface-dim{background-color:var(--surface)!important;color:var(--on-surface)!important}:is(.beer,beer-css) .surface-variant{background-color:var(--surface-variant)!important;color:var(--on-surface-variant)!important}:is(.beer,beer-css) .inverse-surface{background-color:var(--inverse-surface)!important;color:var(--inverse-on-surface)!important}:is(.beer,beer-css) .inverse-primary{background-color:var(--inverse-primary)!important;color:var(--primary)!important}:is(.beer,beer-css) .inverse-primary-text{color:var(--inverse-primary)!important}:is(.beer,beer-css) .inverse-primary-border{border-color:var(--inverse-primary)!important}:is(.beer,beer-css) .surface-dim{background-color:var(--surface-dim)!important}:is(.beer,beer-css) .surface-bright{background-color:var(--surface-bright)!important}:is(.beer,beer-css) .surface-container-lowest{background-color:var(--surface-container-lowest)!important}:is(.beer,beer-css) .surface-container{background-color:var(--surface-container)!important}:is(.beer,beer-css) .surface-container-high{background-color:var(--surface-container-high)!important}:is(.beer,beer-css) .surface-container-highest{background-color:var(--surface-container-highest)!important}:is(.beer,beer-css) .surface-container-low{background-color:var(--surface-container-low)!important}:is(.beer,beer-css) .black{background-color:#000!important}:is(.beer,beer-css) .black-border{border-color:#000!important}:is(.beer,beer-css) .black-text{color:#000!important}:is(.beer,beer-css) .white{background-color:#fff!important}:is(.beer,beer-css) .white-border{border-color:#fff!important}:is(.beer,beer-css) .white-text{color:#fff!important}:is(.beer,beer-css) .transparent-border{border-color:#0000!important}:is(.beer,beer-css) .transparent-text{color:#0000!important}:is(.beer,beer-css) .fill:not(i){background-color:var(--surface-variant)!important;color:var(--on-surface-variant)!important}:is(.beer,beer-css) .primary>:is(button,a,li).active,:is(.beer,beer-css) nav.primary a.active>i,:is(.beer,beer-css) nav.primary-container>button,:is(.beer,beer-css) nav:is(.max,.tabbed,.toolbar).primary a.active{background-color:var(--primary-container)!important;color:var(--on-primary-container)!important}:is(.beer,beer-css) .primary-container>:is(button,a,li).active,:is(.beer,beer-css) nav.primary-container a.active>i,:is(.beer,beer-css) nav.primary>button,:is(.beer,beer-css) nav:is(.max,.tabbed,.toolbar).primary-container a.active{background-color:var(--primary)!important;color:var(--on-primary)!important}:is(.beer,beer-css) .secondary>:is(button,a,li).active,:is(.beer,beer-css) nav.secondary a.active>i,:is(.beer,beer-css) nav.secondary-container>button,:is(.beer,beer-css) nav:is(.max,.tabbed,.toolbar).secondary a.active{background-color:var(--secondary-container)!important;color:var(--on-secondary-container)!important}:is(.beer,beer-css) .secondary-container>:is(button,a,li).active,:is(.beer,beer-css) nav.secondary-container a.active>i,:is(.beer,beer-css) nav.secondary>button,:is(.beer,beer-css) nav:is(.max,.tabbed,.toolbar).secondary-container a.active{background-color:var(--secondary)!important;color:var(--on-secondary)!important}:is(.beer,beer-css) .tertiary>:is(button,a,li).active,:is(.beer,beer-css) nav.tertiary a.active>i,:is(.beer,beer-css) nav.tertiary-container>button,:is(.beer,beer-css) nav:is(.max,.tabbed,.toolbar).tertiary a.active{background-color:var(--tertiary-container)!important;color:var(--on-tertiary-container)!important}:is(.beer,beer-css) .tertiary-container>:is(button,a,li).active,:is(.beer,beer-css) nav.tertiary-container a.active>i,:is(.beer,beer-css) nav.tertiary>button,:is(.beer,beer-css) nav:is(.max,.tabbed,.toolbar).tertiary-container a.active{background-color:var(--tertiary)!important;color:var(--on-tertiary)!important}:is(.beer,beer-css) nav:is(.left,.right,.bottom,.top):not(.max) a.active{color:inherit!important;background:0 0!important}:is(.beer,beer-css) .middle-align{display:flex;align-items:center!important}:is(.beer,beer-css) .bottom-align{display:flex;align-items:flex-end!important}:is(.beer,beer-css) .top-align{display:flex;align-items:flex-start!important}:is(.beer,beer-css) .left-align{text-align:start;justify-content:flex-start!important}:is(.beer,beer-css) .right-align{text-align:end;justify-content:flex-end!important}:is(.beer,beer-css) .center-align{text-align:center;justify-content:center!important}:is(.beer,beer-css) [class*=blur],:is(.beer,beer-css) [class*=blur].light{--_blur:1rem;-webkit-backdrop-filter:blur(var(--_blur));backdrop-filter:blur(var(--_blur));color:var(--on-surface);background-color:#ffffff80!important}:is(.beer,beer-css) .dark [class*=blur],:is(.beer,beer-css) [class*=blur].dark{background-color:#00000080!important}:is(.beer,beer-css) .small-blur{--_blur:.5rem}:is(.beer,beer-css) .large-blur{--_blur:1.5rem}:is(.beer,beer-css) .red,:is(.beer,beer-css) .red6{background-color:#f44336!important}:is(.beer,beer-css) .red-border{border-color:#f44336!important}:is(.beer,beer-css) .red-text{color:#f44336!important}:is(.beer,beer-css) .red1{background-color:#ffebee!important}:is(.beer,beer-css) .red2{background-color:#ffcdd2!important}:is(.beer,beer-css) .red3{background-color:#ef9a9a!important}:is(.beer,beer-css) .red4{background-color:#e57373!important}:is(.beer,beer-css) .red5{background-color:#ef5350!important}:is(.beer,beer-css) .red7{background-color:#e53935!important}:is(.beer,beer-css) .red8{background-color:#d32f2f!important}:is(.beer,beer-css) .red9{background-color:#c62828!important}:is(.beer,beer-css) .red10{background-color:#b71c1c!important}:is(.beer,beer-css) .pink,:is(.beer,beer-css) .pink6{background-color:#e91e63!important}:is(.beer,beer-css) .pink-border{border-color:#e91e63!important}:is(.beer,beer-css) .pink-text{color:#e91e63!important}:is(.beer,beer-css) .pink1{background-color:#fce4ec!important}:is(.beer,beer-css) .pink2{background-color:#f8bbd0!important}:is(.beer,beer-css) .pink3{background-color:#f48fb1!important}:is(.beer,beer-css) .pink4{background-color:#f06292!important}:is(.beer,beer-css) .pink5{background-color:#ec407a!important}:is(.beer,beer-css) .pink7{background-color:#d81b60!important}:is(.beer,beer-css) .pink8{background-color:#c2185b!important}:is(.beer,beer-css) .pink9{background-color:#ad1457!important}:is(.beer,beer-css) .pink10{background-color:#880e4f!important}:is(.beer,beer-css) .purple,:is(.beer,beer-css) .purple6{background-color:#9c27b0!important}:is(.beer,beer-css) .purple-border{border-color:#9c27b0!important}:is(.beer,beer-css) .purple-text{color:#9c27b0!important}:is(.beer,beer-css) .purple1{background-color:#f3e5f5!important}:is(.beer,beer-css) .purple2{background-color:#e1bee7!important}:is(.beer,beer-css) .purple3{background-color:#ce93d8!important}:is(.beer,beer-css) .purple4{background-color:#ba68c8!important}:is(.beer,beer-css) .purple5{background-color:#ab47bc!important}:is(.beer,beer-css) .purple7{background-color:#8e24aa!important}:is(.beer,beer-css) .purple8{background-color:#7b1fa2!important}:is(.beer,beer-css) .purple9{background-color:#6a1b9a!important}:is(.beer,beer-css) .purple10{background-color:#4a148c!important}:is(.beer,beer-css) .deep-purple,:is(.beer,beer-css) .deep-purple6{background-color:#673ab7!important}:is(.beer,beer-css) .deep-purple-border{border-color:#673ab7!important}:is(.beer,beer-css) .deep-purple-text{color:#673ab7!important}:is(.beer,beer-css) .deep-purple1{background-color:#ede7f6!important}:is(.beer,beer-css) .deep-purple2{background-color:#d1c4e9!important}:is(.beer,beer-css) .deep-purple3{background-color:#b39ddb!important}:is(.beer,beer-css) .deep-purple4{background-color:#9575cd!important}:is(.beer,beer-css) .deep-purple5{background-color:#7e57c2!important}:is(.beer,beer-css) .deep-purple7{background-color:#5e35b1!important}:is(.beer,beer-css) .deep-purple8{background-color:#512da8!important}:is(.beer,beer-css) .deep-purple9{background-color:#4527a0!important}:is(.beer,beer-css) .deep-purple10{background-color:#311b92!important}:is(.beer,beer-css) .indigo,:is(.beer,beer-css) .indigo6{background-color:#3f51b5!important}:is(.beer,beer-css) .indigo-border{border-color:#3f51b5!important}:is(.beer,beer-css) .indigo-text{color:#3f51b5!important}:is(.beer,beer-css) .indigo1{background-color:#e8eaf6!important}:is(.beer,beer-css) .indigo2{background-color:#c5cae9!important}:is(.beer,beer-css) .indigo3{background-color:#9fa8da!important}:is(.beer,beer-css) .indigo4{background-color:#7986cb!important}:is(.beer,beer-css) .indigo5{background-color:#5c6bc0!important}:is(.beer,beer-css) .indigo7{background-color:#3949ab!important}:is(.beer,beer-css) .indigo8{background-color:#303f9f!important}:is(.beer,beer-css) .indigo9{background-color:#283593!important}:is(.beer,beer-css) .indigo10{background-color:#1a237e!important}:is(.beer,beer-css) .blue,:is(.beer,beer-css) .blue6{background-color:#2196f3!important}:is(.beer,beer-css) .blue-border{border-color:#2196f3!important}:is(.beer,beer-css) .blue-text{color:#2196f3!important}:is(.beer,beer-css) .blue1{background-color:#e3f2fd!important}:is(.beer,beer-css) .blue2{background-color:#bbdefb!important}:is(.beer,beer-css) .blue3{background-color:#90caf9!important}:is(.beer,beer-css) .blue4{background-color:#64b5f6!important}:is(.beer,beer-css) .blue5{background-color:#42a5f5!important}:is(.beer,beer-css) .blue7{background-color:#1e88e5!important}:is(.beer,beer-css) .blue8{background-color:#1976d2!important}:is(.beer,beer-css) .blue9{background-color:#1565c0!important}:is(.beer,beer-css) .blue10{background-color:#0d47a1!important}:is(.beer,beer-css) .light-blue,:is(.beer,beer-css) .light-blue6{background-color:#03a9f4!important}:is(.beer,beer-css) .light-blue-border{border-color:#03a9f4!important}:is(.beer,beer-css) .light-blue-text{color:#03a9f4!important}:is(.beer,beer-css) .light-blue1{background-color:#e1f5fe!important}:is(.beer,beer-css) .light-blue2{background-color:#b3e5fc!important}:is(.beer,beer-css) .light-blue3{background-color:#81d4fa!important}:is(.beer,beer-css) .light-blue4{background-color:#4fc3f7!important}:is(.beer,beer-css) .light-blue5{background-color:#29b6f6!important}:is(.beer,beer-css) .light-blue7{background-color:#039be5!important}:is(.beer,beer-css) .light-blue8{background-color:#0288d1!important}:is(.beer,beer-css) .light-blue9{background-color:#0277bd!important}:is(.beer,beer-css) .light-blue10{background-color:#01579b!important}:is(.beer,beer-css) .cyan,:is(.beer,beer-css) .cyan6{background-color:#00bcd4!important}:is(.beer,beer-css) .cyan-border{border-color:#00bcd4!important}:is(.beer,beer-css) .cyan-text{color:#00bcd4!important}:is(.beer,beer-css) .cyan1{background-color:#e0f7fa!important}:is(.beer,beer-css) .cyan2{background-color:#b2ebf2!important}:is(.beer,beer-css) .cyan3{background-color:#80deea!important}:is(.beer,beer-css) .cyan4{background-color:#4dd0e1!important}:is(.beer,beer-css) .cyan5{background-color:#26c6da!important}:is(.beer,beer-css) .cyan7{background-color:#00acc1!important}:is(.beer,beer-css) .cyan8{background-color:#0097a7!important}:is(.beer,beer-css) .cyan9{background-color:#00838f!important}:is(.beer,beer-css) .cyan10{background-color:#006064!important}:is(.beer,beer-css) .teal,:is(.beer,beer-css) .teal6{background-color:#009688!important}:is(.beer,beer-css) .teal-border{border-color:#009688!important}:is(.beer,beer-css) .teal-text{color:#009688!important}:is(.beer,beer-css) .teal1{background-color:#e0f2f1!important}:is(.beer,beer-css) .teal2{background-color:#b2dfdb!important}:is(.beer,beer-css) .teal3{background-color:#80cbc4!important}:is(.beer,beer-css) .teal4{background-color:#4db6ac!important}:is(.beer,beer-css) .teal5{background-color:#26a69a!important}:is(.beer,beer-css) .teal7{background-color:#00897b!important}:is(.beer,beer-css) .teal8{background-color:#00796b!important}:is(.beer,beer-css) .teal9{background-color:#00695c!important}:is(.beer,beer-css) .teal10{background-color:#004d40!important}:is(.beer,beer-css) .green,:is(.beer,beer-css) .green6{background-color:#4caf50!important}:is(.beer,beer-css) .green-border{border-color:#4caf50!important}:is(.beer,beer-css) .green-text{color:#4caf50!important}:is(.beer,beer-css) .green1{background-color:#e8f5e9!important}:is(.beer,beer-css) .green2{background-color:#c8e6c9!important}:is(.beer,beer-css) .green3{background-color:#a5d6a7!important}:is(.beer,beer-css) .green4{background-color:#81c784!important}:is(.beer,beer-css) .green5{background-color:#66bb6a!important}:is(.beer,beer-css) .green7{background-color:#43a047!important}:is(.beer,beer-css) .green8{background-color:#388e3c!important}:is(.beer,beer-css) .green9{background-color:#2e7d32!important}:is(.beer,beer-css) .green10{background-color:#1b5e20!important}:is(.beer,beer-css) .light-green,:is(.beer,beer-css) .light-green6{background-color:#8bc34a!important}:is(.beer,beer-css) .light-green-border{border-color:#8bc34a!important}:is(.beer,beer-css) .light-green-text{color:#8bc34a!important}:is(.beer,beer-css) .light-green1{background-color:#f1f8e9!important}:is(.beer,beer-css) .light-green2{background-color:#dcedc8!important}:is(.beer,beer-css) .light-green3{background-color:#c5e1a5!important}:is(.beer,beer-css) .light-green4{background-color:#aed581!important}:is(.beer,beer-css) .light-green5{background-color:#9ccc65!important}:is(.beer,beer-css) .light-green7{background-color:#7cb342!important}:is(.beer,beer-css) .light-green8{background-color:#689f38!important}:is(.beer,beer-css) .light-green9{background-color:#558b2f!important}:is(.beer,beer-css) .light-green10{background-color:#33691e!important}:is(.beer,beer-css) .lime,:is(.beer,beer-css) .lime6{background-color:#cddc39!important}:is(.beer,beer-css) .lime-border{border-color:#cddc39!important}:is(.beer,beer-css) .lime-text{color:#cddc39!important}:is(.beer,beer-css) .lime1{background-color:#f9fbe7!important}:is(.beer,beer-css) .lime2{background-color:#f0f4c3!important}:is(.beer,beer-css) .lime3{background-color:#e6ee9c!important}:is(.beer,beer-css) .lime4{background-color:#dce775!important}:is(.beer,beer-css) .lime5{background-color:#d4e157!important}:is(.beer,beer-css) .lime7{background-color:#c0ca33!important}:is(.beer,beer-css) .lime8{background-color:#afb42b!important}:is(.beer,beer-css) .lime9{background-color:#9e9d24!important}:is(.beer,beer-css) .lime10{background-color:#827717!important}:is(.beer,beer-css) .yellow,:is(.beer,beer-css) .yellow6{background-color:#ffeb3b!important}:is(.beer,beer-css) .yellow-border{border-color:#ffeb3b!important}:is(.beer,beer-css) .yellow-text{color:#ffeb3b!important}:is(.beer,beer-css) .yellow1{background-color:#fffde7!important}:is(.beer,beer-css) .yellow2{background-color:#fff9c4!important}:is(.beer,beer-css) .yellow3{background-color:#fff59d!important}:is(.beer,beer-css) .yellow4{background-color:#fff176!important}:is(.beer,beer-css) .yellow5{background-color:#ffee58!important}:is(.beer,beer-css) .yellow7{background-color:#fdd835!important}:is(.beer,beer-css) .yellow8{background-color:#fbc02d!important}:is(.beer,beer-css) .yellow9{background-color:#f9a825!important}:is(.beer,beer-css) .yellow10{background-color:#f57f17!important}:is(.beer,beer-css) .amber,:is(.beer,beer-css) .amber6{background-color:#ffc107!important}:is(.beer,beer-css) .amber-border{border-color:#ffc107!important}:is(.beer,beer-css) .amber-text{color:#ffc107!important}:is(.beer,beer-css) .amber1{background-color:#fff8e1!important}:is(.beer,beer-css) .amber2{background-color:#ffecb3!important}:is(.beer,beer-css) .amber3{background-color:#ffe082!important}:is(.beer,beer-css) .amber4{background-color:#ffd54f!important}:is(.beer,beer-css) .amber5{background-color:#ffca28!important}:is(.beer,beer-css) .amber7{background-color:#ffb300!important}:is(.beer,beer-css) .amber8{background-color:#ffa000!important}:is(.beer,beer-css) .amber9{background-color:#ff8f00!important}:is(.beer,beer-css) .amber10{background-color:#ff6f00!important}:is(.beer,beer-css) .orange,:is(.beer,beer-css) .orange6{background-color:#ff9800!important}:is(.beer,beer-css) .orange-border{border-color:#ff9800!important}:is(.beer,beer-css) .orange-text{color:#ff9800!important}:is(.beer,beer-css) .orange1{background-color:#fff3e0!important}:is(.beer,beer-css) .orange2{background-color:#ffe0b2!important}:is(.beer,beer-css) .orange3{background-color:#ffcc80!important}:is(.beer,beer-css) .orange4{background-color:#ffb74d!important}:is(.beer,beer-css) .orange5{background-color:#ffa726!important}:is(.beer,beer-css) .orange7{background-color:#fb8c00!important}:is(.beer,beer-css) .orange8{background-color:#f57c00!important}:is(.beer,beer-css) .orange9{background-color:#ef6c00!important}:is(.beer,beer-css) .orange10{background-color:#e65100!important}:is(.beer,beer-css) .deep-orange,:is(.beer,beer-css) .deep-orange6{background-color:#ff5722!important}:is(.beer,beer-css) .deep-orange-border{border-color:#ff5722!important}:is(.beer,beer-css) .deep-orange-text{color:#ff5722!important}:is(.beer,beer-css) .deep-orange1{background-color:#fbe9e7!important}:is(.beer,beer-css) .deep-orange2{background-color:#ffccbc!important}:is(.beer,beer-css) .deep-orange3{background-color:#ffab91!important}:is(.beer,beer-css) .deep-orange4{background-color:#ff8a65!important}:is(.beer,beer-css) .deep-orange5{background-color:#ff7043!important}:is(.beer,beer-css) .deep-orange7{background-color:#f4511e!important}:is(.beer,beer-css) .deep-orange8{background-color:#e64a19!important}:is(.beer,beer-css) .deep-orange9{background-color:#d84315!important}:is(.beer,beer-css) .deep-orange10{background-color:#bf360c!important}:is(.beer,beer-css) .brown,:is(.beer,beer-css) .brown6{background-color:#795548!important}:is(.beer,beer-css) .brown-border{border-color:#795548!important}:is(.beer,beer-css) .brown-text{color:#795548!important}:is(.beer,beer-css) .brown1{background-color:#efebe9!important}:is(.beer,beer-css) .brown2{background-color:#d7ccc8!important}:is(.beer,beer-css) .brown3{background-color:#bcaaa4!important}:is(.beer,beer-css) .brown4{background-color:#a1887f!important}:is(.beer,beer-css) .brown5{background-color:#8d6e63!important}:is(.beer,beer-css) .brown7{background-color:#6d4c41!important}:is(.beer,beer-css) .brown8{background-color:#5d4037!important}:is(.beer,beer-css) .brown9{background-color:#4e342e!important}:is(.beer,beer-css) .brown10{background-color:#3e2723!important}:is(.beer,beer-css) .blue-grey,:is(.beer,beer-css) .blue-grey6{background-color:#607d8b!important}:is(.beer,beer-css) .blue-grey-border{border-color:#607d8b!important}:is(.beer,beer-css) .blue-grey-text{color:#607d8b!important}:is(.beer,beer-css) .blue-grey1{background-color:#eceff1!important}:is(.beer,beer-css) .blue-grey2{background-color:#cfd8dc!important}:is(.beer,beer-css) .blue-grey3{background-color:#b0bec5!important}:is(.beer,beer-css) .blue-grey4{background-color:#90a4ae!important}:is(.beer,beer-css) .blue-grey5{background-color:#78909c!important}:is(.beer,beer-css) .blue-grey7{background-color:#546e7a!important}:is(.beer,beer-css) .blue-grey8{background-color:#455a64!important}:is(.beer,beer-css) .blue-grey9{background-color:#37474f!important}:is(.beer,beer-css) .blue-grey10{background-color:#263238!important}:is(.beer,beer-css) .grey,:is(.beer,beer-css) .grey6{background-color:#9e9e9e!important}:is(.beer,beer-css) .grey-border{border-color:#9e9e9e!important}:is(.beer,beer-css) .grey-text{color:#9e9e9e!important}:is(.beer,beer-css) .grey1{background-color:#fafafa!important}:is(.beer,beer-css) .grey2{background-color:#f5f5f5!important}:is(.beer,beer-css) .grey3{background-color:#eee!important}:is(.beer,beer-css) .grey4{background-color:#e0e0e0!important}:is(.beer,beer-css) .grey5{background-color:#bdbdbd!important}:is(.beer,beer-css) .grey7{background-color:#757575!important}:is(.beer,beer-css) .grey8{background-color:#616161!important}:is(.beer,beer-css) .grey9{background-color:#424242!important}:is(.beer,beer-css) .grey10{background-color:#212121!important}:is(.beer,beer-css) .horizontal{gap:1rem;display:inline-flex;flex-direction:row!important;inline-size:auto!important;max-inline-size:none!important}:is(.beer,beer-css) .horizontal>*{margin-block:0!important}:is(.beer,beer-css) .vertical{display:flex;flex-direction:column!important}:is(.beer,beer-css) :is(a,button,.button,.chip).vertical{gap:.25rem;padding-block:.5rem;display:inline-flex;block-size:auto!important;max-block-size:none!important}:is(.beer,beer-css) .vertical>*{margin-inline:0!important}:is(.beer,beer-css) .no-elevate{box-shadow:none!important}:is(.beer,beer-css) .elevate,:is(.beer,beer-css) .small-elevate{box-shadow:var(--elevate1)!important}:is(.beer,beer-css) .medium-elevate{box-shadow:var(--elevate2)!important}:is(.beer,beer-css) .large-elevate{box-shadow:var(--elevate3)!important}:is(.beer,beer-css) .round,:is(.beer,beer-css) [class*=-round]{--_round:2rem;border-radius:var(--_round)!important}:is(.beer,beer-css) .small-round{--_round:.5rem}:is(.beer,beer-css) .large-round{--_round:3.5rem}:is(.beer,beer-css) .bottom-round,:is(.beer,beer-css) .left-round,:is(.beer,beer-css) .right-round,:is(.beer,beer-css) .square,:is(.beer,beer-css) .top-round{border-radius:.5rem!important}:is(.beer,beer-css) .no-round{border-radius:0!important}:is(.beer,beer-css) .top-round{border-start-start-radius:var(--_round)!important;border-start-end-radius:var(--_round)!important}:is(.beer,beer-css) .bottom-round{border-end-end-radius:var(--_round)!important}:is(.beer,beer-css) .bottom-round,:is(.beer,beer-css) .left-round{border-end-start-radius:var(--_round)!important}:is(.beer,beer-css) .left-round{border-start-start-radius:var(--_round)!important}:is(.beer,beer-css) .right-round{border-start-end-radius:var(--_round)!important;border-end-end-radius:var(--_round)!important}:is(.beer,beer-css) .circle{border-radius:50%}:is(.beer,beer-css) .circle:is(button,.button,.chip){border-radius:var(--_size)}:is(.beer,beer-css) :is(.circle,.square):is(button,.button,.chip){block-size:var(--_size);inline-size:var(--_size);padding:0}:is(.beer,beer-css) :is(.circle,.square)>span:not([class]){display:none}:is(.beer,beer-css) :is(.circle,.square).round{border-radius:1rem!important}:is(.beer,beer-css) .border:not(table,.field,.list,menu,article){box-sizing:border-box;border:.0625rem solid var(--outline);box-shadow:none;background-color:#0000}:is(.beer,beer-css) .no-border{border-color:#0000!important}:is(.beer,beer-css) .margin,:is(.beer,beer-css) [class*=-margin]:not(.left-margin,.right-margin,.top-margin,.bottom-margin,.horizontal-margin,.vertical-margin){margin:var(--_margin)!important}:is(.beer,beer-css) .margin,:is(.beer,beer-css) [class*=-margin]{--_margin:1rem}:is(.beer,beer-css) .no-margin{--_margin:0}:is(.beer,beer-css) .auto-margin{--_margin:auto}:is(.beer,beer-css) .tiny-margin{--_margin:.25rem}:is(.beer,beer-css) .small-margin{--_margin:.5rem}:is(.beer,beer-css) .large-margin{--_margin:1.5rem}:is(.beer,beer-css) .horizontal-margin,:is(.beer,beer-css) .left-margin{margin-inline-start:var(--_margin)!important}:is(.beer,beer-css) .horizontal-margin,:is(.beer,beer-css) .right-margin{margin-inline-end:var(--_margin)!important}:is(.beer,beer-css) .top-margin,:is(.beer,beer-css) .vertical-margin{margin-block-start:var(--_margin)!important}:is(.beer,beer-css) .bottom-margin,:is(.beer,beer-css) .vertical-margin{margin-block-end:var(--_margin)!important}:is(.beer,beer-css) .no-opacity{opacity:0!important}:is(.beer,beer-css) .small-opacity{opacity:.25!important}:is(.beer,beer-css) .medium-opacity{opacity:.5!important}:is(.beer,beer-css) .large-opacity{opacity:.75!important}:is(.beer,beer-css) .opacity{opacity:1!important}:is(.beer,beer-css) .padding,:is(.beer,beer-css) [class*=-padding]:not(.left-padding,.right-padding,.top-padding,.bottom-padding,.horizontal-padding,.vertical-padding){padding:var(--_padding)!important}:is(.beer,beer-css) .padding,:is(.beer,beer-css) [class*=-padding]{--_padding:1rem}:is(.beer,beer-css) .no-padding{--_padding:0!important}:is(.beer,beer-css) .tiny-padding{--_padding:.25rem!important}:is(.beer,beer-css) .small-padding{--_padding:.5rem!important}:is(.beer,beer-css) .large-padding{--_padding:1.5rem!important}:is(.beer,beer-css) .horizontal-padding,:is(.beer,beer-css) .left-padding{padding-inline-start:var(--_padding)!important}:is(.beer,beer-css) .horizontal-padding,:is(.beer,beer-css) .right-padding{padding-inline-end:var(--_padding)!important}:is(.beer,beer-css) .top-padding,:is(.beer,beer-css) .vertical-padding{padding-block-start:var(--_padding)!important}:is(.beer,beer-css) .bottom-padding,:is(.beer,beer-css) .vertical-padding{padding-block-end:var(--_padding)!important}:is(.beer,beer-css) .front{z-index:10!important}:is(.beer,beer-css) .back{z-index:-10!important}:is(.beer,beer-css) .left{inset-inline-start:0}:is(.beer,beer-css) .right{inset-inline-end:0}:is(.beer,beer-css) .top{inset-block-start:0}:is(.beer,beer-css) .bottom{inset-block-end:0}:is(.beer,beer-css) .center{inset-inline-start:50%;transform:translate(-50%)}:is(.beer,beer-css) [dir=rtl] .center{transform:translate(50%)}:is(.beer,beer-css) .middle{inset-block-start:50%;transform:translateY(-50%)}:is(.beer,beer-css) .middle.center{transform:translate(-50%,-50%)}:is(.beer,beer-css) [dir=rtl] .middle.center{transform:translate(50%,-50%)}:is(.beer,beer-css) .responsive{inline-size:-webkit-fill-available;inline-size:-moz-available}@media only screen and (max-width:600px){:is(.beer,beer-css) :is(.m,.l):not(.s){display:none!important}}@media only screen and (min-width:601px) and (max-width:992px){:is(.beer,beer-css) :is(.s,.l):not(.m){display:none!important}}@media only screen and (min-width:993px){:is(.beer,beer-css) :is(.m,.s):not(.l){display:none!important}}:is(.beer,beer-css) [class*=ripple]:is(:hover,:focus-visible):after{content:"";opacity:.1;border-radius:inherit;background:currentColor;position:absolute;inset:0}:is(.beer,beer-css) .ripple{--_duration:.6s}:is(.beer,beer-css) .fast-ripple{--_duration:.2s}:is(.beer,beer-css) .slow-ripple{--_duration:1.8s}:is(.beer,beer-css) .ripple-js{pointer-events:none;position:absolute;inset:0;overflow:hidden}:is(.beer,beer-css) .ripple-js>div{opacity:.3;animation:to-ripple var(--_duration) linear;background:currentColor;border-radius:50%;position:absolute;transform:scale(0)}:is(.beer,beer-css) .scroll{overflow:auto}:is(.beer,beer-css) .no-scroll{overflow:hidden}:is(.beer,beer-css) .shadow{background-color:#00000050}:is(.beer,beer-css) :is(.left-shadow,.right-shadow,.top-shadow,.bottom-shadow){background-color:#0000!important}:is(.beer,beer-css) .left-shadow{background-image:linear-gradient(90deg,#000,#0000)!important}:is(.beer,beer-css) .right-shadow{background-image:linear-gradient(270deg,#000,#0000)!important}:is(.beer,beer-css) .bottom-shadow{background-image:linear-gradient(#0000,#000)!important}:is(.beer,beer-css) .top-shadow{background-image:linear-gradient(#000,#0000)!important}:is(.beer,beer-css) [class*=-width]{max-inline-size:100%}:is(.beer,beer-css) .auto-width{inline-size:auto}:is(.beer,beer-css) .small-width{inline-size:12rem!important}:is(.beer,beer-css) .medium-width{inline-size:24rem!important}:is(.beer,beer-css) .large-width{inline-size:36rem!important}:is(.beer,beer-css) .auto-height{block-size:auto}:is(.beer,beer-css) .small-height{block-size:12rem!important}:is(.beer,beer-css) .medium-height{block-size:24rem!important}:is(.beer,beer-css) .large-height{block-size:36rem!important}:is(.beer,beer-css) .wrap{white-space:normal;display:block}:is(.beer,beer-css) .no-wrap:not(menu){white-space:nowrap;display:flex}:is(.beer,beer-css) .tiny-space:not(nav,.row,.grid,table,.tooltip,.list,menu,.shape){block-size:.5rem}:is(.beer,beer-css) :is(.space,.small-space):not(nav,.row,.grid,table,.tooltip,.list,menu,.shape){block-size:1rem}:is(.beer,beer-css) .medium-space:not(nav,.row,.grid,table,.tooltip,.list,menu,.shape){block-size:2rem}:is(.beer,beer-css) .large-space:not(nav,.row,.grid,table,.tooltip,.list,menu,.shape){block-size:3rem}:is(.beer,beer-css) .extra-space:not(nav,.row,.grid,table,.tooltip,.list,menu,.shape){block-size:4rem}:is(.beer,beer-css) :is(.wave,.chip,.button,button,nav.tabbed a,.tabs>a,nav.toolbar a):not([class*=ripple]):after,:is(.beer,beer-css) nav:is(.left,.right,.bottom,.top).max a:after,:is(.beer,beer-css) nav:is(.left,.right,.bottom,.top):not(.max) a>i:after{content:"";z-index:1;border-radius:inherit;opacity:0;pointer-events:none;background-image:radial-gradient(circle,currentColor 1%,#0000 0);background-position:50%;block-size:100%;inline-size:100%;transition:none;position:absolute;inset:0}:is(.beer,beer-css) :is(.wave,.chip,.button,button,nav.tabbed a,.tabs>a,nav.toolbar a):not([class*=ripple]):is(:focus-visible,:hover):after,:is(.beer,beer-css) nav:is(.left,.right,.bottom,.top).max a:not(.button,.chip):is(:focus-visible,:hover):after,:is(.beer,beer-css) nav:is(.left,.right,.bottom,.top):not(.max) a:not(.button,.chip):is(:focus-visible,:hover)>i:after{opacity:.1;transition:background-size var(--speed2) linear;background-size:22500%}:is(.beer,beer-css) :is(.wave,.chip,.button,button,nav.tabbed a,.tabs>a,nav.toolbar a,nav.max a):not([class*=ripple]):active:after,:is(.beer,beer-css) nav:is(.left,.right,.bottom,.top).max a:active:after,:is(.beer,beer-css) nav:is(.left,.right,.bottom,.top):not(.max) a:active>i:after{opacity:0;background-size:0;transition:none}:is(.beer,beer-css) .no-wave:after,:is(.beer,beer-css) .no-wave:is(:hover,:active):after,:is(.beer,beer-css) menu>li>a:not(.wave):after{display:none}:is(.beer,beer-css) .tiny-zoom,:is(.beer,beer-css) .zoom{zoom:2}:is(.beer,beer-css) .small-zoom{zoom:3}:is(.beer,beer-css) .medium-zoom{zoom:4}:is(.beer,beer-css) .large-zoom{zoom:5}:is(.beer,beer-css) .extra-zoom{zoom:6}:is(.beer,beer-css) .badge{--_x:0;z-index:2;background-color:var(--error);min-block-size:1rem;min-inline-size:1rem;color:var(--on-error);transform:translate(var(--_x,50%),var(--_y,-50%));font-size:.6875rem;line-height:normal;font-family:var(--font);border-radius:1rem;justify-content:center;align-items:center;padding:0 .25rem;display:inline-flex;position:absolute;inset:50% auto auto 50%}:is(.beer,beer-css) .badge,:is(.beer,beer-css) .badge.top{--_y:-100%}:is(.beer,beer-css) .badge.bottom{--_y:0}:is(.beer,beer-css) .badge.left{--_x:-100%}:is(.beer,beer-css) .badge.right{--_x:0}:is(.beer,beer-css) .badge.border{border-color:var(--error);color:var(--error);background-color:var(--surface)}:is(.beer,beer-css) .badge:is(.circle,.square){text-align:center;border-radius:1rem;block-size:auto;inline-size:auto;padding:0 .25rem}:is(.beer,beer-css) .badge.square{border-radius:0}:is(.beer,beer-css) .badge.min>*{display:none}:is(.beer,beer-css) .badge.min{clip-path:circle(18.75%)}:is(.beer,beer-css) nav:is(.left,.right,.top,.bottom) :is(li,div:has(>menu))>a>.badge,:is(.beer,beer-css) nav:is(.left,.right,.top,.bottom)>a>.badge{inset:1rem auto auto 50%}:is(.beer,beer-css) .badge.none{margin:0 .125rem;position:relative;transform:none;inset:auto!important}:is(.beer,beer-css) footer,:is(.beer,beer-css) header{border-radius:0;align-content:center;padding:0 1rem;display:grid}:is(.beer,beer-css) :is(dialog,article)>:is(header,footer){padding-inline:0;inset:0}:is(.beer,beer-css) header{min-block-size:4rem}:is(.beer,beer-css) footer{min-block-size:5rem}:is(.beer,beer-css) :is(header,footer,menu>*).fixed{z-index:11;background-color:inherit;position:sticky;inset:0}:is(.beer,beer-css) header.fixed{inset:calc(var(--_padding,0)*-1) 0 0 0;margin-block-start:calc(var(--_padding,0)*-1)}:is(.beer,beer-css) footer.fixed{inset:0 0 calc(var(--_padding,0)*-1) 0;margin-block-end:calc(var(--_padding,0)*-1)}:is(.beer,beer-css) :is(header,footer).fixed.min{margin-inline:auto}:is(.beer,beer-css) dialog>:is(header,footer){background:0 0}:is(.beer,beer-css) dialog>:is(header,footer).fixed{background-color:inherit}:is(.beer,beer-css) :is(main,header,footer,section).responsive{max-inline-size:min(100vw,75rem);margin:0 auto}:is(.beer,beer-css) :is(main,header,footer,section).responsive.max{max-inline-size:none}:is(.beer,beer-css) :has(>main)>:is(header,footer).fixed{box-sizing:content-box;z-index:12;position:sticky;inset:0;transform:none}:is(.beer,beer-css) :has(>main)>header{padding-block-start:var(--top,0)}:is(.beer,beer-css) :has(>main)>footer{padding-block-end:var(--bottom,0)}:is(.beer,beer-css) nav.bottom~footer,:is(.beer,beer-css) nav.top~header{padding-block:0}:is(.beer,beer-css) nav.top~header.fixed{inset-block:calc(var(--top,0) + 4.5rem) 0}:is(.beer,beer-css) nav.bottom~footer.fixed{inset-block:0 calc(var(--bottom,0) + 4.5rem)}:is(.beer,beer-css) :is(nav,.row)>header{background-color:inherit}:is(.beer,beer-css) .button,:is(.beer,beer-css) button{--_padding:1rem;--_size:2.5rem;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);-webkit-user-select:none;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(.beer,beer-css) :is(button,.button).small{--_size:2rem;--_padding:.75rem}:is(.beer,beer-css) :is(button,.button).large{--_size:3rem;--_padding:1.25rem}:is(.beer,beer-css) :is(.button,button):is(.extra,.extend){--_size:3.5rem;--_padding:1.5rem;font-size:1rem}:is(.beer,beer-css) :is(button,.button):is(.square,.circle){--_padding:0}:is(.beer,beer-css) :is(button,.button).border{border-color:var(--outline-variant);color:var(--primary)}:is(.beer,beer-css) .extend>span:not([class]){display:none}:is(.beer,beer-css) .extend:is(:hover,.active){--_padding:1.5rem;inline-size:auto;padding:0 var(--_padding)}:is(.beer,beer-css) .extend:is(:hover,.active)>i+span{display:inherit;margin-inline-start:var(--_padding)}:is(.beer,beer-css) .extend:is(:hover,.active)>:is(img,svg)+span{display:inherit;margin-inline-start:calc(1rem + var(--_padding,0))}:is(.beer,beer-css) :is(.button,button)[disabled]{opacity:.5;cursor:not-allowed}:is(.beer,beer-css) .button[disabled]{pointer-events:none}:is(.beer,beer-css) :is(.button,button)[disabled]:after,:is(.beer,beer-css) :is(.button,button)[disabled]:before{display:none}:is(.beer,beer-css) :is(.button,button):not(.chip,.extend).fill{background-color:var(--secondary-container)!important;color:var(--on-secondary-container)!important}:is(.beer,beer-css) :is(.button,button):not(.chip,.extend).active{background-color:var(--primary-container);color:var(--on-primary-container)}:is(.beer,beer-css) :is(.button,button):not(.chip,.extend).fill.active{background-color:var(--secondary)!important;color:var(--on-secondary)!important}:is(.beer,beer-css) :is(.button,button):not(.chip,.extend).border.active{background-color:var(--inverse-surface)!important;color:var(--inverse-on-surface)!important;border-color:var(--inverse-surface)!important}:is(.beer,beer-css) :is(.button,button):not(.chip).active,:is(.beer,beer-css) :is(.button,button):not(.chip):active{border-radius:.5rem!important}:is(.beer,beer-css) article{--_padding:1rem;box-shadow:var(--elevate1);background-color:var(--surface-container-low);color:var(--on-surface);padding:var(--_padding);transition:transform var(--speed3),border-radius var(--speed3),padding var(--speed3);border-radius:.75rem;display:block}:is(.beer,beer-css) article.small{block-size:12rem}:is(.beer,beer-css) article.medium{block-size:20rem}:is(.beer,beer-css) article.large{block-size:32rem}:is(.beer,beer-css) article.border{box-shadow:none}:is(.beer,beer-css) .chip,:is(.beer,beer-css) article.border{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);color:var(--on-surface-variant);padding:0 var(--_padding);transition:transform var(--speed3),border-radius var(--speed3),padding var(--speed3);-webkit-user-select:none;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}:is(.beer,beer-css) .chip.medium{--_size:2.5rem;--_padding:1rem}:is(.beer,beer-css) .chip.large{--_padding:1.25rem;--_size:3rem}:is(.beer,beer-css) .chip.fill,:is(.beer,beer-css) dialog{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-radius:1.75rem;outline:none;display:block;position:fixed;inset:10% auto auto 50%;overflow:hidden auto;transform:translate(-50%,-4rem)}:is(.beer,beer-css) dialog.small{block-size:25%;inline-size:25%}:is(.beer,beer-css) dialog.medium{block-size:50%;inline-size:50%}:is(.beer,beer-css) dialog.large{block-size:75%;inline-size:75%}:is(.beer,beer-css) dialog:is(.active,[open]){visibility:visible;opacity:1;transform:translate(-50%)}:is(.beer,beer-css) dialog:popover-open{visibility:visible;opacity:1;transform:translate(-50%)}:is(.beer,beer-css) dialog:is(.top,.right,.bottom,.left,.max){--_padding:1rem}:is(.beer,beer-css) dialog:is(.top,.bottom){opacity:1;block-size:auto;max-block-size:100%;inline-size:100%;min-inline-size:auto}:is(.beer,beer-css) dialog.top{border-radius:0 0 1rem 1rem;padding-block-start:var(--_top);inset:0 auto auto 0;transform:translateY(-100%)}:is(.beer,beer-css) dialog.bottom{border-radius:1rem 1rem 0 0;padding-block-end:var(--_bottom);inset:auto auto 0 0;transform:translateY(100%)}:is(.beer,beer-css) 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}:is(.beer,beer-css) [dir=rtl] dialog.right,:is(.beer,beer-css) dialog.left{border-radius:0 1rem 1rem 0;inset:0 auto auto 0;transform:translate(-100%)}:is(.beer,beer-css) [dir=rtl] dialog.left,:is(.beer,beer-css) dialog.right{border-radius:1rem 0 0 1rem;inset:0 0 auto auto;transform:translate(100%)}:is(.beer,beer-css) 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)}:is(.beer,beer-css) dialog:is(.active,[open]):is(.left,.right,.top,.bottom,.max){transform:translate(0)}:is(.beer,beer-css) dialog:popover-open:is(.left,.right,.top,.bottom,.max){transform:translate(0)}:is(.beer,beer-css) dialog.small:is(.left,.right){inline-size:20rem}:is(.beer,beer-css) dialog.medium:is(.left,.right){inline-size:32rem}:is(.beer,beer-css) dialog.large:is(.left,.right){inline-size:44rem}:is(.beer,beer-css) dialog.small:is(.top,.bottom){block-size:16rem}:is(.beer,beer-css) dialog.medium:is(.top,.bottom){block-size:24rem}:is(.beer,beer-css) dialog.large:is(.top,.bottom){block-size:32rem}:is(.beer,beer-css) [class*=divider],:is(.beer,beer-css) hr{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}:is(.beer,beer-css) [class*=divider]+*,:is(.beer,beer-css) hr+*{margin:0!important}:is(.beer,beer-css) .medium-divider,:is(.beer,beer-css) hr.medium{margin:1rem 0!important}:is(.beer,beer-css) .large-divider,:is(.beer,beer-css) hr.large{margin:1.5rem 0!important}:is(.beer,beer-css) .small-divider,:is(.beer,beer-css) hr.small{margin:.5rem 0!important}:is(.beer,beer-css) :is(hr,.divider).vertical{min-block-size:1.5rem;min-inline-size:auto;inline-size:.0625rem!important}:is(.beer,beer-css) li:has(>:is(hr,.divider)){all:unset;inline-size:-webkit-fill-available!important}:is(.beer,beer-css) nav:is(.top,.bottom) li:has(>:is(hr,.divider)){inline-size:auto!important}:is(.beer,beer-css) nav:is(.top,.bottom)>:is(hr,.divider){inline-size:.0625rem!important}:is(.beer,beer-css) summary{cursor:pointer;list-style-type:none}:is(.beer,beer-css) summary::-webkit-details-marker{display:none}:is(.beer,beer-css) summary>*{pointer-events:none;margin:0}:is(.beer,beer-css) li>details>summary+.list{margin:0!important}:is(.beer,beer-css) details::details-content{transition:all var(--speed2);opacity:0;transform:translateY(-1rem)}:is(.beer,beer-css) details[open]::details-content{opacity:1;transform:translateY(0)}:is(.beer,beer-css) .field{--_input:3rem;--_start:1.2rem;--_middle:calc(var(--_input,0)/2);min-block-size:var(--_input);border-radius:.25rem .25rem 0 0;flex-direction:column;display:flex}:is(.beer,beer-css) .field.fill{--_background:var(--surface-variant);background-color:unset!important;color:unset!important}:is(.beer,beer-css) .field.fill>:is(input,select,textarea){background-color:var(--_background);z-index:0}:is(.beer,beer-css) .field.small{--_input:2.5rem;--_start:1rem}:is(.beer,beer-css) .field.large{--_input:3.5rem;--_start:1.4rem}:is(.beer,beer-css) .field.extra{--_input:4rem;--_start:1.6rem}:is(.beer,beer-css) .field.border{border-radius:.25rem}:is(.beer,beer-css) .field[class*=round].small{border-radius:1.25rem}:is(.beer,beer-css) .field[class*=round]{border-radius:1.5rem}:is(.beer,beer-css) .field[class*=round].large{border-radius:1.75rem}:is(.beer,beer-css) .field[class*=round].extra{border-radius:2rem}:is(.beer,beer-css) .field>:is(i,img,svg,progress.circle,a){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}:is(.beer,beer-css) .field>:is(a,.front){pointer-events:all!important}:is(.beer,beer-css) .field>a>:is(i,img,svg,progress.circle,a){block-size:1.5rem;inline-size:1.5rem}:is(.beer,beer-css) .field>:is(i,img,svg,progress.circle,a){inset:calc(var(--_middle,0) - .75rem) 1rem auto auto}:is(.beer,beer-css) .field:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>:is(i,img,svg,progress.circle,a):first-child{inset:calc(var(--_middle,0) - .75rem) 1rem auto auto}:is(:is(.beer,beer-css) .field:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>:is(i,img,svg,progress.circle,a),:is(.beer,beer-css) .field>:is(i,img,svg,progress.circle,a):first-child){inset:calc(var(--_middle,0) - .75rem) auto auto 1rem}:is(.beer,beer-css) .field.invalid>i{color:var(--error)}:is(.beer,beer-css) .field>progress.circle{border-width:.1875rem}:is(.beer,beer-css) .field>:is(input,textarea,select){all:unset;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}:is(.beer,beer-css) input::-webkit-date-and-time-value{text-align:start}:-webkit-any(.beer,beer-css) :-webkit-any(input,select,textarea):-webkit-any(:-webkit-autofill,:-webkit-autofill){-webkit-text-fill-color:var(--on-surface);-webkit-background-clip:text}:is(.beer,beer-css) :is(input,select,textarea):is(:autofill,:autofill){-webkit-text-fill-color:var(--on-surface);-webkit-background-clip:text}:is(.beer,beer-css) .field>:is(input,textarea,select):focus{border:.125rem solid #0000;padding-inline:.875rem}:is(.beer,beer-css) .field>textarea:not([rows]){field-sizing:content;max-block-size:12rem}:is(.beer,beer-css) :not(.field)>input:is([type^=date],[type^=time],[type=month],[type=week]),:is(.beer,beer-css) input[type=color],:is(.beer,beer-css) input[type=file]{opacity:0;border:0;outline:0;block-size:100%;inline-size:100%;margin:0;padding:0;position:absolute;inset:0;z-index:2!important}:is(.beer,beer-css) 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){:is(.beer,beer-css) .field>input::-webkit-calendar-picker-indicator{z-index:-1!important}}:is(.beer,beer-css) input::-webkit-inner-spin-button{display:none}:is(.beer,beer-css) input::-webkit-outer-spin-button{display:none}:is(.beer,beer-css) input::-webkit-search-cancel-button{display:none}:is(.beer,beer-css) input::-webkit-search-decoration{display:none}:is(.beer,beer-css) input::-webkit-search-results-button{display:none}:is(.beer,beer-css) input::-webkit-search-results-decoration{display:none}:is(.beer,beer-css) input[type=number]{appearance:textfield}:is(.beer,beer-css) .field.border>:is(input,textarea,select){border-color:var(--outline)}:is(.beer,beer-css) .field.border>:is(input,textarea,select):focus{border-color:var(--primary)}:is(.beer,beer-css) .field[class*=round]>:is(input,textarea,select){padding-inline:1.4376rem}:is(.beer,beer-css) .field[class*=round]>:is(input,textarea,select):focus{padding-inline:1.375rem}:is(.beer,beer-css) .field.prefix>:is(input,textarea,select){padding-inline-start:2.9375rem}:is(.beer,beer-css) .field.prefix>.slider{margin-inline-start:3.5rem}:is(.beer,beer-css) .field.prefix>:is(input,textarea,select):focus{padding-inline-start:2.875rem}:is(.beer,beer-css) .field.suffix>:is(input,textarea,select){padding-inline-end:2.9375rem}:is(.beer,beer-css) .field.suffix>.slider{margin-inline-end:3.5rem}:is(.beer,beer-css) .field.suffix>:is(input,textarea,select):focus{padding-inline-end:2.875rem}:is(.beer,beer-css) .field:not(.border,[class*=round])>:is(input,textarea,select){border-block-end-color:var(--outline)}:is(.beer,beer-css) .field:not(.border,[class*=round])>:is(input,textarea,select):focus{border-block-end-color:var(--primary)}:is(.beer,beer-css) .field[class*=round]:not(.border)>:is(input,textarea,select):focus,:is(.beer,beer-css) .field[class*=round]:not(.border,.fill)>:is(input,textarea,select){box-shadow:var(--elevate1)}:is(.beer,beer-css) .field[class*=round]:not(.border,.fill)>:is(input,textarea,select):focus{box-shadow:var(--elevate2)}:is(.beer,beer-css) .field.invalid:not(.border,[class*=round])>:is(input,textarea,select),:is(.beer,beer-css) .field.invalid:not(.border,[class*=round])>:is(input,textarea,select):focus{border-block-end-color:var(--error)}:is(.beer,beer-css) .field.invalid.border>:is(input,textarea,select),:is(.beer,beer-css) .field.invalid.border>:is(input,textarea,select):focus{border-color:var(--error)}:is(.beer,beer-css) .field:has(>:disabled){opacity:.5;cursor:not-allowed}:is(.beer,beer-css) .field>:disabled{cursor:not-allowed}:is(.beer,beer-css) .field>select{-webkit-user-select:none;user-select:none}@-moz-document url-prefix(){:is(.beer,beer-css) .field>select:focus{background-color:var(--surface)}:is(.beer,beer-css) .field.fill>select:focus{background-color:var(--surface-variant)}:is(.beer,beer-css) .field>select:focus+label{z-index:1}}:is(.beer,beer-css) .field>select>option{background-color:var(--surface)}:is(.beer,beer-css) .field>:is(input,select){padding-block-start:1rem}:is(.beer,beer-css) .field.border:not(.fill)>:is(input,select),:is(.beer,beer-css) .field:not(.label)>:is(input,select){padding-block-start:0}:is(.beer,beer-css) .field>textarea{padding-block-start:var(--_start)!important}:is(.beer,beer-css) .field>textarea:focus{padding-block-start:calc(var(--_start,0) - .01rem)!important}:is(.beer,beer-css) .field.border:not(.fill)>textarea,:is(.beer,beer-css) .field:not(.label)>textarea{padding-block-start:calc(var(--_start,0) - .5rem)!important}:is(.beer,beer-css) .field.border:not(.fill)>textarea:focus,:is(.beer,beer-css) .field:not(.label)>textarea:focus{padding-block-start:calc(var(--_start,0) - .51rem)!important}:is(.beer,beer-css) .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}:is(.beer,beer-css) .field.label:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>label{inset:-.5rem calc(var(--_start) - .0625rem) 0 .9375rem}:is(.beer,beer-css) .field.label[class*=round]>label{inset:-.5rem 1.9375rem 0 var(--_start)}:is(.beer,beer-css) .field.label[class*=round]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>label{inset:-.5rem var(--_start) 0 1.9375rem}:is(.beer,beer-css) .field.label.border.prefix:not(.fill)>:is(label.active,:focus+label,[placeholder]:not(:placeholder-shown)+label,select+label){--_start:1rem}:is(.beer,beer-css) .field.label.border.prefix[class*=round]:not(.fill)>:is(label.active,:focus+label,[placeholder]:not(:placeholder-shown)+label,select+label),:is(.beer,beer-css) .field.label[class*=round]>label{--_start:1.5rem}:is(.beer,beer-css) .field.label.prefix>label{--_start:3rem}:is(.beer,beer-css) .field.label>:is(label.active,:focus+label,[placeholder]:not(:placeholder-shown)+label,select+label){block-size:2.5rem;font-size:.75rem;line-height:2.5rem}:is(.beer,beer-css) .field.label.border:not(.fill)>:is(label.active,:focus+label,[placeholder]:not(:placeholder-shown)+label,select+label){block-size:1rem;line-height:1rem}:is(.beer,beer-css) .field.label.border:not(.fill)>label:after{content:"";border-block-start:.0625rem solid var(--outline);flex:auto;block-size:1rem;margin:.5rem 0 0;transition:none;display:block}:is(.beer,beer-css) .field.label.border:not(.fill)>:focus+label:after{border-block-start:.125rem solid var(--primary)}:is(.beer,beer-css) .field.label.border:not(.fill)>:is(input,textarea):is(:focus,[placeholder]:not(:placeholder-shown),.active),:is(.beer,beer-css) .field.label.border:not(.fill)>select{clip-path:polygon(-2% -2%,.75rem -2%,.75rem .5rem,calc(100% - 1rem) .5rem,calc(100% - 1rem) -2%,102% -2%,102% 102%,-2% 102%)}:is(.beer,beer-css) .field.label.border:not(.fill):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>:is(input,textarea):is(:focus,[placeholder]:not(:placeholder-shown),.active){clip-path:polygon(-2% -2%,1rem -2%,1rem .5rem,calc(100% - .75rem) .5rem,calc(100% - .75rem) -2%,102% -2%,102% 102%,-2% 102%)}:is(.beer,beer-css) .field.label.border:not(.fill):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>select{clip-path:polygon(-2% -2%,1rem -2%,1rem .5rem,calc(100% - .75rem) .5rem,calc(100% - .75rem) -2%,102% -2%,102% 102%,-2% 102%)}:is(.beer,beer-css) .field.label.border[class*=round]:not(.fill)>:is(input,textarea):is(:focus,[placeholder]:not(:placeholder-shown),.active),:is(.beer,beer-css) .field.label.border[class*=round]:not(.fill)>select{clip-path:polygon(-2% -2%,1.25rem -2%,1.25rem .5rem,calc(100% - 2rem) .5rem,calc(100% - 2rem) -2%,102% -2%,102% 102%,-2% 102%)}:is(.beer,beer-css) .field.label.border[class*=round]:not(.fill):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>:is(input,textarea):is(:focus,[placeholder]:not(:placeholder-shown),.active){clip-path:polygon(-2% -2%,2rem -2%,2rem .5rem,calc(100% - 1.25rem) .5rem,calc(100% - 1.25rem) -2%,102% -2%,102% 102%,-2% 102%)}:is(.beer,beer-css) .field.label.border[class*=round]:not(.fill):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>select{clip-path:polygon(-2% -2%,2rem -2%,2rem .5rem,calc(100% - 1.25rem) .5rem,calc(100% - 1.25rem) -2%,102% -2%,102% 102%,-2% 102%)}:is(.beer,beer-css) .field.label>:focus+label{color:var(--primary)}:is(.beer,beer-css) .field.label.invalid>label,:is(.beer,beer-css) .field.label.invalid>label:after{color:var(--error)!important;border-color:var(--error)!important}:is(.beer,beer-css) .field.label>label>a{block-size:inherit;line-height:inherit;inline-size:1rem}:is(.beer,beer-css) .field.label>label>a>:is(i,img,svg){block-size:1rem;inline-size:1rem;font-size:1rem;line-height:1rem}:is(.beer,beer-css) .field>output{align-self:start;padding:.25rem 1rem;font-size:.75rem;line-height:1.25rem;display:inline-block;background:0 0!important}:is(.beer,beer-css) .field>output.invalid{color:var(--error)!important}:is(.beer,beer-css) .field[class*=round]>output{padding:.25rem 1.5rem}:is(.beer,beer-css) .field.invalid>output:not(.invalid),:is(.beer,beer-css) .field:not(.invalid)>output.invalid{display:none}:is(.beer,beer-css) .field.invalid>output.invalid~menu,:is(.beer,beer-css) .field:not(.invalid)>output:not(.invalid)~menu{inset:auto auto 1.75rem 0}:is(.beer,beer-css) table td>.field{margin:0}:is(.beer,beer-css) fieldset{border:.0625rem solid var(--outline-variant);border-radius:.25rem;padding:1rem}:is(.beer,beer-css) fieldset>legend{margin:0 -.25rem;padding:0 .25rem}:is(.beer,beer-css) fieldset>legend+*{margin-block-start:0!important}:is(.beer,beer-css) .grid{--_gap:1rem;gap:var(--_gap);grid-template-columns:repeat(12,1fr);block-size:auto;display:grid}:is(.beer,beer-css) .grid.no-space{--_gap:0rem}:is(.beer,beer-css) .grid.medium-space{--_gap:1.5rem}:is(.beer,beer-css) .grid.large-space{--_gap:2rem}:is(.beer,beer-css) .grid>*{margin:0}:is(.beer,beer-css) .s1{grid-area:auto/span 1}:is(.beer,beer-css) .s2{grid-area:auto/span 2}:is(.beer,beer-css) .s3{grid-area:auto/span 3}:is(.beer,beer-css) .s4{grid-area:auto/span 4}:is(.beer,beer-css) .s5{grid-area:auto/span 5}:is(.beer,beer-css) .s6{grid-area:auto/span 6}:is(.beer,beer-css) .s7{grid-area:auto/span 7}:is(.beer,beer-css) .s8{grid-area:auto/span 8}:is(.beer,beer-css) .s9{grid-area:auto/span 9}:is(.beer,beer-css) .s10{grid-area:auto/span 10}:is(.beer,beer-css) .s11{grid-area:auto/span 11}:is(.beer,beer-css) .s12{grid-area:auto/span 12}@media only screen and (min-width:601px){:is(.beer,beer-css) .m1{grid-area:auto/span 1}:is(.beer,beer-css) .m2{grid-area:auto/span 2}:is(.beer,beer-css) .m3{grid-area:auto/span 3}:is(.beer,beer-css) .m4{grid-area:auto/span 4}:is(.beer,beer-css) .m5{grid-area:auto/span 5}:is(.beer,beer-css) .m6{grid-area:auto/span 6}:is(.beer,beer-css) .m7{grid-area:auto/span 7}:is(.beer,beer-css) .m8{grid-area:auto/span 8}:is(.beer,beer-css) .m9{grid-area:auto/span 9}:is(.beer,beer-css) .m10{grid-area:auto/span 10}:is(.beer,beer-css) .m11{grid-area:auto/span 11}:is(.beer,beer-css) .m12{grid-area:auto/span 12}}@media only screen and (min-width:993px){:is(.beer,beer-css) .l1{grid-area:auto/span 1}:is(.beer,beer-css) .l2{grid-area:auto/span 2}:is(.beer,beer-css) .l3{grid-area:auto/span 3}:is(.beer,beer-css) .l4{grid-area:auto/span 4}:is(.beer,beer-css) .l5{grid-area:auto/span 5}:is(.beer,beer-css) .l6{grid-area:auto/span 6}:is(.beer,beer-css) .l7{grid-area:auto/span 7}:is(.beer,beer-css) .l8{grid-area:auto/span 8}:is(.beer,beer-css) .l9{grid-area:auto/span 9}:is(.beer,beer-css) .l10{grid-area:auto/span 10}:is(.beer,beer-css) .l11{grid-area:auto/span 11}:is(.beer,beer-css) .l12{grid-area:auto/span 12}}:is(.beer,beer-css) :is(.checkbox,.radio,.switch)>span:before,:is(.beer,beer-css) :is(.checkbox,.radio,.switch)>span>i,:is(.beer,beer-css) 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}:is(.beer,beer-css) i:has(.badge){overflow:unset}:is(.beer,beer-css) i.tiny{--_size:1rem}:is(.beer,beer-css) .chip>i,:is(.beer,beer-css) i.small{--_size:1.25rem}:is(.beer,beer-css) i.medium{--_size:1.5rem}:is(.beer,beer-css) i.large{--_size:1.75rem}:is(.beer,beer-css) i.extra{--_size:2rem}:is(.beer,beer-css) a.active>i,:is(.beer,beer-css) button.active>i,:is(.beer,beer-css) i.fill{font-variation-settings:"FILL" 1}:is(.beer,beer-css) 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}:is(.beer,beer-css) i[class*=fa-]{font-size:calc(var(--_size,0)*.85);block-size:auto;min-block-size:auto;line-height:normal}:is(.beer,beer-css) .absolute{position:absolute}:is(.beer,beer-css) .fixed{position:fixed}:is(.beer,beer-css) :is(.absolute,.fixed).left.right{inline-size:auto}:is(.beer,beer-css) :is(.absolute,.fixed).left.right.small{block-size:20rem}:is(.beer,beer-css) :is(.absolute,.fixed).left.right.medium{block-size:28rem}:is(.beer,beer-css) :is(.absolute,.fixed).left.right.large{block-size:44rem}:is(.beer,beer-css) :is(.absolute,.fixed).top.bottom.small{inline-size:20rem}:is(.beer,beer-css) :is(.absolute,.fixed).top.bottom.medium{inline-size:28rem}:is(.beer,beer-css) :is(.absolute,.fixed).top.bottom.large{inline-size:44rem}:is(.beer,beer-css) .list{flex-direction:column;flex:1;margin:0;padding:0;display:flex}:is(.beer,beer-css) .list>li,:is(.beer,beer-css) .list>li>a:only-child,:is(.beer,beer-css) .list>li>details>summary{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}:is(.beer,beer-css) .list>li:has(ul,ol,details[open],a:only-child){padding:0}:is(.beer,beer-css) .list>li>.list{padding:0 0 0 1rem}:is(.beer,beer-css) .list>li>*,:is(.beer,beer-css) .list>li>a:only-child>*{margin:0}:is(.beer,beer-css) .list>li>:is(details,.max),:is(.beer,beer-css) .list>li>a:only-child>.max,:is(.beer,beer-css) .list>li>details>summary>.max{flex:1}:is(.beer,beer-css) .list.border>li:not(:last-child):before,:is(.beer,beer-css) .list.border>li>details[open]>summary:before{content:"";background-color:var(--outline-variant);block-size:.0625rem;inline-size:auto;position:absolute;inset:auto 0 0}:is(.beer,beer-css) .list.no-space>li,:is(.beer,beer-css) .list.no-space>li>details>summary{min-block-size:2.5rem}:is(.beer,beer-css) .list.medium-space>li,:is(.beer,beer-css) .list.medium-space>li>details>summary{min-block-size:4.5rem}:is(.beer,beer-css) .list.large-space>li,:is(.beer,beer-css) .list.large-space>li>details>summary{min-block-size:5.5rem}:is(.beer,beer-css) .list>li:focus-visible,:is(.beer,beer-css) .list>li>a:only-child:focus-visible{outline:.125rem solid var(--primary);outline-offset:-.25rem}:is(.beer,beer-css) :has(>main){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}:is(.beer,beer-css) nav.left{grid-area:left}:is(.beer,beer-css) nav.right{grid-area:right}:is(.beer,beer-css) nav.top{grid-area:top}:is(.beer,beer-css) nav.bottom{grid-area:bottom}:is(.beer,beer-css) header{grid-area:header}:is(.beer,beer-css) footer{grid-area:footer}:is(.beer,beer-css) main{--_padding:.5rem;padding:var(--_padding);grid-area:main;overflow:clip}:is(.beer,beer-css) aside{z-index:1}:is(.beer,beer-css) aside:not(.fixed,.absolute).right{float:right}:is(.beer,beer-css) aside:not(.fixed,.absolute).left{float:left}:is(.beer,beer-css) svg{fill:currentColor}:is(.beer,beer-css) :is(img,svg,video):is(.small,.medium,.large,.tiny,.extra,.round,.circle,.square,.responsive){--_size:3rem;object-fit:cover;object-position:center;transition:transform var(--speed3),border-radius var(--speed3),padding var(--speed3);block-size:var(--_size);inline-size:var(--_size)}:is(.beer,beer-css) :is(img,svg,video).round{--_round:.5rem}:is(.beer,beer-css) :is(img,svg,video).tiny{--_size:2rem}:is(.beer,beer-css) :is(img,svg,video).small{--_size:2.5rem}:is(.beer,beer-css) :is(img,svg,video).large{--_size:3.5rem}:is(.beer,beer-css) :is(img,svg,video).extra{--_size:4rem}:is(.beer,beer-css) :is(img,svg,video).responsive{--_size:100%;margin:0 auto}:is(.beer,beer-css) :is(img,svg,video).responsive.tiny{block-size:4rem;inline-size:100%}:is(.beer,beer-css) :is(img,svg,video).responsive.small{block-size:8rem;inline-size:100%}:is(.beer,beer-css) :is(img,svg,video).responsive.medium{block-size:12rem;inline-size:100%}:is(.beer,beer-css) :is(img,svg,video).responsive.large{block-size:16rem;inline-size:100%}:is(.beer,beer-css) :is(img,svg,video).responsive.extra{block-size:20rem;inline-size:100%}:is(.beer,beer-css) :is(img,svg,video).responsive.round{--_round:2rem}:is(.beer,beer-css) :is(img,svg,video).empty-state{inline-size:24rem;max-inline-size:100%}:is(.beer,beer-css) :is(button,.button,.chip):not(.transparent)>.responsive{border:.25rem solid #0000}:is(.beer,beer-css) .tabs :is(img,svg):not(.responsive),:is(.beer,beer-css) :is(button,.button,.chip,.field)>: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(.beer,beer-css) :is(button,.button,.chip):not(.extend)>.responsive:first-child{margin-inline-start:calc(var(--_padding,0)*-1)}:is(.beer,beer-css) :is(button,.button,.chip):not(.extend)>.responsive:not(:first-child){margin-inline-end:calc(var(--_padding,0)*-1)}:is(.beer,beer-css) :is(button,.button,.chip,.circle,.square,.extend)>.responsive{--_size:inherit;margin:0 auto}:is(.beer,beer-css) .extend>:is(.responsive,i){z-index:1;margin:0;position:absolute;inset-inline:1rem}:is(.beer,beer-css) .extend>.responsive{inline-size:3.5rem;inset-inline:0}:is(.beer,beer-css) .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}:is(.beer,beer-css) menu.no-space{gap:0}:is(.beer,beer-css) menu.small-space{gap:.25rem}:is(.beer,beer-css) menu.medium-space{gap:.375rem}:is(.beer,beer-css) menu.large-space{gap:.5rem}:is(.beer,beer-css) menu.extra-space{gap:.625rem}:is(.beer,beer-css) [dir=rtl] menu{inset:auto 0 0 auto}:is(.beer,beer-css) menu.no-wrap{white-space:nowrap!important;inline-size:max-content!important}:is(.beer,beer-css) :not([data-ui]):focus-within>menu,:is(.beer,beer-css) menu.active,:is(.beer,beer-css) menu>li:hover>menu,:is(.beer,beer-css) menu>li>menu:hover{opacity:1;visibility:visible;transition:all var(--speed2),background-color 0s;transform:scale(1)translateY(100%)}:is(.beer,beer-css) :not([data-ui]):focus-within>menu.top,:is(.beer,beer-css) menu.top.active,:is(.beer,beer-css) menu>li:hover>menu.top,:is(.beer,beer-css) menu>li>menu.top:hover{transform:scale(1)translateY(-100%)}:is(.beer,beer-css) :not([data-ui]):focus-within>menu:is(.min,.max),:is(.beer,beer-css) menu:is(.min,.max).active{transform:scale(1)}:is(.beer,beer-css) menu *{white-space:inherit!important}:is(.beer,beer-css) menu>li,:is(.beer,beer-css) menu>li>a:only-child{all:unset;box-sizing:border-box;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}:is(.beer,beer-css) menu>li:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}:is(.beer,beer-css) menu>li:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}:is(.beer,beer-css) menu>li:hover{background-color:color-mix(in srgb,currentColor 10%,transparent)}:is(.beer,beer-css) menu>li.active{background-color:var(--tertiary-container);color:var(--on-tertiary-container)}:is(.beer,beer-css) menu>li:is(.active,:active){border-radius:.75rem}:is(.beer,beer-css) menu>li:has(.field,a:only-child),:is(.beer,beer-css) menu>li>:is(.max,.field),:is(.beer,beer-css) menu>li>a:only-child>.max{flex:1;margin:0;padding:0}:is(.beer,beer-css) menu.min{inset:0 0 auto;transform:scale(.8)}:is(.beer,beer-css) [dir=rtl] menu.min.right,:is(.beer,beer-css) menu.min.left,:is(.beer,beer-css) menu.top.left{inset:0 0 auto auto}:is(.beer,beer-css) [dir=rtl] menu.min.left,:is(.beer,beer-css) menu.min.right,:is(.beer,beer-css) menu.top,:is(.beer,beer-css) menu.top.right{inset:0 auto auto 0}:is(.beer,beer-css) menu.max{z-index:100;border-radius:0;block-size:100%;min-block-size:auto;max-block-size:none;position:fixed;inset:0;transform:scale(.8)}:is(.beer,beer-css) menu.max>li{flex:none!important}:is(.beer,beer-css) menu.no-wrap:is(.min,.max){min-inline-size:16rem}:is(.beer,beer-css) [dir=rtl] menu.right,:is(.beer,beer-css) [dir=rtl] menu.top.min.right,:is(.beer,beer-css) menu.left,:is(.beer,beer-css) menu.top.min.left{inset:auto 0 0 auto}:is(.beer,beer-css) [dir=rtl] menu.left,:is(.beer,beer-css) [dir=rtl] menu.top.min.left,:is(.beer,beer-css) menu.right,:is(.beer,beer-css) menu.top.min{inset:auto auto 0 0}:is(.beer,beer-css) menu.top{transform:scale(.8)translateY(-120%)}:is(.beer,beer-css) menu:has(menu){--_child:1;--_type:0;overflow:unset;white-space:nowrap;max-block-size:none;inline-size:auto;min-inline-size:12rem}:is(.beer,beer-css) [dir=rtl] menu>li>menu.left,:is(.beer,beer-css) menu>li>:is(menu,menu.right){inset:auto auto calc(3rem*(var(--_child,0) - var(--_type,0))) 100%}:is(.beer,beer-css) [dir=rtl] menu>li>:is(menu,menu.right),:is(.beer,beer-css) menu>li>menu.left{inset:auto 100% calc(3rem*(var(--_child,0) - var(--_type,0))) auto}:is(.beer,beer-css) [dir=rtl] menu>li>menu.top.left,:is(.beer,beer-css) menu>li>:is(menu.top,menu.top.right){inset:calc(3rem*(var(--_child,0) - var(--_type,0))) auto auto 100%}:is(.beer,beer-css) [dir=rtl] menu>li>:is(menu.top,menu.top.right),:is(.beer,beer-css) menu>li>menu.top.left{inset:calc(3rem*(var(--_child,0) - var(--_type,0))) 100% auto auto}:is(.beer,beer-css) menu.group{max-block-size:none;inline-size:100%;min-inline-size:auto;overflow:unset;box-shadow:none;background:0 0;padding:.5rem 0}:is(.beer,beer-css) menu.group>li{box-shadow:none;min-block-size:auto;padding:0}:is(.beer,beer-css) menu.group>li:hover{background:0 0}:is(.beer,beer-css) menu.group>li>menu,:is(.beer,beer-css) 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}:is(.beer,beer-css) menu.group>li:last-child>menu{border-radius:.5rem .5rem 1rem 1rem}:is(.beer,beer-css) menu>li:nth-last-child(2){--_child:2}:is(.beer,beer-css) menu>li:nth-last-child(3){--_child:3}:is(.beer,beer-css) menu>li:nth-last-child(4){--_child:4}:is(.beer,beer-css) menu>li:nth-last-child(5){--_child:5}:is(.beer,beer-css) menu>li:nth-last-child(6){--_child:6}:is(.beer,beer-css) menu>li:nth-last-child(7){--_child:7}:is(.beer,beer-css) menu>li:nth-last-child(8){--_child:8}:is(.beer,beer-css) menu>li:nth-last-child(9){--_child:9}:is(.beer,beer-css) menu>li:nth-last-child(10){--_child:10}:is(.beer,beer-css) menu>li:nth-last-child(11){--_child:11}:is(.beer,beer-css) menu>li:nth-last-of-type(2){--_type:1}:is(.beer,beer-css) menu>li:nth-last-of-type(3){--_type:2}:is(.beer,beer-css) menu>li:nth-last-of-type(4){--_type:3}:is(.beer,beer-css) menu>li:nth-last-of-type(5){--_type:4}:is(.beer,beer-css) menu>li:nth-last-of-type(6){--_type:5}:is(.beer,beer-css) menu>li:nth-last-of-type(7){--_type:6}:is(.beer,beer-css) menu>li:nth-last-of-type(8){--_type:7}:is(.beer,beer-css) menu>li:nth-last-of-type(9){--_type:8}:is(.beer,beer-css) menu>li:nth-last-of-type(10){--_type:9}:is(.beer,beer-css) menu>li:nth-last-of-type(11){--_type:10}@media (pointer:coarse){:is(.beer,beer-css) :not(menu,[data-ui]):hover>menu{opacity:1;visibility:visible;transform:scale(1)translateY(100%)}:is(.beer,beer-css) :not(menu,[data-ui]):hover>menu.top{transform:scale(1)translateY(-100%)}}:is(.beer,beer-css) nav>:is(ol,ul){all:inherit;border-radius:inherit;position:absolute;inset:0}:is(.beer,beer-css) nav.toolbar>:is(ol,ul){padding:0;position:relative}:is(.beer,beer-css) 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}:is(.beer,beer-css) nav:is(.left,.right,.tabbed)>:is(ol,ul)>li{inline-size:auto}:is(.beer,beer-css) nav.tabbed>:is(ol,ul)>li{flex:1}:is(.beer,beer-css) .row,:is(.beer,beer-css) a.row,:is(.beer,beer-css) nav{text-align:start;white-space:nowrap;border-radius:0;justify-content:flex-start;align-self:normal;align-items:center;gap:1rem;display:flex}:is(.beer,beer-css) a.row,:is(.beer,beer-css) nav.row{min-block-size:3rem;margin:0}:is(.beer,beer-css) :is(nav,.row,.max)>:only-child,:is(.beer,beer-css) :is(nav,.row,.max)>span>*{margin:0}:is(.beer,beer-css) :is(nav,.row)>:not(header,footer){white-space:normal;flex:none;margin:0}:is(.beer,beer-css) :is(nav,.row).min{display:inline-flex}:is(.beer,beer-css) :is(nav,.row).no-space{gap:0}:is(.beer,beer-css) :is(nav,.row).tiny-space{gap:.5rem}:is(.beer,beer-css) :is(nav,.row).medium-space{gap:1.5rem}:is(.beer,beer-css) :is(nav,.row).large-space{gap:2rem}:is(.beer,beer-css) :is(nav,.row) .max{flex:1}:is(.beer,beer-css) :is(nav,.row).wrap{flex-wrap:wrap;display:flex}:is(.beer,beer-css) :is(header,footer)>:is(nav,.row){min-block-size:inherit}:is(.beer,beer-css) nav:is(.left,.right,.top,.bottom){--_padding:.5rem;--_top:calc(var(--_padding,0) + var(--top,0));--_bottom:calc(var(--_padding,0) + var(--bottom,0));color:var(--on-surface);z-index:100;text-align:center;padding:var(--_padding);border:0;margin:0;position:sticky;inset:0;transform:none}:is(.beer,beer-css) 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}:is(.beer,beer-css) 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}:is(.beer,beer-css) nav.top{block-size:calc(var(--top,0) + 4.5rem);padding-block-start:var(--_top)}:is(.beer,beer-css) nav.bottom{block-size:calc(var(--bottom,0) + 4.5rem);padding-block-end:var(--_bottom)}:is(.beer,beer-css) nav>header{align-items:flex-start;gap:1rem;min-block-size:auto;margin:0 0 1rem;padding:0;background:0 0!important}:is(.beer,beer-css) nav:is(.top,.bottom)>header{flex-direction:row;align-items:center;margin:0 1rem 0 0}:is(.beer,beer-css) nav>header>*{margin:0;transition:none}:is(.beer,beer-css) nav.max>header>*{transition:all var(--speed1)}:is(.beer,beer-css) nav>header>.extend:hover{--_padding:0;inline-size:var(--_size)}:is(.beer,beer-css) nav>header>.extend:hover>span:not([class]){display:none}:is(.beer,beer-css) nav.max:is(.left,.right,.top,.bottom){inline-size:auto;min-inline-size:12.75rem;padding:var(--_top) 1.25rem var(--_bottom) 1.25rem;align-items:flex-start;gap:0}:is(.beer,beer-css) nav.max>header{margin:0 0 1.25rem}:is(.beer,beer-css) nav.max:is(.top,.bottom)>header{margin:0 1.25rem 0 0}:is(.beer,beer-css) nav.max>header>.extend{--_padding:1.5rem;inline-size:auto;padding:0 var(--_padding)}:is(.beer,beer-css) nav.max>header>.extend>span:not([class]){margin-inline-start:var(--_padding);display:block}:is(.beer,beer-css) nav.max>header>.extend>:is(img,svg)+span{margin-inline-start:calc(1rem + var(--_padding,0))}:is(.beer,beer-css) nav.max:is(.top,.bottom){align-items:center;min-inline-size:auto;max-inline-size:none;padding:0 .5rem}:is(.beer,beer-css) nav:is(.left,.right,.top,.bottom) :is(div:has(>menu))>a:not(.button,.chip),:is(.beer,beer-css) nav:is(.left,.right,.top,.bottom) a:not(.button,.chip){flex-direction:column;gap:.25rem;inline-size:3.5rem;font-size:.8rem;line-height:normal;display:flex}:is(.beer,beer-css) nav:not(.max):is(.left,.right,.top,.bottom) :is(div:has(>menu))>a:not(.button,.chip)>i,:is(.beer,beer-css) nav:not(.max):is(.left,.right,.top,.bottom) a:not(.button,.chip)>i{border-radius:2rem;margin:0 auto;padding:.25rem 1rem}:is(.beer,beer-css) nav.max:is(.left,.right,.top,.bottom) :is(div:has(>menu))>a:not(.button,.chip),:is(.beer,beer-css) nav.max:is(.left,.right,.top,.bottom) 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}:is(.beer,beer-css) nav:is(.left,.right,.top,.bottom) :is(div:has(>menu))>a.active:not(.button,.chip),:is(.beer,beer-css) nav:is(.left,.right,.top,.bottom) a.active:not(.button,.chip){transition:padding var(--speed1) linear}:is(.beer,beer-css) nav.max:is(.top,.bottom) :is(div:has(>menu))>a:not(.button,.chip),:is(.beer,beer-css) nav.max:is(.top,.bottom) a:not(.button,.chip){gap:.25rem;block-size:2.5rem;font-size:.8rem}:is(.beer,beer-css) nav.max:is(.left,.right,.top,.bottom) :is(div:has(>menu))>a.active:not(.button,.chip),:is(.beer,beer-css) nav.max:is(.left,.right,.top,.bottom) a.active:not(.button,.chip),:is(.beer,beer-css) nav:is(.left,.right,.top,.bottom):not(.max) :is(div:has(>menu))>a.active:not(.button,.chip)>i,:is(.beer,beer-css) nav:is(.left,.right,.top,.bottom):not(.max) a.active:not(.button,.chip)>i{background-color:var(--secondary-container);color:var(--on-secondary-container)}:is(.beer,beer-css) :is(nav,.row):is(.left-align,.top-align,.vertical){justify-content:flex-start}:is(.beer,beer-css) :is(nav,.row):is(.right-align,.bottom-align){justify-content:flex-end}:is(.beer,beer-css) :is(nav,.row):is(.center-align,.middle-align){justify-content:center}:is(.beer,beer-css) :is(nav,.row):is(.left-align,.top-align,.vertical).vertical{align-items:flex-start}:is(.beer,beer-css) :is(nav,.row):is(.right-align,.bottom-align).vertical{align-items:flex-end}:is(.beer,beer-css) :is(nav,.row):is(.center-align,.middle-align).vertical{align-items:center}:is(.beer,beer-css) nav:not(.left,.right)>.space{inline-size:.5rem}:is(.beer,beer-css) nav:not(.left,.right)>.medium-space{inline-size:1rem}:is(.beer,beer-css) nav:not(.left,.right)>.large-space{inline-size:1.5rem}:is(.beer,beer-css) nav.tabbed{background-color:var(--surface-container);gap:0;block-size:4rem;border-radius:4rem!important}:is(.beer,beer-css) nav.tabbed.small{block-size:3rem}:is(.beer,beer-css) nav.tabbed.large{block-size:5rem}:is(.beer,beer-css) nav.tabbed a{border-radius:inherit;block-size:inherit;flex:1;align-items:center;gap:.5rem;padding-inline:1rem;font-size:1rem;display:inline-flex}:is(.beer,beer-css) nav.tabbed a.active{background-color:var(--primary-container);color:var(--on-primary-container)}:is(.beer,beer-css) nav.toolbar{background-color:var(--surface-container);color:var(--on-surface);border-radius:2rem;justify-content:space-around;min-block-size:4rem;min-inline-size:4rem;padding:0 1rem}:is(.beer,beer-css) nav.toolbar,:is(.beer,beer-css) nav.toolbar a{gap:.5rem;display:inline-flex}:is(.beer,beer-css) nav.toolbar a{border-radius:1.75rem;min-block-size:2.5rem;min-inline-size:2.5rem}:is(.beer,beer-css) nav.toolbar a:has(>:not(i)){padding:0 1rem}:is(.beer,beer-css) nav.toolbar a.active{background-color:var(--secondary-container);color:var(--on-secondary-container)}:is(.beer,beer-css) nav.toolbar.fill{background-color:var(--primary-container)!important;color:var(--on-primary-container)!important}:is(.beer,beer-css) nav.toolbar.fill a.active{background-color:var(--surface-container)!important;color:var(--on-surface)!important}:is(.beer,beer-css) nav.toolbar.vertical{align-self:center;min-inline-size:4rem;padding:1rem 0;flex-direction:column!important;align-items:center!important}:is(.beer,beer-css) nav.toolbar.vertical a{block-size:2.5rem;inline-size:2.5rem}:is(.beer,beer-css) nav.toolbar.vertical a>:is(div,span):not(.badge,.tooltip){display:none}:is(.beer,beer-css) nav.toolbar.max{border-radius:0;display:flex}:is(.beer,beer-css) nav.group{color:var(--on-background)!important;background:0 0!important}:is(.beer,beer-css) nav.group>:is(.button,button){border-radius:.5rem}:is(.beer,beer-css) nav.group:is(.connected,.split){gap:.125rem}:is(.beer,beer-css) nav.group:not(.split)>:is(.button,button):not(.border){background-color:var(--surface-container);color:var(--on-surface-container)}:is(.beer,beer-css) nav.group:not(.split)>:is(.button,button).active{background-color:var(--primary);color:var(--on-primary)}:is(.beer,beer-css) nav.group.connected>:is(.button,button):not(.border){background-color:var(--surface-container);color:var(--on-surface-container)}:is(.beer,beer-css) nav.group.connected>:is(.button,button).active{background-color:var(--secondary-container);color:var(--on-secondary-container)}:is(.beer,beer-css) nav.group:is(.connected,.split)>:is(.button,button).active,:is(.beer,beer-css) nav.split>:is(.button,button):active{border-radius:2rem!important}:is(.beer,beer-css) :is(.scroll,.no-scroll,.no-space,.tabs,.tabbed)>:focus-visible{outline:.125rem solid var(--primary);outline-offset:-.125rem}:is(.beer,beer-css) nav.split>:is(.button,button):not(.chip,.fill,.border){background-color:var(--primary);color:var(--on-primary)}@media only screen and (max-width:600px){:is(.beer,beer-css) nav.bottom,:is(.beer,beer-css) nav.top{justify-content:space-around}}:is(.beer,beer-css) .overlay,:is(.beer,beer-css) 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}:is(.beer,beer-css) .overlay.active{opacity:1;visibility:visible}:is(.beer,beer-css) dialog:popover-open::backdrop{opacity:1;visibility:visible}:is(.beer,beer-css) .overlay+dialog::backdrop,:is(.beer,beer-css) .snackbar::backdrop{display:none}:is(.beer,beer-css) [popover]{border:0}:is(.beer,beer-css) .page{--_transform:translate(0);opacity:0;display:none;position:absolute}:is(.beer,beer-css) .page.active{opacity:1;display:inherit;animation:var(--speed4) to-page ease;position:relative}:is(.beer,beer-css) .page.active.top{--_transform:translateY(-4rem)}:is(.beer,beer-css) .page.active.bottom{--_transform:translateY(4rem)}:is(.beer,beer-css) .page.active.left{--_transform:translate(-4rem)}:is(.beer,beer-css) .page.active.right{--_transform:translate(4rem)}:is(.beer,beer-css) progress{inline-size:100%;block-size:var(--_size);color:var(--primary);background:var(--image);writing-mode:horizontal-tb;appearance:none;direction:ltr;border:none;border-radius:1rem;flex:none;position:relative;overflow:hidden}:is(.beer,beer-css) progress,:is(.beer,beer-css) progress.small{--_size:.25rem}:is(.beer,beer-css) progress.medium{--_size:.35rem}:is(.beer,beer-css) progress.large{--_size:.45rem}:is(.beer,beer-css) progress.indeterminate{--_value:100;animation:3.2s infinite to-indeterminate-progress}:is(.beer,beer-css) 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}:is(.beer,beer-css) progress:not(.circle,[value])::-moz-progress-bar{animation:3.2s infinite to-linear-progress}:is(.beer,beer-css) progress:not(.circle,[value])::-webkit-progress-value{animation:3.2s infinite to-linear-progress}:is(.beer,beer-css) progress::-webkit-progress-bar{background:0 0}:is(.beer,beer-css) progress::-webkit-progress-value{background:currentColor}:is(.beer,beer-css) progress::-moz-progress-bar{background:currentColor}:is(.beer,beer-css) progress.wavy{block-size:calc(var(--_size,0)*2);background:0 0;background-image:var(--image);background-position:0;background-repeat:repeat-x;background-size:auto calc(var(--_size,0)/2)}:is(.beer,beer-css) progress.wavy:not(.circle,[value]):after{-webkit-mask-image:url(/assets/wavy-DYnjrnbj.svg);mask-image:url(/assets/wavy-DYnjrnbj.svg);-webkit-mask-position:0;mask-position:0;-webkit-mask-size:auto 100%;mask-size:auto 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}:is(.beer,beer-css) progress.wavy::-webkit-progress-value{-webkit-mask-image:url(/assets/wavy-DYnjrnbj.svg);mask-image:url(/assets/wavy-DYnjrnbj.svg);-webkit-mask-position:0;mask-position:0;-webkit-mask-size:auto 100%;mask-size:auto 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}:is(.beer,beer-css) progress.wavy::-moz-progress-bar{-webkit-mask-image:url(/assets/wavy-DYnjrnbj.svg);mask-image:url(/assets/wavy-DYnjrnbj.svg);-webkit-mask-position:0;mask-position:0;-webkit-mask-size:auto 100%;mask-size:auto 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}:is(.beer,beer-css) 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;-webkit-mask-image:radial-gradient(circle,#0000 57%,currentColor 60%);mask-image:radial-gradient(circle,#0000 57%,currentColor 60%)}:is(.beer,beer-css) progress.circle::-webkit-progress-value{background:0 0}:is(.beer,beer-css) progress.circle::-moz-progress-bar{background:0 0}:is(.beer,beer-css) progress.circle.wavy{background:conic-gradient(currentColor calc(var(--_value,0)*1%),var(--active) 0);-webkit-mask-image:url(/assets/wavy-circle-BhSxxy_f.svg);mask-image:url(/assets/wavy-circle-BhSxxy_f.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}:is(.beer,beer-css) progress.circle.small{block-size:1.5rem;inline-size:1.5rem}:is(.beer,beer-css) progress.circle.large{block-size:3.5rem;inline-size:3.5rem}:is(.beer,beer-css) progress.circle.indeterminate,:is(.beer,beer-css) progress.circle:not([value]){--_value:50;animation:1s linear infinite to-rotate}:is(.beer,beer-css) :is(nav,.row,.field)>progress:not(.circle,.small,.medium,.large){flex:auto}:is(.beer,beer-css) 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}:is(.beer,beer-css) progress.max[class*=-text]{opacity:1}:is(.beer,beer-css) progress.max+*{margin-block-start:0}:is(.beer,beer-css) :is(.button,button,.chip)>progress.circle{color:inherit}:is(.beer,beer-css) .shape{color:var(--on-primary);background-color:var(--primary);border-radius:0;justify-content:center;align-items:center;block-size:3.5rem;inline-size:3.5rem;display:flex;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;border:0!important;margin:0!important;padding:0!important}:is(.beer,beer-css) .transparent>.shape>i{filter:invert()}:is(.beer,beer-css) .shape.tiny-space{-webkit-mask-size:90%;mask-size:90%}:is(.beer,beer-css) .shape.small-space,:is(.beer,beer-css) .shape.space{-webkit-mask-size:80%;mask-size:80%}:is(.beer,beer-css) .shape.medium-space{-webkit-mask-size:70%;mask-size:70%}:is(.beer,beer-css) .shape.large-space{-webkit-mask-size:60%;mask-size:60%}:is(.beer,beer-css) .shape.extra-space{-webkit-mask-size:50%;mask-size:50%}:is(.beer,beer-css) .shape.tiny{block-size:2.5rem;inline-size:2.5rem}:is(.beer,beer-css) .shape.medium{block-size:4.5rem;inline-size:4.5rem}:is(.beer,beer-css) .shape.large{block-size:5.5rem;inline-size:5.5rem}:is(.beer,beer-css) .shape.extra{block-size:6.5rem;inline-size:6.5rem}:is(.beer,beer-css) .shape.max,:is(.beer,beer-css) .shape>.responsive,:is(.beer,beer-css) .shape>.responsive>.responsive{block-size:100%;inline-size:100%;position:absolute;inset:0;border:0!important;margin:0!important;padding:0!important}:is(.beer,beer-css) .shape>.responsive{background:inherit;color:inherit}:is(.beer,beer-css) .shape.rotate{animation:12s linear infinite to-rotate}:is(.beer,beer-css) .shape.rotate>*{animation:12s linear infinite reverse to-rotate}:is(.beer,beer-css) .shape.fast-rotate{animation:6s linear infinite to-rotate}:is(.beer,beer-css) .shape.fast-rotate>*{animation:6s linear infinite reverse to-rotate}:is(.beer,beer-css) .shape.slow-rotate{animation:24s linear infinite to-rotate}:is(.beer,beer-css) .shape.slow-rotate>*{animation:24s linear infinite reverse to-rotate}:is(.beer,beer-css) :is(button,.button,.chip):has(>.shape)>.responsive{border:none}:is(.beer,beer-css) .shape.arch{-webkit-mask-image:url(/assets/arch-BG_2Uirv.svg);mask-image:url(/assets/arch-BG_2Uirv.svg)}:is(.beer,beer-css) .shape.arrow{-webkit-mask-image:url(/assets/arrow-CzX7iTXB.svg);mask-image:url(/assets/arrow-CzX7iTXB.svg)}:is(.beer,beer-css) .shape.boom{-webkit-mask-image:url(/assets/boom-qibSMgDN.svg);mask-image:url(/assets/boom-qibSMgDN.svg)}:is(.beer,beer-css) .shape.bun{-webkit-mask-image:url(/assets/bun-D5xjQ66t.svg);mask-image:url(/assets/bun-D5xjQ66t.svg)}:is(.beer,beer-css) .shape.burst{-webkit-mask-image:url(/assets/burst-BfIpcqdF.svg);mask-image:url(/assets/burst-BfIpcqdF.svg)}:is(.beer,beer-css) .shape.circle{-webkit-mask-image:url(/assets/circle-D1e-JMO1.svg);mask-image:url(/assets/circle-D1e-JMO1.svg)}:is(.beer,beer-css) .shape.clamshell{-webkit-mask-image:url(/assets/clamshell-BtoI8Min.svg);mask-image:url(/assets/clamshell-BtoI8Min.svg)}:is(.beer,beer-css) .shape.diamond{-webkit-mask-image:url(/assets/diamond-BT8FQqkp.svg);mask-image:url(/assets/diamond-BT8FQqkp.svg)}:is(.beer,beer-css) .shape.fan{-webkit-mask-image:url(/assets/fan-lXPOj5Id.svg);mask-image:url(/assets/fan-lXPOj5Id.svg)}:is(.beer,beer-css) .shape.flower{-webkit-mask-image:url(/assets/flower-BU0IyJco.svg);mask-image:url(/assets/flower-BU0IyJco.svg)}:is(.beer,beer-css) .shape.gem{-webkit-mask-image:url(/assets/gem-BJQpftgW.svg);mask-image:url(/assets/gem-BJQpftgW.svg)}:is(.beer,beer-css) .shape.ghost-ish{-webkit-mask-image:url(/assets/ghost-ish-CcXqIjT9.svg);mask-image:url(/assets/ghost-ish-CcXqIjT9.svg)}:is(.beer,beer-css) .shape.heart{-webkit-mask-image:url(/assets/heart-xy0CMFn2.svg);mask-image:url(/assets/heart-xy0CMFn2.svg)}:is(.beer,beer-css) .shape.leaf-clover4{-webkit-mask-image:url(/assets/leaf-clover4-vdRy-UuD.svg);mask-image:url(/assets/leaf-clover4-vdRy-UuD.svg)}:is(.beer,beer-css) .shape.leaft-clover8{-webkit-mask-image:url(/assets/leaf-clover8-bIVFUiqO.svg);mask-image:url(/assets/leaf-clover8-bIVFUiqO.svg)}:is(.beer,beer-css) .shape.loading-indicator{-webkit-mask-image:url(/assets/loading-indicator-CinigV4e.svg);mask-image:url(/assets/loading-indicator-CinigV4e.svg)}:is(.beer,beer-css) .shape.oval{-webkit-mask-image:url(/assets/oval-DI79fqsg.svg);mask-image:url(/assets/oval-DI79fqsg.svg)}:is(.beer,beer-css) .shape.pentagon{-webkit-mask-image:url(/assets/pentagon-FQqMjGe1.svg);mask-image:url(/assets/pentagon-FQqMjGe1.svg)}:is(.beer,beer-css) .shape.pill{-webkit-mask-image:url(/assets/pill-CCfs_phq.svg);mask-image:url(/assets/pill-CCfs_phq.svg)}:is(.beer,beer-css) .shape.pixel-circle{-webkit-mask-image:url(/assets/pixel-circle-PJ8edfuV.svg);mask-image:url(/assets/pixel-circle-PJ8edfuV.svg)}:is(.beer,beer-css) .shape.pixel-triangle{-webkit-mask-image:url(/assets/pixel-triangle-C2H9UOJx.svg);mask-image:url(/assets/pixel-triangle-C2H9UOJx.svg)}:is(.beer,beer-css) .shape.puffy{-webkit-mask-image:url(/assets/puffy-Cccv-J94.svg);mask-image:url(/assets/puffy-Cccv-J94.svg)}:is(.beer,beer-css) .shape.puffy-diamond{-webkit-mask-image:url(/assets/puffy-diamond-ClX5jVRS.svg);mask-image:url(/assets/puffy-diamond-ClX5jVRS.svg)}:is(.beer,beer-css) .shape.semicircle{-webkit-mask-image:url(/assets/semicircle-DuCnU4wT.svg);mask-image:url(/assets/semicircle-DuCnU4wT.svg)}:is(.beer,beer-css) .shape.sided-cookie4{-webkit-mask-image:url(/assets/sided-cookie4-D3AoUCdP.svg);mask-image:url(/assets/sided-cookie4-D3AoUCdP.svg)}:is(.beer,beer-css) .shape.sided-cookie6{-webkit-mask-image:url(/assets/sided-cookie6-ChOD1omV.svg);mask-image:url(/assets/sided-cookie6-ChOD1omV.svg)}:is(.beer,beer-css) .shape.sided-cookie7{-webkit-mask-image:url(/assets/sided-cookie7-DiY9NMgS.svg);mask-image:url(/assets/sided-cookie7-DiY9NMgS.svg)}:is(.beer,beer-css) .shape.sided-cookie9{-webkit-mask-image:url(/assets/sided-cookie9-C0xPhlKV.svg);mask-image:url(/assets/sided-cookie9-C0xPhlKV.svg)}:is(.beer,beer-css) .shape.sided-cookie12{-webkit-mask-image:url(/assets/sided-cookie12-BWhVBCZG.svg);mask-image:url(/assets/sided-cookie12-BWhVBCZG.svg)}:is(.beer,beer-css) .shape.slanted{-webkit-mask-image:url(/assets/slanted-B5_kan8M.svg);mask-image:url(/assets/slanted-B5_kan8M.svg)}:is(.beer,beer-css) .shape.soft-boom{-webkit-mask-image:url(/assets/soft-boom-CCpI58j3.svg);mask-image:url(/assets/soft-boom-CCpI58j3.svg)}:is(.beer,beer-css) .shape.soft-burst{-webkit-mask-image:url(/assets/soft-burst-CZHLyAPS.svg);mask-image:url(/assets/soft-burst-CZHLyAPS.svg)}:is(.beer,beer-css) .shape.square{-webkit-mask-image:url(/assets/square-Ml5crxM-.svg);mask-image:url(/assets/square-Ml5crxM-.svg)}:is(.beer,beer-css) .shape.sunny{-webkit-mask-image:url(/assets/sunny-CAfg7jSp.svg);mask-image:url(/assets/sunny-CAfg7jSp.svg)}:is(.beer,beer-css) .shape.triangle{-webkit-mask-image:url(/assets/triangle-BlOgECko.svg);mask-image:url(/assets/triangle-BlOgECko.svg)}:is(.beer,beer-css) .shape.very-sunny{-webkit-mask-image:url(/assets/very-sunny-vlAPxAWy.svg);mask-image:url(/assets/very-sunny-vlAPxAWy.svg)}:is(.beer,beer-css) .checkbox,:is(.beer,beer-css) .radio,:is(.beer,beer-css) .switch{--_size:1.5rem;white-space:nowrap;cursor:pointer;align-items:center;block-size:auto;inline-size:auto;line-height:normal;display:inline-flex}:is(.beer,beer-css) .switch{direction:ltr}:is(.beer,beer-css) :is(.checkbox,.radio,.switch).small{--_size:1rem}:is(.beer,beer-css) :is(.checkbox,.radio,.switch).large{--_size:2rem}:is(.beer,beer-css) :is(.checkbox,.radio,.switch).extra{--_size:2.5rem}:is(.beer,beer-css) :is(.checkbox,.radio)>input{inline-size:var(--_size);block-size:var(--_size);opacity:0}:is(.beer,beer-css) .switch>input{opacity:0;block-size:2rem;inline-size:3.25rem}:is(.beer,beer-css) :is(.checkbox,.radio,.switch)>span{color:var(--on-surface);align-items:center;min-block-size:.25rem;min-inline-size:.25rem;font-size:.875rem;display:inline-flex}:is(.beer,beer-css) :is(.checkbox,.radio)>span:not(:empty){padding-inline-start:.25rem}:is(.beer,beer-css) :is(.checkbox,.radio)>span:after,:is(.beer,beer-css) :is(.checkbox,.radio,.switch)>span:before,:is(.beer,beer-css) :is(.checkbox,.radio,.switch)>span>i{--_size:inherit;content:"";inline-size:var(--_size);block-size:var(--_size);box-sizing:border-box;color:var(--primary);inset:auto auto auto calc(var(--_size,0)*-1);-webkit-user-select:none;user-select:none;z-index:1;border-radius:50%;outline:none;margin:0 auto;position:absolute}:is(.beer,beer-css) [dir=rtl] :is(.checkbox,.radio)>span:after,:is(.beer,beer-css) [dir=rtl] :is(.checkbox,.radio)>span:before,:is(.beer,beer-css) [dir=rtl] :is(.checkbox,.radio)>span>i{--_size:inherit;inset:auto calc(var(--_size,0)*-1) auto auto}:is(.beer,beer-css) .switch.icon>span>i,:is(.beer,beer-css) .switch>span:before{transition:all var(--speed2);font-size:calc(var(--_size,0) - .5rem);-webkit-user-select:none;user-select:none;min-inline-size:var(--_size);min-block-size:var(--_size);content:"";color:var(--surface-variant);background-color:var(--outline);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset:50% auto auto 0;transform:translate(-3rem,-50%)scale(.6)}:is(.beer,beer-css) .switch.icon>span>i{transform:translate(-3rem,-50%)scale(1)}:is(.beer,beer-css) .checkbox>span:before{content:"check_box_outline_blank"}:is(.beer,beer-css) .checkbox>input:checked+span:before{content:"check_box";font-variation-settings:"FILL" 1}:is(.beer,beer-css) .checkbox>input:indeterminate+span:before{content:"indeterminate_check_box"}:is(.beer,beer-css) .radio>span:before{content:"radio_button_unchecked"}:is(.beer,beer-css) .radio>input:checked+span:before{content:"radio_button_checked"}:is(.beer,beer-css) :is(.radio,.checkbox,.switch).icon>span:before{content:""!important;font-variation-settings:unset!important}:is(.beer,beer-css) :is(.checkbox,.radio)>span:after{transition:all var(--speed1);opacity:0;background-color:currentColor;box-shadow:0 0}:is(.beer,beer-css) :is(.checkbox,.radio):hover>input:not(:disabled)+span:after,:is(.beer,beer-css) :is(.checkbox,.radio)>input:not(:disabled):focus+span:after{opacity:.1;box-shadow:0 0 0 .5rem}:is(.beer,beer-css) .switch.icon>input:not(:disabled):is(:focus,:hover)+span>i,:is(.beer,beer-css) .switch>input:not(:disabled):is(:focus,:hover)+span:before{box-shadow:0 0 0 .5rem var(--active)}:is(.beer,beer-css) :is(.checkbox,.radio).icon>input:checked+span>i,:is(.beer,beer-css) :is(.checkbox,.radio)>input:checked+span:before{color:var(--primary)}:is(.beer,beer-css) .icon>input:checked+span>i:first-child,:is(.beer,beer-css) .icon>span>i:last-child{opacity:0}:is(.beer,beer-css) .icon>input:checked+span>i:last-child,:is(.beer,beer-css) .icon>span>i:first-child{opacity:1}:is(.beer,beer-css) .switch>input:checked+span:after{background-color:var(--primary);border:none}:is(.beer,beer-css) .switch.icon>input:checked+span>i,:is(.beer,beer-css) .switch>input:checked+span:before{content:"check";color:var(--primary);background-color:var(--on-primary);transform:translate(-1.75rem,-50%)scale(1)}:is(.beer,beer-css) .switch.icon>input:active:not(:disabled)+span>i,:is(.beer,beer-css) .switch>input:active:not(:disabled)+span:before{transform:translate(-3rem,-50%)scale(1.2)}:is(.beer,beer-css) [dir=rtl] .switch.icon>input:active:not(:disabled)+span>i,:is(.beer,beer-css) [dir=rtl] .switch>input:active:not(:disabled)+span:before{transform:translate(-3rem,-50%)scale(-1.2)}:is(.beer,beer-css) .switch.icon>input:active:checked:not(:disabled)+span>i,:is(.beer,beer-css) .switch>input:active:checked:not(:disabled)+span:before{transform:translate(-1.75rem,-50%)scale(1.2)}:is(.beer,beer-css) [dir=rtl] .switch.icon>input:active:checked:not(:disabled)+span>i,:is(.beer,beer-css) [dir=rtl] .switch>input:active:checked:not(:disabled)+span:before{transform:translate(-1.75rem,-50%)scale(-1.2)}:is(.beer,beer-css) :is(.checkbox,.radio,.switch)>input:disabled+span{opacity:.5;cursor:not-allowed}:is(.beer,beer-css) .switch>span:after{content:"";background-color:var(--active);border:.125rem solid var(--outline);box-sizing:border-box;border-radius:2rem;block-size:2rem;inline-size:3.25rem;position:absolute;inset:50% auto auto 0;transform:translate(-3.25rem,-50%)}:is(.beer,beer-css) .field>:is(nav,.row){flex-grow:1;padding:0 1rem}:is(.beer,beer-css) .field.round>:is(nav,.row){flex-grow:1;padding:0 1.5rem}:is(.beer,beer-css) [dir=rtl] .switch{transform:scale(-1)}:is(.beer,beer-css) [dir=rtl] .switch.icon>span>i,:is(.beer,beer-css) [dir=rtl] .switch>span:before{transform:translate(-3rem,-50%)scale(-.6)}:is(.beer,beer-css) [dir=rtl] .switch.icon>span>i{transform:translate(-3rem,-50%)scale(-1)}:is(.beer,beer-css) [dir=rtl] .switch.icon>input:checked+span>i,:is(.beer,beer-css) [dir=rtl] .switch>input:checked+span:before{transform:translate(-1.75rem,-50%)scale(-1)}:is(.beer,beer-css) .switch>:focus-visible+span:after{outline:.125rem solid var(--primary);outline-offset:.25rem}:is(.beer,beer-css) :is(.checkbox,.radio)>:focus-visible+span:before{outline:.125rem solid var(--primary);outline-offset:.375rem}:is(.beer,beer-css) :is(nav,.row)>:is(.checkbox,.radio,.switch){margin:0 .25rem}:is(.beer,beer-css) .slider{--_start:0%;--_end:0%;--_value1:"";--_value2:"";--_track:1rem;--_thumb:max(2.5rem,calc(var(--_track,0) + .5rem));inline-size:auto;block-size:var(--_thumb);color:var(--primary);direction:ltr;flex:none;margin:0 1.25rem;display:flex;align-items:center!important}:is(.beer,beer-css) [dir=rtl] .slider{transform:scaleX(-1)}:is(.beer,beer-css) .slider.vertical{inline-size:100%;padding:50% 0;transform:rotate(-90deg);flex-direction:row!important;margin:.5rem auto!important}:is(.beer,beer-css) .slider.tiny{--_track:1rem}:is(.beer,beer-css) .slider.small{--_track:1.5rem}:is(.beer,beer-css) .slider.medium{--_track:2.5rem}:is(.beer,beer-css) .slider.large{--_track:3.5rem}:is(.beer,beer-css) .slider.extra{--_track:6rem}:is(.beer,beer-css) .slider>input{appearance:none;box-shadow:none;pointer-events:none;inline-size:100%;block-size:var(--_track);z-index:1;touch-action:none;background:0 0;border:none;outline:none;margin:0;padding:0;transform:rotate(0)}:is(.beer,beer-css) .slider>input:only-of-type{pointer-events:all}:is(.beer,beer-css) .slider>input~input{position:absolute}:is(.beer,beer-css) .slider>input::-webkit-slider-thumb{appearance:none;box-shadow:none;pointer-events:all;block-size:var(--_thumb);cursor:grab;z-index:1;background:currentColor;border:none;border-radius:.25rem;outline:none;inline-size:.25rem;margin:0}:is(.beer,beer-css) .slider>input::-webkit-slider-thumb:active{cursor:grabbing}:is(.beer,beer-css) .slider>input::-moz-range-thumb{appearance:none;box-shadow:none;pointer-events:all;background:var(--primary);cursor:grab;border:none;border-radius:.25rem;outline:none;block-size:2.75rem;inline-size:.25rem;margin:0}:is(.beer,beer-css) .slider>input::-moz-range-thumb:active{cursor:grabbing}:is(.beer,beer-css) .slider>input:not(:disabled):focus::-webkit-slider-thumb{transform:scaleX(.6)}:is(.beer,beer-css) .slider>input:not(:disabled):focus::-moz-range-thumb{transform:scaleX(.6)}:is(.beer,beer-css) .slider>input:disabled{cursor:not-allowed;opacity:1}:is(.beer,beer-css) .slider>input:disabled::-webkit-slider-thumb{background:var(--outline);cursor:not-allowed}:is(.beer,beer-css) .slider>input:disabled::-moz-range-thumb{background:var(--outline);cursor:not-allowed}:is(.beer,beer-css) .slider>input:disabled~span:not([class]){background:var(--outline)}:is(.beer,beer-css) .slider>span:not([class]){block-size:var(--_track);color:currentColor;z-index:0;inset:calc(50% - var(--_track,0)/2) calc(var(--_end) + .5rem) auto var(--_start);background:currentColor;border-radius:1rem 0 0 1rem;position:absolute}:is(.beer,beer-css) .slider>input[type=range]+input[type=range]~span:not([class]){inset:calc(50% - var(--_track,0)/2) calc(var(--_end) + .5rem) auto calc(var(--_start) + .5rem);border-radius:0}:is(.beer,beer-css) .field>.slider,:is(.beer,beer-css) .slider:before{inline-size:100%}:is(.beer,beer-css) .slider:before{content:"";block-size:var(--_track);background:var(--active);clip-path:polygon(calc(var(--_start,0) - .5rem) 0,0 0,0 100%,calc(var(--_start,0) - .5rem) 100%,calc(var(--_start,0) - .5rem) 0,calc(100% - var(--_end,0) + .5rem) 0,100% 0,100% 100%,calc(100% - var(--_end,0) + .5rem) 100%,calc(100% - var(--_end,0) + .5rem) 0);border-radius:1rem;position:absolute}:is(.beer,beer-css) .slider:has(>[disabled]):before{background:var(--active)}:is(.beer,beer-css) .slider:has([disabled]){opacity:.62}:is(.beer,beer-css) .slider>span>i{block-size:auto;color:var(--inverse-primary);z-index:1;position:absolute;inset:0 auto 0 .5rem}:is(.beer,beer-css) .slider:not(.medium,.large,.extra)>span>i{display:none}:is(.beer,beer-css) .slider.vertical>i{transform:rotate(90deg)}:is(.beer,beer-css) .slider>.tooltip{inset:0 auto auto calc(100% - var(--_end,0));transition:top var(--speed2) ease,opacity var(--speed2) ease;border-radius:2rem;padding:.75rem 1rem;visibility:hidden!important;opacity:0!important;transform:translate(-50%,-25%)!important}:is(.beer,beer-css) .slider>.tooltip.bottom{inset:auto auto 0 calc(100% - var(--_end,0));transition:bottom var(--speed2) ease,opacity var(--speed2) ease;transform:translate(-50%,25%)!important}:is(.beer,beer-css) [dir=rtl] .slider>.tooltip{transform:translate(-50%,-25%)scaleX(-1)!important}:is(.beer,beer-css) [dir=rtl] .slider>.tooltip.bottom{transform:translate(-50%,25%)scaleX(-1)!important}:is(.beer,beer-css) .slider>.tooltip+.tooltip{inset:.25rem calc(100% - var(--_start,0)) auto auto;transform:translate(50%,-25%)!important}:is(.beer,beer-css) .slider>.tooltip+.tooltip.bottom{inset:auto calc(100% - var(--_start,0)) -.25rem auto;transform:translate(50%,25%)!important}:is(.beer,beer-css) [dir=rtl] .slider>.tooltip+.tooltip{transform:translate(50%,-25%)scaleX(-1)!important}:is(.beer,beer-css) [dir=rtl] .slider>.tooltip+.tooltip.bottom{transform:translate(50%,25%)scaleX(-1)!important}:is(.beer,beer-css) .slider>.tooltip:before{content:var(--_value1)}:is(.beer,beer-css) .slider>.tooltip+.tooltip:before{content:var(--_value2)}:is(.beer,beer-css) .slider>:focus~.tooltip{inset-block:-1rem auto;opacity:1!important;visibility:visible!important}:is(.beer,beer-css) .slider>:focus~.tooltip.bottom{inset-block:auto -1rem}:is(.beer,beer-css) .slider.vertical>.tooltip{block-size:2.5rem;inline-size:2.5rem;inset-block:auto;margin-block:calc(var(--_thumb,0)*-1) 0!important;transform:rotate(90deg)translate(-75%,50%)!important}:is(.beer,beer-css) .slider.vertical>.tooltip.bottom{inset-block:auto;margin-block:0 calc(var(--_thumb,0)*-1)!important;transform:rotate(90deg)translate(75%,50%)!important}:is(.beer,beer-css) .slider.vertical>.tooltip+.tooltip{transform:rotate(90deg)translate(-75%,-50%)!important}:is(.beer,beer-css) .slider.vertical>.tooltip+.tooltip.bottom{transform:rotate(90deg)translate(75%,-50%)!important}:is(.beer,beer-css) :is(nav,.row,.field)>.slider:not(.circle,.small,.medium,.large){flex:auto}:is(.beer,beer-css) .slider.max,:is(.beer,beer-css) .slider.max.vertical,:is(.beer,beer-css) .slider.max.vertical>input,:is(.beer,beer-css) .slider.max>input{all:unset;color:var(--primary);border-radius:inherit;z-index:2;cursor:grab;block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:hidden;margin:0!important}:is(.beer,beer-css) .slider.max:before{display:none}:is(.beer,beer-css) .slider.max.vertical>input{writing-mode:vertical-lr;transform:rotate(-180deg)}:is(.beer,beer-css) .slider.max>input::-webkit-slider-thumb{opacity:0;block-size:100vh;inline-size:1rem;transform:none!important}:is(.beer,beer-css) .slider.max>input::-moz-range-thumb{opacity:0;block-size:100vh;inline-size:1rem;transform:none!important}:is(.beer,beer-css) .slider.max>span:not([class]){inset:0 var(--_end) 0 var(--_start);color:inherit;background:currentColor;border-radius:0;block-size:auto!important}:is(.beer,beer-css) .slider.max.vertical>span:not([class]){inset:var(--_end) 0 var(--_start) 0}:is(.beer,beer-css) .slider>input:focus-visible::-webkit-slider-thumb{outline:.1875rem solid var(--primary);outline-offset:.25rem}:is(.beer,beer-css) .slider>input:focus-visible::-moz-range-thumb{outline:.1875rem solid var(--primary);outline-offset:.25rem}:is(.beer,beer-css) .slider.max>input:focus-visible{outline:.1875rem solid var(--primary);outline-offset:-.125rem}@media (pointer:coarse){:is(.beer,beer-css) .slider>:hover~.tooltip{opacity:1!important;visibility:visible!important;inset-block:-1rem auto!important}:is(.beer,beer-css) .slider>:hover~.tooltip.bottom{inset-block:auto -1rem!important}}: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)}:is(.beer,beer-css) .snackbar.top{inset:6rem auto auto 50%}:is(.beer,beer-css) .snackbar.active{visibility:visible;opacity:1;transform:translate(-50%)}:is(.beer,beer-css) .snackbar:popover-open{visibility:visible;opacity:1;transform:translate(-50%)}:is(.beer,beer-css) .snackbar>.max{flex:auto}@media only screen and (min-width:993px){:is(.beer,beer-css) .snackbar{inline-size:40%}}:is(.beer,beer-css) table{border-spacing:0;text-align:start;inline-size:100%;font-size:.875rem}:is(.beer,beer-css) .scroll>table,:is(.beer,beer-css) table :is(thead,tbody,tfoot,tr,th,td){background-color:inherit;color:inherit}:is(.beer,beer-css) :is(th,td){inline-size:auto;text-align:inherit;border-radius:0;padding:.5rem}:is(.beer,beer-css) :is(th,td)>*{vertical-align:middle}:is(.beer,beer-css) table.border>tbody>tr:not(:last-child)>td,:is(.beer,beer-css) thead>tr>th{border-block-end:.0625rem solid var(--outline)}:is(.beer,beer-css) tfoot>tr>th{border-block-start:.0625rem solid var(--outline)}:is(.beer,beer-css) table.stripes>tbody>tr:nth-child(odd){background-color:var(--active)}:is(.beer,beer-css) table.no-space :is(th,td){padding:0}:is(.beer,beer-css) table.medium-space :is(th,td){padding:.75rem}:is(.beer,beer-css) table.large-space :is(th,td){padding:1rem}:is(.beer,beer-css) table>.fixed,:is(.beer,beer-css) th.fixed{z-index:1;position:sticky;inset-block-start:0}:is(.beer,beer-css) tfoot th.fixed,:is(.beer,beer-css) tfoot.fixed{inset-block-end:0}:is(.beer,beer-css) :is(td,th).min{white-space:nowrap;inline-size:.1%}:is(.beer,beer-css) .tabs{white-space:nowrap;border-block-end:.0625rem solid var(--surface-variant);border-radius:0;display:flex}:is(.beer,beer-css) .tabs:not(.left-align,.right-align,.center-align){justify-content:space-around}:is(.beer,beer-css) .tabs>a{color:var(--on-surface-variant);text-align:center;gap:.25rem;min-block-size:3rem;inline-size:100%;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}:is(.beer,beer-css) .tabs.small>a{min-block-size:2rem}:is(.beer,beer-css) .tabs.large>a{min-block-size:4rem}:is(.beer,beer-css) .tabs>a.active,:is(.beer,beer-css) .tabs>a.active>i{color:var(--primary)}:is(.beer,beer-css) .tabs>a.active:before{content:"";background-color:var(--primary);block-size:.125rem;position:absolute;inset:auto 0 0}:is(.beer,beer-css) .tabs.min>a.active:before{max-inline-size:min(100%,4rem);margin:0 auto}:is(.beer,beer-css) .tabs:is(.left-align,.center-align,.right-align)>a{inline-size:auto}:is(.beer,beer-css) .tooltip{--_space:-.5rem;background-color:var(--inverse-surface);color:var(--inverse-on-surface);text-align:center;z-index:200;white-space:nowrap;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)}:is(.beer,beer-css) .tooltip,:is(.beer,beer-css) .tooltip:not(.max):hover{visibility:hidden;opacity:0}:is(.beer,beer-css) .tooltip.left{inset:50% auto auto 0;transform:translate(-100%,-50%)scale(.9)}:is(.beer,beer-css) .tooltip.right{inset:50% 0 auto auto;transform:translate(100%,-50%)scale(.9)}:is(.beer,beer-css) .tooltip.bottom{inset:auto auto 0 50%;transform:translate(-50%,100%)scale(.9)}:is(.beer,beer-css) .tooltip.small{white-space:normal;inline-size:8rem}:is(.beer,beer-css) .tooltip.medium{white-space:normal;inline-size:12rem}:is(.beer,beer-css) .tooltip.large{white-space:normal;inline-size:16rem}:is(.beer,beer-css) :hover>.tooltip{visibility:visible;opacity:1;transform:translate(-50%,-100%)scale(1)}:is(.beer,beer-css) :hover>.tooltip.left{transform:translate(-100%,-50%)scale(1)}:is(.beer,beer-css) :hover>.tooltip.right{transform:translate(100%,-50%)scale(1)}:is(.beer,beer-css) :hover>.tooltip.bottom{transform:translate(-50%,100%)scale(1)}:is(.beer,beer-css) .tooltip.no-space{--_space:0}:is(.beer,beer-css) .tooltip.medium-space{--_space:-1rem}:is(.beer,beer-css) .tooltip.large-space{--_space:-1.5rem}:is(.beer,beer-css) .tooltip:not(.left,.right,.bottom){margin-block-start:var(--_space)!important}:is(.beer,beer-css) .tooltip.left,:is(.beer,beer-css) .tooltip.right{margin-inline:var(--_space)!important}:is(.beer,beer-css) .tooltip.bottom{margin-block-end:var(--_space)!important}:is(.beer,beer-css) .field>:focus~menu~.tooltip,:is(.beer,beer-css) :is(button,.button):focus>menu~.tooltip,:is(.beer,beer-css) menu:active~.tooltip{visibility:hidden}:is(.beer,beer-css) .slider>.tooltip{--_space:-1.25rem}:is(.beer,beer-css) .slider.vertical>.tooltip{--_space:-.75rem}:is(.beer,beer-css) .slider.vertical>.tooltip:is(.left,.right){--_space:-.5rem}:is(.beer,beer-css) .tooltip.max{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,:is(.beer,beer-css) .h2,:is(.beer,beer-css) .h3,:is(.beer,beer-css) .h4,:is(.beer,beer-css) .h5,:is(.beer,beer-css) .h6,:is(.beer,beer-css) h1,:is(.beer,beer-css) h2,:is(.beer,beer-css) h3,:is(.beer,beer-css) h4,:is(.beer,beer-css) h5,:is(.beer,beer-css) h6{align-items:center;font-weight:400;line-height:normal;display:block}:is(.beer,beer-css) .h1,:is(.beer,beer-css) h1{font-size:3.5625rem}:is(.beer,beer-css) .h2,:is(.beer,beer-css) h2{font-size:2.8125rem}:is(.beer,beer-css) .h3,:is(.beer,beer-css) h3{font-size:2.25rem}:is(.beer,beer-css) .h4,:is(.beer,beer-css) h4{font-size:2rem}:is(.beer,beer-css) .h5,:is(.beer,beer-css) h5{font-size:1.75rem}:is(.beer,beer-css) .h6,:is(.beer,beer-css) h6{font-size:1.5rem}:is(.beer,beer-css) :is(h1,.h1).small{font-size:3.0625rem}:is(.beer,beer-css) :is(h2,.h2).small{font-size:2.3125rem}:is(.beer,beer-css) :is(h3,.h3).small{font-size:1.75rem}:is(.beer,beer-css) :is(h4,.h4).small{font-size:1.5rem}:is(.beer,beer-css) :is(h5,.h5).small{font-size:1.25rem}:is(.beer,beer-css) :is(h6,.h6).small{font-size:1rem}:is(.beer,beer-css) :is(h1,.h1).large{font-size:4.0625rem}:is(.beer,beer-css) :is(h2,.h2).large{font-size:3.3125rem}:is(.beer,beer-css) :is(h3,.h3).large{font-size:2.75rem}:is(.beer,beer-css) :is(h4,.h4).large{font-size:2.5rem}:is(.beer,beer-css) :is(h5,.h5).large{font-size:2.25rem}:is(.beer,beer-css) :is(h6,.h6).large{font-size:2rem}:is(.beer,beer-css) .link{color:var(--primary)!important}:is(.beer,beer-css) .inverse-link{color:var(--inverse-primary)!important}:is(.beer,beer-css) .truncate{text-overflow:ellipsis;flex:inherit;overflow:hidden}:is(.beer,beer-css) .truncate,:is(.beer,beer-css) .truncate>*{white-space:nowrap!important}:is(.beer,beer-css) .small-text{font-size:.75rem}:is(.beer,beer-css) .medium-text{font-size:.875rem}:is(.beer,beer-css) .large-text{font-size:1rem}:is(.beer,beer-css) .upper{text-transform:uppercase}:is(.beer,beer-css) .lower{text-transform:lowercase}:is(.beer,beer-css) .capitalize{text-transform:capitalize}:is(.beer,beer-css) .bold{font-weight:700}:is(.beer,beer-css) .overline{text-decoration:line-through}:is(.beer,beer-css) .underline{text-decoration:underline}:is(.beer,beer-css) .italic{font-style:italic}:is(.beer,beer-css) p{margin:.5rem 0}:is(.beer,beer-css) .no-line{line-height:normal}:is(.beer,beer-css) .tiny-line{line-height:1.25rem}:is(.beer,beer-css) .small-line{line-height:1.5rem}:is(.beer,beer-css) .medium-line{line-height:1.75rem}:is(.beer,beer-css) .large-line{line-height:2rem}:is(.beer,beer-css) .extra-line{line-height:2.25rem}:is(.beer,beer-css) pre{background-color:var(--surface-container);white-space:pre-wrap}:is(.beer,beer-css) blockquote,:is(.beer,beer-css) pre{border-inline-start:.25rem solid var(--primary);border-radius:0;padding:1rem;font-family:inherit}:is(.beer,beer-css) code{background-color:var(--surface-container);white-space:pre-wrap;border-radius:0;padding:.25rem}:is(.beer,beer-css) blockquote>code,:is(.beer,beer-css) pre>code{padding:0}:is(.beer,beer-css) .scroll>code{white-space:pre}:is(.beer,beer-css) pre:has(>code){text-align:start;direction:ltr}:is(.beer,beer-css) sub{vertical-align:sub}:is(.beer,beer-css) sup{vertical-align:super}:is(.beer,beer-css){overflow:unset;display:block}:is(.beer,beer-css):not(.light,.dark){background:0 0}:root{--font:"DM Sans Variable", "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--green:#1db954;--green-hover:#1ed760;--on-green:#0b0b0b;--deck:#121212;--deck-2:#181818;--deck-3:#242424;--deck-4:#2e2e2e;--deck-ink:#fff;--deck-ink-2:#a7a7a7;--ground:#fff;--list:#f4f6f4;--list-hover:#ebefec;--list-selected:#ddf3e5;--sunk:#e9ecea;--sunk-2:#dfe3e0;--ink:#121212;--ink-2:#545c56;--ink-3:#69706b;--green-ink:#0f7a37;--focus:#0f7a37;--amber:#f59b23;--amber-ink:#8a4e00;--amber-soft:#fdf1df;--red:#e22134;--red-ink:#b3121f;--red-soft:#fce9eb;--info-soft:#e8f1ec;--scrim:#00000073;--shadow-pop:0 12px 32px -8px #00000047, 0 2px 6px #0000001f;--r-pill:999px;--r-box:8px;--r-sm:6px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--rail-w:252px;--list-w:448px;--dock-h:64px;--row-h:64px;--ease:cubic-bezier(.16, 1, .3, 1);--t-fast:.15s;--t:.22s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-density=compact]{--row-h:48px}:root[data-theme=dark]{--deck:#000;--deck-2:#0b0b0b;--deck-3:#1f1f1f;--deck-4:#2a2a2a;--ground:#121212;--list:#181818;--list-hover:#222;--list-selected:#15301f;--sunk:#242424;--sunk-2:#2e2e2e;--ink:#fff;--ink-2:#b3b3b3;--ink-3:#9a9a9a;--green-ink:#1ed760;--focus:#1ed760;--amber-ink:#ffb547;--amber-soft:#2e2210;--red-ink:#ff5b69;--red-soft:#33141a;--info-soft:#1a2a20;--scrim:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (max-width:1440px){:root{--rail-w:232px;--list-w:400px}}:is(.beer,beer-css).beer,:is(.beer,beer-css).beer.dark{--font:"DM Sans Variable", "DM Sans", system-ui, sans-serif;--font-icon:"Material Symbols Rounded";--primary:var(--green);--on-primary:var(--on-green);--primary-container:var(--list-selected);--on-primary-container:var(--ink);--secondary:var(--ink-2);--on-secondary:var(--ground);--secondary-container:var(--sunk);--on-secondary-container:var(--ink);--tertiary:var(--amber);--on-tertiary:var(--on-green);--tertiary-container:var(--amber-soft);--on-tertiary-container:var(--ink);--error:var(--red-ink);--on-error:#fff;--error-container:var(--red-soft);--on-error-container:var(--ink);--background:var(--ground);--on-background:var(--ink);--surface:var(--ground);--on-surface:var(--ink);--surface-variant:var(--list);--on-surface-variant:var(--ink-2);--surface-dim:var(--sunk);--surface-bright:var(--ground);--surface-container-lowest:var(--ground);--surface-container-low:var(--list);--surface-container:var(--list);--surface-container-high:var(--sunk);--surface-container-highest:var(--sunk-2);--outline:var(--ink-3);--outline-variant:var(--sunk-2);--shadow:#00000047;--inverse-surface:var(--deck-2);--inverse-on-surface:var(--deck-ink);--inverse-primary:var(--green-ink)}.deck :is(.beer,beer-css).beer{--surface:var(--deck-2);--on-surface:var(--deck-ink);--surface-container:var(--deck-2);--surface-container-high:var(--deck-3);--on-surface-variant:var(--deck-ink-2);--outline-variant:var(--deck-3)}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%}body{font:400 14px/1.45 var(--font);font-optical-sizing:auto;color:var(--ink);background:var(--ground);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;caret-color:var(--green);margin:0}::selection{color:inherit;background:#1db95452}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--green-ink);text-underline-offset:3px;text-decoration-thickness:1px}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}.mono,time,.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:var(--sunk-2) transparent}.deck *{scrollbar-color:var(--deck-4) transparent}.deck{--focus:var(--green)}.ic{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;letter-spacing:normal;text-transform:none;white-space:nowrap;-webkit-user-select:none;user-select:none;direction:ltr;flex:none;width:1em;height:1em;font-family:Material Symbols Rounded;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-block;overflow:hidden}.ic.fill{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.ic.sm{font-size:18px}.ic.lg{font-size:24px}.btn{justify-content:center;align-items:center;gap:var(--s2);height:36px;padding:0 var(--s4);border-radius:var(--r-pill);letter-spacing:.01em;background:var(--sunk);color:var(--ink);transition:background var(--t-fast), transform var(--t-fast) var(--ease), color var(--t-fast);white-space:nowrap;border:0;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:var(--sunk-2)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.primary{background:var(--green);color:var(--on-green)}.btn.primary:hover{background:var(--green-hover);transform:scale(1.04)}.btn.ghost{color:var(--ink-2);background:0 0}.btn.ghost:hover{background:var(--list-hover);color:var(--ink)}.btn.danger{color:var(--red-ink);background:0 0}.btn.danger:hover{background:var(--red-soft)}.btn.outline{box-shadow:inset 0 0 0 1px var(--sunk-2);background:0 0}.btn.outline:hover{box-shadow:inset 0 0 0 1px var(--ink-3);background:0 0}.btn.sm{height:30px;padding:0 var(--s3);font-size:13px}.btn.lg{height:48px;padding:0 var(--s5);font-size:16px}.icon-btn{width:36px;height:36px;color:var(--ink-2);transition:background var(--t-fast), color var(--t-fast);background:0 0;border:0;border-radius:50%;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--list-hover);color:var(--ink)}.icon-btn[aria-pressed=true]{color:var(--green-ink)}.icon-btn.star[aria-pressed=true] .ic{color:var(--amber);font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.kbd{min-width:18px;height:18px;font:500 11px/1 var(--mono);background:var(--deck-4);color:var(--deck-ink-2);border-radius:4px;place-items:center;padding:0 4px;display:inline-grid}.shell{grid-template-columns:var(--rail-w) var(--list-w) minmax(0, 1fr);grid-template-rows:minmax(0, 1fr) var(--dock-h);grid-template-areas:"rail list pane""rail dock dock";height:100%;display:grid;overflow:hidden}.shell.wide{grid-template-columns:var(--rail-w) minmax(0, 1fr);grid-template-areas:"rail pane""rail pane"}.rail{background:var(--deck);min-height:0;color:var(--deck-ink);padding:var(--s4) var(--s3) var(--s3);flex-direction:column;grid-area:rail;display:flex}.account{align-items:center;gap:var(--s3);padding:var(--s2);border-radius:var(--r-box);display:flex}.account .who{flex-direction:column;min-width:0;display:flex}.account .name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.account .addr{font:400 12px/1.3 var(--mono);color:var(--deck-ink-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.avatar{letter-spacing:.02em;background:var(--av,#2e2e2e);color:#fff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:inline-grid}.avatar.me{background:var(--green);color:var(--on-green)}.compose-btn{align-items:center;gap:var(--s3);margin:var(--s4) var(--s1) var(--s4);height:52px;padding:0 var(--s5) 0 var(--s2);border-radius:var(--r-pill);background:var(--deck-3);color:var(--deck-ink);transition:background var(--t-fast);border:0;font-size:15px;font-weight:700;display:flex}.compose-btn .play{background:var(--green);width:40px;height:40px;color:var(--on-green);transition:transform var(--t-fast) var(--ease), background var(--t-fast);border-radius:50%;place-items:center;display:grid}.compose-btn:hover{background:var(--deck-4)}.compose-btn:hover .play{background:var(--green-hover);transform:scale(1.04)}.compose-btn .kbd{margin-left:auto}.nav{min-height:0;margin:0 calc(-1 * var(--s1));padding:0 var(--s1);flex-direction:column;gap:2px;display:flex;overflow-y:auto}.nav-label{margin:var(--s4) var(--s3) var(--s2);letter-spacing:.1em;text-transform:uppercase;color:var(--deck-ink-2);font-size:11px;font-weight:700}.nav-item{align-items:center;gap:var(--s3);height:40px;padding:0 var(--s3);border-radius:var(--r-sm);color:var(--deck-ink-2);transition:background var(--t-fast), color var(--t-fast);font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--deck-2);color:var(--deck-ink)}.nav-item[aria-current=page]{background:var(--deck-3);color:var(--deck-ink)}.nav-item[aria-current=page] .ic{color:var(--green)}.nav-item .count{font:500 12px/1 var(--mono);color:var(--deck-ink);margin-left:auto}.nav-item .count.quiet{color:var(--deck-ink-2);font-weight:400}.nav-item.unread .lbl{color:var(--deck-ink);font-weight:700}.rail-foot{padding-top:var(--s3);flex-direction:column;gap:2px;margin-top:auto;display:flex}.sample-tag{margin:var(--s2) var(--s3) 0;color:var(--deck-ink-2);align-items:center;gap:var(--s2);font-size:11px;display:flex}.sample-tag:before{content:"";background:var(--amber);border-radius:50%;width:6px;height:6px}.list-col{background:var(--list);flex-direction:column;grid-area:list;min-height:0;display:flex}.list-head{padding:var(--s4) var(--s4) var(--s2);gap:var(--s3);flex-direction:column;display:flex}.list-title{align-items:baseline;gap:var(--s3);display:flex}.list-title h1{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800}.list-title .sub{color:var(--ink-2);font-size:13px}.list-title .sub b{color:var(--green-ink);font-weight:700}.list-title .spacer{flex:1}.search{align-items:center;gap:var(--s2);height:40px;padding:0 var(--s2) 0 var(--s3);border-radius:var(--r-pill);background:var(--ground);transition:box-shadow var(--t-fast);display:flex;box-shadow:inset 0 0 0 1px #0000}.search:focus-within{box-shadow:inset 0 0 0 2px var(--focus)}.search input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%}.search input::placeholder,.search .ic{color:var(--ink-3)}:root[data-theme=dark] .search{background:var(--sunk)}.chips{scrollbar-width:none;gap:6px;padding-right:32px;scroll-padding-inline-end:40px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000)}.chip{border-radius:var(--r-pill);background:var(--sunk);height:32px;color:var(--ink);white-space:nowrap;transition:background var(--t-fast), color var(--t-fast);border:0;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}.chip:hover{background:var(--sunk-2)}.chip[aria-pressed=true]{background:var(--ink);color:var(--ground)}.chip .num{opacity:.75;font-size:12px}.list-tools{align-items:center;gap:var(--s1);padding:0 var(--s2) 0 var(--s3);min-height:36px;color:var(--ink-2);font-size:13px;display:flex}.list-tools .spacer{flex:1}.sel-cancel{display:none}.select-all{align-items:center;gap:var(--s2);color:var(--ink-2);background:0 0;border:0;border-radius:4px;padding:4px;display:inline-flex}.msg-list{padding:0 0 var(--s4);flex:1;min-height:0;margin:0;list-style:none;overflow-y:auto}.group-label{z-index:1;padding:var(--s3) var(--s4) var(--s1);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);background:var(--list);font-size:11px;font-weight:700;position:sticky;top:0}.row{--av:#3a3a3a;column-gap:var(--s3);min-height:var(--row-h);margin:0 var(--s2);padding:var(--s2) var(--s3) var(--s2) var(--s2);border-radius:var(--r-box);cursor:pointer;transition:background var(--t-fast), opacity .16s var(--ease), transform var(--t) var(--ease), height .2s var(--ease), min-height .2s var(--ease), padding .2s var(--ease);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;display:grid;position:relative}.row:hover{background:var(--list-hover)}.row[aria-current=true]{background:var(--ground);box-shadow:0 1px 2px #0000000f}:root[data-theme=dark] .row[aria-current=true]{background:var(--sunk)}.row.is-selected{background:var(--list-selected)}.row.is-focus:after{content:"";border-radius:var(--r-box);box-shadow:inset 0 0 0 2px var(--focus);pointer-events:none;position:absolute;inset:0}.row .lead{width:36px;height:36px;position:relative}.row .lead .avatar{transition:opacity var(--t-fast), transform var(--t-fast) var(--ease);position:absolute;inset:0}.row .check{background:var(--ground);color:var(--ink);opacity:0;transition:opacity var(--t-fast), transform var(--t-fast) var(--ease), background var(--t-fast);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0;transform:scale(.8)}:root[data-theme=dark] .row .check{background:var(--sunk-2)}.row:hover .lead .avatar,.row.is-selected .lead .avatar,.shell.selecting .row .lead .avatar{opacity:0;transform:scale(.8)}.row:hover .check,.row.is-selected .check,.shell.selecting .row .check{opacity:1;transform:scale(1)}.row.is-selected .check{background:var(--green);color:var(--on-green)}.row .check:focus-visible{opacity:1;transform:scale(1)}.row .body{flex-direction:column;gap:1px;min-width:0;display:flex}.row .from{min-width:0;color:var(--ink-2);align-items:center;gap:6px;font-size:14px;display:flex}.row .from .nm{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row .subj{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.row .subj .snip{color:var(--ink-3)}.row.unread .from{color:var(--ink);font-weight:700}.row.unread .subj{color:var(--ink);font-weight:500}.row .meta{flex-direction:column;align-self:start;align-items:flex-end;gap:4px;padding-top:2px;display:flex}.row time{color:var(--ink-3);font-size:12px}.row.unread time{color:var(--green-ink);font-weight:500}.row .flags{color:var(--ink-3);gap:2px;height:18px;display:flex}.row .flags .ic{font-size:16px}.row .flags .star{color:var(--amber);font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20}.row .flags .prio{color:var(--red-ink)}.dot{background:var(--green);border-radius:50%;flex:none;width:8px;height:8px}.row:not(.unread) .dot{display:none}.tag-ext{color:var(--amber-ink);background:var(--amber-soft);border-radius:4px;flex:none;padding:1px 6px;font-size:11px;font-weight:700}:root[data-density=compact] .row .subj .snip{display:none}:root[data-density=compact] .row{grid-template-columns:32px minmax(180px,34%) minmax(0,1fr) auto}:root[data-density=compact] .row .lead{width:28px;height:28px}:root[data-density=compact] .row .avatar{width:28px;height:28px;font-size:11px}:root[data-density=compact] .row .body{display:contents}:root[data-density=compact] .row .meta{align-self:center;align-items:center;gap:var(--s2);flex-direction:row-reverse;padding:0}.row.leaving{opacity:0;min-height:0;padding-top:0;padding-bottom:0;overflow:hidden;transform:translate(-12px);height:0!important}.empty{padding:var(--s7) var(--s5);text-align:center;color:var(--ink-2)}.empty .ic{color:var(--green-ink);font-size:40px}.empty h2{margin:var(--s3) 0 var(--s2);color:var(--ink);font-size:18px}.empty p{margin:0 auto var(--s4);max-width:34ch}.pane{background:var(--ground);flex-direction:column;grid-area:pane;min-width:0;min-height:0;display:flex}.pane-bar{align-items:center;gap:var(--s1);padding:var(--s3) var(--s4) 0;min-height:52px;display:flex}.pane-bar .spacer{flex:1}.pane-bar .back{display:none}.read{flex-direction:column;flex:1;min-height:0;display:flex}.read-head{padding:var(--s2) var(--s6) var(--s4)}.read-head h2{margin:0 0 var(--s4);letter-spacing:-.015em;text-wrap:balance;max-width:40ch;font-size:24px;font-weight:700;line-height:1.25}.prio-tag{margin-bottom:var(--s2);color:var(--red-ink);align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.sender{gap:var(--s3);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;display:grid}.sender .avatar{width:40px;height:40px;font-size:14px}.sender .nm{align-items:center;gap:var(--s2);flex-wrap:wrap;font-weight:700;display:flex}.sender .addr{font:400 12px/1.3 var(--mono);color:var(--ink-2);font-weight:400}.sender .to{color:var(--ink-2);margin-top:2px;font-size:13px}.sender .to button{color:var(--green-ink);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.sender time{color:var(--ink-2);text-align:right;font-size:12px}.details{margin-top:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-box);background:var(--list);gap:4px var(--s4);grid-template-columns:max-content 1fr;font-size:13px;display:grid}.details dt{color:var(--ink-2)}.details dd{font-family:var(--mono);word-break:break-all;margin:0;font-size:12px}.notice{align-items:center;gap:var(--s3);margin:0 var(--s6) var(--s3);padding:var(--s2) var(--s2) var(--s2) var(--s4);border-radius:var(--r-box);background:var(--info-soft);flex-wrap:wrap;font-size:13px;display:flex}.notice .ic{color:var(--green-ink)}.notice .txt{flex:1;min-width:200px}.notice.warn{background:var(--amber-soft)}.notice.warn .ic{color:var(--amber-ink)}.frame-wrap{min-height:240px;margin:0 var(--s6);flex-direction:column;flex:1;display:flex}.frame-wrap iframe{border-radius:var(--r-box);background:#fff;border:0;flex:1;width:100%}.plain{margin:0 var(--s6);white-space:pre-wrap;flex:1;max-width:38em;font-size:15px;line-height:1.6;overflow:auto}.plain blockquote{margin:var(--s3) 0;padding-left:var(--s4);color:var(--ink-2);box-shadow:inset 2px 0 0 var(--sunk-2)}.attach{padding:var(--s4) var(--s6);gap:var(--s3);flex-direction:column;display:flex}.attach-head{align-items:center;gap:var(--s3);color:var(--ink-2);font-size:13px;display:flex}.attach-head b{color:var(--ink)}.attach-head .spacer{flex:1}.files{gap:var(--s2);flex-wrap:wrap;display:flex}.file{align-items:center;gap:var(--s3);width:244px;padding:var(--s2) var(--s3) var(--s2) var(--s2);border-radius:var(--r-box);background:var(--list);color:var(--ink);transition:background var(--t-fast);text-decoration:none;display:flex}.file:hover{background:var(--list-hover)}.file .ft{background:var(--ft,#2e2e2e);color:#fff;width:40px;height:40px;font:700 10px/1 var(--mono);letter-spacing:.04em;border-radius:6px;flex:none;place-items:center;display:grid}.file .fn,.file .fs{display:block}.file .fn{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.file .fs{font:400 12px/1.2 var(--mono);color:var(--ink-2)}.file .fi{flex:1;min-width:0}.vcard{align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r-box);background:var(--info-soft);max-width:520px;display:flex}.vcard .who{flex:1;min-width:0}.vcard .who b{display:block}.vcard .who span{font:400 12px/1.3 var(--mono);color:var(--ink-2)}.quick-reply{margin:0 var(--s6) var(--s4);gap:var(--s2);display:flex}.no-msg{text-align:center;color:var(--ink-2);padding:var(--s6);flex:1;place-items:center;display:grid}.no-msg .big{letter-spacing:-.04em;color:var(--ink);font-size:56px;font-weight:800;line-height:1}.no-msg .big span{color:var(--green-ink)}.no-msg p{margin:var(--s3) 0 var(--s5)}.shortcuts{gap:var(--s2) var(--s4);text-align:left;grid-template-columns:auto auto;justify-content:center;font-size:13px;display:grid}.shortcuts .kbd{background:var(--sunk);color:var(--ink)}.dock{align-items:center;gap:var(--s4);padding:0 var(--s4);background:var(--deck-2);color:var(--deck-ink);grid-area:dock;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid;position:relative}.dock:before{content:"";background:var(--deck-3);height:2px;position:absolute;top:0;left:0;right:0}.dock .now{align-items:center;gap:var(--s3);min-width:0;display:flex}.dock .now .avatar{border-radius:6px;width:40px;height:40px}.dock .now .t{min-width:0}.dock .now .t b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.dock .now .t span{color:var(--deck-ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.dock .sel-count{align-items:center;gap:var(--s3);display:flex}.dock .sel-count .n{min-width:40px;height:40px;padding:0 var(--s2);background:var(--green);color:var(--on-green);font:700 15px/1 var(--mono);border-radius:50%;place-items:center;display:grid}.dock .acts{align-items:center;gap:2px;display:flex}.dock .act{height:40px;padding:0 var(--s3);border-radius:var(--r-pill);color:var(--deck-ink-2);transition:background var(--t-fast), color var(--t-fast);background:0 0;border:0;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.dock .act:hover{background:var(--deck-3);color:var(--deck-ink)}.dock .act .kbd{background:var(--deck-3)}.dock .act:hover .kbd{background:var(--deck-4)}.dock .act.main{background:var(--green);color:var(--on-green);padding:0 var(--s4);transition:background var(--t-fast), transform var(--t-fast) var(--ease);font-weight:700}.dock .act.main:hover{background:var(--green-hover);transform:scale(1.04)}.dock .pop .n{animation:count-pop .26s var(--ease)}@keyframes count-pop{0%{transform:scale(.7)}60%{transform:scale(1.12)}to{transform:scale(1)}}.dock .act.main .kbd{color:var(--on-green);background:#00000029}.dock .act.del:hover{color:#ff6b78}.dock .meter{justify-self:end;align-items:center;gap:var(--s3);color:var(--deck-ink-2);font-size:12px;display:flex}.dock .meter .bar{background:var(--deck-4);border-radius:2px;width:120px;height:4px;overflow:hidden}.dock .meter .bar i{background:var(--green);height:100%;transition:width var(--t) var(--ease);border-radius:2px;display:block}.dock .meter b{color:var(--deck-ink);font:500 12px/1 var(--mono)}.dock .icon-btn{color:var(--deck-ink-2)}.dock .icon-btn:hover{background:var(--deck-3);color:var(--deck-ink)}.dock-swap{animation:dock-in var(--t) var(--ease)}@keyframes dock-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.menu{z-index:50;min-width:220px;max-height:60vh;padding:var(--s2);border-radius:var(--r-box);background:var(--deck-2);color:var(--deck-ink);box-shadow:var(--shadow-pop);position:fixed;overflow:auto}.menu button{align-items:center;gap:var(--s3);width:100%;height:36px;padding:0 var(--s3);border-radius:var(--r-sm);color:var(--deck-ink-2);text-align:left;background:0 0;border:0;display:flex}.menu button:hover,.menu button:focus-visible{background:var(--deck-3);color:var(--deck-ink);outline:none}.menu hr{background:var(--deck-3);height:1px;margin:var(--s1) 0;border:0}.toast{z-index:60;left:50%;bottom:calc(var(--dock-h) + var(--s4));align-items:center;gap:var(--s4);padding:var(--s2) var(--s2) var(--s2) var(--s4);border-radius:var(--r-pill);background:var(--deck-3);color:var(--deck-ink);box-shadow:var(--shadow-pop);animation:dock-in var(--t) var(--ease);font-size:14px;display:flex;position:fixed;transform:translate(-50%)}.toast[hidden]{display:none}.toast button{color:var(--green);height:32px;padding:0 var(--s3);border-radius:var(--r-pill);background:0 0;border:0;font-weight:700}.toast button:hover{background:var(--deck-4)}.sheet-scrim{z-index:70;background:var(--scrim);padding:var(--s4);place-items:center;display:grid;position:fixed;inset:0}.sheet{background:var(--deck-2);width:min(560px,100%);max-height:86vh;color:var(--deck-ink);padding:var(--s5);box-shadow:var(--shadow-pop);border-radius:12px;overflow:auto}.sheet h2{margin:0 0 var(--s4);font-size:20px}.sheet dl{gap:var(--s2) var(--s5);grid-template-columns:auto 1fr;margin:0;font-size:14px;display:grid}.sheet dt{gap:4px;display:flex}.sheet dd{color:var(--deck-ink-2);margin:0}.sheet .foot{margin-top:var(--s5);justify-content:flex-end;display:flex}.compose{flex-direction:column;flex:1;min-height:0;display:flex}.compose-head{align-items:center;gap:var(--s3);padding:var(--s4) var(--s6) var(--s2);display:flex}.compose-head h2{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800}.compose-head .saved{color:var(--ink-2);align-items:center;gap:6px;font-size:12px;display:flex}.compose-head .spacer{flex:1}.fields{margin:0 var(--s6);border-radius:var(--r-box);background:var(--list)}.field{align-items:center;gap:var(--s3);min-height:48px;padding:0 var(--s3) 0 var(--s4);grid-template-columns:72px minmax(0,1fr) auto;display:grid}.field+.field{box-shadow:0 -1px 0 var(--ground)}.field label{color:var(--ink-2);font-size:13px}.field input{background:0 0;border:0;outline:none;min-width:0;height:44px}.field input::placeholder{color:var(--ink-3)}.from-id{align-items:center;gap:var(--s3);min-width:0;display:flex}.from-id .avatar{width:28px;height:28px;font-size:11px}.from-id b{white-space:nowrap}.from-id .mono{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.lock{color:var(--ink-2);align-items:center;gap:4px;font-size:12px;display:inline-flex}.recips{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;padding:6px 0;display:flex}.recips input{flex:1;min-width:140px;height:32px}.pill{border-radius:var(--r-pill);background:var(--ground);align-items:center;gap:6px;height:28px;padding:0 4px;font-size:13px;display:inline-flex}:root[data-theme=dark] .pill{background:var(--sunk-2)}.pill .avatar{width:20px;height:20px;font-size:9px}.pill.ext{box-shadow:inset 0 0 0 1px var(--amber)}.pill button{width:20px;height:20px;color:var(--ink-2);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.pill button:hover{background:var(--sunk);color:var(--ink)}.pill button .ic{font-size:16px}.suggest{margin:0 var(--s6);position:relative}.suggest ul{z-index:5;width:min(420px,100% - 88px);padding:var(--s2);border-radius:var(--r-box);background:var(--deck-2);color:var(--deck-ink);box-shadow:var(--shadow-pop);margin:0;list-style:none;position:absolute;top:4px;left:72px}.suggest li{align-items:center;gap:var(--s3);padding:6px var(--s2);border-radius:var(--r-sm);cursor:pointer;display:flex}.suggest li:hover,.suggest li.on{background:var(--deck-3)}.suggest li span{font:400 12px/1.2 var(--mono);color:var(--deck-ink-2)}.toolbar{margin:var(--s3) var(--s6) 0;border-radius:var(--r-pill);background:var(--list);align-items:center;gap:2px;width:max-content;max-width:calc(100% - 64px);padding:4px;display:flex;overflow-x:auto}.toolbar .icon-btn{width:32px;height:32px}.toolbar .sep{background:var(--sunk-2);width:1px;height:20px;margin:0 4px}.editor{min-height:160px;margin:var(--s3) var(--s6) 0;padding:var(--s3) var(--s1);outline:none;flex:1;max-width:40em;font-size:15px;line-height:1.6;overflow:auto}.editor:empty:before{content:attr(data-placeholder);color:var(--ink-3)}.editor .sig{color:var(--ink-2);margin-top:var(--s5);font-size:14px}.editor .sig:before{content:"-- ";display:block}.editor blockquote{margin:var(--s4) 0 0;padding-left:var(--s4);color:var(--ink-2);box-shadow:inset 2px 0 0 var(--sunk-2);font-size:14px}.compose-files{gap:var(--s2);margin:var(--s3) var(--s6) 0;flex-wrap:wrap;display:flex}.drop{margin:var(--s3) var(--s6) 0;padding:var(--s3);border-radius:var(--r-box);text-align:center;color:var(--ink-2);background:var(--list);outline:1px dashed var(--sunk-2);outline-offset:-1px;font-size:13px}.compose-foot{align-items:center;gap:var(--s2);padding:var(--s3) var(--s6) var(--s4);flex-wrap:wrap;display:flex}.compose-foot .spacer{flex:1}.limit{color:var(--ink-2);align-items:center;gap:6px;font-size:12px;display:flex}.send-btn{height:48px;padding:0 var(--s5) 0 var(--s4);font-size:15px}.send-btn .ic{font-size:22px}.page{background:var(--ground);grid-area:pane;grid-template-columns:340px minmax(0,1fr);min-height:0;display:grid}.page.single{grid-template-columns:1fr}.page-side{background:var(--list);flex-direction:column;min-height:0;display:flex}.page-main{min-height:0;padding:var(--s5) var(--s7) var(--s7);overflow:auto}.page-main h1{margin:0 0 var(--s1);letter-spacing:-.02em;font-size:28px;font-weight:800}.page-main .lede{margin:0 0 var(--s5);color:var(--ink-2);max-width:60ch}.page-main h2{margin:var(--s6) 0 var(--s3);font-size:16px;font-weight:700}.c-list{padding:0 var(--s2) var(--s4);flex:1;margin:0;list-style:none;overflow:auto}.c-row{align-items:center;gap:var(--s3);padding:var(--s2);border-radius:var(--r-box);cursor:pointer;display:flex}.c-row:hover{background:var(--list-hover)}.c-row[aria-current=true]{background:var(--ground)}:root[data-theme=dark] .c-row[aria-current=true]{background:var(--sunk)}.c-row .t{min-width:0}.c-row .t>b{white-space:nowrap;text-overflow:ellipsis;font-weight:500;display:block;overflow:hidden}.c-row .t>span{font:400 12px/1.3 var(--mono);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.c-hero{align-items:center;gap:var(--s5);margin-bottom:var(--s5);display:flex}.c-hero .avatar{width:88px;height:88px;font-size:30px}.kv{border-radius:var(--r-box);background:var(--list);grid-template-columns:160px minmax(0,1fr);gap:0;max-width:720px;display:grid;overflow:hidden}.kv>div{padding:var(--s3) var(--s4)}.kv>div:nth-child(odd){color:var(--ink-2);font-size:13px}.kv>div:nth-child(4n+1),.kv>div:nth-child(4n+2){background:color-mix(in srgb, var(--list) 60%, var(--ground))}.kv .mono{font-size:13px}.chip-row{gap:var(--s2);flex-wrap:wrap;display:flex}.tabs{padding:var(--s4) var(--s2);flex-direction:column;gap:2px;display:flex}.tab{align-items:center;gap:var(--s3);height:44px;padding:0 var(--s3);border-radius:var(--r-sm);color:var(--ink-2);font-weight:500;text-decoration:none;display:flex}.tab:hover{background:var(--list-hover);color:var(--ink)}.tab[aria-current=page]{background:var(--ground);color:var(--ink)}.tab[aria-current=page] .ic{color:var(--green-ink)}:root[data-theme=dark] .tab[aria-current=page]{background:var(--sunk)}.form{gap:var(--s4);flex-direction:column;max-width:560px;display:flex}.form-row{flex-direction:column;gap:6px;display:flex}.form-row>label,.form-row>.label{font-size:14px;font-weight:500}.form-row .hint{color:var(--ink-2);font-size:13px}.form-row .err{color:var(--red-ink);align-items:center;gap:6px;font-size:13px;display:flex}.input{height:44px;padding:0 var(--s4);border-radius:var(--r-box);background:var(--list);transition:box-shadow var(--t-fast), background var(--t-fast);border:0;outline:none;box-shadow:inset 0 0 0 1px #0000}.input:hover{background:var(--list-hover)}.input:focus{box-shadow:inset 0 0 0 2px var(--focus);background:var(--ground)}.input.bad{box-shadow:inset 0 0 0 2px var(--red)}textarea.input{height:auto;min-height:120px;padding:var(--s3) var(--s4);resize:vertical;line-height:1.5}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-2) 50%), linear-gradient(135deg, var(--ink-2) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px;padding-right:40px}.input-affix{border-radius:var(--r-box);background:var(--list);transition:box-shadow var(--t-fast);align-items:center;display:flex;box-shadow:inset 0 0 0 1px #0000}.input-affix:focus-within{box-shadow:inset 0 0 0 2px var(--focus);background:var(--ground)}.input-affix input{min-width:0;height:48px;padding:0 var(--s4);background:0 0;border:0;outline:none;flex:1;font-size:16px}.input-affix .affix{padding:0 var(--s4) 0 0;font:500 14px/1 var(--mono);color:var(--ink-2);white-space:nowrap}.input-affix .icon-btn{margin-right:4px}.meter-pw{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.meter-pw i{background:var(--sunk-2);border-radius:2px;height:4px}.meter-pw.l1 i:nth-child(-n+1){background:var(--red)}.meter-pw.l2 i:nth-child(-n+2){background:var(--amber)}.meter-pw.l3 i:nth-child(-n+3),.meter-pw.l4 i{background:var(--green)}.rules{color:var(--ink-2);gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.rules li{align-items:center;gap:6px;display:flex}.rules li.ok{color:var(--green-ink)}.rules .ic{font-size:16px}.seg{border-radius:var(--r-pill);background:var(--list);gap:2px;padding:4px;display:inline-flex}.seg button{height:36px;padding:0 var(--s4);border-radius:var(--r-pill);color:var(--ink-2);background:0 0;border:0;align-items:center;gap:6px;font-weight:500;display:inline-flex}.seg button[aria-pressed=true]{background:var(--ink);color:var(--ground)}.switch{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s3) 0;display:flex}.switch .t b{font-weight:500;display:block}.switch .t span{color:var(--ink-2);font-size:13px}.toggle{background:var(--sunk-2);width:44px;height:26px;transition:background var(--t-fast);border:0;border-radius:13px;flex:none;padding:0;position:relative}.toggle:after{content:"";width:20px;height:20px;transition:transform var(--t) var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.toggle[aria-checked=true]{background:var(--green)}.toggle[aria-checked=true]:after{transform:translate(18px)}.rule-card{align-items:center;gap:var(--s4);padding:var(--s3) var(--s3) var(--s3) var(--s4);border-radius:var(--r-box);background:var(--list);max-width:720px;display:flex}.rule-card+.rule-card{margin-top:var(--s2)}.rule-card .t{flex:1;min-width:0;font-size:14px}.rule-card .t span{color:var(--ink-2);font-size:13px;display:block}.rule-card code{font-family:var(--mono);background:var(--ground);border-radius:4px;padding:1px 6px;font-size:12px}:root[data-theme=dark] .rule-card code{background:var(--sunk-2)}.callout{gap:var(--s3);padding:var(--s4);border-radius:var(--r-box);background:var(--amber-soft);max-width:720px;font-size:14px;display:flex}.callout .ic{color:var(--amber-ink)}.callout p{margin:0}.callout p+p{color:var(--ink-2);margin-top:4px;font-size:13px}.sig-preview{padding:var(--s4);border-radius:var(--r-box);background:var(--list);max-width:560px;font-size:14px;line-height:1.5}.login{grid-template-columns:minmax(0,5fr) minmax(420px,4fr);min-height:100%;display:grid}.login-deck{background:var(--deck);color:var(--deck-ink);padding:var(--s6) var(--s7);flex-direction:column;display:flex;position:relative;overflow:hidden}.brand{align-items:center;gap:var(--s3);font-size:15px;font-weight:700;display:flex}.brand .mark{background:var(--green);width:36px;height:36px;color:var(--on-green);border-radius:50%;place-items:center;display:grid}.login-deck .domain{margin-top:auto}.login-deck h1{margin:var(--s3) 0 var(--s4);letter-spacing:-.04em;max-width:11ch;font-size:clamp(40px,5.2vw,72px);font-weight:800;line-height:.98}.login-deck h1 span{color:var(--green)}.login-deck p{max-width:46ch;color:var(--deck-ink-2);margin:0;font-size:15px}.inbox-ghost{margin-top:var(--s6);flex-direction:column;gap:6px;max-width:520px;display:flex}.inbox-ghost div{gap:var(--s3);height:44px;padding:0 var(--s3);border-radius:var(--r-box);background:var(--deck-2);color:var(--deck-ink-2);grid-template-columns:28px 1fr auto;align-items:center;font-size:13px;display:grid}.inbox-ghost div b{color:var(--deck-ink);font-weight:500}.inbox-ghost div time{font-size:11px}.inbox-ghost div:first-child{background:var(--deck-3)}.inbox-ghost .g{background:var(--green);border-radius:50%;justify-self:center;width:8px;height:8px}.inbox-ghost .o{background:var(--deck-4);border-radius:50%;justify-self:center;width:8px;height:8px}.login-form{padding:var(--s7) clamp(24px, 6vw, 88px);background:var(--ground);flex-direction:column;justify-content:center;display:flex}.login-form form{gap:var(--s4);flex-direction:column;width:100%;max-width:400px;display:flex}.login-form h2{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800}.login-form .lede{margin:0 0 var(--s2);color:var(--ink-2)}.turnstile{align-items:center;gap:var(--s3);height:64px;padding:0 var(--s4);border-radius:var(--r-box);background:var(--list);color:var(--ink-2);font-size:13px;display:flex}.turnstile .box{background:var(--green);width:24px;height:24px;color:var(--on-green);border-radius:4px;place-items:center;display:grid}.turnstile .ic{font-size:18px}.turnstile .cf{font:500 11px/1.2 var(--mono);text-align:right;margin-left:auto}.login-foot{margin-top:var(--s5);color:var(--ink-2);max-width:400px;font-size:13px}.sim-label{color:var(--deck-ink-2);align-items:center;gap:var(--s2);display:flex;margin:var(--s5) 0 var(--s2)!important;font-size:12px!important}.sim-label:before{content:"";background:var(--amber);border-radius:50%;width:6px;height:6px}.domain-pick{gap:var(--s2);flex-wrap:wrap;display:flex}.domain-pick button{height:28px;padding:0 var(--s3);border-radius:var(--r-pill);background:var(--deck-2);color:var(--deck-ink-2);font:500 12px/1 var(--mono);border:0}.domain-pick button[aria-pressed=true]{background:var(--deck-ink);color:var(--deck)}.login-error{gap:var(--s2);padding:var(--s3) var(--s4);border-radius:var(--r-box);background:var(--red-soft);color:var(--ink);align-items:flex-start;font-size:14px;display:flex}.login-error .ic{color:var(--red-ink)}.m-top,.m-fab,.scrim,.m-only{display:none}@media (max-width:1440px){.read-head,.notice,.frame-wrap,.plain,.attach,.quick-reply{margin-left:var(--s5);margin-right:var(--s5)}.read-head,.attach{padding-left:0;padding-right:0}.dock .act .lbl-long{display:none}.page-main{padding:var(--s5) var(--s6) var(--s6)}}@media (max-width:1240px){.dock .meter{display:none}.dock{grid-template-columns:minmax(0,1fr) auto}.dock .act .kbd{display:none}}@media (max-width:1080px){.shell{grid-template-columns:76px var(--list-w) minmax(0, 1fr)}.rail{padding:var(--s3) var(--s2);align-items:center}.rail .who,.rail .nav-label,.rail .lbl,.rail .count,.rail .sample-tag,.compose-btn .t,.compose-btn .kbd{display:none}.rail .nav-item{justify-content:center;width:52px;padding:0;position:relative}.rail .nav-item.unread:after{content:"";background:var(--green);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:10px}.compose-btn{width:52px;height:52px;margin:var(--s3) 0;background:0 0;justify-content:center;padding:0}.account{justify-content:center;padding:0}.page{grid-template-columns:260px minmax(0,1fr)}}@media (max-width:760px){:root{--dock-h:64px}body{font-size:15px}.shell,.shell.wide{grid-template:"top""list"minmax(0,1fr)"dock"/minmax(0,1fr)}.m-top{align-items:center;gap:var(--s1);height:56px;padding:0 var(--s2);background:var(--deck);color:var(--deck-ink);grid-area:top;display:flex}.m-top .icon-btn{color:var(--deck-ink)}.m-top .icon-btn:hover{background:var(--deck-3)}.m-top h1{margin:0 0 0 var(--s1);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:18px;font-weight:700;overflow:hidden}.m-top h1 span{font:500 13px/1 var(--mono);color:var(--green);margin-left:6px}.rail{z-index:80;width:min(300px,86vw);transition:transform var(--t) var(--ease);padding:var(--s4) var(--s3);align-items:stretch;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.shell.drawer-open .rail{box-shadow:var(--shadow-pop);transform:none}.rail .nav-label,.rail .lbl,.rail .count,.compose-btn .t{display:revert}.rail .who,.rail .sample-tag{display:flex}.rail .nav-item{width:auto;padding:0 var(--s3);justify-content:flex-start;height:48px}.rail .nav-item.unread:after,.compose-btn{display:none}.account{padding:var(--s2)}.scrim{z-index:79;background:var(--scrim);opacity:0;pointer-events:none;transition:opacity var(--t);display:block;position:fixed;inset:0}.shell.drawer-open .scrim{opacity:1;pointer-events:auto}.list-col{grid-area:list}.list-head{padding:var(--s3) var(--s3) var(--s1)}.list-title{display:none}.row{margin:0 var(--s1);grid-template-columns:40px minmax(0,1fr) auto}:root[data-density=compact] .row{grid-template-columns:32px minmax(0,1fr) auto}:root[data-density=compact] .row .body{display:flex}.row .check{opacity:0}.row:hover .lead .avatar{opacity:1;transform:none}.row:hover .check,.row.is-selected .lead .avatar,.shell.selecting .row .lead .avatar{opacity:0}.row.is-selected .check,.shell.selecting .row .check{opacity:1;transform:scale(1)}.list-tools{display:none}.shell.selecting .list-tools{display:flex}.sel-cancel{display:inline-flex}.sel-hint{display:none}.pane{grid-area:list;display:none}.page{grid-area:list;grid-template-columns:1fr}.page .page-side{display:none}.page.show-side .page-side{display:flex}.page.show-side .page-main{display:none}.page-main{padding:var(--s4)}.page-main h1{font-size:24px}.page-main .m-only{display:inline-flex}.kv{grid-template-columns:1fr}.kv>div:nth-child(odd){padding-bottom:0}.kv>div:nth-child(2n){padding-top:2px}.kv>div:nth-child(4n+1),.kv>div:nth-child(4n+2){background:0 0}.shell.reading .list-col,.shell.composing .list-col{display:none}.shell.reading .pane,.shell.composing .pane{display:flex}.shell.reading .m-top,.shell.composing .m-top{display:none}.pane-bar{padding:var(--s2) var(--s2) 0}.pane-bar .back{display:inline-grid}.read-head,.notice,.frame-wrap,.plain,.attach,.quick-reply,.compose-head,.fields,.toolbar,.editor,.compose-files,.drop,.compose-foot,.suggest{margin-left:var(--s4);margin-right:var(--s4)}.read-head h2{font-size:21px}.compose-head,.compose-foot{padding-left:0;padding-right:0}.toolbar{max-width:calc(100% - 32px)}.sender{grid-template-columns:40px minmax(0,1fr)}.sender time{text-align:left;grid-column:2}.file{width:100%}.from-id{column-gap:var(--s2);grid-template-columns:28px minmax(0,1fr);padding:6px 0;display:grid}.from-id .avatar{grid-row:span 2;align-self:center}.from-id .mono{white-space:normal;word-break:break-all;overflow:visible}.lock{gap:0;font-size:0}.quick-reply{display:none}.vcard{flex-wrap:wrap}.vcard .who{flex-basis:calc(100% - 56px)}.vcard .btn{width:100%}.field{padding-left:var(--s3);grid-template-columns:52px minmax(0,1fr) auto}.suggest ul{width:100%;left:0}.dock{padding:6px var(--s1) calc(6px + env(safe-area-inset-bottom,0px));grid-area:dock;grid-template-columns:1fr;display:none}.shell.selecting .dock,.shell.reading .dock{display:grid}.dock .now,.dock .meter,.dock .sel-count,.dock .act .kbd{display:none}.dock .acts{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:0;width:100%;display:grid}.dock .act,.dock .act.main{border-radius:var(--r-box);min-width:0;height:56px;color:var(--deck-ink-2);background:0 0;flex-direction:column;justify-content:center;gap:4px;padding:0 2px;font-size:11px;font-weight:500;line-height:1.2;transform:none}.dock .act span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.dock .act .ic{border-radius:var(--r-pill);width:48px;height:28px;transition:background var(--t-fast);place-items:center;font-size:20px;display:grid}.dock .act:hover,.dock .act.main:hover{color:var(--deck-ink);background:0 0;transform:none}.dock .act:active .ic{background:var(--deck-3)}.dock .act.main{color:var(--deck-ink);font-weight:700}.dock .act.main .ic{background:var(--green);color:var(--on-green)}.dock .act.main:active .ic{background:var(--green-hover)}.dock .act.del:hover,.dock .act.del:active{color:#ff6b78}.row.is-focus:after,.shell.selecting .m-top{display:none}.m-fab{z-index:30;right:var(--s4);bottom:var(--s4);background:var(--green);width:60px;height:60px;color:var(--on-green);box-shadow:var(--shadow-pop);border:0;border-radius:50%;place-items:center;display:grid;position:fixed}.m-fab .ic{font-size:28px}.shell.selecting .m-fab,.shell.reading .m-fab,.shell.composing .m-fab,.shell.paged .m-fab{display:none}.toast{bottom:calc(var(--s4) + 72px);justify-content:space-between;width:calc(100% - 32px)}.login{grid-template-columns:minmax(0,1fr)}.login-deck{padding:var(--s5) var(--s4) var(--s6)}.login-deck .domain{margin-top:var(--s6)}.login-deck h1{font-size:44px}.inbox-ghost{display:none}.login-form{padding:var(--s5) var(--s4) var(--s7);justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}