*,*::before,*::after{box-sizing:border-box}
html{color-scheme:light dark}
body{margin:0;background:var(--md-surface);color:var(--md-on-surface);font:var(--type-body-md);letter-spacing:var(--tracking-body-md);-webkit-font-smoothing:antialiased}
a{color:var(--md-primary);text-decoration:none}a:hover{color:var(--d4-primary-30);text-decoration:underline}
.material-symbols-outlined{font-family:var(--font-icon);font-weight:400;font-style:normal;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;white-space:nowrap;overflow:hidden;direction:ltr;font-feature-settings:'liga';font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;-webkit-font-smoothing:antialiased;user-select:none}
.material-symbols-outlined.filled{font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24}
.state-layer{position:relative;overflow:hidden}.state-layer::before{content:'';position:absolute;inset:0;background:currentColor;opacity:0;pointer-events:none;transition:opacity var(--dur-short) var(--ease-standard)}
.state-layer:hover::before{opacity:var(--state-hover)}.state-layer:focus-visible::before{opacity:var(--state-focus)}.state-layer:active::before{opacity:var(--state-pressed)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}