nav.max:is(.left,.right,.top,.bottom){gap:0;inline-size:auto;align-items:flex-start;min-inline-size:12.75rem;padding:var(--_top) 1.25rem var(--_bottom) 1.25rem}nav.max>header{margin:0 0 1.25rem}nav.max:is(.top,.bottom)>header{margin:0 1.25rem 0 0}nav.max>header>.extend{--_padding:1.5rem;inline-size:auto;padding:0 var(--_padding)}nav.max>header>.extend>span:not([class]){display:block;margin-inline-start:var(--_padding)}nav.max>header>.extend>:is(img,svg)+span{margin-inline-start:calc(1rem + var(--_padding, 0))}nav.max:is(.top,.bottom){padding:0 .5rem;align-items:center;min-inline-size:auto;max-inline-size:none}nav:is(.left,.right,.top,.bottom) :is(div:has(>menu))>a:not(.button,.chip),nav:is(.left,.right,.top,.bottom) a:not(.button,.chip){display:flex;flex-direction:column;gap:.25rem;line-height:normal;inline-size:3.5rem;font-size:.8rem}nav:not(.max):is(.left,.right,.top,.bottom) :is(div:has(>menu))>a:not(.button,.chip)>i,nav:not(.max):is(.left,.right,.top,.bottom) a:not(.button,.chip)>i{padding:.25rem 1rem;border-radius:2rem;margin:0 auto}nav.max:is(.left,.right,.top,.bottom) :is(div:has(>menu))>a:not(.button,.chip),nav.max:is(.left,.right,.top,.bottom) a:not(.button,.chip){flex-direction:row;gap:.5rem;inline-size:auto;block-size:3.5rem;padding:0 1rem;border-radius:2rem;font-size:inherit}nav:is(.left,.right,.top,.bottom) :is(div:has(>menu))>a.active:not(.button,.chip),nav:is(.left,.right,.top,.bottom) a.active:not(.button,.chip){transition:padding var(--speed1) linear}nav.max:is(.top,.bottom) :is(div:has(>menu))>a:not(.button,.chip),nav.max:is(.top,.bottom) a:not(.button,.chip){gap:.25rem;block-size:2.5rem;font-size:.8rem}nav.max:is(.left,.right,.top,.bottom) :is(div:has(>menu))>a.active:not(.button,.chip),nav.max:is(.left,.right,.top,.bottom) a.active:not(.button,.chip),nav:is(.left,.right,.top,.bottom):not(.max) :is(div:has(>menu))>a.active:not(.button,.chip)>i,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(nav,.row):is(.left-align,.top-align,.vertical){justify-content:flex-start}:is(nav,.row):is(.right-align,.bottom-align){justify-content:flex-end}:is(nav,.row):is(.center-align,.middle-align){justify-content:center}:is(nav,.row):is(.left-align,.top-align,.vertical).vertical{align-items:flex-start}:is(nav,.row):is(.right-align,.bottom-align).vertical{align-items:flex-end}:is(nav,.row):is(.center-align,.middle-align).vertical{align-items:center}nav:not(.left,.right)>.space{inline-size:.5rem}nav:not(.left,.right)>.medium-space{inline-size:1rem}nav:not(.left,.right)>.large-space{inline-size:1.5rem}nav.tabbed{background-color:var(--surface-container);border-radius:4rem!important;gap:0;block-size:4rem}nav.tabbed.small{block-size:3rem}nav.tabbed.large{block-size:5rem}nav.tabbed a{border-radius:inherit;block-size:inherit;display:inline-flex;align-items:center;padding-inline:1rem;gap:.5rem;font-size:1rem;flex:1}nav.tabbed a.active{background-color:var(--primary-container);color:var(--on-primary-container)}nav.toolbar{justify-content:space-around;border-radius:2rem;background-color:var(--surface-container);color:var(--on-surface);padding:0 1rem;min-block-size:4rem;min-inline-size:4rem}nav.toolbar,nav.toolbar a{display:inline-flex;gap:.5rem}nav.toolbar a{min-inline-size:2.5rem;min-block-size:2.5rem;border-radius:1.75rem}nav.toolbar a:has(>:not(i)){padding:0 1rem}nav.toolbar a.active{background-color:var(--secondary-container);color:var(--on-secondary-container)}nav.toolbar.fill{background-color:var(--primary-container)!important;color:var(--on-primary-container)!important}nav.toolbar.fill a.active{background-color:var(--surface-container)!important;color:var(--on-surface)!important}nav.toolbar.vertical{flex-direction:column!important;min-inline-size:4rem;padding:1rem 0;align-self:center;align-items:center!important}nav.toolbar.vertical a{inline-size:2.5rem;block-size:2.5rem}nav.toolbar.vertical a>:is(div,span):not(.badge,.tooltip){display:none}nav.toolbar.max{border-radius:0;display:flex}nav.group{background:none!important;color:var(--on-background)!important}nav.group>:is(.button,button){border-radius:.5rem}nav.group:is(.connected,.split){gap:.125rem}nav.group:not(.split)>:is(.button,button):not(.border){background-color:var(--surface-container);color:var(--on-surface-container)}nav.group:not(.split)>:is(.button,button).active{background-color:var(--primary);color:var(--on-primary)}nav.group.connected>:is(.button,button):not(.border){background-color:var(--surface-container);color:var(--on-surface-container)}nav.group.connected>:is(.button,button).active{background-color:var(--secondary-container);color:var(--on-secondary-container)}nav.group:is(.connected,.split)>:is(.button,button).active,nav.split>:is(.button,button):active{border-radius:2rem!important}:is(.scroll,.no-scroll,.no-space,.tabs,.tabbed)>:focus-visible{outline:.125rem solid var(--primary);outline-offset:-.125rem}nav.split>:is(.button,button):not(.chip,.fill,.border){background-color:var(--primary);color:var(--on-primary)}@media only screen and (max-width:600px){nav.bottom,nav.top{justify-content:space-around}}.overlay,dialog::backdrop{display:block!important;opacity:0;visibility:hidden;position:fixed;inset:0;color:var(--on-surface);background-color:var(--overlay);z-index:100;transition:all var(--speed3),0s background-color;border-radius:0}.overlay.active{opacity:1;visibility:visible}dialog:popover-open::backdrop{opacity:1;visibility:visible}.overlay+dialog::backdrop,.snackbar::backdrop{display:none}[popover]{border:0}.page{--_transform:translate(0);opacity:0;position:absolute;display:none}.page.active{opacity:1;position:relative;display:inherit;animation:var(--speed4) to-page ease}.page.active.top{--_transform:translateY(-4rem)}.page.active.bottom{--_transform:translateY(4rem)}.page.active.left{--_transform:translate(-4rem)}.page.active.right{--_transform:translate(4rem)}progress{position:relative;inline-size:100%;block-size:var(--_size);color:var(--primary);background:var(--image);border-radius:1rem;flex:none;border:none;overflow:hidden;writing-mode:horizontal-tb;direction:ltr;-webkit-appearance:none;appearance:none}progress,progress.small{--_size:0.25rem}progress.medium{--_size:0.35rem}progress.large{--_size:0.45rem}progress.indeterminate{--_value:100;animation:to-indeterminate-progress 3.2s ease infinite}progress:not(.circle,[value]):after{content:"";position:absolute;inset:0;inline-size:100%;block-size:100%;clip-path:none;background:currentcolor;animation:to-linear-progress 3.2s ease infinite}progress:not(.circle,[value])::-moz-progress-bar{animation:to-linear-progress 3.2s ease infinite}progress:not(.circle,[value])::-webkit-progress-value{animation:to-linear-progress 3.2s ease infinite}progress::-webkit-progress-bar{background:none}progress::-webkit-progress-value{background:currentColor}progress::-moz-progress-bar{background:currentColor}progress.wavy{block-size:calc(var(--_size, 0)*2);background:none;background-image:var(--image);background-repeat:repeat-x;background-position:0 50%;background-size:auto calc(var(--_size, 0)/2)}progress.wavy::-webkit-progress-value,progress.wavy:not(.circle,[value]):after{mask-image:url(wavy.svg);mask-position:0 50%;mask-repeat:repeat-x;mask-size:auto 100%}progress.wavy::-moz-progress-bar{mask-image:url(wavy.svg);mask-position:0 50%;mask-repeat:repeat-x;mask-size:auto 100%}progress.circle{--_value:attr(value type(<number>),50);inline-size:2.5rem;block-size:2.5rem;background:conic-gradient(currentColor calc(var(--_value, 0)*1%),var(--active) 0);border-radius:50%;mask-image:radial-gradient(circle at center,transparent 57%,currentColor 60%)}progress.circle::-webkit-progress-value{background:none}progress.circle::-moz-progress-bar{background:none}progress.circle.wavy{background:conic-gradient(currentColor calc(var(--_value, 0)*1%),var(--active) 0);mask-repeat:no-repeat;mask-position:center;mask-size:contain;mask-image:url(wavy-circle.svg)}progress.circle.small{inline-size:1.5rem;block-size:1.5rem}progress.circle.large{inline-size:3.5rem;block-size:3.5rem}progress.circle.indeterminate,progress.circle:not([value]){--_value:50;animation:to-rotate 1s linear infinite}:is(nav,.row,.field)>progress:not(.circle,.small,.medium,.large){flex:auto}progress.max{display:unset;position:absolute;inline-size:100%!important;block-size:100%!important;color:currentColor;background:none;inset:0;border-radius:inherit;animation:none;writing-mode:horizontal-tb;opacity:.33}progress.max[class*=-text]{opacity:1}progress.max+*{margin-block-start:0}:is(.button,button,.chip)>progress.circle{color:inherit}.shape{display:flex;align-items:center;justify-content:center;color:var(--on-primary);background-color:var(--primary);mask-repeat:no-repeat;mask-position:center;mask-size:contain;border-radius:0;block-size:3.5rem;inline-size:3.5rem;margin:0!important;padding:0!important;border:0!important}.transparent>.shape>i{filter:invert(1)}.shape.tiny-space{mask-size:90%}.shape.small-space,.shape.space{mask-size:80%}.shape.medium-space{mask-size:70%}.shape.large-space{mask-size:60%}.shape.extra-space{mask-size:50%}.shape.tiny{block-size:2.5rem;inline-size:2.5rem}.shape.medium{block-size:4.5rem;inline-size:4.5rem}.shape.large{block-size:5.5rem;inline-size:5.5rem}.shape.extra{block-size:6.5rem;inline-size:6.5rem}.shape.max,.shape>.responsive,.shape>.responsive>.responsive{position:absolute;inset:0;block-size:100%;inline-size:100%;margin:0!important;padding:0!important;border:0!important}.shape>.responsive{background:inherit;color:inherit}.shape.rotate{animation:to-rotate 12s linear infinite}.shape.rotate>*{animation:to-rotate 12s linear infinite reverse}.shape.fast-rotate{animation:to-rotate 6s linear infinite}.shape.fast-rotate>*{animation:to-rotate 6s linear infinite reverse}.shape.slow-rotate{animation:to-rotate 24s linear infinite}.shape.slow-rotate>*{animation:to-rotate 24s linear infinite reverse}:is(button,.button,.chip):has(>.shape)>.responsive{border:none}.shape.arch{mask-image:url(arch.svg)}.shape.arrow{mask-image:url(arrow.svg)}.shape.boom{mask-image:url(boom.svg)}.shape.bun{mask-image:url(bun.svg)}.shape.burst{mask-image:url(burst.svg)}.shape.circle{mask-image:url(circle.svg)}.shape.clamshell{mask-image:url(clamshell.svg)}.shape.diamond{mask-image:url(diamond.svg)}.shape.fan{mask-image:url(fan.svg)}.shape.flower{mask-image:url(flower.svg)}.shape.gem{mask-image:url(gem.svg)}.shape.ghost-ish{mask-image:url(ghost-ish.svg)}.shape.heart{mask-image:url(heart.svg)}.shape.leaf-clover4{mask-image:url(leaf-clover4.svg)}.shape.leaft-clover8{mask-image:url(leaf-clover8.svg)}.shape.loading-indicator{mask-image:url(loading-indicator.svg)}.shape.oval{mask-image:url(oval.svg)}.shape.pentagon{mask-image:url(pentagon.svg)}.shape.pill{mask-image:url(pill.svg)}.shape.pixel-circle{mask-image:url(pixel-circle.svg)}.shape.pixel-triangle{mask-image:url(pixel-triangle.svg)}.shape.puffy{mask-image:url(puffy.svg)}.shape.puffy-diamond{mask-image:url(puffy-diamond.svg)}.shape.semicircle{mask-image:url(semicircle.svg)}.shape.sided-cookie4{mask-image:url(sided-cookie4.svg)}.shape.sided-cookie6{mask-image:url(sided-cookie6.svg)}.shape.sided-cookie7{mask-image:url(sided-cookie7.svg)}.shape.sided-cookie9{mask-image:url(sided-cookie9.svg)}.shape.sided-cookie12{mask-image:url(sided-cookie12.svg)}.shape.slanted{mask-image:url(slanted.svg)}.shape.soft-boom{mask-image:url(soft-boom.svg)}.shape.soft-burst{mask-image:url(soft-burst.svg)}.shape.square{mask-image:url(square.svg)}.shape.sunny{mask-image:url(sunny.svg)}.shape.triangle{mask-image:url(triangle.svg)}.shape.very-sunny{mask-image:url(very-sunny.svg)}.checkbox,.radio,.switch{--_size:1.5rem;inline-size:auto;block-size:auto;line-height:normal;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center}.switch{direction:ltr}:is(.checkbox,.radio,.switch).small{--_size:1rem}:is(.checkbox,.radio,.switch).large{--_size:2rem}:is(.checkbox,.radio,.switch).extra{--_size:2.5rem}:is(.checkbox,.radio)>input{inline-size:var(--_size);block-size:var(--_size);opacity:0}.switch>input{inline-size:3.25rem;block-size:2rem;opacity:0}:is(.checkbox,.radio,.switch)>span{display:inline-flex;align-items:center;color:var(--on-surface);font-size:.875rem;min-inline-size:.25rem;min-block-size:.25rem}:is(.checkbox,.radio)>span:not(:empty){padding-inline-start:.25rem}:is(.checkbox,.radio)>span:after,:is(.checkbox,.radio,.switch)>span:before,:is(.checkbox,.radio,.switch)>span>i{--_size:inherit;content:"";inline-size:var(--_size);block-size:var(--_size);box-sizing:border-box;margin:0 auto;outline:none;color:var(--primary);position:absolute;inset:auto auto auto calc(var(--_size, 0)*-1);border-radius:50%;user-select:none;z-index:1}[dir=rtl] :is(.checkbox,.radio)>span:after,[dir=rtl] :is(.checkbox,.radio)>span:before,[dir=rtl] :is(.checkbox,.radio)>span>i{--_size:inherit;inset:auto calc(var(--_size, 0)*-1) auto auto}.switch.icon>span>i,.switch>span:before{position:absolute;inset:50% auto auto 0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--speed2);font-size:calc(var(--_size, 0) - .5rem);user-select:none;min-inline-size:var(--_size);min-block-size:var(--_size);content:"";color:var(--surface-variant);background-color:var(--outline);transform:translate(-3rem,-50%) scale(.6)}.switch.icon>span>i{transform:translate(-3rem,-50%) scale(1)}.checkbox>span:before{content:"check_box_outline_blank"}.checkbox>input:checked+span:before{content:"check_box";font-variation-settings:"FILL" 1}.checkbox>input:indeterminate+span:before{content:"indeterminate_check_box"}.radio>span:before{content:"radio_button_unchecked"}.radio>input:checked+span:before{content:"radio_button_checked"}:is(.radio,.checkbox,.switch).icon>span:before{content:""!important;font-variation-settings:unset!important}:is(.checkbox,.radio)>span:after{transition:all var(--speed1);background-color:currentColor;box-shadow:0 0 0 0 currentColor;opacity:0}:is(.checkbox,.radio):is(:hover)>input:not(:disabled)+span:after,:is(.checkbox,.radio)>input:not(:disabled):is(:focus)+span:after{box-shadow:0 0 0 .5rem currentColor;opacity:.1}.switch.icon>input:not(:disabled):is(:focus,:hover)+span>i,.switch>input:not(:disabled):is(:focus,:hover)+span:before{box-shadow:0 0 0 .5rem var(--active)}:is(.checkbox,.radio).icon>input:checked+span>i,:is(.checkbox,.radio)>input:checked+span:before{color:var(--primary)}.icon>input:checked+span>i:first-child,.icon>span>i:last-child{opacity:0}.icon>input:checked+span>i:last-child,.icon>span>i:first-child{opacity:1}.switch>input:checked+span:after{border:none;background-color:var(--primary)}