:root{--fds-accent-light-3: 191, 98%, 80%;--fds-accent-light-2: 199, 99%, 69%;--fds-accent-light-1: 205, 100%, 49%;--fds-accent-base: 206, 100%, 42%;--fds-accent-dark-1: 209, 100%, 36%;--fds-accent-dark-2: 215, 100%, 29%;--fds-accent-dark-3: 226, 100%, 20%;--fds-font-family-fallback: "Segoe UI", system-ui, sans-serif;--fds-font-family-text: "Segoe UI Variable Text", "Seoge UI Variable Static Text", var(--fds-font-family-fallback);--fds-font-family-small: "Segoe UI Variable Small", "Seoge UI Variable Static Small", var(--fds-font-family-fallback);--fds-font-family-display: "Segoe UI Variable Display", "Seoge UI Variable Static Display", var(--fds-font-family-fallback);--fds-caption-font-size: 12px;--fds-body-font-size: 14px;--fds-body-large-font-size: 18px;--fds-subtitle-font-size: 20px;--fds-title-font-size: 28px;--fds-title-large-font-size: 40px;--fds-display-font-size: 68px;--fds-control-corner-radius: 4px;--fds-overlay-corner-radius: 8px;--fds-control-slow-duration: 333ms;--fds-control-normal-duration: .25s;--fds-control-fast-duration: 167ms;--fds-control-faster-duration: 83ms;--fds-control-fast-out-slow-in-easing: cubic-bezier(0, 0, 0, 1);--fds-focus-stroke: 0 0 0 1px var(--fds-focus-stroke-inner), 0 0 0 3px var(--fds-focus-stroke-outer)}@media (prefers-reduced-motion: reduce){:root{--fds-control-slow-duration: 0ms;--fds-control-normal-duration: 0ms;--fds-control-fast-duration: 0ms;--fds-control-faster-duration: 0ms}}@media (prefers-color-scheme: light){:root{--fds-text-primary: hsla(0, 0%, 0%, 89.56%);--fds-text-secondary: hsla(0, 0%, 0%, 60.63%);--fds-text-tertiary: hsla(0, 0%, 0%, 44.58%);--fds-text-disabled: hsla(0, 0%, 0%, 36.14%);--fds-accent-default: hsl(var(--fds-accent-dark-1));--fds-accent-secondary: hsla(var(--fds-accent-dark-1), 90%);--fds-accent-tertiary: hsla(var(--fds-accent-dark-1), 80%);--fds-accent-disabled: hsla(0, 0%, 0%, 21.69%);--fds-accent-text-primary: hsl(var(--fds-accent-dark-2));--fds-accent-text-secondary: hsl(var(--fds-accent-dark-3));--fds-accent-text-tertiary: hsl(var(--fds-accent-dark-1));--fds-accent-text-disabled: hsla(0, 0%, 0%, 36.14%);--fds-text-on-accent-primary: hsl(0, 0%, 100%);--fds-text-on-accent-secondary: hsla(0, 0%, 100%, 70%);--fds-text-on-accent-disabled: var(--fds-text-on-accent-secondary);--fds-text-on-accent-selected: var(--fds-text-on-accent-primary);--fds-control-fill-transparent: transparent;--fds-control-fill-default: hsla(0, 0%, 100%, 70%);--fds-control-fill-secondary: hsla(0, 0%, 98%, 50%);--fds-control-fill-tertiary: hsla(0, 0%, 98%, 30%);--fds-control-fill-disabled: var(--fds-control-fill-tertiary);--fds-control-fill-input-active: hsl(0, 0%, 100%);--fds-control-strong-fill-default: hsla(0, 0%, 0%, 44.58%);--fds-control-strong-fill-disabled: hsla(0, 0%, 0%, 31.73%);--fds-control-solid-fill-default: hsl(0, 0%, 100%);--fds-control-alt-fill-transparent: transparent;--fds-control-alt-fill-secondary: hsla(0, 0%, 0%, 2.41%);--fds-control-alt-fill-tertiary: hsla(0, 0%, 0%, 5.78%);--fds-control-alt-fill-quarternary: hsla(0, 0%, 0%, 9.24%);--fds-control-alt-fill-disabled: var(--fds-control-alt-fill-transparent);--fds-control-on-image-fill-default: hsla(0, 0%, 100%, 79%);--fds-control-on-image-fill-secondary: hsl(0, 0%, 95%);--fds-control-on-image-fill-tertiary: hsl(0, 0%, 92%);--fds-control-on-image-fill-disabled: transparent;--fds-subtle-fill-transparent: transparent;--fds-subtle-fill-secondary: hsla(0, 0%, 0%, 3.73%);--fds-subtle-fill-tertiary: hsla(0, 0%, 0%, 2.41%);--fds-subtle-fill-disabled: var(--fds-subtle-fill-transparent);--fds-control-stroke-default: hsla(0, 0%, 0%, 5.78%);--fds-control-stroke-secondary: hsla(0, 0%, 0%, 16.22%);--fds-control-strong-stroke-default: hsla(0, 0%, 0%, 44.58%);--fds-control-strong-stroke-disabled: hsla(0, 0%, 0%, 21.69%);--fds-control-stroke-on-accent-default: hsla(0, 0%, 100%, 8%);--fds-control-stroke-on-accent-secondary: hsla(0, 0%, 0%, 40%);--fds-control-stroke-on-accent-tertiary: hsla(0, 0%, 0%, 21.69%);--fds-control-stroke-on-accent-disabled: var(--fds-control-stroke-on-accent-default);--fds-control-strong-stroke-on-image-default: hsla(0, 0%, 100%, 35%);--fds-card-stroke-default: hsla(0, 0%, 0%, 5.78%);--fds-card-stroke-default-solid: hsl(0, 0%, 92%);--fds-surface-stroke-default: hsla(0, 0%, 46%, 40%);--fds-surface-stroke-flyout: hsla(0, 0%, 0%, 5.78%);--fds-divider-stroke-default: hsla(0, 0%, 0%, 8.03%);--fds-focus-stroke-outer: hsla(0, 0%, 0%, 89.56%);--fds-focus-stroke-inner: hsl(0, 0%, 100%);--fds-card-background-default: hsla(0, 0%, 100%, 70%);--fds-card-background-secondary: hsla(0, 0%, 96%, 50%);--fds-smoke-background-default: hsla(0, 0%, 0%, 30%);--fds-layer-background-default: hsla(0, 0%, 100%, 50%);--fds-layer-background-alt: hsl(0, 0%, 100%);--fds-layer-on-acrylic-background-default: hsla(0, 0%, 100%, 25%);--fds-layer-on-accent-acrylic-background-default: var( --fds-layer-on-acrylic-background-default );--fds-solid-background-base: hsl(0, 0%, 95%);--fds-solid-background-secondary: hsl(0, 0%, 93%);--fds-solid-background-tertiary: hsl(0, 0%, 98%);--fds-solid-background-quarternary: hsl(0, 0%, 100%);--fds-flyout-fallback-background-default: hsl(0, 0%, 98%);--fds-system-attention: hsl(209, 100%, 36%);--fds-system-success: hsl(120, 78%, 27%);--fds-system-caution: hsl(36, 100%, 31%);--fds-system-critical: hsl(5, 75%, 44%);--fds-system-neutral: hsla(0, 0%, 0%, 44.58%);--fds-system-solid-neutral: hsl(0, 0%, 54%);--fds-system-background-attention: hsla(0, 0%, 96%, 50%);--fds-system-background-success: hsl(115, 58%, 92%);--fds-system-background-caution: hsl(47, 100%, 90%);--fds-system-background-critical: hsl(355, 85%, 95%);--fds-system-background-solid-attention: hsl(0, 0%, 97%);--fds-system-background-solid-neutral: hsl(0, 0%, 95%);--fds-control-border-default: var(--fds-control-stroke-default) var(--fds-control-stroke-default) var(--fds-control-stroke-secondary) var(--fds-control-stroke-default);--fds-card-shadow: 0px 2px 4px hsla(0, 0%, 0%, 4%);--fds-tooltip-shadow: 0px 4px 8px hsla(0, 0%, 0%, 14%);--fds-flyout-shadow: 0px 8px 16px hsla(0, 0%, 0%, 14%);--fds-dialog-shadow: 0px 32px 64px hsla(0, 0%, 0%, 18.76%), 0px 2px 21px hsl(0, 0%, 0%, 14.74%);--fds-inactive-window-shadow: 0px 16px 32px hsla(0, 0%, 0%, 18%), 0px 2px 10.67px hsla(0, 0%, 0%, .1474);--fds-active-window-shadow: 0px 32px 64px hsla(0, 0%, 0%, 28%), 0px 2px 21px hsla(0, 0%, 0%, 22%)}}@media (prefers-color-scheme: dark){:root{--fds-text-primary: hsla(0, 0%, 100%, 100%);--fds-text-secondary: hsla(0, 0%, 100%, 78.6%);--fds-text-tertiary: hsla(0, 0%, 100%, 54.42%);--fds-text-disabled: hsla(0, 0%, 100%, 36.28%);--fds-accent-default: hsla(var(--fds-accent-light-2));--fds-accent-secondary: hsla(var(--fds-accent-light-2), 90%);--fds-accent-tertiary: hsla(var(--fds-accent-light-2), 80%);--fds-accent-disabled: hsla(0, 0%, 100%, 15.81%);--fds-accent-text-primary: hsl(var(--fds-accent-light-3));--fds-accent-text-secondary: hsl(var(--fds-accent-light-3));--fds-accent-text-tertiary: hsl(var(--fds-accent-light-2));--fds-accent-text-disabled: hsla(0, 0%, 100%, 36.28%);--fds-text-on-accent-primary: hsl(0, 0%, 0%);--fds-text-on-accent-secondary: hsla(0, 0%, 0%, .5);--fds-text-on-accent-disabled: hsla(0, 0%, 100%, .53);--fds-text-on-accent-selected: hsl(0, 0%, 100%);--fds-control-fill-transparent: transparent;--fds-control-fill-default: hsla(0, 0%, 100%, .061);--fds-control-fill-secondary: hsla(0, 0%, 100%, .084);--fds-control-fill-tertiary: hsla(0, 0%, 100%, .033);--fds-control-fill-disabled: hsla(0, 0%, 100%, .042);--fds-control-fill-input-active: hsla(0, 0%, 12%, 70%);--fds-control-strong-fill-default: hsla(0, 0%, 100%, .544);--fds-control-strong-fill-disabled: hsla(0, 0%, 0%, .1);--fds-control-solid-fill-default: hsl(0, 0%, 27%);--fds-control-alt-fill-transparent: transparent;--fds-control-alt-fill-secondary: hsla(0, 0%, 0%, .1);--fds-control-alt-fill-tertiary: hsla(0, 0%, 100%, .042);--fds-control-alt-fill-quarternary: hsla(0, 0%, 100%, .07);--fds-control-alt-fill-disabled: var(--fds-control-fill-transparent);--fds-control-on-image-fill-default: hsla(0, 0%, 11%, 70%);--fds-control-on-image-fill-secondary: hsl(0, 0%, 10%);--fds-control-on-image-fill-tertiary: hsl(0, 0%, 7%);--fds-control-on-image-fill-disabled: transparent;--fds-subtle-fill-transparent: transparent;--fds-subtle-fill-secondary: hsla(0, 0%, 100%, 6.05%);--fds-subtle-fill-tertiary: hsla(0, 0%, 100%, 4.19%);--fds-subtle-fill-disabled: var(--fds-subtle-fill-transparent);--fds-control-stroke-default: hsla(0, 0%, 100%, 6.98%);--fds-control-stroke-secondary: hsla(0, 0%, 100%, 9.3%);--fds-control-strong-stroke-default: hsla(0, 0%, 100%, 54.42%);--fds-control-strong-stroke-disabled: hsla(0, 0%, 100%, 15.81%);--fds-control-stroke-on-accent-default: hsla(0, 0%, 100%, 8%);--fds-control-stroke-on-accent-secondary: hsla(0, 0%, 0%, 14%);--fds-control-stroke-on-accent-tertiary: hsla(0, 0%, 0%, 21.69%);--fds-control-stroke-on-accent-disabled: hsla(0, 0%, 0%, 20%);--fds-control-strong-stroke-on-image-default: hsla(0, 0%, 0%, 42%);--fds-card-stroke-default: hsla(0, 0%, 0%, 10%);--fds-card-stroke-default-solid: hsl(0, 0%, 11%);--fds-surface-stroke-default: hsla(0, 0%, 46%, 40%);--fds-surface-stroke-flyout: hsla(0, 0%, 0%, 20%);--fds-divider-stroke-default: hsla(0, 0%, 100%, 8.37%);--fds-focus-stroke-outer: hsl(0, 0%, 100%);--fds-focus-stroke-inner: hsla(0, 0%, 0%, 70%);--fds-card-background-default: hsla(0, 0%, 100%, 5.12%);--fds-card-background-secondary: hsla(0, 0%, 100%, 3.26%);--fds-smoke-background-default: hsla(0, 0%, 0%, 30%);--fds-layer-background-default: hsla(0, 0%, 23%, 30%);--fds-layer-background-alt: hsla(0, 0%, 100%, 5.38%);--fds-layer-on-acrylic-background-default: hsla(0, 0%, 100%, 3.59%);--fds-layer-on-accent-background-default: var(--fds-layer-on-acrylic-background-default);--fds-solid-background-base: hsl(0, 0%, 13%);--fds-solid-background-secondary: hsl(0, 0%, 11%);--fds-solid-background-tertiary: hsl(0, 0%, 16%);--fds-solid-background-quarternary: hsl(0, 0%, 17%);--fds-flyout-fallback-background-default: var(--fds-solid-background-quarternary);--fds-system-attention: hsl(199, 100%, 69%);--fds-system-success: hsl(113, 51%, 58%);--fds-system-caution: hsl(54, 100%, 49%);--fds-system-critical: hsl(354, 100%, 80%);--fds-system-neutral: hsla(0, 0%, 100%, 54.42%);--fds-system-solid-neutral: hsl(0, 0%, 62%);--fds-system-background-attention: hsla(0, 0%, 100%, 3.26%);--fds-system-background-success: hsl(67, 39%, 17%);--fds-system-background-caution: hsl(40, 46%, 18%);--fds-system-background-critical: hsl(2, 28%, 21%);--fds-system-background-solid-attention: hsl(0, 0%, 18%);--fds-system-background-solid-neutral: hsl(0, 0%, 62%);--fds-control-border-default: var(--fds-control-stroke-secondary) var(--fds-control-stroke-default) var(--fds-control-stroke-default) var(--fds-control-stroke-default);--fds-card-shadow: 0px 2px 4px hsla(0, 0%, 0%, .13);--fds-tooltip-shadow: 0px 4px 8px hsla(0, 0%, 0%, .26);--fds-flyout-shadow: 0px 8px 16px hsla(0, 0%, 0%, .14);--fds-dialog-shadow: 0px 32px 64px hsla(0, 0%, 0%, .37), 0px 2px 21px hsla(0, 0%, 0%, .37);--fds-inactive-window-shadow: 0px 16px 32px hsla(0, 0%, 0%, .37), 0px 2px 10.67px hsla(0, 0%, 0%, .37);--fds-active-window-shadow: 0px 32px 64px hsla(0, 0%, 0%, .56), 0px 2px 21px hsla(0, 0%, 0%, .55)}}body{margin:0 auto;max-width:800px;height:fit-content;font-family:var(--fds-font-family-text);background-color:var(--fds-solid-background-base);color:var(--fds-text-primary);display:grid;grid-template-areas:"h1 h1 ." ". idea idea" "options options another" "options options ." "options options credit"}nav{display:flex;justify-content:center;gap:1ch;flex-direction:column}