: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", -apple-system, ui-sans-serif, system-ui, BlinkMacSystemFont, Helvetica, Arial, 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-slowest-duration: 6s;
  --fds-control-slower-duration: 1.167s;
  --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);
  --fds-acrylic-noise-asset: url(data:image/png;base64,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);
  --fds-acrylic-blur-factor: blur(60px)
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --fds-control-slowest-duration: 0ms;
    --fds-control-slower-duration: 0ms;
    --fds-control-slow-duration: 0ms;
    --fds-control-normal-duration: 0ms;
    --fds-control-fast-duration: 0ms;
    --fds-control-faster-duration: 0ms
  }
}

/* variables for light theme */
: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-acrylic-background-default: transparent, rgba(252, 252, 252, 85%);
  --fds-acrylic-background-base: transparent, rgba(243, 243, 243, 90%);
  --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%);
  --mica-tint: 0, 0%, 95%;
  --mica-tint-opacity: .8
}

:root.dark, .dark {
  --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%, 54.42%);
  --fds-control-strong-fill-disabled: hsla(0, 0%, 100%, 24.65%);
  --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: 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-acrylic-background-default: linear-gradient(0deg, rgb(44, 44, 44, 15%), rgb(44, 44, 44, 15%)), rgba(44, 44, 44, 96%);
  --fds-acrylic-background-base: linear-gradient(0deg, rgb(32, 32, 32, 50%), rgb(32, 32, 32, 50%)), rgba(32, 32, 32, 96%);
  --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);
  --mica-tint: 0, 0%, 13%;
  --mica-tint-opacity: .8
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../../../fonts/Inter-roman.var.woff2) format("woff2");
  font-named-instance: "Regular"
}

@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../../../fonts/Inter-italic.var.woff2) format("woff2");
  font-named-instance: "Italic"
}

@font-face {
  font-family: Open Sans;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../../../fonts/OpenSans-roman.var.woff2) format("woff2");
  font-named-instance: "Regular"
}

@font-face {
  font-family: Open Sans;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../../../fonts/OpenSans-italic.var.woff2) format("woff2");
  font-named-instance: "Italic"
}

:root {
  --fds-font-family-fallback: "Segoe UI", "Inter", "Open Sans", -apple-system, ui-sans-serif, system-ui, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
  --font-family-sans-serif: var(--fds-font-family-display);
  --font-family-monospace: "Cascadia Code", "Fira Code", "Consolas", monospace;
  overflow-x: hidden
}