:root{--color-text-invert: #fff;--color-link: hsl(209deg 68% 37%);--color-shadow: 0, 0, 0;--color-surface: #fff;--color-border: #ccc;--color-menu-item-interactive: #f7f7f7;--color-menu-item-selected: #f0f0f0;--color-background: #ffffff;--color-foreground1: hsl(0, 0%, 98%);--color-brand: hsla(44deg 100% 64% / 100%);--color-brand-highlight: hsla(44deg 100% 75% / 75%);--color-active-nav-text: #000000;--color-text4: hsla(0deg 0% 0% / 100%);--color-text3: hsla(0deg 0% 0% / 80%);--color-text2: hsla(0deg 0% 0% / 60%);--color-text1: hsla(0deg 0% 0% / 40%);--border: 1px solid var(--color-border);--color-input-background: #fff;--color-input-border: #c2c9d6;--color-focus-ring: #000;--font-xxs: .75rem;--font-xs: .8125rem;--font-sm: .875rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-xxl: 1.5rem;--font-xxxl: 3rem;--font-xxxxl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-round: 100px;--size05: .125rem;--size1: .25rem;--size2: calc(var(--size1) * 2);--size25: calc(var(--size1) * 2.5);--size3: calc(var(--size1) * 3);--size4: calc(var(--size1) * 4);--size5: calc(var(--size1) * 5);--size6: calc(var(--size1) * 6);--size7: calc(var(--size1) * 7);--size8: calc(var(--size1) * 8);--size9: calc(var(--size1) * 9);--size10: calc(var(--size1) * 10);--size12: calc(var(--size1) * 12);--size15: calc(var(--size1) * 15);--size18: calc(var(--size1) * 18);--size20: calc(var(--size1) * 20);--size22: calc(var(--size1) * 22);--size24: calc(var(--size1) * 24);--elevation1: 0 1px 1px 0 rgb(var(--color-shadow) .12), 0 3px 6px -1px rgb(var(--color-shadow) .1);--elevation2: 0 1px 1px rgb(var(--color-shadow) .25), 0 3px 6px -1px rgb(var(--color-shadow) .2);--elevation3: 0 1px 1px rgb(var(--color-shadow) .12), 0 3px 6px -1px rgb(var(--color-shadow) .1);--elevation4: 0 2px 6px 3px rgb(var(--color-shadow) .04), 0 2px 4px -1px rgb(var(--color-shadow) .12);--elevation-chart-tile: 0 4px 20px rgb(22 17 85 / 8%);--font-family-default: system-ui, sans-serif;--font-family-serif: system-ui, sans-serif;--font-family-code: "Inconsolata", monospace;--breakpoint-mobile: 600px}.page.dark-mode{--color-background: #000000;--color-foreground1: #22262f;--color-brand-highlight: hsla(44deg 96% 78% / 100%);--color-menu-item-interactive: hsla(0deg 0% 100% / 10%);--color-active-nav-text: #000000;--color-text4: hsla(0deg 0% 100% / 100%);--color-text3: hsla(0deg 0% 100% / 80%);--color-text2: hsla(0deg 0% 100% / 60%);--color-text1: hsla(0deg 0% 100% / 40%);--color-input-background: hsla(0deg 0% 100% / 8%);--color-input-border: hsla(0deg 0% 100% / 10%);--color-focus-ring: #fff}html{font-family:var(--font-family-default)}.page{background:var(--color-background);color:var(--color-text4)}button.icon-button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);display:flex;height:var(--size7);justify-content:center;width:var(--size7);color:var(--color-text4)}button.icon-button svg{height:var(--size5);width:var(--size5);flex-shrink:0}button.icon-button:hover{background:var(--color-menu-item-interactive);cursor:pointer}
