/* shared/components/Text/Text.module.css */
.Text_root a {
  color: var(--ds-color-theme-accent-text-primary, var(--ds-color-theme-default-light-accent-text-primary));
}
[data-theme=dark] :is(.Text_root a) {
  color: var(--ds-color-theme-accent-text-primary, var(--ds-color-theme-default-dark-accent-text-primary));
}
.Text_title-1 {
  font-size: calc(22 * var(--px-in-rem));
  line-height: calc(26 * var(--px-in-rem));
}
.Text_title-1.Text_strictSpacing {
  letter-spacing: calc(-0.26 * var(--px-in-rem));
}
.Text_title-2 {
  font-size: calc(17 * var(--px-in-rem));
  font-weight: 600;
  line-height: calc(22 * var(--px-in-rem));
}
.Text_title-2.Text_strictSpacing {
  letter-spacing: calc(-0.43 * var(--px-in-rem));
}
.Text_title-2-emphasis {
  font-size: calc(17 * var(--px-in-rem));
  font-weight: 700;
  line-height: calc(22 * var(--px-in-rem));
}
.Text_title-2-emphasis.Text_strictSpacing {
  letter-spacing: calc(-0.43 * var(--px-in-rem));
}
.Text_headline {
  font-size: calc(13 * var(--px-in-rem));
  font-weight: 600;
  line-height: calc(16 * var(--px-in-rem));
}
.Text_headline.Text_strictSpacing {
  letter-spacing: calc(-0.08 * var(--px-in-rem));
}
.Text_subheadline {
  font-size: calc(11 * var(--px-in-rem));
  line-height: calc(14 * var(--px-in-rem));
}
.Text_subheadline.Text_strictSpacing {
  letter-spacing: calc(0.06 * var(--px-in-rem));
}
.Text_body {
  font-size: calc(13 * var(--px-in-rem));
  line-height: calc(16 * var(--px-in-rem));
}
.Text_body.Text_strictSpacing {
  letter-spacing: calc(-0.08 * var(--px-in-rem));
}
.Text_body-emphasis {
  font-size: calc(13 * var(--px-in-rem));
  font-weight: 600;
  line-height: calc(16 * var(--px-in-rem));
}
.Text_body-emphasis.Text_strictSpacing {
  letter-spacing: calc(-0.08 * var(--px-in-rem));
}
.Text_label-small {
  font-size: calc(11 * var(--px-in-rem));
  line-height: calc(11 * var(--px-in-rem));
}
.Text_label-small.Text_strictSpacing {
  letter-spacing: calc(0.06 * var(--px-in-rem));
}
.Text_label-default {
  font-size: calc(13 * var(--px-in-rem));
  line-height: calc(13 * var(--px-in-rem));
}
.Text_label-default.Text_strictSpacing {
  letter-spacing: calc(-0.08 * var(--px-in-rem));
}
.Text_label-medium {
  font-size: calc(13 * var(--px-in-rem));
  font-weight: 500;
  line-height: calc(13 * var(--px-in-rem));
}
.Text_label-medium.Text_strictSpacing {
  letter-spacing: calc(-0.25 * var(--px-in-rem));
}
.Text_caption-2-emphasis {
  font-size: calc(10 * var(--px-in-rem));
  line-height: calc(13 * var(--px-in-rem));
}
.Text_caption-2-emphasis.Text_strictSpacing {
  letter-spacing: calc(0.12 * var(--px-in-rem));
}
[data-platform-name=ios] .Text_title-2 {
  font-size: calc(22 * var(--px-in-rem));
  font-weight: 600;
  line-height: calc(28 * var(--px-in-rem));
}
[data-platform-name=ios] .Text_title-2.Text_strictSpacing {
  letter-spacing: calc(0.35 * var(--px-in-rem));
}
[data-platform-name=ios] .Text_body {
  font-size: calc(16 * var(--px-in-rem));
  font-weight: 400;
  line-height: calc(21 * var(--px-in-rem));
}
[data-platform-name=ios] .Text_body.Text_strictSpacing {
  letter-spacing: calc(-0.31 * var(--px-in-rem));
}
[data-platform-name=windows] .Text_custom-title-1 {
  font-size: calc(18 * var(--px-in-rem));
  font-weight: 600;
  line-height: calc(22 * var(--px-in-rem));
  letter-spacing: normal;
}
[data-platform-name=windows] .Text_body {
  font-size: calc(14 * var(--px-in-rem));
  font-weight: 400;
  line-height: calc(20 * var(--px-in-rem));
  letter-spacing: normal;
}

/* pages/special-error/app/components/AdvancedInfo.module.css */
.AdvancedInfo_animationContainer {
  animation-duration: 300ms;
  animation-fill-mode: forwards;
  animation-name: AdvancedInfo_appear;
}
.AdvancedInfo_container {
  align-items: flex-start;
  display: flex;
  flex-flow: column;
  gap: var(--sp-4);
  max-width: var(--ios-content-max-width);
  padding: var(--sp-6) var(--sp-10);
  width: 100%;
}
.AdvancedInfo_heading a {
  color: var(--link-color);
}
.AdvancedInfo_content {
  display: flex;
  flex-flow: column;
  gap: var(--sp-5);
}
.AdvancedInfo_content a {
  color: var(--link-color);
}
.AdvancedInfo_visitSite {
  color: var(--visit-site-color);
  cursor: pointer;
  font-size: calc(13 * var(--px-in-rem));
  letter-spacing: calc(-0.08 * var(--px-in-rem));
  line-height: calc(16 * var(--px-in-rem));
  text-decoration: underline;
}
@keyframes AdvancedInfo_appear {
  0% {
    max-height: 0;
  }
  100% {
    max-height: calc(400 * var(--px-in-rem));
  }
}
[data-platform-name=ios] .AdvancedInfo_wrapper {
  display: flex;
  justify-content: center;
  border-top: 1px solid var(--color-black-at-9);
  width: 100%;
}
@media (prefers-color-scheme: dark) {
  [data-platform-name=ios] .AdvancedInfo_wrapper {
    border-top: 1px solid var(--color-white-at-9);
  }
}
[data-platform-name=ios] .AdvancedInfo_container {
  align-items: center;
  gap: var(--sp-6);
}
[data-platform-name=ios] .AdvancedInfo_heading {
  text-align: center;
}
[data-platform-name=ios] .AdvancedInfo_content {
  text-align: center;
}
[data-platform-name=ios] .AdvancedInfo_visitSite {
  font-size: calc(16 * var(--px-in-rem));
  font-weight: 400;
  letter-spacing: calc(-0.31 * var(--px-in-rem));
  line-height: calc(21 * var(--px-in-rem));
}
[data-platform-name=macos] .AdvancedInfo_container {
  background: var(--advanced-info-bg);
  box-shadow: inset 0 1px 0 0 var(--border-color);
}
[data-platform-name=windows] .AdvancedInfo_container {
  background: var(--advanced-info-bg);
  box-shadow: inset 0 1px 0 0 var(--border-color);
}

/* pages/special-error/app/components/App.module.css */
html,
body {
  height: 100%;
  margin: 0;
  --theme-font-family:
    system,
    -apple-system,
    system-ui,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
}
.App_main {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-height: 400px) {
  .App_main {
    padding-top: var(--sp-10);
    align-items: flex-start;
  }
}
@media (max-height: 700px) {
  [data-platform-name=ios] .App_main {
    padding-top: var(--sp-10);
    align-items: flex-start;
  }
}
.App_container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}
[data-platform-name=ios] .App_container {
  align-items: center;
}
[data-platform-name=macos] .App_container {
  background: var(--container-bg);
  border-radius: var(--sp-4);
  border: 1px solid var(--border-color);
  min-width: calc(400 * var(--px-in-rem));
  width: calc(504 * var(--px-in-rem));
}
[data-platform-name=windows] .App_container {
  background: var(--container-bg);
  border-radius: var(--sp-4);
  border: 1px solid var(--border-color);
  min-width: calc(400 * var(--px-in-rem));
  width: calc(504 * var(--px-in-rem));
}

/* shared/components/Button/Button.module.css */
.Button_button {
  -webkit-appearance: none;
  appearance: none;
  background: var(--button-bg);
  color: var(--button-text);
  cursor: pointer;
  position: relative;
}
[data-platform-name=macos] .Button_button {
  border: 0;
  border-radius: calc(5 * var(--px-in-rem));
  box-shadow: var(--button-shadow);
  font-size: calc(13 * var(--px-in-rem));
  height: var(--sp-5);
  opacity: var(--button-opacity);
  padding: 0 var(--sp-3);
}
[data-platform-name=macos] .Button_button.Button_lg {
  height: var(--sp-7);
  border-radius: calc(6 * var(--px-in-rem));
}
[data-platform-name=macos] .Button_button.Button_xl {
  height: var(--sp-8);
  border-radius: calc(6 * var(--px-in-rem));
}
[data-platform-name=macos] .Button_button:disabled {
  background: var(--button-bg--disabled, var(--button-bg));
  box-shadow: var(--button-shadow--disabled, var(--button-shadow));
  color: var(--button-text--disabled, var(--button-text));
  opacity: var(--button-opacity--disabled, var(--button-opacity));
  cursor: default;
}
[data-platform-name=macos] .Button_button:focus,
[data-platform-name=macos] .Button_button:focus-visible {
  background: var(--button-bg--focus, var(--button-bg));
  box-shadow: var(--button-shadow--focus, var(--button-shadow));
  color: var(--button-text--focus, var(--button-text));
  opacity: var(--button-opacity--focus, var(--button-opacity));
  outline: none;
}
[data-platform-name=macos] .Button_button:hover:not(:disabled) {
  background: var(--button-bg--hover, var(--button-bg));
  box-shadow: var(--button-shadow--hover, var(--button-shadow));
  color: var(--button-text--hover, var(--button-text));
  opacity: var(--button-opacity--hover, var(--button-opacity));
}
[data-platform-name=macos] .Button_button:active:not(:disabled) {
  background: var(--button-bg--active, var(--button-bg));
  box-shadow: var(--button-shadow--active, var(--button-shadow));
  color: var(--button-text--active, var(--button-text));
  opacity: var(--button-opacity--active, var(--button-opacity));
}
[data-platform-name=ios] .Button_button {
  border-radius: var(--sp-2);
  border: 0;
  font-size: calc(15 * var(--px-in-rem));
  font-weight: 600;
  height: calc(50 * var(--px-in-rem));
  letter-spacing: calc(-0.23 * var(--px-in-rem));
  padding: 0 var(--sp-6);
  text-align: center;
}
[data-platform-name=ios] .Button_button:active:not(:disabled) {
  background: var(--button-bg--active, var(--button-bg));
  color: var(--button-text--active, var(--button-text));
}
[data-platform-name=ios] .Button_button:disabled {
  background: var(--button-bg--disabled, var(--button-bg));
  color: var(--button-text--disabled, var(--button-text));
}
body:not([data-platform-name]) .Button_button {
  background-blend-mode:
    normal,
    color-burn,
    normal;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.12) 0%,
      rgba(255, 255, 255, 0) 100%),
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.06) 100%),
    #007aff;
  border-radius: var(--sp-2);
  border: 1px solid rgba(40, 145, 255, 0.05);
  box-shadow: 0 0 1px 0 rgba(40, 145, 255, 0.05), 0 1px 1px 0 rgba(40, 145, 255, 0.1);
  color: white;
  font-size: calc(13 * var(--px-in-rem));
  font-weight: 600;
  line-height: var(--sp-8);
  padding: 0 var(--sp-4);
}
body:not([data-platform-name]) .Button_button:hover:not(:disabled) {
  background:
    linear-gradient(
      0deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.16) 100%),
    #2749db;
}
body:not([data-platform-name]) .Button_button:active:not(:disabled) {
  background:
    linear-gradient(
      0deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.16) 100%),
    #1743d1;
}
[data-platform-name=macos] {
  --macos-control-focused-shadow:
    0 0 0 2.5px var(--ds-color-theme-accent-glow-primary, var(--ds-color-theme-default-light-accent-glow-primary)),
    0 0 0 1px var(--ds-color-theme-accent-primary, var(--ds-color-theme-default-light-accent-primary)) inset,
    0 0 1px 0 var(--ds-color-theme-shadow-primary, var(--ds-color-theme-default-light-shadow-primary)),
    0 1px 1px 0 var(--ds-color-theme-shadow-primary, var(--ds-color-theme-default-light-shadow-primary));
  --macos-control-standard-background-rest: var(--color-white);
  --macos-control-standard-background-rest--dark: rgba(255, 255, 255, 0.28);
  --macos-control-standard-background-pressed: #e7e7e7;
  --macos-control-standard-background-pressed--dark: rgba(255, 255, 255, 0.4);
  --macos-control-standard-shadow:
    0 1px 0 0 rgba(255, 255, 255, 0.2) inset,
    0 1px 0 0 rgba(255, 255, 255, 0.05) inset,
    0 0 0 1px rgba(0, 0, 0, 0.1),
    0 0 1px 0 rgba(0, 0, 0, 0.05),
    0 1px 1px 0 rgba(0, 0, 0, 0.2);
  --macos-accent-color: var(--ds-color-theme-accent-primary, var(--ds-color-theme-default-light-accent-primary));
  --macos-accent-color-secondary: var(--ds-color-theme-accent-secondary, var(--ds-color-theme-default-light-accent-secondary));
  --macos-accent-color-tertiary: var(--ds-color-theme-accent-tertiary, var(--ds-color-theme-default-light-accent-tertiary));
  --macos-control-accent-branded-background-rest:
    linear-gradient(
      0deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.16) 100%),
    var(--macos-accent-color);
  --macos-control-accent-branded-background-hover:
    linear-gradient(
      0deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.16) 100%),
    var(--macos-accent-color-secondary);
  --macos-control-accent-branded-background-pressed:
    linear-gradient(
      0deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.16) 100%),
    var(--macos-accent-color-tertiary);
  --macos-control-accent-branded-background-focus:
    linear-gradient(
      0deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.16) 100%),
    var(--macos-accent-color);
  --macos-control-accent-branded-shadow-rest:
    0 1px 0 0 rgba(255, 255, 255, 0) inset,
    0 1px 0 0 rgba(255, 255, 255, 0) inset,
    0 0 0 1px rgba(0, 122, 255, 0.05),
    0 0 1px 0 rgba(0, 122, 255, 0.05),
    0 1px 1px 0 rgba(0, 122, 255, 0.1);
  --macos-control-accent-branded-shadow-pressed:
    0px 0.5px 0px 0px rgba(255, 255, 255, 0.00) inset,
    0px 1px 0px 0px rgba(255, 255, 255, 0.00) inset,
    0px 0px 0px 0.5px rgba(0, 122, 255, 0.05),
    0px 0px 1px 0px rgba(0, 122, 255, 0.05),
    0px 1px 1px 0px rgba(0, 122, 255, 0.10);
  --macos-control-accent-branded-shadow-hover:
    0px 0.5px 0px 0px rgba(255, 255, 255, 0.00) inset,
    0px 1px 0px 0px rgba(255, 255, 255, 0.00) inset,
    0px 0px 0px 0.5px rgba(0, 122, 255, 0.05),
    0px 0px 1px 0px rgba(0, 122, 255, 0.05),
    0px 1px 1px 0px rgba(0, 122, 255, 0.10);
  --macos-control-accent-branded-shadow-disabled:
    0px 0.5px 0px 0px rgba(255, 255, 255, 0.20) inset,
    0px 1px 0px 0px rgba(255, 255, 255, 0.05) inset,
    0px 0px 0px 0.5px rgba(0, 0, 0, 0.10),
    0px 0px 1px 0px rgba(0, 0, 0, 0.05),
    0px 1px 1px 0px rgba(0, 0, 0, 0.20);
}
[data-theme=dark] [data-platform-name=macos] {
  --macos-control-focused-shadow:
    0 0 0 2.5px var(--ds-color-theme-accent-glow-primary, var(--ds-color-theme-default-dark-accent-glow-primary)),
    0 0 0 1px var(--ds-color-theme-accent-primary, var(--ds-color-theme-default-dark-accent-primary)) inset,
    0 0 1px 0 var(--ds-color-theme-shadow-primary, var(--ds-color-theme-default-dark-shadow-primary)),
    0 1px 1px 0 var(--ds-color-theme-shadow-primary, var(--ds-color-theme-default-dark-shadow-primary));
  --macos-accent-color: var(--ds-color-theme-accent-primary, var(--ds-color-theme-default-dark-accent-primary));
  --macos-accent-color-secondary: var(--ds-color-theme-accent-secondary, var(--ds-color-theme-default-dark-accent-secondary));
  --macos-accent-color-tertiary: var(--ds-color-theme-accent-tertiary, var(--ds-color-theme-default-dark-accent-tertiary));
}
[data-platform-name=macos] .Button_button.Button_standard {
  --button-bg: var(--macos-control-standard-background-rest);
  --button-text: var(--macos-text-primary);
  --button-shadow: var(--macos-control-standard-shadow);
  --button-opacity: 1;
  --button-bg--active: var(--macos-control-standard-background-pressed);
  --button-bg--disabled: var(--macos-control-standard-background-rest);
  --button-text--disabled: var(--macos-text-primary);
  --button-shadow--disabled: var(--macos-control-standard-shadow);
  --button-opacity--disabled: 0.4;
  --button-shadow--focus: var(--macos-control-focused-shadow);
}
[data-platform-name=macos] .Button_button.Button_accent,
[data-platform-name=macos] .Button_button.Button_accentBrand {
  --button-bg: var(--macos-control-accent-branded-background-rest);
  --button-text: var(--ds-color-theme-accent-content-primary, var(--ds-color-theme-default-light-accent-content-primary));
  --button-shadow: var(--macos-control-accent-branded-shadow-rest);
  --button-opacity: 1;
  --button-bg--active: var(--macos-control-accent-branded-background-pressed);
  --button-text--active: color-mix(in srgb, var(--ds-color-theme-accent-content-primary, var(--ds-color-theme-default-light-accent-content-primary)) 80%, transparent);
  --button-shadow--active: var(--macos-control-accent-branded-shadow-pressed);
  --button-bg--disabled: var(--macos-control-standard-background-rest);
  --button-text--disabled: var(--macos-text-primary);
  --button-shadow--disabled: var(--macos-control-standard-shadow);
  --button-opacity--disabled: 0.4;
  --button-bg--focus: var(--macos-control-accent-branded-background-focus);
  --button-shadow--focus: var(--macos-control-focused-shadow);
  --button-bg--hover: var(--macos-control-accent-branded-background-rest);
  --button-shadow--hover: var(--macos-control-accent-branded-shadow-hover);
}
[data-theme=dark] :is([data-platform-name=macos] .Button_button).Button_standard {
  --button-bg: var(--macos-control-standard-background-rest--dark);
  --button-text: var(--color-white-at-84);
  --button-bg--active: var(--macos-control-standard-background-pressed--dark);
}
[data-theme=dark] :is([data-platform-name=macos] .Button_button).Button_accent,
[data-theme=dark] :is([data-platform-name=macos] .Button_button).Button_accentBrand {
  --button-text: var(--ds-color-theme-accent-content-primary, var(--ds-color-theme-default-dark-accent-content-primary));
  --button-text--active: color-mix(in srgb, var(--ds-color-theme-accent-content-primary, var(--ds-color-theme-default-dark-accent-content-primary)) 80%, transparent);
}
[data-platform-name=ios] .Button_button.Button_primary {
  --button-bg: var(--color-blue-50);
  --button-text: var(--color-white);
  --button-bg--active: var(--color-blue-70);
  --button-text--active: var(--color-white);
  --button-bg--disabled: var(--color-black-at-6);
  --button-text--disabled: var(--color-black-at-36);
}
[data-platform-name=ios] .Button_button.Button_ghost {
  --button-bg: transparent;
  --button-text: var(--color-blue-50);
  --button-bg--active: rgba(57, 105, 239, 0.12);
  --button-text--active: var(--color-blue-70);
  --button-bg--disabled: transparent;
  --button-text--disabled: var(--color-black-at-36);
}
[data-theme=dark] :is([data-platform-name=ios] .Button_button).Button_primary {
  --button-bg: var(--color-blue-30);
  --button-text: var(--color-black-at-84);
  --button-bg--active: var(--color-blue-50);
  --button-text--active: var(--color-black-at-84);
  --button-bg--disabled: var(--color-black-at-6);
  --button-text--disabled: var(--color-black-at-36);
}
[data-theme=dark] :is([data-platform-name=ios] .Button_button).Button_ghost {
  --button-bg: transparent;
  --button-text: var(--color-blue-30);
  --button-bg--active: rgba(114, 149, 246, 0.2);
  --button-text--active: var(--color-blue-20);
  --button-bg--disabled: transparent;
  --button-text--disabled: var(--color-black-at-36);
}
[data-platform-name=windows] .Button_button {
  --focus-ring-color: var(--ds-color-theme-accent-primary, var(--ds-color-theme-default-light-accent-primary));
  border-radius: var(--border-radius-sm);
  height: var(--sp-8);
  border-width: 0;
  padding-left: var(--sp-3);
  padding-right: var(--sp-3);
}
[data-platform-name=windows] .Button_button:focus-visible {
  outline: 2px solid var(--focus-ring-color);
  outline-offset: 1px;
}
[data-platform-name=windows] .Button_button.Button_standard {
  background-color: var(--ds-color-theme-control-fill-primary, var(--ds-color-theme-default-light-control-fill-primary));
  color: var(--ds-color-theme-text-primary, var(--ds-color-theme-default-light-text-primary));
  border-width: 0;
}
[data-platform-name=windows] .Button_button.Button_standard:hover:not(:disabled) {
  background-color: var(--ds-color-theme-control-fill-secondary, var(--ds-color-theme-default-light-control-fill-secondary));
  cursor: pointer;
}
[data-platform-name=windows] .Button_button.Button_standard:active:not(:disabled) {
  background-color: var(--ds-color-theme-control-fill-tertiary, var(--ds-color-theme-default-light-control-fill-tertiary));
}
[data-platform-name=windows] .Button_button.Button_standard:disabled {
  opacity: 0.8;
  cursor: not-allowed;
}
[data-platform-name=windows] .Button_button.Button_accent,
[data-platform-name=windows] .Button_button.Button_accentBrand {
  background-color: var(--ds-color-theme-accent-primary, var(--ds-color-theme-default-light-accent-primary));
  color: var(--ds-color-theme-accent-content-primary, var(--ds-color-theme-default-light-accent-content-primary));
}
:is([data-platform-name=windows] .Button_button.Button_accent, [data-platform-name=windows] .Button_button.Button_accentBrand):hover:not(:disabled) {
  background-color: var(--ds-color-theme-accent-secondary, var(--ds-color-theme-default-light-accent-secondary));
}
:is([data-platform-name=windows] .Button_button.Button_accent, [data-platform-name=windows] .Button_button.Button_accentBrand):active:not(:disabled) {
  background-color: var(--ds-color-theme-accent-tertiary, var(--ds-color-theme-default-light-accent-tertiary));
}
:is([data-platform-name=windows] .Button_button.Button_accent, [data-platform-name=windows] .Button_button.Button_accentBrand):disabled {
  opacity: 0.8;
  cursor: not-allowed;
}
[data-theme=dark] :is([data-platform-name=windows] .Button_button) {
  --focus-ring-color: var(--ds-color-theme-accent-primary, var(--ds-color-theme-default-dark-accent-primary));
}
[data-theme=dark] :is([data-platform-name=windows] .Button_button).Button_standard {
  color: var(--ds-color-theme-text-primary, var(--ds-color-theme-default-dark-text-primary));
  background-color: var(--ds-color-theme-control-fill-primary, var(--ds-color-theme-default-dark-control-fill-primary));
}
[data-theme=dark] :is([data-platform-name=windows] .Button_button).Button_standard:hover:not(:disabled) {
  background-color: var(--ds-color-theme-control-fill-secondary, var(--ds-color-theme-default-dark-control-fill-secondary));
}
[data-theme=dark] :is([data-platform-name=windows] .Button_button).Button_standard:active:not(:disabled) {
  background-color: var(--ds-color-theme-control-fill-tertiary, var(--ds-color-theme-default-dark-control-fill-tertiary));
}
[data-theme=dark] :is([data-platform-name=windows] .Button_button).Button_accent,
[data-theme=dark] :is([data-platform-name=windows] .Button_button).Button_accentBrand {
  color: var(--ds-color-theme-accent-content-primary, var(--ds-color-theme-default-dark-accent-content-primary));
  background-color: var(--ds-color-theme-accent-primary, var(--ds-color-theme-default-dark-accent-primary));
}
:is([data-theme=dark] :is([data-platform-name=windows] .Button_button).Button_accent, [data-theme=dark] :is([data-platform-name=windows] .Button_button).Button_accentBrand):hover:not(:disabled) {
  background-color: var(--ds-color-theme-accent-secondary, var(--ds-color-theme-default-dark-accent-secondary));
}
:is([data-theme=dark] :is([data-platform-name=windows] .Button_button).Button_accent, [data-theme=dark] :is([data-platform-name=windows] .Button_button).Button_accentBrand):active:not(:disabled) {
  background-color: var(--ds-color-theme-accent-tertiary, var(--ds-color-theme-default-dark-accent-tertiary));
}

/* pages/special-error/app/components/Warning.module.css */
.Warning_container {
  display: flex;
  flex-flow: column;
  gap: var(--sp-4);
  max-width: var(--ios-content-max-width);
  padding: var(--sp-8) var(--sp-10);
  overflow: hidden;
  width: 100%;
}
.Warning_content {
  display: flex;
  flex-flow: column;
  gap: var(--sp-5);
}
.Warning_content a {
  color: var(--link-color);
}
.Warning_heading {
  align-items: center;
  display: flex;
  gap: var(--sp-2);
}
.Warning_icon {
  background-repeat: no-repeat;
  background-size: contain;
}
.Warning_buttonContainer {
  display: flex;
  gap: var(--sp-2);
  padding-block-start: var(--sp-2);
}
[data-platform-name=macos] .Warning_icon {
  align-self: flex-start;
  flex: 0 0 var(--sp-12);
  height: var(--sp-12);
  width: var(--sp-12);
}
[data-platform-name=macos] .Warning_heading {
  gap: var(--sp-4);
}
[data-platform-name=macos] .Warning_ssl.Warning_heading {
  height: var(--sp-8);
}
[data-platform-name=macos] .Warning_ssl .Warning_icon {
  background-image: url("./Shield-Alert-96-IXBBD4D7.svg");
  margin-left: calc(-1 * var(--sp-2));
  margin-top: calc(-1 * var(--sp-2));
}
[data-platform-name=macos] .Warning_phishing .Warning_icon,
[data-platform-name=macos] .Warning_malware .Warning_icon,
[data-platform-name=macos] .Warning_scam .Warning_icon {
  background-image: url("./Malware-Site-96-A35AQOKY.svg");
  margin-left: calc(-1 * var(--sp-2));
  margin-right: calc(-1 * var(--sp-1));
}
[data-platform-name=macos] .Warning_buttonContainer {
  justify-content: flex-end;
}
[data-platform-name=ios] .Warning_container {
  gap: var(--sp-6);
}
[data-platform-name=ios] .Warning_heading {
  flex-flow: column;
  gap: var(--sp-6);
  justify-content: center;
  text-align: center;
}
[data-platform-name=ios] .Warning_content {
  text-align: center;
  text-wrap: balance;
  white-space: pre-line;
}
[data-platform-name=ios] .Warning_buttonContainer {
  flex-flow: column-reverse;
  justify-content: center;
  align-items: center;
  gap: var(--sp-2);
  padding-top: var(--sp-6);
}
[data-platform-name=ios] .Warning_button {
  max-width: var(--sp-90);
  width: 100%;
}
[data-platform-name=ios] .Warning_advanced {
  background-color: transparent;
}
[data-platform-name=ios] .Warning_icon {
  flex: 0 0 var(--sp-24);
  height: var(--sp-24);
  width: var(--sp-32);
}
[data-platform-name=ios] .Warning_ssl .Warning_icon {
  background-image: url("./Shield-Alert-128-D4E333I2.svg");
}
[data-platform-name=ios] .Warning_phishing .Warning_icon,
[data-platform-name=ios] .Warning_malware .Warning_icon,
[data-platform-name=ios] .Warning_scam .Warning_icon {
  background-image: url("./Malware-Site-128-YUDZDGMR.svg");
}
[data-platform-name=ios] .Warning_title {
  white-space: pre-line;
}
@media (min-width: 600px) {
  [data-platform-name=ios] .Warning_title {
    white-space: normal;
  }
}
@supports (text-wrap: balance) {
  [data-platform-name=ios] .Warning_title {
    text-wrap: balance;
    white-space: normal;
  }
}
[data-platform-name=windows] {
  --border-radius-sm: 6px;
}
[data-platform-name=windows] .Warning_icon {
  align-self: flex-start;
  flex: 0 0 var(--sp-12);
  height: var(--sp-12);
  width: var(--sp-12);
}
[data-platform-name=windows] .Warning_heading {
  gap: var(--sp-4);
}
[data-platform-name=windows] .Warning_ssl.Warning_heading {
  height: var(--sp-8);
}
[data-platform-name=windows] .Warning_ssl .Warning_icon {
  background-image: url("./Shield-Alert-96-IXBBD4D7.svg");
  margin-left: calc(-1 * var(--sp-2));
  margin-top: calc(-1 * var(--sp-2));
}
[data-platform-name=windows] .Warning_phishing .Warning_icon,
[data-platform-name=windows] .Warning_malware .Warning_icon,
[data-platform-name=windows] .Warning_scam .Warning_icon {
  background-image: url("./Malware-Site-96-A35AQOKY.svg");
  margin-left: calc(-1 * var(--sp-2));
  margin-right: calc(-1 * var(--sp-1));
}
[data-platform-name=windows] .Warning_buttonContainer {
  flex-flow: row-reverse;
  gap: var(--sp-4);
  justify-content: flex-end;
}
[data-platform-name=windows] .Warning_button {
  flex: 0 0 calc(50% - var(--sp-2));
  font-family: var(--theme-font-family);
  font-size: calc(14 * var(--px-in-rem));
  font-weight: 400;
  line-height: normal;
}

/* pages/special-error/app/components/Components.module.css */
.Components_selector {
  width: 100%;
  display: flex;
  padding: var(--sp-5);
  gap: var(--sp-4);
}
.Components_selector fieldset {
  border: 0;
  display: flex;
  gap: var(--sp-2);
}
.Components_main {
  display: flex;
  flex-flow: column;
  padding: var(--sp-5);
  gap: var(--sp-5);
}
.Components_main > section {
  display: flex;
  flex-flow: column;
  border-top: 1px solid var(--theme-text-primary-color);
  padding: var(--sp-3);
  gap: var(--sp-3);
}
.Components_main > section > h1 {
  padding: var(--sp-3) 0;
}
.Components_main > section > h2 {
  padding: var(--sp-2) 0;
}

/* ../node_modules/@duckduckgo/design-tokens/build/desktop-browsers/tokens.css */
:root,
:host {
  --ds-color-palette-black: #000000;
  --ds-color-palette-white: #ffffff;
  --ds-color-palette-transparent: rgba(0, 0, 0, 0);
  --ds-color-palette-gray-0: #fafafa;
  --ds-color-palette-gray-10: #f5f5f5;
  --ds-color-palette-gray-20: #eeeeee;
  --ds-color-palette-gray-30: #dddddd;
  --ds-color-palette-gray-40: #cccccc;
  --ds-color-palette-gray-50: #aaaaaa;
  --ds-color-palette-gray-60: #888888;
  --ds-color-palette-gray-70: #666666;
  --ds-color-palette-gray-80: #444444;
  --ds-color-palette-gray-85: #333333;
  --ds-color-palette-gray-90: #222222;
  --ds-color-palette-gray-100: #111111;
  --ds-color-palette-red-0: #ffd7cc;
  --ds-color-palette-red-10: #f8bbaa;
  --ds-color-palette-red-20: #f2a18a;
  --ds-color-palette-red-30: #eb876c;
  --ds-color-palette-red-40: #e46f4f;
  --ds-color-palette-red-50: #de5833;
  --ds-color-palette-red-60: #bc4423;
  --ds-color-palette-red-70: #9a3216;
  --ds-color-palette-red-80: #77230c;
  --ds-color-palette-red-90: #551605;
  --ds-color-palette-red-100: #330b01;
  --ds-color-palette-red-alert-20: #ff545a;
  --ds-color-palette-red-alert-30: #e04a4f;
  --ds-color-palette-red-alert-40: #d1454a;
  --ds-color-palette-red-alert-50: #eb102d;
  --ds-color-palette-red-alert-60: #cf0e28;
  --ds-color-palette-red-alert-70: #c10d25;
  --ds-color-palette-blue-0: #ccdaff;
  --ds-color-palette-blue-10: #adc2fc;
  --ds-color-palette-blue-20: #8fabf9;
  --ds-color-palette-blue-30: #7295f6;
  --ds-color-palette-blue-40: #557ff3;
  --ds-color-palette-blue-50: #3969ef;
  --ds-color-palette-blue-60: #2b55ca;
  --ds-color-palette-blue-70: #1e42a4;
  --ds-color-palette-blue-80: #14307e;
  --ds-color-palette-blue-90: #0b2059;
  --ds-color-palette-blue-100: #051133;
  --ds-color-palette-blue-0-transparency-01: rgba(204, 218, 255, 0.4);
  --ds-color-palette-blue-0-transparency-02: rgba(204, 218, 255, 0.8);
  --ds-color-palette-blue-30-transparency-01: rgba(114, 149, 246, 0.15);
  --ds-color-palette-blue-30-transparency-02: rgba(114, 149, 246, 0.3);
  --ds-color-palette-blue-30-transparency-03: rgba(114, 149, 246, 0.6);
  --ds-color-palette-blue-30-transparency-04: rgba(114, 149, 246, 0.2);
  --ds-color-palette-blue-50-transparency-01: rgba(57, 105, 239, 0.36);
  --ds-color-palette-blue-50-transparency-02: rgba(57, 105, 239, 0.2);
  --ds-color-palette-blue-hyperlink: #1a0dab;
  --ds-color-palette-purple-0: #ece6ff;
  --ds-color-palette-purple-10: #c7b9ee;
  --ds-color-palette-purple-20: #a591dc;
  --ds-color-palette-purple-30: #876ecb;
  --ds-color-palette-purple-40: #6b4eba;
  --ds-color-palette-purple-50: #5132a9;
  --ds-color-palette-purple-60: #3e228c;
  --ds-color-palette-purple-70: #2c146f;
  --ds-color-palette-purple-80: #1d0a53;
  --ds-color-palette-purple-90: #110336;
  --ds-color-palette-purple-100: #070019;
  --ds-color-palette-purple-hyperlink: #6c00a2;
  --ds-color-palette-yellow-0: #fff7e0;
  --ds-color-palette-yellow-10: #fff0c2;
  --ds-color-palette-yellow-20: #ffe8a3;
  --ds-color-palette-yellow-30: #ffde7a;
  --ds-color-palette-yellow-40: #ffd65c;
  --ds-color-palette-yellow-50: #ffcc33;
  --ds-color-palette-yellow-60: #f9be1a;
  --ds-color-palette-yellow-70: #e2a412;
  --ds-color-palette-yellow-80: #c18010;
  --ds-color-palette-yellow-90: #92540c;
  --ds-color-palette-yellow-100: #5a2807;
  --ds-color-palette-green-0: #d3ffcc;
  --ds-color-palette-green-10: #b3f1aa;
  --ds-color-palette-green-20: #96e38a;
  --ds-color-palette-green-30: #7bd66d;
  --ds-color-palette-green-40: #63c853;
  --ds-color-palette-green-50: #4cba3c;
  --ds-color-palette-green-60: #399f29;
  --ds-color-palette-green-70: #288419;
  --ds-color-palette-green-80: #1a690d;
  --ds-color-palette-green-90: #0f4e05;
  --ds-color-palette-green-100: #073300;
  --ds-color-palette-green-alert-50: #21c000;
  --ds-color-palette-shade-12: rgba(0, 0, 0, 0.12);
  --ds-color-palette-shade-18: rgba(0, 0, 0, 0.18);
  --ds-color-palette-shade-24: rgba(0, 0, 0, 0.24);
  --ds-color-palette-shade-30: rgba(0, 0, 0, 0.3);
  --ds-color-palette-shade-36: rgba(0, 0, 0, 0.36);
  --ds-color-palette-shade-42: rgba(0, 0, 0, 0.42);
  --ds-color-palette-shade-48: rgba(0, 0, 0, 0.48);
  --ds-color-palette-shade-54: rgba(0, 0, 0, 0.54);
  --ds-color-palette-shade-60: rgba(0, 0, 0, 0.6);
  --ds-color-palette-shade-66: rgba(0, 0, 0, 0.66);
  --ds-color-palette-shade-72: rgba(0, 0, 0, 0.72);
  --ds-color-palette-shade-78: rgba(0, 0, 0, 0.78);
  --ds-color-palette-shade-84: rgba(0, 0, 0, 0.84);
  --ds-color-palette-shade-90: rgba(0, 0, 0, 0.9);
  --ds-color-palette-shade-96: rgba(0, 0, 0, 0.96);
  --ds-color-palette-shade-01: rgba(0, 0, 0, 0.01);
  --ds-color-palette-shade-03: rgba(0, 0, 0, 0.03);
  --ds-color-palette-shade-06: rgba(0, 0, 0, 0.06);
  --ds-color-palette-shade-09: rgba(0, 0, 0, 0.09);
  --ds-color-palette-red-shade-10: rgba(235, 16, 45, 0.1);
  --ds-color-palette-red-shade-25: rgba(235, 16, 45, 0.25);
  --ds-color-palette-red-tint-15: rgba(255, 84, 90, 0.15);
  --ds-color-palette-red-tint-30: rgba(255, 84, 90, 0.3);
  --ds-color-palette-blue-shade-40: rgba(204, 218, 255, 0.4);
  --ds-color-palette-blue-shade-80: rgba(204, 218, 255, 0.8);
  --ds-color-palette-blue-tint-15: rgba(114, 149, 246, 0.15);
  --ds-color-palette-blue-tint-30: rgba(114, 149, 246, 0.3);
  --ds-color-palette-tint-12: rgba(255, 255, 255, 0.12);
  --ds-color-palette-tint-18: rgba(255, 255, 255, 0.18);
  --ds-color-palette-tint-24: rgba(255, 255, 255, 0.24);
  --ds-color-palette-tint-30: rgba(255, 255, 255, 0.3);
  --ds-color-palette-tint-36: rgba(255, 255, 255, 0.36);
  --ds-color-palette-tint-42: rgba(255, 255, 255, 0.42);
  --ds-color-palette-tint-48: rgba(255, 255, 255, 0.48);
  --ds-color-palette-tint-54: rgba(255, 255, 255, 0.54);
  --ds-color-palette-tint-60: rgba(255, 255, 255, 0.6);
  --ds-color-palette-tint-66: rgba(255, 255, 255, 0.66);
  --ds-color-palette-tint-72: rgba(255, 255, 255, 0.72);
  --ds-color-palette-tint-78: rgba(255, 255, 255, 0.78);
  --ds-color-palette-tint-84: rgba(255, 255, 255, 0.84);
  --ds-color-palette-tint-90: rgba(255, 255, 255, 0.9);
  --ds-color-palette-tint-96: rgba(255, 255, 255, 0.96);
  --ds-color-palette-tint-01: rgba(255, 255, 255, 0.01);
  --ds-color-palette-tint-03: rgba(255, 255, 255, 0.03);
  --ds-color-palette-tint-06: rgba(255, 255, 255, 0.06);
  --ds-color-palette-tint-09: rgba(255, 255, 255, 0.09);
  --ds-color-theme-cool-gray-dark-accent-alt-content-primary: #eeeff7;
  --ds-color-theme-cool-gray-dark-accent-alt-content-secondary: rgba(238, 239, 247, 0.7);
  --ds-color-theme-cool-gray-dark-accent-alt-content-tertiary: rgba(238, 239, 247, 0.5);
  --ds-color-theme-cool-gray-dark-accent-alt-glow-primary: rgba(160, 182, 227, 0.2);
  --ds-color-theme-cool-gray-dark-accent-alt-glow-secondary: rgba(160, 182, 227, 0.12);
  --ds-color-theme-cool-gray-dark-accent-alt-primary: #516590;
  --ds-color-theme-cool-gray-dark-accent-alt-secondary: #414f6b;
  --ds-color-theme-cool-gray-dark-accent-alt-tertiary: #364563;
  --ds-color-theme-cool-gray-dark-accent-alt-text-primary: #b5c7ec;
  --ds-color-theme-cool-gray-dark-accent-alt-text-secondary: #a0b6e3;
  --ds-color-theme-cool-gray-dark-accent-alt-text-tertiary: #829bce;
  --ds-color-theme-cool-gray-dark-accent-content-primary: #050614;
  --ds-color-theme-cool-gray-dark-accent-content-secondary: rgba(5, 6, 20, 0.7);
  --ds-color-theme-cool-gray-dark-accent-content-tertiary: rgba(5, 6, 20, 0.5);
  --ds-color-theme-cool-gray-dark-accent-glow-primary: rgba(160, 182, 227, 0.2);
  --ds-color-theme-cool-gray-dark-accent-glow-secondary: rgba(160, 182, 227, 0.12);
  --ds-color-theme-cool-gray-dark-accent-primary: #a0b6e3;
  --ds-color-theme-cool-gray-dark-accent-quaternary: #5d76ab;
  --ds-color-theme-cool-gray-dark-accent-secondary: #829bce;
  --ds-color-theme-cool-gray-dark-accent-tertiary: #708ac1;
  --ds-color-theme-cool-gray-dark-accent-text-primary: #b5c7ec;
  --ds-color-theme-cool-gray-dark-accent-text-secondary: #a0b6e3;
  --ds-color-theme-cool-gray-dark-accent-text-tertiary: #829bce;
  --ds-color-theme-cool-gray-dark-container-border-primary: rgba(244, 244, 246, 0.09);
  --ds-color-theme-cool-gray-dark-container-border-secondary: rgba(244, 244, 246, 0.12);
  --ds-color-theme-cool-gray-dark-container-border-tertiary: rgba(244, 244, 246, 0.16);
  --ds-color-theme-cool-gray-dark-container-fill-primary: rgba(244, 244, 246, 0.03);
  --ds-color-theme-cool-gray-dark-container-fill-secondary: rgba(244, 244, 246, 0.06);
  --ds-color-theme-cool-gray-dark-container-fill-tertiary: rgba(244, 244, 246, 0.09);
  --ds-color-theme-cool-gray-dark-control-border-primary: rgba(198, 211, 241, 0.48);
  --ds-color-theme-cool-gray-dark-control-border-quaternary: rgba(198, 211, 241, 0.8);
  --ds-color-theme-cool-gray-dark-control-border-secondary: rgba(198, 211, 241, 0.64);
  --ds-color-theme-cool-gray-dark-control-border-tertiary: rgba(198, 211, 241, 0.72);
  --ds-color-theme-cool-gray-dark-control-fill-primary: rgba(198, 211, 241, 0.12);
  --ds-color-theme-cool-gray-dark-control-fill-secondary: rgba(198, 211, 241, 0.18);
  --ds-color-theme-cool-gray-dark-control-fill-tertiary: rgba(198, 211, 241, 0.24);
  --ds-color-theme-cool-gray-dark-control-raised-backdrop: rgba(255, 255, 255, 0.12);
  --ds-color-theme-cool-gray-dark-control-raised-fill-primary: rgba(221, 224, 238, 0.18);
  --ds-color-theme-cool-gray-dark-destructive-content-primary: #000000;
  --ds-color-theme-cool-gray-dark-destructive-content-secondary: rgba(0, 0, 0, 0.9);
  --ds-color-theme-cool-gray-dark-destructive-content-tertiary: rgba(0, 0, 0, 0.6);
  --ds-color-theme-cool-gray-dark-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-cool-gray-dark-destructive-glow-secondary: rgba(238, 16, 37, 0.12);
  --ds-color-theme-cool-gray-dark-destructive-primary: #ee1025;
  --ds-color-theme-cool-gray-dark-destructive-secondary: #d11527;
  --ds-color-theme-cool-gray-dark-destructive-tertiary: #aa1926;
  --ds-color-theme-cool-gray-dark-destructive-text-primary: #ee1025;
  --ds-color-theme-cool-gray-dark-destructive-text-secondary: #d11527;
  --ds-color-theme-cool-gray-dark-destructive-text-tertiary: #aa1926;
  --ds-color-theme-cool-gray-dark-highlight-primary: rgba(221, 224, 238, 0.12);
  --ds-color-theme-cool-gray-dark-icons-primary: rgba(237, 239, 246, 0.78);
  --ds-color-theme-cool-gray-dark-icons-secondary: rgba(238, 239, 247, 0.48);
  --ds-color-theme-cool-gray-dark-icons-tertiary: rgba(238, 239, 247, 0.24);
  --ds-color-theme-cool-gray-dark-shadow-primary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-cool-gray-dark-shadow-secondary: rgba(0, 0, 0, 0.24);
  --ds-color-theme-cool-gray-dark-shadow-tertiary: rgba(0, 0, 0, 0.32);
  --ds-color-theme-cool-gray-dark-surface-backdrop: #070a16;
  --ds-color-theme-cool-gray-dark-surface-canvas: #272a3e;
  --ds-color-theme-cool-gray-dark-surface-decoration-primary: rgba(221, 224, 238, 0.16);
  --ds-color-theme-cool-gray-dark-surface-decoration-secondary: rgba(221, 224, 238, 0.24);
  --ds-color-theme-cool-gray-dark-surface-decoration-tertiary: rgba(221, 224, 238, 0.32);
  --ds-color-theme-cool-gray-dark-surface-primary: #2b2f45;
  --ds-color-theme-cool-gray-dark-surface-secondary: #393d55;
  --ds-color-theme-cool-gray-dark-surface-tertiary: #414662;
  --ds-color-theme-cool-gray-dark-text-primary: rgba(237, 239, 246, 0.96);
  --ds-color-theme-cool-gray-dark-text-secondary: rgba(238, 239, 247, 0.66);
  --ds-color-theme-cool-gray-dark-text-tertiary: rgba(238, 239, 247, 0.36);
  --ds-color-theme-cool-gray-dark-tone-shade-primary: rgba(11, 14, 20, 0.12);
  --ds-color-theme-cool-gray-dark-tone-tint-primary: rgba(238, 238, 241, 0.06);
  --ds-color-theme-cool-gray-light-accent-alt-content-primary: #1e2534;
  --ds-color-theme-cool-gray-light-accent-alt-content-secondary: rgba(30, 37, 52, 0.7);
  --ds-color-theme-cool-gray-light-accent-alt-content-tertiary: rgba(30, 37, 52, 0.5);
  --ds-color-theme-cool-gray-light-accent-alt-glow-primary: rgba(160, 182, 227, 0.2);
  --ds-color-theme-cool-gray-light-accent-alt-glow-secondary: rgba(160, 182, 227, 0.12);
  --ds-color-theme-cool-gray-light-accent-alt-primary: #bccdf0;
  --ds-color-theme-cool-gray-light-accent-alt-secondary: #a0b6e3;
  --ds-color-theme-cool-gray-light-accent-alt-tertiary: #829bce;
  --ds-color-theme-cool-gray-light-accent-alt-text-primary: #2d3a53;
  --ds-color-theme-cool-gray-light-accent-alt-text-secondary: #242e42;
  --ds-color-theme-cool-gray-light-accent-alt-text-tertiary: #1e2534;
  --ds-color-theme-cool-gray-light-accent-content-primary: #eeeff7;
  --ds-color-theme-cool-gray-light-accent-content-secondary: rgba(238, 239, 247, 0.7);
  --ds-color-theme-cool-gray-light-accent-content-tertiary: rgba(238, 239, 247, 0.5);
  --ds-color-theme-cool-gray-light-accent-glow-primary: rgba(40, 50, 70, 0.2);
  --ds-color-theme-cool-gray-light-accent-glow-secondary: rgba(40, 50, 70, 0.12);
  --ds-color-theme-cool-gray-light-accent-primary: #273145;
  --ds-color-theme-cool-gray-light-accent-quaternary: #0a0d13;
  --ds-color-theme-cool-gray-light-accent-secondary: #1e2534;
  --ds-color-theme-cool-gray-light-accent-tertiary: #121720;
  --ds-color-theme-cool-gray-light-accent-text-primary: #354463;
  --ds-color-theme-cool-gray-light-accent-text-secondary: #2d3952;
  --ds-color-theme-cool-gray-light-accent-text-tertiary: #242e42;
  --ds-color-theme-cool-gray-light-container-border-primary: rgba(5, 6, 20, 0.06);
  --ds-color-theme-cool-gray-light-container-border-secondary: rgba(5, 6, 20, 0.09);
  --ds-color-theme-cool-gray-light-container-border-tertiary: rgba(5, 6, 20, 0.12);
  --ds-color-theme-cool-gray-light-container-fill-primary: rgba(5, 6, 20, 0.01);
  --ds-color-theme-cool-gray-light-container-fill-secondary: rgba(5, 6, 20, 0.03);
  --ds-color-theme-cool-gray-light-container-fill-tertiary: rgba(5, 6, 20, 0.06);
  --ds-color-theme-cool-gray-light-control-border-primary: rgba(33, 45, 68, 0.48);
  --ds-color-theme-cool-gray-light-control-border-quaternary: rgba(33, 45, 69, 0.72);
  --ds-color-theme-cool-gray-light-control-border-secondary: rgba(33, 45, 68, 0.56);
  --ds-color-theme-cool-gray-light-control-border-tertiary: rgba(33, 45, 69, 0.64);
  --ds-color-theme-cool-gray-light-control-fill-primary: rgba(33, 45, 69, 0.09);
  --ds-color-theme-cool-gray-light-control-fill-secondary: rgba(33, 45, 69, 0.12);
  --ds-color-theme-cool-gray-light-control-fill-tertiary: rgba(33, 45, 69, 0.18);
  --ds-color-theme-cool-gray-light-control-raised-backdrop: rgba(5, 6, 20, 0.09);
  --ds-color-theme-cool-gray-light-control-raised-fill-primary: #edeef2;
  --ds-color-theme-cool-gray-light-destructive-content-primary: #ffffff;
  --ds-color-theme-cool-gray-light-destructive-content-secondary: rgba(255, 255, 255, 0.9);
  --ds-color-theme-cool-gray-light-destructive-content-tertiary: rgba(255, 255, 255, 0.6);
  --ds-color-theme-cool-gray-light-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-cool-gray-light-destructive-glow-secondary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-cool-gray-light-destructive-primary: #ee1025;
  --ds-color-theme-cool-gray-light-destructive-secondary: #d11527;
  --ds-color-theme-cool-gray-light-destructive-tertiary: #aa1826;
  --ds-color-theme-cool-gray-light-destructive-text-primary: #ee1025;
  --ds-color-theme-cool-gray-light-destructive-text-secondary: #d11527;
  --ds-color-theme-cool-gray-light-destructive-text-tertiary: #aa1926;
  --ds-color-theme-cool-gray-light-highlight-primary: rgba(244, 244, 246, 0.24);
  --ds-color-theme-cool-gray-light-icons-primary: rgba(33, 45, 69, 0.84);
  --ds-color-theme-cool-gray-light-icons-secondary: rgba(33, 45, 69, 0.6);
  --ds-color-theme-cool-gray-light-icons-tertiary: rgba(33, 45, 69, 0.36);
  --ds-color-theme-cool-gray-light-shadow-primary: rgba(0, 0, 0, 0.05);
  --ds-color-theme-cool-gray-light-shadow-secondary: rgba(0, 0, 0, 0.08);
  --ds-color-theme-cool-gray-light-shadow-tertiary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-cool-gray-light-surface-backdrop: #a7aabd;
  --ds-color-theme-cool-gray-light-surface-canvas: #e3e5ec;
  --ds-color-theme-cool-gray-light-surface-decoration-primary: rgba(42, 65, 111, 0.09);
  --ds-color-theme-cool-gray-light-surface-decoration-secondary: rgba(42, 65, 111, 0.2);
  --ds-color-theme-cool-gray-light-surface-decoration-tertiary: rgba(42, 65, 111, 0.32);
  --ds-color-theme-cool-gray-light-surface-primary: #d2d5e3;
  --ds-color-theme-cool-gray-light-surface-secondary: #e0e2ea;
  --ds-color-theme-cool-gray-light-surface-tertiary: #edeef2;
  --ds-color-theme-cool-gray-light-text-primary: rgba(5, 6, 20, 0.96);
  --ds-color-theme-cool-gray-light-text-secondary: rgba(5, 6, 20, 0.6);
  --ds-color-theme-cool-gray-light-text-tertiary: rgba(5, 6, 20, 0.36);
  --ds-color-theme-cool-gray-light-tone-shade-primary: rgba(11, 14, 20, 0.03);
  --ds-color-theme-cool-gray-light-tone-tint-primary: rgba(244, 244, 246, 0.4);
  --ds-color-theme-default-dark-accent-alt-content-primary: #ccdaff;
  --ds-color-theme-default-dark-accent-alt-content-secondary: #e5edff;
  --ds-color-theme-default-dark-accent-alt-content-tertiary: #ffffff;
  --ds-color-theme-default-dark-accent-alt-glow-primary: rgba(143, 171, 249, 0.2);
  --ds-color-theme-default-dark-accent-alt-glow-secondary: rgba(143, 171, 249, 0.12);
  --ds-color-theme-default-dark-accent-alt-primary: #2b55ca;
  --ds-color-theme-default-dark-accent-alt-secondary: #1e42a4;
  --ds-color-theme-default-dark-accent-alt-tertiary: #14307e;
  --ds-color-theme-default-dark-accent-alt-text-primary: #ccdaff;
  --ds-color-theme-default-dark-accent-alt-text-secondary: #adc2fc;
  --ds-color-theme-default-dark-accent-alt-text-tertiary: #8fabf9;
  --ds-color-theme-default-dark-accent-content-primary: #051133;
  --ds-color-theme-default-dark-accent-content-secondary: rgba(5, 17, 51, 0.7);
  --ds-color-theme-default-dark-accent-content-tertiary: rgba(5, 17, 51, 0.5);
  --ds-color-theme-default-dark-accent-glow-primary: rgba(114, 149, 246, 0.2);
  --ds-color-theme-default-dark-accent-glow-secondary: rgba(114, 149, 246, 0.12);
  --ds-color-theme-default-dark-accent-primary: #8fabf9;
  --ds-color-theme-default-dark-accent-quaternary: #2b55ca;
  --ds-color-theme-default-dark-accent-secondary: #7295f6;
  --ds-color-theme-default-dark-accent-tertiary: #557ff3;
  --ds-color-theme-default-dark-accent-text-primary: #adc2fc;
  --ds-color-theme-default-dark-accent-text-secondary: #8fabf9;
  --ds-color-theme-default-dark-accent-text-tertiary: #7295f6;
  --ds-color-theme-default-dark-container-border-primary: rgba(255, 255, 255, 0.09);
  --ds-color-theme-default-dark-container-border-secondary: rgba(255, 255, 255, 0.12);
  --ds-color-theme-default-dark-container-border-tertiary: rgba(255, 255, 255, 0.16);
  --ds-color-theme-default-dark-container-fill-primary: rgba(255, 255, 255, 0.03);
  --ds-color-theme-default-dark-container-fill-secondary: rgba(255, 255, 255, 0.06);
  --ds-color-theme-default-dark-container-fill-tertiary: rgba(255, 255, 255, 0.09);
  --ds-color-theme-default-dark-control-border-primary: rgba(255, 255, 255, 0.36);
  --ds-color-theme-default-dark-control-border-quaternary: rgba(255, 255, 255, 0.8);
  --ds-color-theme-default-dark-control-border-secondary: rgba(255, 255, 255, 0.64);
  --ds-color-theme-default-dark-control-border-tertiary: rgba(255, 255, 255, 0.72);
  --ds-color-theme-default-dark-control-fill-primary: rgba(255, 255, 255, 0.12);
  --ds-color-theme-default-dark-control-fill-secondary: rgba(255, 255, 255, 0.18);
  --ds-color-theme-default-dark-control-fill-tertiary: rgba(255, 255, 255, 0.24);
  --ds-color-theme-default-dark-control-raised-backdrop: rgba(255, 255, 255, 0.12);
  --ds-color-theme-default-dark-control-raised-fill-primary: rgba(255, 255, 255, 0.18);
  --ds-color-theme-default-dark-destructive-content-primary: #000000;
  --ds-color-theme-default-dark-destructive-content-secondary: rgba(0, 0, 0, 0.9);
  --ds-color-theme-default-dark-destructive-content-tertiary: rgba(0, 0, 0, 0.6);
  --ds-color-theme-default-dark-destructive-glow-primary: rgba(255, 84, 90, 0.2);
  --ds-color-theme-default-dark-destructive-glow-secondary: rgba(255, 84, 90, 0.12);
  --ds-color-theme-default-dark-destructive-primary: #ff5359;
  --ds-color-theme-default-dark-destructive-secondary: #d11527;
  --ds-color-theme-default-dark-destructive-tertiary: #aa1926;
  --ds-color-theme-default-dark-destructive-text-primary: #ff5359;
  --ds-color-theme-default-dark-destructive-text-secondary: #d11527;
  --ds-color-theme-default-dark-destructive-text-tertiary: #aa1926;
  --ds-color-theme-default-dark-highlight-primary: rgba(249, 249, 249, 0.12);
  --ds-color-theme-default-dark-icons-primary: rgba(255, 255, 255, 0.78);
  --ds-color-theme-default-dark-icons-secondary: rgba(255, 255, 255, 0.48);
  --ds-color-theme-default-dark-icons-tertiary: rgba(255, 255, 255, 0.24);
  --ds-color-theme-default-dark-shadow-primary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-default-dark-shadow-secondary: rgba(0, 0, 0, 0.24);
  --ds-color-theme-default-dark-shadow-tertiary: rgba(0, 0, 0, 0.32);
  --ds-color-theme-default-dark-surface-backdrop: #050505;
  --ds-color-theme-default-dark-surface-canvas: #1c1c1c;
  --ds-color-theme-default-dark-surface-decoration-primary: rgba(255, 255, 255, 0.12);
  --ds-color-theme-default-dark-surface-decoration-secondary: rgba(255, 255, 255, 0.2);
  --ds-color-theme-default-dark-surface-decoration-tertiary: rgba(255, 255, 255, 0.32);
  --ds-color-theme-default-dark-surface-primary: #282828;
  --ds-color-theme-default-dark-surface-secondary: #333333;
  --ds-color-theme-default-dark-surface-tertiary: #3d3d3d;
  --ds-color-theme-default-dark-text-primary: rgba(255, 255, 255, 0.96);
  --ds-color-theme-default-dark-text-secondary: rgba(255, 255, 255, 0.6);
  --ds-color-theme-default-dark-text-tertiary: rgba(255, 255, 255, 0.36);
  --ds-color-theme-default-dark-tone-shade-primary: rgba(0, 0, 0, 0.12);
  --ds-color-theme-default-dark-tone-tint-primary: rgba(255, 255, 255, 0.06);
  --ds-color-theme-default-light-accent-alt-content-primary: #0b2059;
  --ds-color-theme-default-light-accent-alt-content-secondary: rgba(11, 32, 89, 0.7);
  --ds-color-theme-default-light-accent-alt-content-tertiary: rgba(11, 32, 89, 0.5);
  --ds-color-theme-default-light-accent-alt-glow-primary: rgba(114, 149, 246, 0.2);
  --ds-color-theme-default-light-accent-alt-glow-secondary: rgba(114, 149, 246, 0.12);
  --ds-color-theme-default-light-accent-alt-primary: #ccdaff;
  --ds-color-theme-default-light-accent-alt-secondary: #adc2fc;
  --ds-color-theme-default-light-accent-alt-tertiary: #8fabf9;
  --ds-color-theme-default-light-accent-alt-text-primary: #1e42a4;
  --ds-color-theme-default-light-accent-alt-text-secondary: #14307e;
  --ds-color-theme-default-light-accent-alt-text-tertiary: #0b2059;
  --ds-color-theme-default-light-accent-content-primary: #ffffff;
  --ds-color-theme-default-light-accent-content-secondary: rgba(255, 255, 255, 0.7);
  --ds-color-theme-default-light-accent-content-tertiary: rgba(255, 255, 255, 0.5);
  --ds-color-theme-default-light-accent-glow-primary: rgba(57, 105, 239, 0.2);
  --ds-color-theme-default-light-accent-glow-secondary: rgba(57, 105, 239, 0.12);
  --ds-color-theme-default-light-accent-primary: #3869ef;
  --ds-color-theme-default-light-accent-quaternary: #14307e;
  --ds-color-theme-default-light-accent-secondary: #2b55ca;
  --ds-color-theme-default-light-accent-tertiary: #1e42a4;
  --ds-color-theme-default-light-accent-text-primary: #3869ef;
  --ds-color-theme-default-light-accent-text-secondary: #2b55ca;
  --ds-color-theme-default-light-accent-text-tertiary: #1e42a4;
  --ds-color-theme-default-light-container-border-primary: rgba(0, 0, 0, 0.06);
  --ds-color-theme-default-light-container-border-secondary: rgba(0, 0, 0, 0.09);
  --ds-color-theme-default-light-container-border-tertiary: rgba(0, 0, 0, 0.12);
  --ds-color-theme-default-light-container-fill-primary: rgba(0, 0, 0, 0.01);
  --ds-color-theme-default-light-container-fill-secondary: rgba(0, 0, 0, 0.03);
  --ds-color-theme-default-light-container-fill-tertiary: rgba(0, 0, 0, 0.06);
  --ds-color-theme-default-light-control-border-primary: rgba(0, 0, 0, 0.3);
  --ds-color-theme-default-light-control-border-quaternary: rgba(0, 0, 0, 0.72);
  --ds-color-theme-default-light-control-border-secondary: rgba(0, 0, 0, 0.48);
  --ds-color-theme-default-light-control-border-tertiary: rgba(0, 0, 0, 0.6);
  --ds-color-theme-default-light-control-fill-primary: rgba(0, 0, 0, 0.06);
  --ds-color-theme-default-light-control-fill-secondary: rgba(0, 0, 0, 0.09);
  --ds-color-theme-default-light-control-fill-tertiary: rgba(0, 0, 0, 0.12);
  --ds-color-theme-default-light-control-raised-backdrop: rgba(0, 0, 0, 0.09);
  --ds-color-theme-default-light-control-raised-fill-primary: #ffffff;
  --ds-color-theme-default-light-destructive-content-primary: #ffffff;
  --ds-color-theme-default-light-destructive-content-secondary: rgba(255, 255, 255, 0.9);
  --ds-color-theme-default-light-destructive-content-tertiary: rgba(255, 255, 255, 0.6);
  --ds-color-theme-default-light-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-default-light-destructive-glow-secondary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-default-light-destructive-primary: #ee1025;
  --ds-color-theme-default-light-destructive-secondary: #d11527;
  --ds-color-theme-default-light-destructive-tertiary: #aa1826;
  --ds-color-theme-default-light-destructive-text-primary: #ee1025;
  --ds-color-theme-default-light-destructive-text-secondary: #d11527;
  --ds-color-theme-default-light-destructive-text-tertiary: #aa1926;
  --ds-color-theme-default-light-highlight-primary: rgba(255, 255, 255, 0.24);
  --ds-color-theme-default-light-icons-primary: rgba(0, 0, 0, 0.84);
  --ds-color-theme-default-light-icons-secondary: rgba(0, 0, 0, 0.6);
  --ds-color-theme-default-light-icons-tertiary: rgba(0, 0, 0, 0.36);
  --ds-color-theme-default-light-shadow-primary: rgba(0, 0, 0, 0.05);
  --ds-color-theme-default-light-shadow-secondary: rgba(0, 0, 0, 0.08);
  --ds-color-theme-default-light-shadow-tertiary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-default-light-surface-backdrop: #e0e0e0;
  --ds-color-theme-default-light-surface-canvas: #fafafa;
  --ds-color-theme-default-light-surface-decoration-primary: rgba(0, 0, 0, 0.09);
  --ds-color-theme-default-light-surface-decoration-secondary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-default-light-surface-decoration-tertiary: rgba(0, 0, 0, 0.24);
  --ds-color-theme-default-light-surface-primary: #f2f2f2;
  --ds-color-theme-default-light-surface-secondary: #fafafa;
  --ds-color-theme-default-light-surface-tertiary: #ffffff;
  --ds-color-theme-default-light-text-primary: rgba(0, 0, 0, 0.96);
  --ds-color-theme-default-light-text-secondary: rgba(0, 0, 0, 0.6);
  --ds-color-theme-default-light-text-tertiary: rgba(0, 0, 0, 0.36);
  --ds-color-theme-default-light-tone-shade-primary: rgba(0, 0, 0, 0.03);
  --ds-color-theme-default-light-tone-tint-primary: rgba(255, 255, 255, 0.32);
  --ds-color-theme-desert-dark-accent-alt-content-primary: #fdfaf7;
  --ds-color-theme-desert-dark-accent-alt-content-secondary: rgba(253, 250, 247, 0.7);
  --ds-color-theme-desert-dark-accent-alt-content-tertiary: rgba(253, 250, 247, 0.5);
  --ds-color-theme-desert-dark-accent-alt-glow-primary: rgba(255, 165, 61, 0.2);
  --ds-color-theme-desert-dark-accent-alt-glow-secondary: rgba(255, 165, 61, 0.12);
  --ds-color-theme-desert-dark-accent-alt-primary: #d14200;
  --ds-color-theme-desert-dark-accent-alt-secondary: #c13600;
  --ds-color-theme-desert-dark-accent-alt-tertiary: #b73000;
  --ds-color-theme-desert-dark-accent-alt-text-primary: #ffcc66;
  --ds-color-theme-desert-dark-accent-alt-text-secondary: #ffa43d;
  --ds-color-theme-desert-dark-accent-alt-text-tertiary: #ff6a00;
  --ds-color-theme-desert-dark-accent-content-primary: #17150f;
  --ds-color-theme-desert-dark-accent-content-secondary: rgba(23, 21, 15, 0.7);
  --ds-color-theme-desert-dark-accent-content-tertiary: rgba(23, 21, 15, 0.5);
  --ds-color-theme-desert-dark-accent-glow-primary: rgba(255, 165, 61, 0.2);
  --ds-color-theme-desert-dark-accent-glow-secondary: rgba(255, 165, 61, 0.12);
  --ds-color-theme-desert-dark-accent-primary: #ffa43d;
  --ds-color-theme-desert-dark-accent-quaternary: #d65900;
  --ds-color-theme-desert-dark-accent-secondary: #ff8914;
  --ds-color-theme-desert-dark-accent-tertiary: #ff6a00;
  --ds-color-theme-desert-dark-accent-text-primary: #ffcc66;
  --ds-color-theme-desert-dark-accent-text-secondary: #ffa43d;
  --ds-color-theme-desert-dark-accent-text-tertiary: #ff6a00;
  --ds-color-theme-desert-dark-container-border-primary: rgba(249, 248, 246, 0.09);
  --ds-color-theme-desert-dark-container-border-secondary: rgba(249, 248, 246, 0.12);
  --ds-color-theme-desert-dark-container-border-tertiary: rgba(249, 248, 246, 0.16);
  --ds-color-theme-desert-dark-container-fill-primary: rgba(249, 248, 246, 0.03);
  --ds-color-theme-desert-dark-container-fill-secondary: rgba(249, 248, 246, 0.06);
  --ds-color-theme-desert-dark-container-fill-tertiary: rgba(249, 248, 246, 0.09);
  --ds-color-theme-desert-dark-control-border-primary: rgba(237, 232, 222, 0.32);
  --ds-color-theme-desert-dark-control-border-quaternary: rgba(237, 232, 222, 0.72);
  --ds-color-theme-desert-dark-control-border-secondary: rgba(237, 232, 222, 0.48);
  --ds-color-theme-desert-dark-control-border-tertiary: rgba(237, 232, 222, 0.64);
  --ds-color-theme-desert-dark-control-fill-primary: rgba(237, 232, 222, 0.12);
  --ds-color-theme-desert-dark-control-fill-secondary: rgba(237, 232, 222, 0.18);
  --ds-color-theme-desert-dark-control-fill-tertiary: rgba(237, 232, 222, 0.24);
  --ds-color-theme-desert-dark-control-raised-backdrop: rgba(255, 255, 255, 0.12);
  --ds-color-theme-desert-dark-control-raised-fill-primary: rgba(245, 250, 244, 0.18);
  --ds-color-theme-desert-dark-destructive-content-primary: #000000;
  --ds-color-theme-desert-dark-destructive-content-secondary: rgba(0, 0, 0, 0.9);
  --ds-color-theme-desert-dark-destructive-content-tertiary: rgba(0, 0, 0, 0.6);
  --ds-color-theme-desert-dark-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-desert-dark-destructive-glow-secondary: rgba(238, 16, 37, 0.12);
  --ds-color-theme-desert-dark-destructive-primary: #ee1025;
  --ds-color-theme-desert-dark-destructive-secondary: #d11527;
  --ds-color-theme-desert-dark-destructive-tertiary: #aa1926;
  --ds-color-theme-desert-dark-destructive-text-primary: #ee1025;
  --ds-color-theme-desert-dark-destructive-text-secondary: #d11527;
  --ds-color-theme-desert-dark-destructive-text-tertiary: #aa1926;
  --ds-color-theme-desert-dark-highlight-primary: rgba(245, 250, 244, 0.12);
  --ds-color-theme-desert-dark-icons-primary: rgba(253, 250, 247, 0.78);
  --ds-color-theme-desert-dark-icons-secondary: rgba(253, 250, 247, 0.48);
  --ds-color-theme-desert-dark-icons-tertiary: rgba(253, 250, 247, 0.24);
  --ds-color-theme-desert-dark-shadow-primary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-desert-dark-shadow-secondary: rgba(0, 0, 0, 0.24);
  --ds-color-theme-desert-dark-shadow-tertiary: rgba(0, 0, 0, 0.32);
  --ds-color-theme-desert-dark-surface-backdrop: #1c1916;
  --ds-color-theme-desert-dark-surface-canvas: #312e2a;
  --ds-color-theme-desert-dark-surface-decoration-primary: rgba(237, 232, 222, 0.12);
  --ds-color-theme-desert-dark-surface-decoration-secondary: rgba(237, 232, 222, 0.2);
  --ds-color-theme-desert-dark-surface-decoration-tertiary: rgba(237, 232, 222, 0.32);
  --ds-color-theme-desert-dark-surface-primary: #37332e;
  --ds-color-theme-desert-dark-surface-secondary: #423e38;
  --ds-color-theme-desert-dark-surface-tertiary: #4a453f;
  --ds-color-theme-desert-dark-text-primary: rgba(253, 252, 250, 0.96);
  --ds-color-theme-desert-dark-text-secondary: rgba(254, 252, 251, 0.66);
  --ds-color-theme-desert-dark-text-tertiary: rgba(254, 252, 251, 0.36);
  --ds-color-theme-desert-dark-tone-shade-primary: rgba(18, 16, 12, 0.16);
  --ds-color-theme-desert-dark-tone-tint-primary: rgba(237, 232, 222, 0.06);
  --ds-color-theme-desert-light-accent-alt-content-primary: #331100;
  --ds-color-theme-desert-light-accent-alt-content-secondary: rgba(51, 17, 0, 0.7);
  --ds-color-theme-desert-light-accent-alt-content-tertiary: rgba(51, 17, 0, 0.5);
  --ds-color-theme-desert-light-accent-alt-glow-primary: rgba(255, 165, 61, 0.2);
  --ds-color-theme-desert-light-accent-alt-glow-secondary: rgba(255, 165, 61, 0.12);
  --ds-color-theme-desert-light-accent-alt-primary: #ffb766;
  --ds-color-theme-desert-light-accent-alt-secondary: #ffa43d;
  --ds-color-theme-desert-light-accent-alt-tertiary: #ff8914;
  --ds-color-theme-desert-light-accent-alt-text-primary: #c13600;
  --ds-color-theme-desert-light-accent-alt-text-secondary: #b73000;
  --ds-color-theme-desert-light-accent-alt-text-tertiary: #a32b00;
  --ds-color-theme-desert-light-accent-content-primary: #fcfcfb;
  --ds-color-theme-desert-light-accent-content-secondary: rgba(253, 253, 252, 0.7);
  --ds-color-theme-desert-light-accent-content-tertiary: rgba(253, 253, 252, 0.5);
  --ds-color-theme-desert-light-accent-glow-primary: rgba(209, 66, 0, 0.2);
  --ds-color-theme-desert-light-accent-glow-secondary: rgba(209, 66, 0, 0.12);
  --ds-color-theme-desert-light-accent-primary: #d14200;
  --ds-color-theme-desert-light-accent-quaternary: #a32b00;
  --ds-color-theme-desert-light-accent-secondary: #c13600;
  --ds-color-theme-desert-light-accent-tertiary: #b73000;
  --ds-color-theme-desert-light-accent-text-primary: #c13600;
  --ds-color-theme-desert-light-accent-text-secondary: #b73000;
  --ds-color-theme-desert-light-accent-text-tertiary: #a32b00;
  --ds-color-theme-desert-light-container-border-primary: rgba(23, 21, 15, 0.06);
  --ds-color-theme-desert-light-container-border-secondary: rgba(23, 21, 15, 0.09);
  --ds-color-theme-desert-light-container-border-tertiary: rgba(23, 21, 15, 0.12);
  --ds-color-theme-desert-light-container-fill-primary: rgba(23, 21, 15, 0.01);
  --ds-color-theme-desert-light-container-fill-secondary: rgba(23, 21, 15, 0.03);
  --ds-color-theme-desert-light-container-fill-tertiary: rgba(23, 21, 15, 0.06);
  --ds-color-theme-desert-light-control-border-primary: rgba(115, 98, 73, 0.32);
  --ds-color-theme-desert-light-control-border-quaternary: rgba(115, 98, 73, 0.72);
  --ds-color-theme-desert-light-control-border-secondary: rgba(115, 98, 73, 0.48);
  --ds-color-theme-desert-light-control-border-tertiary: rgba(115, 98, 73, 0.64);
  --ds-color-theme-desert-light-control-fill-primary: rgba(115, 98, 73, 0.09);
  --ds-color-theme-desert-light-control-fill-secondary: rgba(115, 98, 73, 0.12);
  --ds-color-theme-desert-light-control-fill-tertiary: rgba(115, 98, 73, 0.18);
  --ds-color-theme-desert-light-control-raised-backdrop: rgba(0, 0, 0, 0.09);
  --ds-color-theme-desert-light-control-raised-fill-primary: #fbfaf9;
  --ds-color-theme-desert-light-destructive-content-primary: #ffffff;
  --ds-color-theme-desert-light-destructive-content-secondary: rgba(255, 255, 255, 0.9);
  --ds-color-theme-desert-light-destructive-content-tertiary: rgba(255, 255, 255, 0.6);
  --ds-color-theme-desert-light-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-desert-light-destructive-glow-secondary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-desert-light-destructive-primary: #ee1025;
  --ds-color-theme-desert-light-destructive-secondary: #d11527;
  --ds-color-theme-desert-light-destructive-tertiary: #aa1826;
  --ds-color-theme-desert-light-destructive-text-primary: #ee1025;
  --ds-color-theme-desert-light-destructive-text-secondary: #d11527;
  --ds-color-theme-desert-light-destructive-text-tertiary: #aa1926;
  --ds-color-theme-desert-light-highlight-primary: rgba(253, 250, 247, 0.24);
  --ds-color-theme-desert-light-icons-primary: rgba(23, 21, 15, 0.84);
  --ds-color-theme-desert-light-icons-secondary: rgba(23, 21, 15, 0.66);
  --ds-color-theme-desert-light-icons-tertiary: rgba(23, 21, 15, 0.36);
  --ds-color-theme-desert-light-shadow-primary: rgba(0, 0, 0, 0.05);
  --ds-color-theme-desert-light-shadow-secondary: rgba(0, 0, 0, 0.08);
  --ds-color-theme-desert-light-shadow-tertiary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-desert-light-surface-backdrop: #c6b99e;
  --ds-color-theme-desert-light-surface-canvas: #f5f4ef;
  --ds-color-theme-desert-light-surface-decoration-primary: rgba(115, 98, 73, 0.12);
  --ds-color-theme-desert-light-surface-decoration-secondary: rgba(115, 98, 73, 0.2);
  --ds-color-theme-desert-light-surface-decoration-tertiary: rgba(115, 98, 73, 0.32);
  --ds-color-theme-desert-light-surface-primary: #eee9e1;
  --ds-color-theme-desert-light-surface-secondary: #f5f3ef;
  --ds-color-theme-desert-light-surface-tertiary: #fafaf8;
  --ds-color-theme-desert-light-text-primary: rgba(23, 21, 15, 0.96);
  --ds-color-theme-desert-light-text-secondary: rgba(23, 21, 15, 0.6);
  --ds-color-theme-desert-light-text-tertiary: rgba(23, 21, 15, 0.36);
  --ds-color-theme-desert-light-tone-shade-primary: rgba(0, 0, 0, 0.06);
  --ds-color-theme-desert-light-tone-tint-primary: rgba(255, 255, 255, 0.32);
  --ds-color-theme-green-dark-accent-alt-content-primary: #e6f2ea;
  --ds-color-theme-green-dark-accent-alt-content-secondary: rgba(230, 242, 234, 0.7);
  --ds-color-theme-green-dark-accent-alt-content-tertiary: rgba(230, 242, 234, 0.5);
  --ds-color-theme-green-dark-accent-alt-glow-primary: rgba(110, 199, 162, 0.2);
  --ds-color-theme-green-dark-accent-alt-glow-secondary: rgba(110, 199, 162, 0.12);
  --ds-color-theme-green-dark-accent-alt-primary: #2c6645;
  --ds-color-theme-green-dark-accent-alt-secondary: #235136;
  --ds-color-theme-green-dark-accent-alt-tertiary: #193926;
  --ds-color-theme-green-dark-accent-alt-text-primary: #85e0ba;
  --ds-color-theme-green-dark-accent-alt-text-secondary: #6ec7a2;
  --ds-color-theme-green-dark-accent-alt-text-tertiary: #48b186;
  --ds-color-theme-green-dark-accent-content-primary: #0b1914;
  --ds-color-theme-green-dark-accent-content-secondary: rgba(11, 25, 20, 0.7);
  --ds-color-theme-green-dark-accent-content-tertiary: rgba(11, 25, 20, 0.5);
  --ds-color-theme-green-dark-accent-glow-primary: rgba(110, 199, 162, 0.2);
  --ds-color-theme-green-dark-accent-glow-secondary: rgba(110, 199, 162, 0.12);
  --ds-color-theme-green-dark-accent-primary: #6ec7a2;
  --ds-color-theme-green-dark-accent-quaternary: #21815a;
  --ds-color-theme-green-dark-accent-secondary: #48b186;
  --ds-color-theme-green-dark-accent-tertiary: #299c6d;
  --ds-color-theme-green-dark-accent-text-primary: #85e0ba;
  --ds-color-theme-green-dark-accent-text-secondary: #6ec7a2;
  --ds-color-theme-green-dark-accent-text-tertiary: #48b186;
  --ds-color-theme-green-dark-container-border-primary: rgba(217, 242, 229, 0.09);
  --ds-color-theme-green-dark-container-border-secondary: rgba(217, 242, 229, 0.12);
  --ds-color-theme-green-dark-container-border-tertiary: rgba(217, 242, 229, 0.16);
  --ds-color-theme-green-dark-container-fill-primary: rgba(217, 242, 229, 0.02);
  --ds-color-theme-green-dark-container-fill-secondary: rgba(217, 242, 229, 0.04);
  --ds-color-theme-green-dark-container-fill-tertiary: rgba(217, 242, 229, 0.06);
  --ds-color-theme-green-dark-control-border-primary: rgba(136, 221, 186, 0.24);
  --ds-color-theme-green-dark-control-border-quaternary: rgba(136, 221, 186, 0.8);
  --ds-color-theme-green-dark-control-border-secondary: rgba(136, 221, 186, 0.64);
  --ds-color-theme-green-dark-control-border-tertiary: rgba(136, 221, 186, 0.72);
  --ds-color-theme-green-dark-control-fill-primary: rgba(136, 221, 186, 0.12);
  --ds-color-theme-green-dark-control-fill-secondary: rgba(136, 221, 186, 0.18);
  --ds-color-theme-green-dark-control-fill-tertiary: rgba(136, 221, 186, 0.24);
  --ds-color-theme-green-dark-control-raised-backdrop: rgba(255, 255, 255, 0.12);
  --ds-color-theme-green-dark-control-raised-fill-primary: rgba(230, 242, 234, 0.18);
  --ds-color-theme-green-dark-destructive-content-primary: #000000;
  --ds-color-theme-green-dark-destructive-content-secondary: rgba(0, 0, 0, 0.9);
  --ds-color-theme-green-dark-destructive-content-tertiary: rgba(0, 0, 0, 0.6);
  --ds-color-theme-green-dark-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-green-dark-destructive-glow-secondary: rgba(238, 16, 37, 0.12);
  --ds-color-theme-green-dark-destructive-primary: #ee1025;
  --ds-color-theme-green-dark-destructive-secondary: #d11527;
  --ds-color-theme-green-dark-destructive-tertiary: #aa1926;
  --ds-color-theme-green-dark-destructive-text-primary: #ee1025;
  --ds-color-theme-green-dark-destructive-text-secondary: #d11527;
  --ds-color-theme-green-dark-destructive-text-tertiary: #aa1926;
  --ds-color-theme-green-dark-highlight-primary: rgba(230, 242, 234, 0.12);
  --ds-color-theme-green-dark-icons-primary: rgba(230, 242, 234, 0.78);
  --ds-color-theme-green-dark-icons-secondary: rgba(230, 242, 234, 0.48);
  --ds-color-theme-green-dark-icons-tertiary: rgba(230, 242, 234, 0.24);
  --ds-color-theme-green-dark-shadow-primary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-green-dark-shadow-secondary: rgba(0, 0, 0, 0.24);
  --ds-color-theme-green-dark-shadow-tertiary: rgba(0, 0, 0, 0.32);
  --ds-color-theme-green-dark-surface-backdrop: #0f241c;
  --ds-color-theme-green-dark-surface-canvas: #1c342b;
  --ds-color-theme-green-dark-surface-decoration-primary: rgba(136, 221, 186, 0.16);
  --ds-color-theme-green-dark-surface-decoration-secondary: rgba(136, 221, 186, 0.24);
  --ds-color-theme-green-dark-surface-decoration-tertiary: rgba(136, 221, 186, 0.32);
  --ds-color-theme-green-dark-surface-primary: #203b30;
  --ds-color-theme-green-dark-surface-secondary: #244133;
  --ds-color-theme-green-dark-surface-tertiary: #2d4d3e;
  --ds-color-theme-green-dark-text-primary: rgba(242, 248, 244, 0.96);
  --ds-color-theme-green-dark-text-secondary: rgba(242, 248, 244, 0.66);
  --ds-color-theme-green-dark-text-tertiary: rgba(242, 248, 244, 0.36);
  --ds-color-theme-green-dark-tone-shade-primary: rgba(9, 21, 16, 0.16);
  --ds-color-theme-green-dark-tone-tint-primary: rgba(230, 248, 241, 0.06);
  --ds-color-theme-green-light-accent-alt-content-primary: #193926;
  --ds-color-theme-green-light-accent-alt-content-secondary: rgba(25, 57, 38, 0.7);
  --ds-color-theme-green-light-accent-alt-content-tertiary: rgba(25, 57, 38, 0.5);
  --ds-color-theme-green-light-accent-alt-glow-primary: rgba(133, 224, 186, 0.2);
  --ds-color-theme-green-light-accent-alt-glow-secondary: rgba(133, 224, 186, 0.12);
  --ds-color-theme-green-light-accent-alt-primary: #99eac8;
  --ds-color-theme-green-light-accent-alt-secondary: #85e0ba;
  --ds-color-theme-green-light-accent-alt-tertiary: #6ec7a2;
  --ds-color-theme-green-light-accent-alt-text-primary: #2c6645;
  --ds-color-theme-green-light-accent-alt-text-secondary: #235136;
  --ds-color-theme-green-light-accent-alt-text-tertiary: #193926;
  --ds-color-theme-green-light-accent-content-primary: #f5fbf4;
  --ds-color-theme-green-light-accent-content-secondary: rgba(245, 251, 244, 0.7);
  --ds-color-theme-green-light-accent-content-tertiary: rgba(245, 251, 244, 0.5);
  --ds-color-theme-green-light-accent-glow-primary: rgba(56, 128, 86, 0.2);
  --ds-color-theme-green-light-accent-glow-secondary: rgba(56, 128, 86, 0.12);
  --ds-color-theme-green-light-accent-primary: #377f55;
  --ds-color-theme-green-light-accent-quaternary: #183826;
  --ds-color-theme-green-light-accent-secondary: #2c6645;
  --ds-color-theme-green-light-accent-tertiary: #235136;
  --ds-color-theme-green-light-accent-text-primary: #2c6645;
  --ds-color-theme-green-light-accent-text-secondary: #235136;
  --ds-color-theme-green-light-accent-text-tertiary: #193926;
  --ds-color-theme-green-light-container-border-primary: rgba(6, 37, 4, 0.09);
  --ds-color-theme-green-light-container-border-secondary: rgba(6, 37, 4, 0.12);
  --ds-color-theme-green-light-container-border-tertiary: rgba(6, 37, 4, 0.16);
  --ds-color-theme-green-light-container-fill-primary: rgba(6, 37, 4, 0.02);
  --ds-color-theme-green-light-container-fill-secondary: rgba(6, 37, 4, 0.04);
  --ds-color-theme-green-light-container-fill-tertiary: rgba(6, 37, 4, 0.06);
  --ds-color-theme-green-light-control-border-primary: rgba(40, 138, 81, 0.32);
  --ds-color-theme-green-light-control-border-quaternary: rgba(40, 138, 81, 0.72);
  --ds-color-theme-green-light-control-border-secondary: rgba(40, 138, 81, 0.56);
  --ds-color-theme-green-light-control-border-tertiary: rgba(40, 138, 81, 0.64);
  --ds-color-theme-green-light-control-fill-primary: rgba(40, 138, 81, 0.09);
  --ds-color-theme-green-light-control-fill-secondary: rgba(40, 138, 81, 0.12);
  --ds-color-theme-green-light-control-fill-tertiary: rgba(40, 138, 81, 0.18);
  --ds-color-theme-green-light-control-raised-backdrop: rgba(0, 0, 0, 0.09);
  --ds-color-theme-green-light-control-raised-fill-primary: #f8fcf7;
  --ds-color-theme-green-light-destructive-content-primary: #ffffff;
  --ds-color-theme-green-light-destructive-content-secondary: rgba(255, 255, 255, 0.9);
  --ds-color-theme-green-light-destructive-content-tertiary: rgba(255, 255, 255, 0.6);
  --ds-color-theme-green-light-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-green-light-destructive-glow-secondary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-green-light-destructive-primary: #ee1025;
  --ds-color-theme-green-light-destructive-secondary: #d11527;
  --ds-color-theme-green-light-destructive-tertiary: #aa1826;
  --ds-color-theme-green-light-destructive-text-primary: #ee1025;
  --ds-color-theme-green-light-destructive-text-secondary: #d11527;
  --ds-color-theme-green-light-destructive-text-tertiary: #aa1926;
  --ds-color-theme-green-light-highlight-primary: rgba(245, 250, 244, 0.24);
  --ds-color-theme-green-light-icons-primary: rgba(6, 37, 4, 0.84);
  --ds-color-theme-green-light-icons-secondary: rgba(6, 37, 4, 0.6);
  --ds-color-theme-green-light-icons-tertiary: rgba(6, 37, 4, 0.36);
  --ds-color-theme-green-light-shadow-primary: rgba(0, 0, 0, 0.05);
  --ds-color-theme-green-light-shadow-secondary: rgba(0, 0, 0, 0.08);
  --ds-color-theme-green-light-shadow-tertiary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-green-light-surface-backdrop: #b5d0ad;
  --ds-color-theme-green-light-surface-canvas: #ecf5ea;
  --ds-color-theme-green-light-surface-decoration-primary: rgba(31, 147, 80, 0.12);
  --ds-color-theme-green-light-surface-decoration-secondary: rgba(31, 147, 80, 0.2);
  --ds-color-theme-green-light-surface-decoration-tertiary: rgba(31, 147, 80, 0.32);
  --ds-color-theme-green-light-surface-primary: #e3eee1;
  --ds-color-theme-green-light-surface-secondary: #ecf4eb;
  --ds-color-theme-green-light-surface-tertiary: #f8fcf7;
  --ds-color-theme-green-light-text-primary: rgba(4, 28, 3, 0.96);
  --ds-color-theme-green-light-text-secondary: rgba(4, 28, 3, 0.6);
  --ds-color-theme-green-light-text-tertiary: rgba(4, 28, 3, 0.36);
  --ds-color-theme-green-light-tone-shade-primary: rgba(6, 37, 4, 0.06);
  --ds-color-theme-green-light-tone-tint-primary: rgba(247, 252, 250, 0.4);
  --ds-color-theme-orange-dark-accent-alt-content-primary: #fff9f0;
  --ds-color-theme-orange-dark-accent-alt-content-secondary: rgba(255, 249, 240, 0.7);
  --ds-color-theme-orange-dark-accent-alt-content-tertiary: rgba(255, 249, 240, 0.5);
  --ds-color-theme-orange-dark-accent-alt-glow-primary: rgba(255, 129, 51, 0.2);
  --ds-color-theme-orange-dark-accent-alt-glow-secondary: rgba(255, 129, 51, 0.12);
  --ds-color-theme-orange-dark-accent-alt-primary: #ef5300;
  --ds-color-theme-orange-dark-accent-alt-secondary: #c64200;
  --ds-color-theme-orange-dark-accent-alt-tertiary: #d65200;
  --ds-color-theme-orange-dark-accent-alt-text-primary: #ff9f19;
  --ds-color-theme-orange-dark-accent-alt-text-secondary: #f48200;
  --ds-color-theme-orange-dark-accent-alt-text-tertiary: #ef6b00;
  --ds-color-theme-orange-dark-accent-content-primary: #1a0900;
  --ds-color-theme-orange-dark-accent-content-secondary: rgba(26, 9, 0, 0.7);
  --ds-color-theme-orange-dark-accent-content-tertiary: rgba(26, 9, 0, 0.5);
  --ds-color-theme-orange-dark-accent-glow-primary: rgba(255, 129, 51, 0.2);
  --ds-color-theme-orange-dark-accent-glow-secondary: rgba(255, 129, 51, 0.12);
  --ds-color-theme-orange-dark-accent-primary: #ff8133;
  --ds-color-theme-orange-dark-accent-quaternary: #d65200;
  --ds-color-theme-orange-dark-accent-secondary: #ff6200;
  --ds-color-theme-orange-dark-accent-tertiary: #ef5300;
  --ds-color-theme-orange-dark-accent-text-primary: #ff9f19;
  --ds-color-theme-orange-dark-accent-text-secondary: #f48200;
  --ds-color-theme-orange-dark-accent-text-tertiary: #ef6b00;
  --ds-color-theme-orange-dark-container-border-primary: rgba(255, 251, 245, 0.09);
  --ds-color-theme-orange-dark-container-border-secondary: rgba(255, 251, 245, 0.12);
  --ds-color-theme-orange-dark-container-border-tertiary: rgba(255, 251, 245, 0.16);
  --ds-color-theme-orange-dark-container-fill-primary: rgba(255, 251, 245, 0.03);
  --ds-color-theme-orange-dark-container-fill-secondary: rgba(255, 251, 245, 0.06);
  --ds-color-theme-orange-dark-container-fill-tertiary: rgba(255, 251, 245, 0.09);
  --ds-color-theme-orange-dark-control-border-primary: rgba(255, 165, 77, 0.48);
  --ds-color-theme-orange-dark-control-border-quaternary: rgba(255, 165, 77, 0.8);
  --ds-color-theme-orange-dark-control-border-secondary: rgba(255, 165, 77, 0.64);
  --ds-color-theme-orange-dark-control-border-tertiary: rgba(255, 165, 77, 0.72);
  --ds-color-theme-orange-dark-control-fill-primary: rgba(255, 165, 77, 0.12);
  --ds-color-theme-orange-dark-control-fill-secondary: rgba(255, 165, 77, 0.18);
  --ds-color-theme-orange-dark-control-fill-tertiary: rgba(255, 165, 77, 0.24);
  --ds-color-theme-orange-dark-control-raised-backdrop: rgba(255, 255, 255, 0.12);
  --ds-color-theme-orange-dark-control-raised-fill-primary: rgba(255, 249, 240, 0.18);
  --ds-color-theme-orange-dark-destructive-content-primary: #000000;
  --ds-color-theme-orange-dark-destructive-content-secondary: rgba(0, 0, 0, 0.9);
  --ds-color-theme-orange-dark-destructive-content-tertiary: rgba(0, 0, 0, 0.6);
  --ds-color-theme-orange-dark-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-orange-dark-destructive-glow-secondary: rgba(238, 16, 37, 0.12);
  --ds-color-theme-orange-dark-destructive-primary: #ee1025;
  --ds-color-theme-orange-dark-destructive-secondary: #d11527;
  --ds-color-theme-orange-dark-destructive-tertiary: #aa1926;
  --ds-color-theme-orange-dark-destructive-text-primary: #ee1025;
  --ds-color-theme-orange-dark-destructive-text-secondary: #d11527;
  --ds-color-theme-orange-dark-destructive-text-tertiary: #aa1926;
  --ds-color-theme-orange-dark-highlight-primary: rgba(255, 249, 240, 0.12);
  --ds-color-theme-orange-dark-icons-primary: rgba(253, 234, 206, 0.78);
  --ds-color-theme-orange-dark-icons-secondary: rgba(253, 234, 206, 0.48);
  --ds-color-theme-orange-dark-icons-tertiary: rgba(253, 234, 206, 0.24);
  --ds-color-theme-orange-dark-shadow-primary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-orange-dark-shadow-secondary: rgba(0, 0, 0, 0.24);
  --ds-color-theme-orange-dark-shadow-tertiary: rgba(0, 0, 0, 0.32);
  --ds-color-theme-orange-dark-surface-backdrop: #330d00;
  --ds-color-theme-orange-dark-surface-canvas: #4a200c;
  --ds-color-theme-orange-dark-surface-decoration-primary: rgba(255, 165, 77, 0.16);
  --ds-color-theme-orange-dark-surface-decoration-secondary: rgba(255, 165, 77, 0.24);
  --ds-color-theme-orange-dark-surface-decoration-tertiary: rgba(255, 165, 77, 0.32);
  --ds-color-theme-orange-dark-surface-primary: #54240c;
  --ds-color-theme-orange-dark-surface-secondary: #622e0e;
  --ds-color-theme-orange-dark-surface-tertiary: #6e350c;
  --ds-color-theme-orange-dark-text-primary: rgba(255, 244, 229, 0.96);
  --ds-color-theme-orange-dark-text-secondary: rgba(255, 244, 229, 0.66);
  --ds-color-theme-orange-dark-text-tertiary: rgba(255, 245, 229, 0.36);
  --ds-color-theme-orange-dark-tone-shade-primary: rgba(26, 9, 0, 0.16);
  --ds-color-theme-orange-dark-tone-tint-primary: rgba(254, 238, 215, 0.06);
  --ds-color-theme-orange-light-accent-alt-content-primary: #331100;
  --ds-color-theme-orange-light-accent-alt-content-secondary: rgba(51, 17, 0, 0.7);
  --ds-color-theme-orange-light-accent-alt-content-tertiary: rgba(51, 17, 0, 0.5);
  --ds-color-theme-orange-light-accent-alt-glow-primary: rgba(255, 159, 26, 0.2);
  --ds-color-theme-orange-light-accent-alt-glow-secondary: rgba(255, 159, 26, 0.12);
  --ds-color-theme-orange-light-accent-alt-primary: #ffbf66;
  --ds-color-theme-orange-light-accent-alt-secondary: #ff9f19;
  --ds-color-theme-orange-light-accent-alt-tertiary: #ef6b00;
  --ds-color-theme-orange-light-accent-alt-text-primary: #c64200;
  --ds-color-theme-orange-light-accent-alt-text-secondary: #ad3400;
  --ds-color-theme-orange-light-accent-alt-text-tertiary: #932900;
  --ds-color-theme-orange-light-accent-content-primary: #331100;
  --ds-color-theme-orange-light-accent-content-secondary: rgba(51, 17, 0, 0.7);
  --ds-color-theme-orange-light-accent-content-tertiary: rgba(51, 17, 0, 0.5);
  --ds-color-theme-orange-light-accent-glow-primary: rgba(255, 159, 26, 0.2);
  --ds-color-theme-orange-light-accent-glow-secondary: rgba(255, 159, 26, 0.12);
  --ds-color-theme-orange-light-accent-primary: #ff9f19;
  --ds-color-theme-orange-light-accent-quaternary: #ef5300;
  --ds-color-theme-orange-light-accent-secondary: #f48200;
  --ds-color-theme-orange-light-accent-tertiary: #ef6b00;
  --ds-color-theme-orange-light-accent-text-primary: #c64200;
  --ds-color-theme-orange-light-accent-text-secondary: #ad3400;
  --ds-color-theme-orange-light-accent-text-tertiary: #932900;
  --ds-color-theme-orange-light-container-border-primary: rgba(41, 14, 0, 0.06);
  --ds-color-theme-orange-light-container-border-secondary: rgba(41, 14, 0, 0.09);
  --ds-color-theme-orange-light-container-border-tertiary: rgba(41, 14, 0, 0.12);
  --ds-color-theme-orange-light-container-fill-primary: rgba(41, 14, 0, 0.02);
  --ds-color-theme-orange-light-container-fill-secondary: rgba(41, 14, 0, 0.04);
  --ds-color-theme-orange-light-container-fill-tertiary: rgba(41, 14, 0, 0.06);
  --ds-color-theme-orange-light-control-border-primary: rgba(204, 85, 0, 0.32);
  --ds-color-theme-orange-light-control-border-quaternary: rgba(204, 85, 0, 0.72);
  --ds-color-theme-orange-light-control-border-secondary: rgba(204, 85, 0, 0.56);
  --ds-color-theme-orange-light-control-border-tertiary: rgba(204, 85, 0, 0.64);
  --ds-color-theme-orange-light-control-fill-primary: rgba(204, 85, 0, 0.09);
  --ds-color-theme-orange-light-control-fill-secondary: rgba(204, 85, 0, 0.12);
  --ds-color-theme-orange-light-control-fill-tertiary: rgba(204, 85, 0, 0.18);
  --ds-color-theme-orange-light-control-raised-backdrop: rgba(0, 0, 0, 0.09);
  --ds-color-theme-orange-light-control-raised-fill-primary: #fff9f0;
  --ds-color-theme-orange-light-destructive-content-primary: #ffffff;
  --ds-color-theme-orange-light-destructive-content-secondary: rgba(255, 255, 255, 0.9);
  --ds-color-theme-orange-light-destructive-content-tertiary: rgba(255, 255, 255, 0.6);
  --ds-color-theme-orange-light-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-orange-light-destructive-glow-secondary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-orange-light-destructive-primary: #ee1025;
  --ds-color-theme-orange-light-destructive-secondary: #d11527;
  --ds-color-theme-orange-light-destructive-tertiary: #aa1826;
  --ds-color-theme-orange-light-destructive-text-primary: #ee1025;
  --ds-color-theme-orange-light-destructive-text-secondary: #d11527;
  --ds-color-theme-orange-light-destructive-text-tertiary: #aa1926;
  --ds-color-theme-orange-light-highlight-primary: rgba(255, 249, 240, 0.24);
  --ds-color-theme-orange-light-icons-primary: rgba(26, 9, 0, 0.84);
  --ds-color-theme-orange-light-icons-secondary: rgba(26, 9, 0, 0.66);
  --ds-color-theme-orange-light-icons-tertiary: rgba(26, 9, 0, 0.36);
  --ds-color-theme-orange-light-shadow-primary: rgba(0, 0, 0, 0.05);
  --ds-color-theme-orange-light-shadow-secondary: rgba(0, 0, 0, 0.08);
  --ds-color-theme-orange-light-shadow-tertiary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-orange-light-surface-backdrop: #f5bc89;
  --ds-color-theme-orange-light-surface-canvas: #fdf4e6;
  --ds-color-theme-orange-light-surface-decoration-primary: rgba(204, 85, 0, 0.12);
  --ds-color-theme-orange-light-surface-decoration-secondary: rgba(204, 85, 0, 0.2);
  --ds-color-theme-orange-light-surface-decoration-tertiary: rgba(204, 85, 0, 0.32);
  --ds-color-theme-orange-light-surface-primary: #fcebd3;
  --ds-color-theme-orange-light-surface-secondary: #fdf3e1;
  --ds-color-theme-orange-light-surface-tertiary: #fff9f0;
  --ds-color-theme-orange-light-text-primary: rgba(26, 9, 0, 0.96);
  --ds-color-theme-orange-light-text-secondary: rgba(26, 9, 0, 0.6);
  --ds-color-theme-orange-light-text-tertiary: rgba(26, 9, 0, 0.36);
  --ds-color-theme-orange-light-tone-shade-primary: rgba(81, 27, 0, 0.06);
  --ds-color-theme-orange-light-tone-tint-primary: rgba(255, 250, 244, 0.56);
  --ds-color-theme-rose-dark-accent-alt-content-primary: #fffafe;
  --ds-color-theme-rose-dark-accent-alt-content-secondary: rgba(255, 250, 254, 0.7);
  --ds-color-theme-rose-dark-accent-alt-content-tertiary: rgba(255, 250, 254, 0.5);
  --ds-color-theme-rose-dark-accent-alt-glow-primary: rgba(250, 125, 221, 0.2);
  --ds-color-theme-rose-dark-accent-alt-glow-secondary: rgba(250, 125, 221, 0.12);
  --ds-color-theme-rose-dark-accent-alt-primary: #c1008e;
  --ds-color-theme-rose-dark-accent-alt-secondary: #a30074;
  --ds-color-theme-rose-dark-accent-alt-tertiary: #84005c;
  --ds-color-theme-rose-dark-accent-alt-text-primary: #ffa8ea;
  --ds-color-theme-rose-dark-accent-alt-text-secondary: #fa7ddd;
  --ds-color-theme-rose-dark-accent-alt-text-tertiary: #f249c5;
  --ds-color-theme-rose-dark-accent-content-primary: #30031e;
  --ds-color-theme-rose-dark-accent-content-secondary: rgba(48, 3, 30, 0.7);
  --ds-color-theme-rose-dark-accent-content-tertiary: rgba(48, 3, 30, 0.5);
  --ds-color-theme-rose-dark-accent-glow-primary: rgba(250, 125, 221, 0.2);
  --ds-color-theme-rose-dark-accent-glow-secondary: rgba(250, 125, 221, 0.12);
  --ds-color-theme-rose-dark-accent-primary: #fa7ddd;
  --ds-color-theme-rose-dark-accent-quaternary: #d91ba0;
  --ds-color-theme-rose-dark-accent-secondary: #f249c5;
  --ds-color-theme-rose-dark-accent-tertiary: #e52eae;
  --ds-color-theme-rose-dark-accent-text-primary: #ffa8ea;
  --ds-color-theme-rose-dark-accent-text-secondary: #fa7ddd;
  --ds-color-theme-rose-dark-accent-text-tertiary: #f249c5;
  --ds-color-theme-rose-dark-container-border-primary: rgba(255, 250, 254, 0.09);
  --ds-color-theme-rose-dark-container-border-secondary: rgba(255, 250, 254, 0.12);
  --ds-color-theme-rose-dark-container-border-tertiary: rgba(255, 250, 254, 0.16);
  --ds-color-theme-rose-dark-container-fill-primary: rgba(255, 250, 254, 0.03);
  --ds-color-theme-rose-dark-container-fill-secondary: rgba(255, 250, 254, 0.06);
  --ds-color-theme-rose-dark-container-fill-tertiary: rgba(255, 250, 254, 0.09);
  --ds-color-theme-rose-dark-control-border-primary: rgba(252, 156, 230, 0.48);
  --ds-color-theme-rose-dark-control-border-quaternary: rgba(252, 156, 230, 0.8);
  --ds-color-theme-rose-dark-control-border-secondary: rgba(252, 156, 230, 0.64);
  --ds-color-theme-rose-dark-control-border-tertiary: rgba(252, 156, 230, 0.72);
  --ds-color-theme-rose-dark-control-fill-primary: rgba(252, 156, 230, 0.12);
  --ds-color-theme-rose-dark-control-fill-secondary: rgba(252, 156, 230, 0.18);
  --ds-color-theme-rose-dark-control-fill-tertiary: rgba(252, 156, 230, 0.24);
  --ds-color-theme-rose-dark-control-raised-backdrop: rgba(255, 255, 255, 0.12);
  --ds-color-theme-rose-dark-control-raised-fill-primary: rgba(255, 250, 254, 0.18);
  --ds-color-theme-rose-dark-destructive-content-primary: #000000;
  --ds-color-theme-rose-dark-destructive-content-secondary: rgba(0, 0, 0, 0.9);
  --ds-color-theme-rose-dark-destructive-content-tertiary: rgba(0, 0, 0, 0.6);
  --ds-color-theme-rose-dark-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-rose-dark-destructive-glow-secondary: rgba(238, 16, 37, 0.12);
  --ds-color-theme-rose-dark-destructive-primary: #ee1025;
  --ds-color-theme-rose-dark-destructive-secondary: #d11527;
  --ds-color-theme-rose-dark-destructive-tertiary: #aa1926;
  --ds-color-theme-rose-dark-destructive-text-primary: #ee1025;
  --ds-color-theme-rose-dark-destructive-text-secondary: #d11527;
  --ds-color-theme-rose-dark-destructive-text-tertiary: #aa1926;
  --ds-color-theme-rose-dark-highlight-primary: rgba(255, 250, 254, 0.12);
  --ds-color-theme-rose-dark-icons-primary: rgba(255, 250, 254, 0.78);
  --ds-color-theme-rose-dark-icons-secondary: rgba(255, 250, 254, 0.66);
  --ds-color-theme-rose-dark-icons-tertiary: rgba(255, 250, 254, 0.36);
  --ds-color-theme-rose-dark-shadow-primary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-rose-dark-shadow-secondary: rgba(0, 0, 0, 0.24);
  --ds-color-theme-rose-dark-shadow-tertiary: rgba(0, 0, 0, 0.32);
  --ds-color-theme-rose-dark-surface-backdrop: #2d0525;
  --ds-color-theme-rose-dark-surface-canvas: #511442;
  --ds-color-theme-rose-dark-surface-decoration-primary: rgba(250, 125, 221, 0.16);
  --ds-color-theme-rose-dark-surface-decoration-secondary: rgba(250, 125, 221, 0.24);
  --ds-color-theme-rose-dark-surface-decoration-tertiary: rgba(250, 125, 221, 0.32);
  --ds-color-theme-rose-dark-surface-primary: #5b194b;
  --ds-color-theme-rose-dark-surface-secondary: #692055;
  --ds-color-theme-rose-dark-surface-tertiary: #72265e;
  --ds-color-theme-rose-dark-text-primary: rgba(255, 250, 254, 0.96);
  --ds-color-theme-rose-dark-text-secondary: rgba(255, 250, 254, 0.66);
  --ds-color-theme-rose-dark-text-tertiary: rgba(255, 250, 254, 0.36);
  --ds-color-theme-rose-dark-tone-shade-primary: rgba(28, 1, 18, 0.16);
  --ds-color-theme-rose-dark-tone-tint-primary: rgba(255, 234, 250, 0.06);
  --ds-color-theme-rose-light-accent-alt-content-primary: #660047;
  --ds-color-theme-rose-light-accent-alt-content-secondary: rgba(102, 0, 71, 0.7);
  --ds-color-theme-rose-light-accent-alt-content-tertiary: rgba(102, 0, 71, 0.5);
  --ds-color-theme-rose-light-accent-alt-glow-primary: rgba(250, 125, 221, 0.2);
  --ds-color-theme-rose-light-accent-alt-glow-secondary: rgba(250, 125, 221, 0.12);
  --ds-color-theme-rose-light-accent-alt-primary: #fbb0ea;
  --ds-color-theme-rose-light-accent-alt-secondary: #fa7ddd;
  --ds-color-theme-rose-light-accent-alt-tertiary: #f249c5;
  --ds-color-theme-rose-light-accent-alt-text-primary: #a30074;
  --ds-color-theme-rose-light-accent-alt-text-secondary: #84005c;
  --ds-color-theme-rose-light-accent-alt-text-tertiary: #660047;
  --ds-color-theme-rose-light-accent-content-primary: #fffafe;
  --ds-color-theme-rose-light-accent-content-secondary: rgba(255, 250, 254, 0.7);
  --ds-color-theme-rose-light-accent-content-tertiary: rgba(255, 250, 254, 0.5);
  --ds-color-theme-rose-light-accent-glow-primary: rgba(217, 0, 144, 0.2);
  --ds-color-theme-rose-light-accent-glow-secondary: rgba(217, 0, 144, 0.12);
  --ds-color-theme-rose-light-accent-primary: #c1008e;
  --ds-color-theme-rose-light-accent-quaternary: #660047;
  --ds-color-theme-rose-light-accent-secondary: #a30074;
  --ds-color-theme-rose-light-accent-tertiary: #84005c;
  --ds-color-theme-rose-light-accent-text-primary: #a30074;
  --ds-color-theme-rose-light-accent-text-secondary: #84005c;
  --ds-color-theme-rose-light-accent-text-tertiary: #660047;
  --ds-color-theme-rose-light-container-border-primary: rgba(43, 8, 28, 0.06);
  --ds-color-theme-rose-light-container-border-secondary: rgba(43, 8, 28, 0.09);
  --ds-color-theme-rose-light-container-border-tertiary: rgba(43, 8, 28, 0.12);
  --ds-color-theme-rose-light-container-fill-primary: rgba(43, 8, 28, 0.02);
  --ds-color-theme-rose-light-container-fill-secondary: rgba(43, 8, 28, 0.04);
  --ds-color-theme-rose-light-container-fill-tertiary: rgba(43, 8, 28, 0.06);
  --ds-color-theme-rose-light-control-border-primary: rgba(163, 0, 117, 0.32);
  --ds-color-theme-rose-light-control-border-quaternary: rgba(163, 0, 117, 0.72);
  --ds-color-theme-rose-light-control-border-secondary: rgba(163, 0, 117, 0.56);
  --ds-color-theme-rose-light-control-border-tertiary: rgba(163, 0, 117, 0.64);
  --ds-color-theme-rose-light-control-fill-primary: rgba(163, 0, 117, 0.09);
  --ds-color-theme-rose-light-control-fill-secondary: rgba(163, 0, 117, 0.12);
  --ds-color-theme-rose-light-control-fill-tertiary: rgba(163, 0, 117, 0.18);
  --ds-color-theme-rose-light-control-raised-backdrop: rgba(0, 0, 0, 0.09);
  --ds-color-theme-rose-light-control-raised-fill-primary: #ffffff;
  --ds-color-theme-rose-light-destructive-content-primary: #ffffff;
  --ds-color-theme-rose-light-destructive-content-secondary: rgba(255, 255, 255, 0.9);
  --ds-color-theme-rose-light-destructive-content-tertiary: rgba(255, 255, 255, 0.6);
  --ds-color-theme-rose-light-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-rose-light-destructive-glow-secondary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-rose-light-destructive-primary: #ee1025;
  --ds-color-theme-rose-light-destructive-secondary: #d11527;
  --ds-color-theme-rose-light-destructive-tertiary: #aa1826;
  --ds-color-theme-rose-light-destructive-text-primary: #ee1025;
  --ds-color-theme-rose-light-destructive-text-secondary: #d11527;
  --ds-color-theme-rose-light-destructive-text-tertiary: #aa1926;
  --ds-color-theme-rose-light-highlight-primary: rgba(255, 250, 254, 0.24);
  --ds-color-theme-rose-light-icons-primary: rgba(48, 2, 30, 0.84);
  --ds-color-theme-rose-light-icons-secondary: rgba(48, 3, 30, 0.66);
  --ds-color-theme-rose-light-icons-tertiary: rgba(48, 3, 30, 0.36);
  --ds-color-theme-rose-light-shadow-primary: rgba(0, 0, 0, 0.05);
  --ds-color-theme-rose-light-shadow-secondary: rgba(0, 0, 0, 0.08);
  --ds-color-theme-rose-light-shadow-tertiary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-rose-light-surface-backdrop: #ee9fd9;
  --ds-color-theme-rose-light-surface-canvas: #fcf3fa;
  --ds-color-theme-rose-light-surface-decoration-primary: rgba(163, 0, 117, 0.12);
  --ds-color-theme-rose-light-surface-decoration-secondary: rgba(163, 0, 117, 0.2);
  --ds-color-theme-rose-light-surface-decoration-tertiary: rgba(163, 0, 117, 0.32);
  --ds-color-theme-rose-light-surface-primary: #f6e4f1;
  --ds-color-theme-rose-light-surface-secondary: #faeef8;
  --ds-color-theme-rose-light-surface-tertiary: #fffafe;
  --ds-color-theme-rose-light-text-primary: rgba(48, 2, 30, 0.96);
  --ds-color-theme-rose-light-text-secondary: rgba(48, 3, 30, 0.6);
  --ds-color-theme-rose-light-text-tertiary: rgba(48, 3, 30, 0.36);
  --ds-color-theme-rose-light-tone-shade-primary: rgba(26, 5, 17, 0.06);
  --ds-color-theme-rose-light-tone-tint-primary: rgba(255, 250, 254, 0.48);
  --ds-color-theme-slate-blue-dark-accent-alt-content-primary: #f7fbfd;
  --ds-color-theme-slate-blue-dark-accent-alt-content-secondary: rgba(247, 251, 253, 0.7);
  --ds-color-theme-slate-blue-dark-accent-alt-content-tertiary: rgba(247, 251, 253, 0.5);
  --ds-color-theme-slate-blue-dark-accent-alt-glow-primary: rgba(103, 174, 228, 0.2);
  --ds-color-theme-slate-blue-dark-accent-alt-glow-secondary: rgba(103, 174, 228, 0.12);
  --ds-color-theme-slate-blue-dark-accent-alt-primary: #2b5c82;
  --ds-color-theme-slate-blue-dark-accent-alt-secondary: #1d4766;
  --ds-color-theme-slate-blue-dark-accent-alt-tertiary: #143852;
  --ds-color-theme-slate-blue-dark-accent-alt-text-primary: #75baef;
  --ds-color-theme-slate-blue-dark-accent-alt-text-secondary: #51a9ec;
  --ds-color-theme-slate-blue-dark-accent-alt-text-tertiary: #3d9fe9;
  --ds-color-theme-slate-blue-dark-accent-content-primary: #060a0e;
  --ds-color-theme-slate-blue-dark-accent-content-secondary: rgba(6, 10, 14, 0.7);
  --ds-color-theme-slate-blue-dark-accent-content-tertiary: rgba(6, 10, 14, 0.5);
  --ds-color-theme-slate-blue-dark-accent-glow-primary: rgba(103, 174, 228, 0.2);
  --ds-color-theme-slate-blue-dark-accent-glow-secondary: rgba(103, 174, 228, 0.12);
  --ds-color-theme-slate-blue-dark-accent-primary: #74b5e6;
  --ds-color-theme-slate-blue-dark-accent-quaternary: #2380c7;
  --ds-color-theme-slate-blue-dark-accent-secondary: #499ede;
  --ds-color-theme-slate-blue-dark-accent-tertiary: #2f90da;
  --ds-color-theme-slate-blue-dark-accent-text-primary: #87c3f1;
  --ds-color-theme-slate-blue-dark-accent-text-secondary: #50a8eb;
  --ds-color-theme-slate-blue-dark-accent-text-tertiary: #2b96e7;
  --ds-color-theme-slate-blue-dark-container-border-primary: rgba(247, 251, 253, 0.09);
  --ds-color-theme-slate-blue-dark-container-border-secondary: rgba(247, 251, 253, 0.12);
  --ds-color-theme-slate-blue-dark-container-border-tertiary: rgba(247, 251, 253, 0.16);
  --ds-color-theme-slate-blue-dark-container-fill-primary: rgba(247, 251, 253, 0.03);
  --ds-color-theme-slate-blue-dark-container-fill-secondary: rgba(247, 251, 253, 0.06);
  --ds-color-theme-slate-blue-dark-container-fill-tertiary: rgba(247, 251, 253, 0.09);
  --ds-color-theme-slate-blue-dark-control-border-primary: rgba(130, 170, 201, 0.48);
  --ds-color-theme-slate-blue-dark-control-border-quaternary: rgba(130, 170, 201, 0.8);
  --ds-color-theme-slate-blue-dark-control-border-secondary: rgba(130, 170, 201, 0.64);
  --ds-color-theme-slate-blue-dark-control-border-tertiary: rgba(130, 170, 201, 0.72);
  --ds-color-theme-slate-blue-dark-control-fill-primary: rgba(129, 170, 201, 0.12);
  --ds-color-theme-slate-blue-dark-control-fill-secondary: rgba(130, 170, 201, 0.18);
  --ds-color-theme-slate-blue-dark-control-fill-tertiary: rgba(130, 170, 201, 0.24);
  --ds-color-theme-slate-blue-dark-control-raised-backdrop: rgba(255, 255, 255, 0.12);
  --ds-color-theme-slate-blue-dark-control-raised-fill-primary: rgba(247, 251, 253, 0.18);
  --ds-color-theme-slate-blue-dark-destructive-content-primary: #000000;
  --ds-color-theme-slate-blue-dark-destructive-content-secondary: rgba(0, 0, 0, 0.9);
  --ds-color-theme-slate-blue-dark-destructive-content-tertiary: rgba(0, 0, 0, 0.6);
  --ds-color-theme-slate-blue-dark-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-slate-blue-dark-destructive-glow-secondary: rgba(238, 16, 37, 0.12);
  --ds-color-theme-slate-blue-dark-destructive-primary: #ee1025;
  --ds-color-theme-slate-blue-dark-destructive-secondary: #d11527;
  --ds-color-theme-slate-blue-dark-destructive-tertiary: #aa1926;
  --ds-color-theme-slate-blue-dark-destructive-text-primary: #ee1025;
  --ds-color-theme-slate-blue-dark-destructive-text-secondary: #d11527;
  --ds-color-theme-slate-blue-dark-destructive-text-tertiary: #aa1926;
  --ds-color-theme-slate-blue-dark-highlight-primary: rgba(247, 251, 253, 0.12);
  --ds-color-theme-slate-blue-dark-icons-primary: rgba(247, 251, 253, 0.78);
  --ds-color-theme-slate-blue-dark-icons-secondary: rgba(247, 251, 253, 0.48);
  --ds-color-theme-slate-blue-dark-icons-tertiary: rgba(247, 251, 253, 0.24);
  --ds-color-theme-slate-blue-dark-shadow-primary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-slate-blue-dark-shadow-secondary: rgba(0, 0, 0, 0.24);
  --ds-color-theme-slate-blue-dark-shadow-tertiary: rgba(0, 0, 0, 0.32);
  --ds-color-theme-slate-blue-dark-surface-backdrop: #0c151c;
  --ds-color-theme-slate-blue-dark-surface-canvas: #1e3042;
  --ds-color-theme-slate-blue-dark-surface-decoration-primary: rgba(103, 174, 228, 0.16);
  --ds-color-theme-slate-blue-dark-surface-decoration-secondary: rgba(103, 174, 228, 0.24);
  --ds-color-theme-slate-blue-dark-surface-decoration-tertiary: rgba(103, 174, 228, 0.32);
  --ds-color-theme-slate-blue-dark-surface-primary: #1e3347;
  --ds-color-theme-slate-blue-dark-surface-secondary: #2b4259;
  --ds-color-theme-slate-blue-dark-surface-tertiary: #324a61;
  --ds-color-theme-slate-blue-dark-text-primary: rgba(247, 251, 253, 0.96);
  --ds-color-theme-slate-blue-dark-text-secondary: rgba(247, 251, 253, 0.66);
  --ds-color-theme-slate-blue-dark-text-tertiary: rgba(247, 251, 253, 0.36);
  --ds-color-theme-slate-blue-dark-tone-shade-primary: rgba(6, 10, 14, 0.12);
  --ds-color-theme-slate-blue-dark-tone-tint-primary: rgba(230, 242, 248, 0.06);
  --ds-color-theme-slate-blue-light-accent-alt-content-primary: #143852;
  --ds-color-theme-slate-blue-light-accent-alt-content-secondary: rgba(20, 56, 82, 0.7);
  --ds-color-theme-slate-blue-light-accent-alt-content-tertiary: rgba(20, 56, 82, 0.5);
  --ds-color-theme-slate-blue-light-accent-alt-glow-primary: rgba(117, 187, 240, 0.2);
  --ds-color-theme-slate-blue-light-accent-alt-glow-secondary: rgba(117, 187, 240, 0.12);
  --ds-color-theme-slate-blue-light-accent-alt-primary: #94cdf9;
  --ds-color-theme-slate-blue-light-accent-alt-secondary: #75baef;
  --ds-color-theme-slate-blue-light-accent-alt-tertiary: #499ede;
  --ds-color-theme-slate-blue-light-accent-alt-text-primary: #2b5c82;
  --ds-color-theme-slate-blue-light-accent-alt-text-secondary: #1d4766;
  --ds-color-theme-slate-blue-light-accent-alt-text-tertiary: #143852;
  --ds-color-theme-slate-blue-light-accent-content-primary: #f0f8ff;
  --ds-color-theme-slate-blue-light-accent-content-secondary: rgba(240, 248, 255, 0.7);
  --ds-color-theme-slate-blue-light-accent-content-tertiary: rgba(240, 248, 255, 0.5);
  --ds-color-theme-slate-blue-light-accent-glow-primary: rgba(58, 114, 156, 0.2);
  --ds-color-theme-slate-blue-light-accent-glow-secondary: rgba(58, 114, 156, 0.12);
  --ds-color-theme-slate-blue-light-accent-primary: #39719c;
  --ds-color-theme-slate-blue-light-accent-quaternary: #143851;
  --ds-color-theme-slate-blue-light-accent-secondary: #2b5c82;
  --ds-color-theme-slate-blue-light-accent-tertiary: #1d4766;
  --ds-color-theme-slate-blue-light-accent-text-primary: #2b5c82;
  --ds-color-theme-slate-blue-light-accent-text-secondary: #1d4766;
  --ds-color-theme-slate-blue-light-accent-text-tertiary: #143852;
  --ds-color-theme-slate-blue-light-container-border-primary: rgba(6, 15, 24, 0.06);
  --ds-color-theme-slate-blue-light-container-border-secondary: rgba(6, 15, 24, 0.09);
  --ds-color-theme-slate-blue-light-container-border-tertiary: rgba(6, 15, 24, 0.12);
  --ds-color-theme-slate-blue-light-container-fill-primary: rgba(6, 15, 24, 0.01);
  --ds-color-theme-slate-blue-light-container-fill-secondary: rgba(6, 15, 24, 0.03);
  --ds-color-theme-slate-blue-light-container-fill-tertiary: rgba(6, 15, 24, 0.06);
  --ds-color-theme-slate-blue-light-control-border-primary: rgba(33, 88, 131, 0.32);
  --ds-color-theme-slate-blue-light-control-border-quaternary: rgba(33, 88, 131, 0.72);
  --ds-color-theme-slate-blue-light-control-border-secondary: rgba(33, 88, 131, 0.56);
  --ds-color-theme-slate-blue-light-control-border-tertiary: rgba(33, 88, 131, 0.64);
  --ds-color-theme-slate-blue-light-control-fill-primary: rgba(33, 88, 131, 0.09);
  --ds-color-theme-slate-blue-light-control-fill-secondary: rgba(33, 88, 131, 0.12);
  --ds-color-theme-slate-blue-light-control-fill-tertiary: rgba(33, 88, 131, 0.18);
  --ds-color-theme-slate-blue-light-control-raised-backdrop: rgba(0, 0, 0, 0.09);
  --ds-color-theme-slate-blue-light-control-raised-fill-primary: #eef7fc;
  --ds-color-theme-slate-blue-light-destructive-content-primary: #ffffff;
  --ds-color-theme-slate-blue-light-destructive-content-secondary: rgba(255, 255, 255, 0.9);
  --ds-color-theme-slate-blue-light-destructive-content-tertiary: rgba(255, 255, 255, 0.6);
  --ds-color-theme-slate-blue-light-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-slate-blue-light-destructive-glow-secondary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-slate-blue-light-destructive-primary: #ee1025;
  --ds-color-theme-slate-blue-light-destructive-secondary: #d11527;
  --ds-color-theme-slate-blue-light-destructive-tertiary: #aa1826;
  --ds-color-theme-slate-blue-light-destructive-text-primary: #ee1025;
  --ds-color-theme-slate-blue-light-destructive-text-secondary: #d11527;
  --ds-color-theme-slate-blue-light-destructive-text-tertiary: #aa1926;
  --ds-color-theme-slate-blue-light-highlight-primary: rgba(247, 251, 253, 0.24);
  --ds-color-theme-slate-blue-light-icons-primary: rgba(6, 10, 14, 0.84);
  --ds-color-theme-slate-blue-light-icons-secondary: rgba(6, 10, 14, 0.6);
  --ds-color-theme-slate-blue-light-icons-tertiary: rgba(6, 10, 14, 0.36);
  --ds-color-theme-slate-blue-light-shadow-primary: rgba(0, 0, 0, 0.05);
  --ds-color-theme-slate-blue-light-shadow-secondary: rgba(0, 0, 0, 0.08);
  --ds-color-theme-slate-blue-light-shadow-tertiary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-slate-blue-light-surface-backdrop: #8aa5c0;
  --ds-color-theme-slate-blue-light-surface-canvas: #dceaf3;
  --ds-color-theme-slate-blue-light-surface-decoration-primary: rgba(33, 88, 131, 0.09);
  --ds-color-theme-slate-blue-light-surface-decoration-secondary: rgba(33, 88, 131, 0.2);
  --ds-color-theme-slate-blue-light-surface-decoration-tertiary: rgba(33, 88, 131, 0.32);
  --ds-color-theme-slate-blue-light-surface-primary: #d2e5f3;
  --ds-color-theme-slate-blue-light-surface-secondary: #ddedf7;
  --ds-color-theme-slate-blue-light-surface-tertiary: #eef6fb;
  --ds-color-theme-slate-blue-light-text-primary: rgba(6, 10, 14, 0.96);
  --ds-color-theme-slate-blue-light-text-secondary: rgba(6, 10, 14, 0.6);
  --ds-color-theme-slate-blue-light-text-tertiary: rgba(6, 10, 14, 0.36);
  --ds-color-theme-slate-blue-light-tone-shade-primary: rgba(20, 51, 81, 0.06);
  --ds-color-theme-slate-blue-light-tone-tint-primary: rgba(247, 251, 253, 0.4);
  --ds-color-theme-violet-dark-accent-alt-content-primary: #f5f5fe;
  --ds-color-theme-violet-dark-accent-alt-content-secondary: rgba(245, 245, 254, 0.7);
  --ds-color-theme-violet-dark-accent-alt-content-tertiary: rgba(245, 245, 254, 0.5);
  --ds-color-theme-violet-dark-accent-alt-glow-primary: rgba(162, 128, 255, 0.2);
  --ds-color-theme-violet-dark-accent-alt-glow-secondary: rgba(162, 128, 255, 0.12);
  --ds-color-theme-violet-dark-accent-alt-primary: #5c17e5;
  --ds-color-theme-violet-dark-accent-alt-secondary: #470fbf;
  --ds-color-theme-violet-dark-accent-alt-tertiary: #3b0da6;
  --ds-color-theme-violet-dark-accent-alt-text-primary: #c6b2ff;
  --ds-color-theme-violet-dark-accent-alt-text-secondary: #a17fff;
  --ds-color-theme-violet-dark-accent-alt-text-tertiary: #8f69fb;
  --ds-color-theme-violet-dark-accent-content-primary: #030109;
  --ds-color-theme-violet-dark-accent-content-secondary: rgba(3, 1, 9, 0.7);
  --ds-color-theme-violet-dark-accent-content-tertiary: rgba(3, 1, 9, 0.5);
  --ds-color-theme-violet-dark-accent-glow-primary: rgba(162, 128, 255, 0.2);
  --ds-color-theme-violet-dark-accent-glow-secondary: rgba(162, 128, 255, 0.2);
  --ds-color-theme-violet-dark-accent-primary: #a17fff;
  --ds-color-theme-violet-dark-accent-quaternary: #6e29ee;
  --ds-color-theme-violet-dark-accent-secondary: #8f69fb;
  --ds-color-theme-violet-dark-accent-tertiary: #7f55f6;
  --ds-color-theme-violet-dark-accent-text-primary: #c6b2ff;
  --ds-color-theme-violet-dark-accent-text-secondary: #a17fff;
  --ds-color-theme-violet-dark-accent-text-tertiary: #8f69fb;
  --ds-color-theme-violet-dark-container-border-primary: rgba(245, 245, 254, 0.09);
  --ds-color-theme-violet-dark-container-border-secondary: rgba(245, 245, 254, 0.12);
  --ds-color-theme-violet-dark-container-border-tertiary: rgba(245, 245, 254, 0.16);
  --ds-color-theme-violet-dark-container-fill-primary: rgba(245, 245, 254, 0.03);
  --ds-color-theme-violet-dark-container-fill-secondary: rgba(245, 245, 254, 0.06);
  --ds-color-theme-violet-dark-container-fill-tertiary: rgba(245, 245, 254, 0.09);
  --ds-color-theme-violet-dark-control-border-primary: rgba(192, 165, 253, 0.48);
  --ds-color-theme-violet-dark-control-border-quaternary: rgba(192, 165, 253, 0.8);
  --ds-color-theme-violet-dark-control-border-secondary: rgba(192, 165, 253, 0.64);
  --ds-color-theme-violet-dark-control-border-tertiary: rgba(192, 165, 253, 0.72);
  --ds-color-theme-violet-dark-control-fill-primary: rgba(191, 165, 252, 0.12);
  --ds-color-theme-violet-dark-control-fill-secondary: rgba(192, 165, 253, 0.18);
  --ds-color-theme-violet-dark-control-fill-tertiary: rgba(192, 165, 253, 0.24);
  --ds-color-theme-violet-dark-control-raised-backdrop: rgba(255, 255, 255, 0.12);
  --ds-color-theme-violet-dark-control-raised-fill-primary: rgba(243, 242, 250, 0.18);
  --ds-color-theme-violet-dark-destructive-content-primary: #000000;
  --ds-color-theme-violet-dark-destructive-content-secondary: rgba(0, 0, 0, 0.9);
  --ds-color-theme-violet-dark-destructive-content-tertiary: rgba(0, 0, 0, 0.6);
  --ds-color-theme-violet-dark-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-violet-dark-destructive-glow-secondary: rgba(238, 16, 37, 0.12);
  --ds-color-theme-violet-dark-destructive-primary: #ee1025;
  --ds-color-theme-violet-dark-destructive-secondary: #d11527;
  --ds-color-theme-violet-dark-destructive-tertiary: #aa1926;
  --ds-color-theme-violet-dark-destructive-text-primary: #ee1025;
  --ds-color-theme-violet-dark-destructive-text-secondary: #d11527;
  --ds-color-theme-violet-dark-destructive-text-tertiary: #aa1926;
  --ds-color-theme-violet-dark-highlight-primary: rgba(243, 242, 250, 0.12);
  --ds-color-theme-violet-dark-icons-primary: rgba(239, 239, 255, 0.78);
  --ds-color-theme-violet-dark-icons-secondary: rgba(245, 245, 254, 0.48);
  --ds-color-theme-violet-dark-icons-tertiary: rgba(245, 245, 254, 0.24);
  --ds-color-theme-violet-dark-shadow-primary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-violet-dark-shadow-secondary: rgba(0, 0, 0, 0.24);
  --ds-color-theme-violet-dark-shadow-tertiary: rgba(0, 0, 0, 0.32);
  --ds-color-theme-violet-dark-surface-backdrop: #120b27;
  --ds-color-theme-violet-dark-surface-canvas: #271c49;
  --ds-color-theme-violet-dark-surface-decoration-primary: rgba(192, 165, 253, 0.16);
  --ds-color-theme-violet-dark-surface-decoration-secondary: rgba(192, 165, 253, 0.24);
  --ds-color-theme-violet-dark-surface-decoration-tertiary: rgba(192, 165, 253, 0.32);
  --ds-color-theme-violet-dark-surface-primary: #2e2158;
  --ds-color-theme-violet-dark-surface-secondary: #3a2a63;
  --ds-color-theme-violet-dark-surface-tertiary: #433270;
  --ds-color-theme-violet-dark-text-primary: rgba(239, 239, 255, 0.96);
  --ds-color-theme-violet-dark-text-secondary: rgba(245, 245, 254, 0.66);
  --ds-color-theme-violet-dark-text-tertiary: rgba(245, 245, 254, 0.36);
  --ds-color-theme-violet-dark-tone-shade-primary: rgba(12, 9, 21, 0.16);
  --ds-color-theme-violet-dark-tone-tint-primary: rgba(233, 231, 248, 0.06);
  --ds-color-theme-violet-light-accent-alt-content-primary: #2b097a;
  --ds-color-theme-violet-light-accent-alt-content-secondary: rgba(44, 10, 123, 0.7);
  --ds-color-theme-violet-light-accent-alt-content-tertiary: rgba(44, 10, 123, 0.5);
  --ds-color-theme-violet-light-accent-alt-glow-primary: rgba(162, 128, 255, 0.2);
  --ds-color-theme-violet-light-accent-alt-glow-secondary: rgba(162, 128, 255, 0.12);
  --ds-color-theme-violet-light-accent-alt-primary: #c6b2ff;
  --ds-color-theme-violet-light-accent-alt-secondary: #a17fff;
  --ds-color-theme-violet-light-accent-alt-tertiary: #8f69fb;
  --ds-color-theme-violet-light-accent-alt-text-primary: #470fbf;
  --ds-color-theme-violet-light-accent-alt-text-secondary: #3b0da6;
  --ds-color-theme-violet-light-accent-alt-text-tertiary: #2b097a;
  --ds-color-theme-violet-light-accent-content-primary: #f5f5fe;
  --ds-color-theme-violet-light-accent-content-secondary: rgba(245, 245, 254, 0.7);
  --ds-color-theme-violet-light-accent-content-tertiary: rgba(245, 245, 254, 0.5);
  --ds-color-theme-violet-light-accent-glow-primary: rgba(92, 23, 229, 0.2);
  --ds-color-theme-violet-light-accent-glow-secondary: rgba(92, 23, 229, 0.12);
  --ds-color-theme-violet-light-accent-primary: #5c17e5;
  --ds-color-theme-violet-light-accent-quaternary: #2b097a;
  --ds-color-theme-violet-light-accent-secondary: #470fbf;
  --ds-color-theme-violet-light-accent-tertiary: #3b0da6;
  --ds-color-theme-violet-light-accent-text-primary: #470fbf;
  --ds-color-theme-violet-light-accent-text-secondary: #3b0da6;
  --ds-color-theme-violet-light-accent-text-tertiary: #2b097a;
  --ds-color-theme-violet-light-container-border-primary: rgba(7, 5, 13, 0.06);
  --ds-color-theme-violet-light-container-border-secondary: rgba(7, 5, 13, 0.09);
  --ds-color-theme-violet-light-container-border-tertiary: rgba(7, 5, 13, 0.12);
  --ds-color-theme-violet-light-container-fill-primary: rgba(7, 5, 13, 0.01);
  --ds-color-theme-violet-light-container-fill-secondary: rgba(7, 5, 13, 0.03);
  --ds-color-theme-violet-light-container-fill-tertiary: rgba(7, 5, 13, 0.06);
  --ds-color-theme-violet-light-control-border-primary: rgba(87, 11, 218, 0.32);
  --ds-color-theme-violet-light-control-border-quaternary: rgba(87, 11, 218, 0.72);
  --ds-color-theme-violet-light-control-border-secondary: rgba(87, 11, 218, 0.56);
  --ds-color-theme-violet-light-control-border-tertiary: rgba(87, 11, 218, 0.64);
  --ds-color-theme-violet-light-control-fill-primary: rgba(87, 11, 218, 0.09);
  --ds-color-theme-violet-light-control-fill-secondary: rgba(87, 11, 218, 0.12);
  --ds-color-theme-violet-light-control-fill-tertiary: rgba(87, 11, 218, 0.18);
  --ds-color-theme-violet-light-control-raised-backdrop: rgba(0, 0, 0, 0.09);
  --ds-color-theme-violet-light-control-raised-fill-primary: #f6f6fc;
  --ds-color-theme-violet-light-destructive-content-primary: #ffffff;
  --ds-color-theme-violet-light-destructive-content-secondary: rgba(255, 255, 255, 0.9);
  --ds-color-theme-violet-light-destructive-content-tertiary: rgba(255, 255, 255, 0.6);
  --ds-color-theme-violet-light-destructive-glow-primary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-violet-light-destructive-glow-secondary: rgba(238, 16, 37, 0.2);
  --ds-color-theme-violet-light-destructive-primary: #ee1025;
  --ds-color-theme-violet-light-destructive-secondary: #d11527;
  --ds-color-theme-violet-light-destructive-tertiary: #aa1826;
  --ds-color-theme-violet-light-destructive-text-primary: #ee1025;
  --ds-color-theme-violet-light-destructive-text-secondary: #d11527;
  --ds-color-theme-violet-light-destructive-text-tertiary: #aa1926;
  --ds-color-theme-violet-light-highlight-primary: rgba(245, 245, 254, 0.24);
  --ds-color-theme-violet-light-icons-primary: rgba(7, 5, 13, 0.84);
  --ds-color-theme-violet-light-icons-secondary: rgba(7, 5, 13, 0.6);
  --ds-color-theme-violet-light-icons-tertiary: rgba(7, 5, 13, 0.36);
  --ds-color-theme-violet-light-shadow-primary: rgba(0, 0, 0, 0.05);
  --ds-color-theme-violet-light-shadow-secondary: rgba(0, 0, 0, 0.08);
  --ds-color-theme-violet-light-shadow-tertiary: rgba(0, 0, 0, 0.16);
  --ds-color-theme-violet-light-surface-backdrop: #c0b9e3;
  --ds-color-theme-violet-light-surface-canvas: #edecf9;
  --ds-color-theme-violet-light-surface-decoration-primary: rgba(87, 11, 218, 0.09);
  --ds-color-theme-violet-light-surface-decoration-secondary: rgba(87, 11, 218, 0.2);
  --ds-color-theme-violet-light-surface-decoration-tertiary: rgba(87, 11, 218, 0.32);
  --ds-color-theme-violet-light-surface-primary: #e7e4f5;
  --ds-color-theme-violet-light-surface-secondary: #edebf8;
  --ds-color-theme-violet-light-surface-tertiary: #f6f6fc;
  --ds-color-theme-violet-light-text-primary: rgba(7, 5, 13, 0.96);
  --ds-color-theme-violet-light-text-secondary: rgba(7, 5, 13, 0.6);
  --ds-color-theme-violet-light-text-tertiary: rgba(7, 5, 13, 0.36);
  --ds-color-theme-violet-light-tone-shade-primary: rgba(35, 20, 81, 0.06);
  --ds-color-theme-violet-light-tone-tint-primary: rgba(245, 245, 254, 0.56);
}

/* shared/styles/design-tokens.css */

/* shared/styles/variables.css */
:root {
  --base: 16px;
  font-size: calc(16px / var(--base));
  --px-in-rem: calc(1rem / 16);
  --sp-320: 80rem;
  --sp-256: 64rem;
  --sp-192: 48rem;
  --sp-96: 24rem;
  --sp-90: 22.5rem;
  --sp-80: 20rem;
  --sp-72: 18rem;
  --sp-64: 16rem;
  --sp-56: 14rem;
  --sp-48: 12rem;
  --sp-40: 10rem;
  --sp-35: 8.75rem;
  --sp-32: 8rem;
  --sp-30: 7.5rem;
  --sp-25: 6.25rem;
  --sp-24: 6rem;
  --sp-20: 5rem;
  --sp-16: 4rem;
  --sp-15: 3.75rem;
  --sp-14: 3.5rem;
  --sp-13: 3.25rem;
  --sp-12: 3rem;
  --sp-11: 2.75rem;
  --sp-10: 2.5rem;
  --sp-9: 2.25rem;
  --sp-8: 2rem;
  --sp-7: 1.75rem;
  --sp-6: 1.5rem;
  --sp-5: 1.25rem;
  --sp-4: 1rem;
  --sp-3: 0.75rem;
  --sp-2: 0.5rem;
  --sp-1: 0.25rem;
  --sp-0_5: 0.125rem;
  --color-red-50: #de5833;
  --color-purple-50: #5132a9;
  --color-yellow-50: #fcd00a;
  --color-green-50: #4cba3c;
  --color-yellow-60: #f9be1a;
  --color-blue-100: #051133;
  --color-blue-90: #0b2059;
  --color-blue-80: #14307e;
  --color-blue-70: #1e42a4;
  --color-blue-60: #2b55ca;
  --color-blue-50: #3969ef;
  --color-blue-40: #557ff3;
  --color-blue-30: #7295f6;
  --color-blue-20: #8fabf9;
  --color-blue-10: #adc2fc;
  --color-blue-0: #ccdaff;
  --color-black: #000;
  --color-gray-95: #111;
  --color-gray-90: #222;
  --color-gray-85: #333;
  --color-gray-80: #444;
  --color-gray-70: #666;
  --color-gray-60: #888;
  --color-gray-50: #aaa;
  --color-gray-40: #ccc;
  --color-gray-30: #ddd;
  --color-gray-25: #e5e5e5;
  --color-gray-20: #eee;
  --color-gray-10: #f5f5f5;
  --color-gray-0: #fafafa;
  --color-white: #fff;
  --color-black-at-1: rgba(0, 0, 0, 0.01);
  --color-black-at-3: rgba(0, 0, 0, 0.03);
  --color-black-at-4: rgba(0, 0, 0, 0.04);
  --color-black-at-6: rgba(0, 0, 0, 0.06);
  --color-black-at-9: rgba(0, 0, 0, 0.09);
  --color-black-at-12: rgba(0, 0, 0, 0.12);
  --color-black-at-15: rgba(0, 0, 0, 0.15);
  --color-black-at-18: rgba(0, 0, 0, 0.18);
  --color-black-at-36: rgba(0, 0, 0, 0.36);
  --color-black-at-40: rgba(0, 0, 0, 0.4);
  --color-black-at-42: rgba(0, 0, 0, 0.42);
  --color-black-at-48: rgba(0, 0, 0, 0.48);
  --color-black-at-50: rgba(0, 0, 0, 0.5);
  --color-black-at-60: rgba(0, 0, 0, 0.6);
  --color-black-at-66: rgba(0, 0, 0, 0.66);
  --color-black-at-72: rgba(0, 0, 0, 0.72);
  --color-black-at-80: rgba(0, 0, 0, 0.8);
  --color-black-at-84: rgba(0, 0, 0, 0.84);
  --color-black-at-90: rgba(0, 0, 0, 0.9);
  --color-black-at-96: rgba(0, 0, 0, 0.96);
  --color-gray85-at-80: rgba(51, 51, 51, 0.8);
  --color-white-at-3: rgba(255, 255, 255, 0.03);
  --color-white-at-6: rgba(255, 255, 255, 0.06);
  --color-white-at-9: rgba(255, 255, 255, 0.09);
  --color-white-at-12: rgba(255, 255, 255, 0.12);
  --color-white-at-15: rgba(255, 255, 255, 0.15);
  --color-white-at-18: rgba(255, 255, 255, 0.18);
  --color-white-at-24: rgba(255, 255, 255, 0.24);
  --color-white-at-30: rgba(255, 255, 255, 0.3);
  --color-white-at-36: rgba(255, 255, 255, 0.36);
  --color-white-at-42: rgba(255, 255, 255, 0.42);
  --color-white-at-50: rgba(255, 255, 255, 0.5);
  --color-white-at-60: rgba(255, 255, 255, 0.6);
  --color-white-at-66: rgba(255, 255, 255, 0.66);
  --color-white-at-70: rgba(255, 255, 255, 0.7);
  --color-white-at-80: rgba(255, 255, 255, 0.8);
  --color-white-at-84: rgba(255, 255, 255, 0.84);
  --color-white-at-85: rgba(255, 255, 255, 0.85);
  --color-white-at-96: rgba(255, 255, 255, 0.96);
  --ddg-color-primary: var(--color-blue-50);
  --ddg-color-primary-dark: var(--color-blue-30);
  --theme-background-color: var(--color-white);
  --theme-text-primary-color: var(--color-black-at-84);
  --theme-text-secondary-color: var(--color-black-at-60);
  --theme-text-link-color: var(--ddg-color-primary);
  --border-radius-lg: 12px;
  --border-radius-md: 8px;
  --border-radius-sm: 6px;
  --border-radius-xs: 4px;
  --macos-text-primary: var(--color-black-at-84);
  --ios-content-max-width: calc(794 * var(--px-in-rem));
}
@media (prefers-color-scheme: dark) {
  :root {
    --theme-background-color: var(--color-gray-95);
    --theme-text-primary-color: var(--color-white-at-85);
    --theme-text-secondary-color: var(--color-white-at-50);
    --theme-text-link-color: var(--ddg-color-primary-dark);
  }
}

/* shared/styles/reset.css */
*,
*:after,
*:before {
  box-sizing: border-box;
}
html[data-reduced-motion=true] * {
  animation: none !important;
  transition: none !important;
}
body {
  font-family: var(--theme-font-family, system-ui);
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.08px;
  margin: 0;
  height: 100vh;
  width: 100%;
  overflow-x: hidden;
  user-select: none;
  -webkit-user-select: none;
  cursor: default;
  background: var(--theme-background-color);
  color: var(--theme-text-primary-color);
}
body > main {
  width: 100%;
}
h1,
h2,
h3,
h4,
p {
  font-weight: normal;
  margin: 0;
}
a {
  color: var(--theme-text-link-color);
}
button {
  font-family: system-ui, sans-serif;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* shared/styles/utilities.css */
.offscreen {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* shared/styles/global.css */

/* shared/styles/theme-mappings.css */
body {
  --default-light-background-color: var(--ds-color-theme-default-light-surface-canvas);
  --default-dark-background-color: var(--ds-color-theme-default-dark-surface-canvas);
}
body[data-theme=light],
body [data-theme=light] {
  --ds-color-theme-surface-primary: var(--ds-color-theme-default-light-surface-primary);
  --ds-color-theme-surface-secondary: var(--ds-color-theme-default-light-surface-secondary);
  --ds-color-theme-surface-tertiary: var(--ds-color-theme-default-light-surface-tertiary);
  --ds-color-theme-surface-backdrop: var(--ds-color-theme-default-light-surface-backdrop);
  --ds-color-theme-surface-canvas: var(--ds-color-theme-default-light-surface-canvas);
  --ds-color-theme-surface-decoration-primary: var(--ds-color-theme-default-light-surface-decoration-primary);
  --ds-color-theme-surface-decoration-secondary: var(--ds-color-theme-default-light-surface-decoration-secondary);
  --ds-color-theme-surface-decoration-tertiary: var(--ds-color-theme-default-light-surface-decoration-tertiary);
  --ds-color-theme-text-primary: var(--ds-color-theme-default-light-text-primary);
  --ds-color-theme-text-secondary: var(--ds-color-theme-default-light-text-secondary);
  --ds-color-theme-text-tertiary: var(--ds-color-theme-default-light-text-tertiary);
  --ds-color-theme-icons-primary: var(--ds-color-theme-default-light-icons-primary);
  --ds-color-theme-icons-secondary: var(--ds-color-theme-default-light-icons-secondary);
  --ds-color-theme-icons-tertiary: var(--ds-color-theme-default-light-icons-tertiary);
  --ds-color-theme-control-fill-primary: var(--ds-color-theme-default-light-control-fill-primary);
  --ds-color-theme-control-fill-secondary: var(--ds-color-theme-default-light-control-fill-secondary);
  --ds-color-theme-control-fill-tertiary: var(--ds-color-theme-default-light-control-fill-tertiary);
  --ds-color-theme-control-border-primary: var(--ds-color-theme-default-light-control-border-primary);
  --ds-color-theme-control-border-secondary: var(--ds-color-theme-default-light-control-border-secondary);
  --ds-color-theme-control-border-tertiary: var(--ds-color-theme-default-light-control-border-tertiary);
  --ds-color-theme-control-border-quaternary: var(--ds-color-theme-default-light-control-border-quaternary);
  --ds-color-theme-container-fill-primary: var(--ds-color-theme-default-light-container-fill-primary);
  --ds-color-theme-container-fill-secondary: var(--ds-color-theme-default-light-container-fill-secondary);
  --ds-color-theme-container-fill-tertiary: var(--ds-color-theme-default-light-container-fill-tertiary);
  --ds-color-theme-container-border-primary: var(--ds-color-theme-default-light-container-border-primary);
  --ds-color-theme-container-border-secondary: var(--ds-color-theme-default-light-container-border-secondary);
  --ds-color-theme-container-border-tertiary: var(--ds-color-theme-default-light-container-border-tertiary);
  --ds-color-theme-accent-primary: var(--ds-color-theme-default-light-accent-primary);
  --ds-color-theme-accent-secondary: var(--ds-color-theme-default-light-accent-secondary);
  --ds-color-theme-accent-tertiary: var(--ds-color-theme-default-light-accent-tertiary);
  --ds-color-theme-accent-quaternary: var(--ds-color-theme-default-light-accent-quaternary);
  --ds-color-theme-accent-text-primary: var(--ds-color-theme-default-light-accent-text-primary);
  --ds-color-theme-accent-text-secondary: var(--ds-color-theme-default-light-accent-text-secondary);
  --ds-color-theme-accent-text-tertiary: var(--ds-color-theme-default-light-accent-text-tertiary);
  --ds-color-theme-accent-content-primary: var(--ds-color-theme-default-light-accent-content-primary);
  --ds-color-theme-accent-content-secondary: var(--ds-color-theme-default-light-accent-content-secondary);
  --ds-color-theme-accent-content-tertiary: var(--ds-color-theme-default-light-accent-content-tertiary);
  --ds-color-theme-accent-glow-primary: var(--ds-color-theme-default-light-accent-glow-primary);
  --ds-color-theme-accent-glow-secondary: var(--ds-color-theme-default-light-accent-glow-secondary);
  --ds-color-theme-highlight-primary: var(--ds-color-theme-default-light-highlight-primary);
  --ds-color-theme-tone-tint-primary: var(--ds-color-theme-default-light-tone-tint-primary);
  --ds-color-theme-control-raised-backdrop: var(--ds-color-theme-default-light-control-raised-backdrop);
  --ds-color-theme-control-raised-fill-primary: var(--ds-color-theme-default-light-control-raised-fill-primary);
  --ds-color-theme-shadow-primary: var(--ds-color-theme-default-light-shadow-primary);
  --ds-color-theme-shadow-secondary: var(--ds-color-theme-default-light-shadow-secondary);
}
body[data-theme=dark],
body [data-theme=dark] {
  --ds-color-theme-surface-primary: var(--ds-color-theme-default-dark-surface-primary);
  --ds-color-theme-surface-secondary: var(--ds-color-theme-default-dark-surface-secondary);
  --ds-color-theme-surface-tertiary: var(--ds-color-theme-default-dark-surface-tertiary);
  --ds-color-theme-surface-backdrop: var(--ds-color-theme-default-dark-surface-backdrop);
  --ds-color-theme-surface-canvas: var(--ds-color-theme-default-dark-surface-canvas);
  --ds-color-theme-surface-decoration-primary: var(--ds-color-theme-default-dark-surface-decoration-primary);
  --ds-color-theme-surface-decoration-secondary: var(--ds-color-theme-default-dark-surface-decoration-secondary);
  --ds-color-theme-surface-decoration-tertiary: var(--ds-color-theme-default-dark-surface-decoration-tertiary);
  --ds-color-theme-text-primary: var(--ds-color-theme-default-dark-text-primary);
  --ds-color-theme-text-secondary: var(--ds-color-theme-default-dark-text-secondary);
  --ds-color-theme-text-tertiary: var(--ds-color-theme-default-dark-text-tertiary);
  --ds-color-theme-icons-primary: var(--ds-color-theme-default-dark-icons-primary);
  --ds-color-theme-icons-secondary: var(--ds-color-theme-default-dark-icons-secondary);
  --ds-color-theme-icons-tertiary: var(--ds-color-theme-default-dark-icons-tertiary);
  --ds-color-theme-control-fill-primary: var(--ds-color-theme-default-dark-control-fill-primary);
  --ds-color-theme-control-fill-secondary: var(--ds-color-theme-default-dark-control-fill-secondary);
  --ds-color-theme-control-fill-tertiary: var(--ds-color-theme-default-dark-control-fill-tertiary);
  --ds-color-theme-control-border-primary: var(--ds-color-theme-default-dark-control-border-primary);
  --ds-color-theme-control-border-secondary: var(--ds-color-theme-default-dark-control-border-secondary);
  --ds-color-theme-control-border-tertiary: var(--ds-color-theme-default-dark-control-border-tertiary);
  --ds-color-theme-control-border-quaternary: var(--ds-color-theme-default-dark-control-border-quaternary);
  --ds-color-theme-container-fill-primary: var(--ds-color-theme-default-dark-container-fill-primary);
  --ds-color-theme-container-fill-secondary: var(--ds-color-theme-default-dark-container-fill-secondary);
  --ds-color-theme-container-fill-tertiary: var(--ds-color-theme-default-dark-container-fill-tertiary);
  --ds-color-theme-container-border-primary: var(--ds-color-theme-default-dark-container-border-primary);
  --ds-color-theme-container-border-secondary: var(--ds-color-theme-default-dark-container-border-secondary);
  --ds-color-theme-container-border-tertiary: var(--ds-color-theme-default-dark-container-border-tertiary);
  --ds-color-theme-accent-primary: var(--ds-color-theme-default-dark-accent-primary);
  --ds-color-theme-accent-secondary: var(--ds-color-theme-default-dark-accent-secondary);
  --ds-color-theme-accent-tertiary: var(--ds-color-theme-default-dark-accent-tertiary);
  --ds-color-theme-accent-quaternary: var(--ds-color-theme-default-dark-accent-quaternary);
  --ds-color-theme-accent-text-primary: var(--ds-color-theme-default-dark-accent-text-primary);
  --ds-color-theme-accent-text-secondary: var(--ds-color-theme-default-dark-accent-text-secondary);
  --ds-color-theme-accent-text-tertiary: var(--ds-color-theme-default-dark-accent-text-tertiary);
  --ds-color-theme-accent-content-primary: var(--ds-color-theme-default-dark-accent-content-primary);
  --ds-color-theme-accent-content-secondary: var(--ds-color-theme-default-dark-accent-content-secondary);
  --ds-color-theme-accent-content-tertiary: var(--ds-color-theme-default-dark-accent-content-tertiary);
  --ds-color-theme-accent-glow-primary: var(--ds-color-theme-default-dark-accent-glow-primary);
  --ds-color-theme-accent-glow-secondary: var(--ds-color-theme-default-dark-accent-glow-secondary);
  --ds-color-theme-highlight-primary: var(--ds-color-theme-default-dark-highlight-primary);
  --ds-color-theme-tone-tint-primary: var(--ds-color-theme-default-dark-tone-tint-primary);
  --ds-color-theme-control-raised-backdrop: var(--ds-color-theme-default-dark-control-raised-backdrop);
  --ds-color-theme-control-raised-fill-primary: var(--ds-color-theme-default-dark-control-raised-fill-primary);
  --ds-color-theme-shadow-primary: var(--ds-color-theme-default-dark-shadow-primary);
  --ds-color-theme-shadow-secondary: var(--ds-color-theme-default-dark-shadow-secondary);
}
body[data-theme-variant=coolGray] {
  --default-light-background-color: var(--ds-color-theme-cool-gray-light-surface-canvas);
  --default-dark-background-color: var(--ds-color-theme-cool-gray-dark-surface-canvas);
}
body[data-theme-variant=coolGray][data-theme=light],
body[data-theme-variant=coolGray] [data-theme=light] {
  --ds-color-theme-surface-primary: var(--ds-color-theme-cool-gray-light-surface-primary);
  --ds-color-theme-surface-secondary: var(--ds-color-theme-cool-gray-light-surface-secondary);
  --ds-color-theme-surface-tertiary: var(--ds-color-theme-cool-gray-light-surface-tertiary);
  --ds-color-theme-surface-backdrop: var(--ds-color-theme-cool-gray-light-surface-backdrop);
  --ds-color-theme-surface-canvas: var(--ds-color-theme-cool-gray-light-surface-canvas);
  --ds-color-theme-surface-decoration-primary: var(--ds-color-theme-cool-gray-light-surface-decoration-primary);
  --ds-color-theme-surface-decoration-secondary: var(--ds-color-theme-cool-gray-light-surface-decoration-secondary);
  --ds-color-theme-surface-decoration-tertiary: var(--ds-color-theme-cool-gray-light-surface-decoration-tertiary);
  --ds-color-theme-text-primary: var(--ds-color-theme-cool-gray-light-text-primary);
  --ds-color-theme-text-secondary: var(--ds-color-theme-cool-gray-light-text-secondary);
  --ds-color-theme-text-tertiary: var(--ds-color-theme-cool-gray-light-text-tertiary);
  --ds-color-theme-icons-primary: var(--ds-color-theme-cool-gray-light-icons-primary);
  --ds-color-theme-icons-secondary: var(--ds-color-theme-cool-gray-light-icons-secondary);
  --ds-color-theme-icons-tertiary: var(--ds-color-theme-cool-gray-light-icons-tertiary);
  --ds-color-theme-control-fill-primary: var(--ds-color-theme-cool-gray-light-control-fill-primary);
  --ds-color-theme-control-fill-secondary: var(--ds-color-theme-cool-gray-light-control-fill-secondary);
  --ds-color-theme-control-fill-tertiary: var(--ds-color-theme-cool-gray-light-control-fill-tertiary);
  --ds-color-theme-control-border-primary: var(--ds-color-theme-cool-gray-light-control-border-primary);
  --ds-color-theme-control-border-secondary: var(--ds-color-theme-cool-gray-light-control-border-secondary);
  --ds-color-theme-control-border-tertiary: var(--ds-color-theme-cool-gray-light-control-border-tertiary);
  --ds-color-theme-control-border-quaternary: var(--ds-color-theme-cool-gray-light-control-border-quaternary);
  --ds-color-theme-container-fill-primary: var(--ds-color-theme-cool-gray-light-container-fill-primary);
  --ds-color-theme-container-fill-secondary: var(--ds-color-theme-cool-gray-light-container-fill-secondary);
  --ds-color-theme-container-fill-tertiary: var(--ds-color-theme-cool-gray-light-container-fill-tertiary);
  --ds-color-theme-container-border-primary: var(--ds-color-theme-cool-gray-light-container-border-primary);
  --ds-color-theme-container-border-secondary: var(--ds-color-theme-cool-gray-light-container-border-secondary);
  --ds-color-theme-container-border-tertiary: var(--ds-color-theme-cool-gray-light-container-border-tertiary);
  --ds-color-theme-accent-primary: var(--ds-color-theme-cool-gray-light-accent-primary);
  --ds-color-theme-accent-secondary: var(--ds-color-theme-cool-gray-light-accent-secondary);
  --ds-color-theme-accent-tertiary: var(--ds-color-theme-cool-gray-light-accent-tertiary);
  --ds-color-theme-accent-quaternary: var(--ds-color-theme-cool-gray-light-accent-quaternary);
  --ds-color-theme-accent-text-primary: var(--ds-color-theme-cool-gray-light-accent-text-primary);
  --ds-color-theme-accent-text-secondary: var(--ds-color-theme-cool-gray-light-accent-text-secondary);
  --ds-color-theme-accent-text-tertiary: var(--ds-color-theme-cool-gray-light-accent-text-tertiary);
  --ds-color-theme-accent-content-primary: var(--ds-color-theme-cool-gray-light-accent-content-primary);
  --ds-color-theme-accent-content-secondary: var(--ds-color-theme-cool-gray-light-accent-content-secondary);
  --ds-color-theme-accent-content-tertiary: var(--ds-color-theme-cool-gray-light-accent-content-tertiary);
  --ds-color-theme-accent-glow-primary: var(--ds-color-theme-cool-gray-light-accent-glow-primary);
  --ds-color-theme-accent-glow-secondary: var(--ds-color-theme-cool-gray-light-accent-glow-secondary);
  --ds-color-theme-highlight-primary: var(--ds-color-theme-cool-gray-light-highlight-primary);
}
body[data-theme-variant=coolGray][data-theme=dark],
body[data-theme-variant=coolGray] [data-theme=dark] {
  --ds-color-theme-surface-primary: var(--ds-color-theme-cool-gray-dark-surface-primary);
  --ds-color-theme-surface-secondary: var(--ds-color-theme-cool-gray-dark-surface-secondary);
  --ds-color-theme-surface-tertiary: var(--ds-color-theme-cool-gray-dark-surface-tertiary);
  --ds-color-theme-surface-backdrop: var(--ds-color-theme-cool-gray-dark-surface-backdrop);
  --ds-color-theme-surface-canvas: var(--ds-color-theme-cool-gray-dark-surface-canvas);
  --ds-color-theme-surface-decoration-primary: var(--ds-color-theme-cool-gray-dark-surface-decoration-primary);
  --ds-color-theme-surface-decoration-secondary: var(--ds-color-theme-cool-gray-dark-surface-decoration-secondary);
  --ds-color-theme-surface-decoration-tertiary: var(--ds-color-theme-cool-gray-dark-surface-decoration-tertiary);
  --ds-color-theme-text-primary: var(--ds-color-theme-cool-gray-dark-text-primary);
  --ds-color-theme-text-secondary: var(--ds-color-theme-cool-gray-dark-text-secondary);
  --ds-color-theme-text-tertiary: var(--ds-color-theme-cool-gray-dark-text-tertiary);
  --ds-color-theme-icons-primary: var(--ds-color-theme-cool-gray-dark-icons-primary);
  --ds-color-theme-icons-secondary: var(--ds-color-theme-cool-gray-dark-icons-secondary);
  --ds-color-theme-icons-tertiary: var(--ds-color-theme-cool-gray-dark-icons-tertiary);
  --ds-color-theme-control-fill-primary: var(--ds-color-theme-cool-gray-dark-control-fill-primary);
  --ds-color-theme-control-fill-secondary: var(--ds-color-theme-cool-gray-dark-control-fill-secondary);
  --ds-color-theme-control-fill-tertiary: var(--ds-color-theme-cool-gray-dark-control-fill-tertiary);
  --ds-color-theme-control-border-primary: var(--ds-color-theme-cool-gray-dark-control-border-primary);
  --ds-color-theme-control-border-secondary: var(--ds-color-theme-cool-gray-dark-control-border-secondary);
  --ds-color-theme-control-border-tertiary: var(--ds-color-theme-cool-gray-dark-control-border-tertiary);
  --ds-color-theme-control-border-quaternary: var(--ds-color-theme-cool-gray-dark-control-border-quaternary);
  --ds-color-theme-container-fill-primary: var(--ds-color-theme-cool-gray-dark-container-fill-primary);
  --ds-color-theme-container-fill-secondary: var(--ds-color-theme-cool-gray-dark-container-fill-secondary);
  --ds-color-theme-container-fill-tertiary: var(--ds-color-theme-cool-gray-dark-container-fill-tertiary);
  --ds-color-theme-container-border-primary: var(--ds-color-theme-cool-gray-dark-container-border-primary);
  --ds-color-theme-container-border-secondary: var(--ds-color-theme-cool-gray-dark-container-border-secondary);
  --ds-color-theme-container-border-tertiary: var(--ds-color-theme-cool-gray-dark-container-border-tertiary);
  --ds-color-theme-accent-primary: var(--ds-color-theme-cool-gray-dark-accent-primary);
  --ds-color-theme-accent-secondary: var(--ds-color-theme-cool-gray-dark-accent-secondary);
  --ds-color-theme-accent-tertiary: var(--ds-color-theme-cool-gray-dark-accent-tertiary);
  --ds-color-theme-accent-quaternary: var(--ds-color-theme-cool-gray-dark-accent-quaternary);
  --ds-color-theme-accent-text-primary: var(--ds-color-theme-cool-gray-dark-accent-text-primary);
  --ds-color-theme-accent-text-secondary: var(--ds-color-theme-cool-gray-dark-accent-text-secondary);
  --ds-color-theme-accent-text-tertiary: var(--ds-color-theme-cool-gray-dark-accent-text-tertiary);
  --ds-color-theme-accent-content-primary: var(--ds-color-theme-cool-gray-dark-accent-content-primary);
  --ds-color-theme-accent-content-secondary: var(--ds-color-theme-cool-gray-dark-accent-content-secondary);
  --ds-color-theme-accent-content-tertiary: var(--ds-color-theme-cool-gray-dark-accent-content-tertiary);
  --ds-color-theme-accent-glow-primary: var(--ds-color-theme-cool-gray-dark-accent-glow-primary);
  --ds-color-theme-accent-glow-secondary: var(--ds-color-theme-cool-gray-dark-accent-glow-secondary);
  --ds-color-theme-highlight-primary: var(--ds-color-theme-cool-gray-dark-highlight-primary);
}
body[data-theme-variant=slateBlue] {
  --default-light-background-color: var(--ds-color-theme-slate-blue-light-surface-canvas);
  --default-dark-background-color: var(--ds-color-theme-slate-blue-dark-surface-canvas);
}
body[data-theme-variant=slateBlue][data-theme=light],
body[data-theme-variant=slateBlue] [data-theme=light] {
  --ds-color-theme-surface-primary: var(--ds-color-theme-slate-blue-light-surface-primary);
  --ds-color-theme-surface-secondary: var(--ds-color-theme-slate-blue-light-surface-secondary);
  --ds-color-theme-surface-tertiary: var(--ds-color-theme-slate-blue-light-surface-tertiary);
  --ds-color-theme-surface-backdrop: var(--ds-color-theme-slate-blue-light-surface-backdrop);
  --ds-color-theme-surface-canvas: var(--ds-color-theme-slate-blue-light-surface-canvas);
  --ds-color-theme-surface-decoration-primary: var(--ds-color-theme-slate-blue-light-surface-decoration-primary);
  --ds-color-theme-surface-decoration-secondary: var(--ds-color-theme-slate-blue-light-surface-decoration-secondary);
  --ds-color-theme-surface-decoration-tertiary: var(--ds-color-theme-slate-blue-light-surface-decoration-tertiary);
  --ds-color-theme-text-primary: var(--ds-color-theme-slate-blue-light-text-primary);
  --ds-color-theme-text-secondary: var(--ds-color-theme-slate-blue-light-text-secondary);
  --ds-color-theme-text-tertiary: var(--ds-color-theme-slate-blue-light-text-tertiary);
  --ds-color-theme-icons-primary: var(--ds-color-theme-slate-blue-light-icons-primary);
  --ds-color-theme-icons-secondary: var(--ds-color-theme-slate-blue-light-icons-secondary);
  --ds-color-theme-icons-tertiary: var(--ds-color-theme-slate-blue-light-icons-tertiary);
  --ds-color-theme-control-fill-primary: var(--ds-color-theme-slate-blue-light-control-fill-primary);
  --ds-color-theme-control-fill-secondary: var(--ds-color-theme-slate-blue-light-control-fill-secondary);
  --ds-color-theme-control-fill-tertiary: var(--ds-color-theme-slate-blue-light-control-fill-tertiary);
  --ds-color-theme-control-border-primary: var(--ds-color-theme-slate-blue-light-control-border-primary);
  --ds-color-theme-control-border-secondary: var(--ds-color-theme-slate-blue-light-control-border-secondary);
  --ds-color-theme-control-border-tertiary: var(--ds-color-theme-slate-blue-light-control-border-tertiary);
  --ds-color-theme-control-border-quaternary: var(--ds-color-theme-slate-blue-light-control-border-quaternary);
  --ds-color-theme-container-fill-primary: var(--ds-color-theme-slate-blue-light-container-fill-primary);
  --ds-color-theme-container-fill-secondary: var(--ds-color-theme-slate-blue-light-container-fill-secondary);
  --ds-color-theme-container-fill-tertiary: var(--ds-color-theme-slate-blue-light-container-fill-tertiary);
  --ds-color-theme-container-border-primary: var(--ds-color-theme-slate-blue-light-container-border-primary);
  --ds-color-theme-container-border-secondary: var(--ds-color-theme-slate-blue-light-container-border-secondary);
  --ds-color-theme-container-border-tertiary: var(--ds-color-theme-slate-blue-light-container-border-tertiary);
  --ds-color-theme-accent-primary: var(--ds-color-theme-slate-blue-light-accent-primary);
  --ds-color-theme-accent-secondary: var(--ds-color-theme-slate-blue-light-accent-secondary);
  --ds-color-theme-accent-tertiary: var(--ds-color-theme-slate-blue-light-accent-tertiary);
  --ds-color-theme-accent-quaternary: var(--ds-color-theme-slate-blue-light-accent-quaternary);
  --ds-color-theme-accent-text-primary: var(--ds-color-theme-slate-blue-light-accent-text-primary);
  --ds-color-theme-accent-text-secondary: var(--ds-color-theme-slate-blue-light-accent-text-secondary);
  --ds-color-theme-accent-text-tertiary: var(--ds-color-theme-slate-blue-light-accent-text-tertiary);
  --ds-color-theme-accent-content-primary: var(--ds-color-theme-slate-blue-light-accent-content-primary);
  --ds-color-theme-accent-content-secondary: var(--ds-color-theme-slate-blue-light-accent-content-secondary);
  --ds-color-theme-accent-content-tertiary: var(--ds-color-theme-slate-blue-light-accent-content-tertiary);
  --ds-color-theme-accent-glow-primary: var(--ds-color-theme-slate-blue-light-accent-glow-primary);
  --ds-color-theme-accent-glow-secondary: var(--ds-color-theme-slate-blue-light-accent-glow-secondary);
  --ds-color-theme-highlight-primary: var(--ds-color-theme-slate-blue-light-highlight-primary);
}
body[data-theme-variant=slateBlue][data-theme=dark],
body[data-theme-variant=slateBlue] [data-theme=dark] {
  --ds-color-theme-surface-primary: var(--ds-color-theme-slate-blue-dark-surface-primary);
  --ds-color-theme-surface-secondary: var(--ds-color-theme-slate-blue-dark-surface-secondary);
  --ds-color-theme-surface-tertiary: var(--ds-color-theme-slate-blue-dark-surface-tertiary);
  --ds-color-theme-surface-backdrop: var(--ds-color-theme-slate-blue-dark-surface-backdrop);
  --ds-color-theme-surface-canvas: var(--ds-color-theme-slate-blue-dark-surface-canvas);
  --ds-color-theme-surface-decoration-primary: var(--ds-color-theme-slate-blue-dark-surface-decoration-primary);
  --ds-color-theme-surface-decoration-secondary: var(--ds-color-theme-slate-blue-dark-surface-decoration-secondary);
  --ds-color-theme-surface-decoration-tertiary: var(--ds-color-theme-slate-blue-dark-surface-decoration-tertiary);
  --ds-color-theme-text-primary: var(--ds-color-theme-slate-blue-dark-text-primary);
  --ds-color-theme-text-secondary: var(--ds-color-theme-slate-blue-dark-text-secondary);
  --ds-color-theme-text-tertiary: var(--ds-color-theme-slate-blue-dark-text-tertiary);
  --ds-color-theme-icons-primary: var(--ds-color-theme-slate-blue-dark-icons-primary);
  --ds-color-theme-icons-secondary: var(--ds-color-theme-slate-blue-dark-icons-secondary);
  --ds-color-theme-icons-tertiary: var(--ds-color-theme-slate-blue-dark-icons-tertiary);
  --ds-color-theme-control-fill-primary: var(--ds-color-theme-slate-blue-dark-control-fill-primary);
  --ds-color-theme-control-fill-secondary: var(--ds-color-theme-slate-blue-dark-control-fill-secondary);
  --ds-color-theme-control-fill-tertiary: var(--ds-color-theme-slate-blue-dark-control-fill-tertiary);
  --ds-color-theme-control-border-primary: var(--ds-color-theme-slate-blue-dark-control-border-primary);
  --ds-color-theme-control-border-secondary: var(--ds-color-theme-slate-blue-dark-control-border-secondary);
  --ds-color-theme-control-border-tertiary: var(--ds-color-theme-slate-blue-dark-control-border-tertiary);
  --ds-color-theme-control-border-quaternary: var(--ds-color-theme-slate-blue-dark-control-border-quaternary);
  --ds-color-theme-container-fill-primary: var(--ds-color-theme-slate-blue-dark-container-fill-primary);
  --ds-color-theme-container-fill-secondary: var(--ds-color-theme-slate-blue-dark-container-fill-secondary);
  --ds-color-theme-container-fill-tertiary: var(--ds-color-theme-slate-blue-dark-container-fill-tertiary);
  --ds-color-theme-container-border-primary: var(--ds-color-theme-slate-blue-dark-container-border-primary);
  --ds-color-theme-container-border-secondary: var(--ds-color-theme-slate-blue-dark-container-border-secondary);
  --ds-color-theme-container-border-tertiary: var(--ds-color-theme-slate-blue-dark-container-border-tertiary);
  --ds-color-theme-accent-primary: var(--ds-color-theme-slate-blue-dark-accent-primary);
  --ds-color-theme-accent-secondary: var(--ds-color-theme-slate-blue-dark-accent-secondary);
  --ds-color-theme-accent-tertiary: var(--ds-color-theme-slate-blue-dark-accent-tertiary);
  --ds-color-theme-accent-quaternary: var(--ds-color-theme-slate-blue-dark-accent-quaternary);
  --ds-color-theme-accent-text-primary: var(--ds-color-theme-slate-blue-dark-accent-text-primary);
  --ds-color-theme-accent-text-secondary: var(--ds-color-theme-slate-blue-dark-accent-text-secondary);
  --ds-color-theme-accent-text-tertiary: var(--ds-color-theme-slate-blue-dark-accent-text-tertiary);
  --ds-color-theme-accent-content-primary: var(--ds-color-theme-slate-blue-dark-accent-content-primary);
  --ds-color-theme-accent-content-secondary: var(--ds-color-theme-slate-blue-dark-accent-content-secondary);
  --ds-color-theme-accent-content-tertiary: var(--ds-color-theme-slate-blue-dark-accent-content-tertiary);
  --ds-color-theme-accent-glow-primary: var(--ds-color-theme-slate-blue-dark-accent-glow-primary);
  --ds-color-theme-accent-glow-secondary: var(--ds-color-theme-slate-blue-dark-accent-glow-secondary);
  --ds-color-theme-highlight-primary: var(--ds-color-theme-slate-blue-dark-highlight-primary);
}
body[data-theme-variant=green] {
  --default-light-background-color: var(--ds-color-theme-green-light-surface-canvas);
  --default-dark-background-color: var(--ds-color-theme-green-dark-surface-canvas);
}
body[data-theme-variant=green][data-theme=light],
body[data-theme-variant=green] [data-theme=light] {
  --ds-color-theme-surface-primary: var(--ds-color-theme-green-light-surface-primary);
  --ds-color-theme-surface-secondary: var(--ds-color-theme-green-light-surface-secondary);
  --ds-color-theme-surface-tertiary: var(--ds-color-theme-green-light-surface-tertiary);
  --ds-color-theme-surface-backdrop: var(--ds-color-theme-green-light-surface-backdrop);
  --ds-color-theme-surface-canvas: var(--ds-color-theme-green-light-surface-canvas);
  --ds-color-theme-surface-decoration-primary: var(--ds-color-theme-green-light-surface-decoration-primary);
  --ds-color-theme-surface-decoration-secondary: var(--ds-color-theme-green-light-surface-decoration-secondary);
  --ds-color-theme-surface-decoration-tertiary: var(--ds-color-theme-green-light-surface-decoration-tertiary);
  --ds-color-theme-text-primary: var(--ds-color-theme-green-light-text-primary);
  --ds-color-theme-text-secondary: var(--ds-color-theme-green-light-text-secondary);
  --ds-color-theme-text-tertiary: var(--ds-color-theme-green-light-text-tertiary);
  --ds-color-theme-icons-primary: var(--ds-color-theme-green-light-icons-primary);
  --ds-color-theme-icons-secondary: var(--ds-color-theme-green-light-icons-secondary);
  --ds-color-theme-icons-tertiary: var(--ds-color-theme-green-light-icons-tertiary);
  --ds-color-theme-control-fill-primary: var(--ds-color-theme-green-light-control-fill-primary);
  --ds-color-theme-control-fill-secondary: var(--ds-color-theme-green-light-control-fill-secondary);
  --ds-color-theme-control-fill-tertiary: var(--ds-color-theme-green-light-control-fill-tertiary);
  --ds-color-theme-control-border-primary: var(--ds-color-theme-green-light-control-border-primary);
  --ds-color-theme-control-border-secondary: var(--ds-color-theme-green-light-control-border-secondary);
  --ds-color-theme-control-border-tertiary: var(--ds-color-theme-green-light-control-border-tertiary);
  --ds-color-theme-control-border-quaternary: var(--ds-color-theme-green-light-control-border-quaternary);
  --ds-color-theme-container-fill-primary: var(--ds-color-theme-green-light-container-fill-primary);
  --ds-color-theme-container-fill-secondary: var(--ds-color-theme-green-light-container-fill-secondary);
  --ds-color-theme-container-fill-tertiary: var(--ds-color-theme-green-light-container-fill-tertiary);
  --ds-color-theme-container-border-primary: var(--ds-color-theme-green-light-container-border-primary);
  --ds-color-theme-container-border-secondary: var(--ds-color-theme-green-light-container-border-secondary);
  --ds-color-theme-container-border-tertiary: var(--ds-color-theme-green-light-container-border-tertiary);
  --ds-color-theme-accent-primary: var(--ds-color-theme-green-light-accent-primary);
  --ds-color-theme-accent-secondary: var(--ds-color-theme-green-light-accent-secondary);
  --ds-color-theme-accent-tertiary: var(--ds-color-theme-green-light-accent-tertiary);
  --ds-color-theme-accent-quaternary: var(--ds-color-theme-green-light-accent-quaternary);
  --ds-color-theme-accent-text-primary: var(--ds-color-theme-green-light-accent-text-primary);
  --ds-color-theme-accent-text-secondary: var(--ds-color-theme-green-light-accent-text-secondary);
  --ds-color-theme-accent-text-tertiary: var(--ds-color-theme-green-light-accent-text-tertiary);
  --ds-color-theme-accent-content-primary: var(--ds-color-theme-green-light-accent-content-primary);
  --ds-color-theme-accent-content-secondary: var(--ds-color-theme-green-light-accent-content-secondary);
  --ds-color-theme-accent-content-tertiary: var(--ds-color-theme-green-light-accent-content-tertiary);
  --ds-color-theme-accent-glow-primary: var(--ds-color-theme-green-light-accent-glow-primary);
  --ds-color-theme-accent-glow-secondary: var(--ds-color-theme-green-light-accent-glow-secondary);
  --ds-color-theme-highlight-primary: var(--ds-color-theme-green-light-highlight-primary);
}
body[data-theme-variant=green][data-theme=dark],
body[data-theme-variant=green] [data-theme=dark] {
  --ds-color-theme-surface-primary: var(--ds-color-theme-green-dark-surface-primary);
  --ds-color-theme-surface-secondary: var(--ds-color-theme-green-dark-surface-secondary);
  --ds-color-theme-surface-tertiary: var(--ds-color-theme-green-dark-surface-tertiary);
  --ds-color-theme-surface-backdrop: var(--ds-color-theme-green-dark-surface-backdrop);
  --ds-color-theme-surface-canvas: var(--ds-color-theme-green-dark-surface-canvas);
  --ds-color-theme-surface-decoration-primary: var(--ds-color-theme-green-dark-surface-decoration-primary);
  --ds-color-theme-surface-decoration-secondary: var(--ds-color-theme-green-dark-surface-decoration-secondary);
  --ds-color-theme-surface-decoration-tertiary: var(--ds-color-theme-green-dark-surface-decoration-tertiary);
  --ds-color-theme-text-primary: var(--ds-color-theme-green-dark-text-primary);
  --ds-color-theme-text-secondary: var(--ds-color-theme-green-dark-text-secondary);
  --ds-color-theme-text-tertiary: var(--ds-color-theme-green-dark-text-tertiary);
  --ds-color-theme-icons-primary: var(--ds-color-theme-green-dark-icons-primary);
  --ds-color-theme-icons-secondary: var(--ds-color-theme-green-dark-icons-secondary);
  --ds-color-theme-icons-tertiary: var(--ds-color-theme-green-dark-icons-tertiary);
  --ds-color-theme-control-fill-primary: var(--ds-color-theme-green-dark-control-fill-primary);
  --ds-color-theme-control-fill-secondary: var(--ds-color-theme-green-dark-control-fill-secondary);
  --ds-color-theme-control-fill-tertiary: var(--ds-color-theme-green-dark-control-fill-tertiary);
  --ds-color-theme-control-border-primary: var(--ds-color-theme-green-dark-control-border-primary);
  --ds-color-theme-control-border-secondary: var(--ds-color-theme-green-dark-control-border-secondary);
  --ds-color-theme-control-border-tertiary: var(--ds-color-theme-green-dark-control-border-tertiary);
  --ds-color-theme-control-border-quaternary: var(--ds-color-theme-green-dark-control-border-quaternary);
  --ds-color-theme-container-fill-primary: var(--ds-color-theme-green-dark-container-fill-primary);
  --ds-color-theme-container-fill-secondary: var(--ds-color-theme-green-dark-container-fill-secondary);
  --ds-color-theme-container-fill-tertiary: var(--ds-color-theme-green-dark-container-fill-tertiary);
  --ds-color-theme-container-border-primary: var(--ds-color-theme-green-dark-container-border-primary);
  --ds-color-theme-container-border-secondary: var(--ds-color-theme-green-dark-container-border-secondary);
  --ds-color-theme-container-border-tertiary: var(--ds-color-theme-green-dark-container-border-tertiary);
  --ds-color-theme-accent-primary: var(--ds-color-theme-green-dark-accent-primary);
  --ds-color-theme-accent-secondary: var(--ds-color-theme-green-dark-accent-secondary);
  --ds-color-theme-accent-tertiary: var(--ds-color-theme-green-dark-accent-tertiary);
  --ds-color-theme-accent-quaternary: var(--ds-color-theme-green-dark-accent-quaternary);
  --ds-color-theme-accent-text-primary: var(--ds-color-theme-green-dark-accent-text-primary);
  --ds-color-theme-accent-text-secondary: var(--ds-color-theme-green-dark-accent-text-secondary);
  --ds-color-theme-accent-text-tertiary: var(--ds-color-theme-green-dark-accent-text-tertiary);
  --ds-color-theme-accent-content-primary: var(--ds-color-theme-green-dark-accent-content-primary);
  --ds-color-theme-accent-content-secondary: var(--ds-color-theme-green-dark-accent-content-secondary);
  --ds-color-theme-accent-content-tertiary: var(--ds-color-theme-green-dark-accent-content-tertiary);
  --ds-color-theme-accent-glow-primary: var(--ds-color-theme-green-dark-accent-glow-primary);
  --ds-color-theme-accent-glow-secondary: var(--ds-color-theme-green-dark-accent-glow-secondary);
  --ds-color-theme-highlight-primary: var(--ds-color-theme-green-dark-highlight-primary);
}
body[data-theme-variant=violet] {
  --default-light-background-color: var(--ds-color-theme-violet-light-surface-canvas);
  --default-dark-background-color: var(--ds-color-theme-violet-dark-surface-canvas);
}
body[data-theme-variant=violet][data-theme=light],
body[data-theme-variant=violet] [data-theme=light] {
  --ds-color-theme-surface-primary: var(--ds-color-theme-violet-light-surface-primary);
  --ds-color-theme-surface-secondary: var(--ds-color-theme-violet-light-surface-secondary);
  --ds-color-theme-surface-tertiary: var(--ds-color-theme-violet-light-surface-tertiary);
  --ds-color-theme-surface-backdrop: var(--ds-color-theme-violet-light-surface-backdrop);
  --ds-color-theme-surface-canvas: var(--ds-color-theme-violet-light-surface-canvas);
  --ds-color-theme-surface-decoration-primary: var(--ds-color-theme-violet-light-surface-decoration-primary);
  --ds-color-theme-surface-decoration-secondary: var(--ds-color-theme-violet-light-surface-decoration-secondary);
  --ds-color-theme-surface-decoration-tertiary: var(--ds-color-theme-violet-light-surface-decoration-tertiary);
  --ds-color-theme-text-primary: var(--ds-color-theme-violet-light-text-primary);
  --ds-color-theme-text-secondary: var(--ds-color-theme-violet-light-text-secondary);
  --ds-color-theme-text-tertiary: var(--ds-color-theme-violet-light-text-tertiary);
  --ds-color-theme-icons-primary: var(--ds-color-theme-violet-light-icons-primary);
  --ds-color-theme-icons-secondary: var(--ds-color-theme-violet-light-icons-secondary);
  --ds-color-theme-icons-tertiary: var(--ds-color-theme-violet-light-icons-tertiary);
  --ds-color-theme-control-fill-primary: var(--ds-color-theme-violet-light-control-fill-primary);
  --ds-color-theme-control-fill-secondary: var(--ds-color-theme-violet-light-control-fill-secondary);
  --ds-color-theme-control-fill-tertiary: var(--ds-color-theme-violet-light-control-fill-tertiary);
  --ds-color-theme-control-border-primary: var(--ds-color-theme-violet-light-control-border-primary);
  --ds-color-theme-control-border-secondary: var(--ds-color-theme-violet-light-control-border-secondary);
  --ds-color-theme-control-border-tertiary: var(--ds-color-theme-violet-light-control-border-tertiary);
  --ds-color-theme-control-border-quaternary: var(--ds-color-theme-violet-light-control-border-quaternary);
  --ds-color-theme-container-fill-primary: var(--ds-color-theme-violet-light-container-fill-primary);
  --ds-color-theme-container-fill-secondary: var(--ds-color-theme-violet-light-container-fill-secondary);
  --ds-color-theme-container-fill-tertiary: var(--ds-color-theme-violet-light-container-fill-tertiary);
  --ds-color-theme-container-border-primary: var(--ds-color-theme-violet-light-container-border-primary);
  --ds-color-theme-container-border-secondary: var(--ds-color-theme-violet-light-container-border-secondary);
  --ds-color-theme-container-border-tertiary: var(--ds-color-theme-violet-light-container-border-tertiary);
  --ds-color-theme-accent-primary: var(--ds-color-theme-violet-light-accent-primary);
  --ds-color-theme-accent-secondary: var(--ds-color-theme-violet-light-accent-secondary);
  --ds-color-theme-accent-tertiary: var(--ds-color-theme-violet-light-accent-tertiary);
  --ds-color-theme-accent-quaternary: var(--ds-color-theme-violet-light-accent-quaternary);
  --ds-color-theme-accent-text-primary: var(--ds-color-theme-violet-light-accent-text-primary);
  --ds-color-theme-accent-text-secondary: var(--ds-color-theme-violet-light-accent-text-secondary);
  --ds-color-theme-accent-text-tertiary: var(--ds-color-theme-violet-light-accent-text-tertiary);
  --ds-color-theme-accent-content-primary: var(--ds-color-theme-violet-light-accent-content-primary);
  --ds-color-theme-accent-content-secondary: var(--ds-color-theme-violet-light-accent-content-secondary);
  --ds-color-theme-accent-content-tertiary: var(--ds-color-theme-violet-light-accent-content-tertiary);
  --ds-color-theme-accent-glow-primary: var(--ds-color-theme-violet-light-accent-glow-primary);
  --ds-color-theme-accent-glow-secondary: var(--ds-color-theme-violet-light-accent-glow-secondary);
  --ds-color-theme-highlight-primary: var(--ds-color-theme-violet-light-highlight-primary);
}
body[data-theme-variant=violet][data-theme=dark],
body[data-theme-variant=violet] [data-theme=dark] {
  --ds-color-theme-surface-primary: var(--ds-color-theme-violet-dark-surface-primary);
  --ds-color-theme-surface-secondary: var(--ds-color-theme-violet-dark-surface-secondary);
  --ds-color-theme-surface-tertiary: var(--ds-color-theme-violet-dark-surface-tertiary);
  --ds-color-theme-surface-backdrop: var(--ds-color-theme-violet-dark-surface-backdrop);
  --ds-color-theme-surface-canvas: var(--ds-color-theme-violet-dark-surface-canvas);
  --ds-color-theme-surface-decoration-primary: var(--ds-color-theme-violet-dark-surface-decoration-primary);
  --ds-color-theme-surface-decoration-secondary: var(--ds-color-theme-violet-dark-surface-decoration-secondary);
  --ds-color-theme-surface-decoration-tertiary: var(--ds-color-theme-violet-dark-surface-decoration-tertiary);
  --ds-color-theme-text-primary: var(--ds-color-theme-violet-dark-text-primary);
  --ds-color-theme-text-secondary: var(--ds-color-theme-violet-dark-text-secondary);
  --ds-color-theme-text-tertiary: var(--ds-color-theme-violet-dark-text-tertiary);
  --ds-color-theme-icons-primary: var(--ds-color-theme-violet-dark-icons-primary);
  --ds-color-theme-icons-secondary: var(--ds-color-theme-violet-dark-icons-secondary);
  --ds-color-theme-icons-tertiary: var(--ds-color-theme-violet-dark-icons-tertiary);
  --ds-color-theme-control-fill-primary: var(--ds-color-theme-violet-dark-control-fill-primary);
  --ds-color-theme-control-fill-secondary: var(--ds-color-theme-violet-dark-control-fill-secondary);
  --ds-color-theme-control-fill-tertiary: var(--ds-color-theme-violet-dark-control-fill-tertiary);
  --ds-color-theme-control-border-primary: var(--ds-color-theme-violet-dark-control-border-primary);
  --ds-color-theme-control-border-secondary: var(--ds-color-theme-violet-dark-control-border-secondary);
  --ds-color-theme-control-border-tertiary: var(--ds-color-theme-violet-dark-control-border-tertiary);
  --ds-color-theme-control-border-quaternary: var(--ds-color-theme-violet-dark-control-border-quaternary);
  --ds-color-theme-container-fill-primary: var(--ds-color-theme-violet-dark-container-fill-primary);
  --ds-color-theme-container-fill-secondary: var(--ds-color-theme-violet-dark-container-fill-secondary);
  --ds-color-theme-container-fill-tertiary: var(--ds-color-theme-violet-dark-container-fill-tertiary);
  --ds-color-theme-container-border-primary: var(--ds-color-theme-violet-dark-container-border-primary);
  --ds-color-theme-container-border-secondary: var(--ds-color-theme-violet-dark-container-border-secondary);
  --ds-color-theme-container-border-tertiary: var(--ds-color-theme-violet-dark-container-border-tertiary);
  --ds-color-theme-accent-primary: var(--ds-color-theme-violet-dark-accent-primary);
  --ds-color-theme-accent-secondary: var(--ds-color-theme-violet-dark-accent-secondary);
  --ds-color-theme-accent-tertiary: var(--ds-color-theme-violet-dark-accent-tertiary);
  --ds-color-theme-accent-quaternary: var(--ds-color-theme-violet-dark-accent-quaternary);
  --ds-color-theme-accent-text-primary: var(--ds-color-theme-violet-dark-accent-text-primary);
  --ds-color-theme-accent-text-secondary: var(--ds-color-theme-violet-dark-accent-text-secondary);
  --ds-color-theme-accent-text-tertiary: var(--ds-color-theme-violet-dark-accent-text-tertiary);
  --ds-color-theme-accent-content-primary: var(--ds-color-theme-violet-dark-accent-content-primary);
  --ds-color-theme-accent-content-secondary: var(--ds-color-theme-violet-dark-accent-content-secondary);
  --ds-color-theme-accent-content-tertiary: var(--ds-color-theme-violet-dark-accent-content-tertiary);
  --ds-color-theme-accent-glow-primary: var(--ds-color-theme-violet-dark-accent-glow-primary);
  --ds-color-theme-accent-glow-secondary: var(--ds-color-theme-violet-dark-accent-glow-secondary);
  --ds-color-theme-highlight-primary: var(--ds-color-theme-violet-dark-highlight-primary);
}
body[data-theme-variant=rose] {
  --default-light-background-color: var(--ds-color-theme-rose-light-surface-canvas);
  --default-dark-background-color: var(--ds-color-theme-rose-dark-surface-canvas);
}
body[data-theme-variant=rose][data-theme=light],
body[data-theme-variant=rose] [data-theme=light] {
  --ds-color-theme-surface-primary: var(--ds-color-theme-rose-light-surface-primary);
  --ds-color-theme-surface-secondary: var(--ds-color-theme-rose-light-surface-secondary);
  --ds-color-theme-surface-tertiary: var(--ds-color-theme-rose-light-surface-tertiary);
  --ds-color-theme-surface-backdrop: var(--ds-color-theme-rose-light-surface-backdrop);
  --ds-color-theme-surface-canvas: var(--ds-color-theme-rose-light-surface-canvas);
  --ds-color-theme-surface-decoration-primary: var(--ds-color-theme-rose-light-surface-decoration-primary);
  --ds-color-theme-surface-decoration-secondary: var(--ds-color-theme-rose-light-surface-decoration-secondary);
  --ds-color-theme-surface-decoration-tertiary: var(--ds-color-theme-rose-light-surface-decoration-tertiary);
  --ds-color-theme-text-primary: var(--ds-color-theme-rose-light-text-primary);
  --ds-color-theme-text-secondary: var(--ds-color-theme-rose-light-text-secondary);
  --ds-color-theme-text-tertiary: var(--ds-color-theme-rose-light-text-tertiary);
  --ds-color-theme-icons-primary: var(--ds-color-theme-rose-light-icons-primary);
  --ds-color-theme-icons-secondary: var(--ds-color-theme-rose-light-icons-secondary);
  --ds-color-theme-icons-tertiary: var(--ds-color-theme-rose-light-icons-tertiary);
  --ds-color-theme-control-fill-primary: var(--ds-color-theme-rose-light-control-fill-primary);
  --ds-color-theme-control-fill-secondary: var(--ds-color-theme-rose-light-control-fill-secondary);
  --ds-color-theme-control-fill-tertiary: var(--ds-color-theme-rose-light-control-fill-tertiary);
  --ds-color-theme-control-border-primary: var(--ds-color-theme-rose-light-control-border-primary);
  --ds-color-theme-control-border-secondary: var(--ds-color-theme-rose-light-control-border-secondary);
  --ds-color-theme-control-border-tertiary: var(--ds-color-theme-rose-light-control-border-tertiary);
  --ds-color-theme-control-border-quaternary: var(--ds-color-theme-rose-light-control-border-quaternary);
  --ds-color-theme-container-fill-primary: var(--ds-color-theme-rose-light-container-fill-primary);
  --ds-color-theme-container-fill-secondary: var(--ds-color-theme-rose-light-container-fill-secondary);
  --ds-color-theme-container-fill-tertiary: var(--ds-color-theme-rose-light-container-fill-tertiary);
  --ds-color-theme-container-border-primary: var(--ds-color-theme-rose-light-container-border-primary);
  --ds-color-theme-container-border-secondary: var(--ds-color-theme-rose-light-container-border-secondary);
  --ds-color-theme-container-border-tertiary: var(--ds-color-theme-rose-light-container-border-tertiary);
  --ds-color-theme-accent-primary: var(--ds-color-theme-rose-light-accent-primary);
  --ds-color-theme-accent-secondary: var(--ds-color-theme-rose-light-accent-secondary);
  --ds-color-theme-accent-tertiary: var(--ds-color-theme-rose-light-accent-tertiary);
  --ds-color-theme-accent-quaternary: var(--ds-color-theme-rose-light-accent-quaternary);
  --ds-color-theme-accent-text-primary: var(--ds-color-theme-rose-light-accent-text-primary);
  --ds-color-theme-accent-text-secondary: var(--ds-color-theme-rose-light-accent-text-secondary);
  --ds-color-theme-accent-text-tertiary: var(--ds-color-theme-rose-light-accent-text-tertiary);
  --ds-color-theme-accent-content-primary: var(--ds-color-theme-rose-light-accent-content-primary);
  --ds-color-theme-accent-content-secondary: var(--ds-color-theme-rose-light-accent-content-secondary);
  --ds-color-theme-accent-content-tertiary: var(--ds-color-theme-rose-light-accent-content-tertiary);
  --ds-color-theme-accent-glow-primary: var(--ds-color-theme-rose-light-accent-glow-primary);
  --ds-color-theme-accent-glow-secondary: var(--ds-color-theme-rose-light-accent-glow-secondary);
  --ds-color-theme-highlight-primary: var(--ds-color-theme-rose-light-highlight-primary);
}
body[data-theme-variant=rose][data-theme=dark],
body[data-theme-variant=rose] [data-theme=dark] {
  --ds-color-theme-surface-primary: var(--ds-color-theme-rose-dark-surface-primary);
  --ds-color-theme-surface-secondary: var(--ds-color-theme-rose-dark-surface-secondary);
  --ds-color-theme-surface-tertiary: var(--ds-color-theme-rose-dark-surface-tertiary);
  --ds-color-theme-surface-backdrop: var(--ds-color-theme-rose-dark-surface-backdrop);
  --ds-color-theme-surface-canvas: var(--ds-color-theme-rose-dark-surface-canvas);
  --ds-color-theme-surface-decoration-primary: var(--ds-color-theme-rose-dark-surface-decoration-primary);
  --ds-color-theme-surface-decoration-secondary: var(--ds-color-theme-rose-dark-surface-decoration-secondary);
  --ds-color-theme-surface-decoration-tertiary: var(--ds-color-theme-rose-dark-surface-decoration-tertiary);
  --ds-color-theme-text-primary: var(--ds-color-theme-rose-dark-text-primary);
  --ds-color-theme-text-secondary: var(--ds-color-theme-rose-dark-text-secondary);
  --ds-color-theme-text-tertiary: var(--ds-color-theme-rose-dark-text-tertiary);
  --ds-color-theme-icons-primary: var(--ds-color-theme-rose-dark-icons-primary);
  --ds-color-theme-icons-secondary: var(--ds-color-theme-rose-dark-icons-secondary);
  --ds-color-theme-icons-tertiary: var(--ds-color-theme-rose-dark-icons-tertiary);
  --ds-color-theme-control-fill-primary: var(--ds-color-theme-rose-dark-control-fill-primary);
  --ds-color-theme-control-fill-secondary: var(--ds-color-theme-rose-dark-control-fill-secondary);
  --ds-color-theme-control-fill-tertiary: var(--ds-color-theme-rose-dark-control-fill-tertiary);
  --ds-color-theme-control-border-primary: var(--ds-color-theme-rose-dark-control-border-primary);
  --ds-color-theme-control-border-secondary: var(--ds-color-theme-rose-dark-control-border-secondary);
  --ds-color-theme-control-border-tertiary: var(--ds-color-theme-rose-dark-control-border-tertiary);
  --ds-color-theme-control-border-quaternary: var(--ds-color-theme-rose-dark-control-border-quaternary);
  --ds-color-theme-container-fill-primary: var(--ds-color-theme-rose-dark-container-fill-primary);
  --ds-color-theme-container-fill-secondary: var(--ds-color-theme-rose-dark-container-fill-secondary);
  --ds-color-theme-container-fill-tertiary: var(--ds-color-theme-rose-dark-container-fill-tertiary);
  --ds-color-theme-container-border-primary: var(--ds-color-theme-rose-dark-container-border-primary);
  --ds-color-theme-container-border-secondary: var(--ds-color-theme-rose-dark-container-border-secondary);
  --ds-color-theme-container-border-tertiary: var(--ds-color-theme-rose-dark-container-border-tertiary);
  --ds-color-theme-accent-primary: var(--ds-color-theme-rose-dark-accent-primary);
  --ds-color-theme-accent-secondary: var(--ds-color-theme-rose-dark-accent-secondary);
  --ds-color-theme-accent-tertiary: var(--ds-color-theme-rose-dark-accent-tertiary);
  --ds-color-theme-accent-quaternary: var(--ds-color-theme-rose-dark-accent-quaternary);
  --ds-color-theme-accent-text-primary: var(--ds-color-theme-rose-dark-accent-text-primary);
  --ds-color-theme-accent-text-secondary: var(--ds-color-theme-rose-dark-accent-text-secondary);
  --ds-color-theme-accent-text-tertiary: var(--ds-color-theme-rose-dark-accent-text-tertiary);
  --ds-color-theme-accent-content-primary: var(--ds-color-theme-rose-dark-accent-content-primary);
  --ds-color-theme-accent-content-secondary: var(--ds-color-theme-rose-dark-accent-content-secondary);
  --ds-color-theme-accent-content-tertiary: var(--ds-color-theme-rose-dark-accent-content-tertiary);
  --ds-color-theme-accent-glow-primary: var(--ds-color-theme-rose-dark-accent-glow-primary);
  --ds-color-theme-accent-glow-secondary: var(--ds-color-theme-rose-dark-accent-glow-secondary);
  --ds-color-theme-highlight-primary: var(--ds-color-theme-rose-dark-highlight-primary);
}
body[data-theme-variant=orange] {
  --default-light-background-color: var(--ds-color-theme-orange-light-surface-canvas);
  --default-dark-background-color: var(--ds-color-theme-orange-dark-surface-canvas);
}
body[data-theme-variant=orange][data-theme=light],
body[data-theme-variant=orange] [data-theme=light] {
  --ds-color-theme-surface-primary: var(--ds-color-theme-orange-light-surface-primary);
  --ds-color-theme-surface-secondary: var(--ds-color-theme-orange-light-surface-secondary);
  --ds-color-theme-surface-tertiary: var(--ds-color-theme-orange-light-surface-tertiary);
  --ds-color-theme-surface-backdrop: var(--ds-color-theme-orange-light-surface-backdrop);
  --ds-color-theme-surface-canvas: var(--ds-color-theme-orange-light-surface-canvas);
  --ds-color-theme-surface-decoration-primary: var(--ds-color-theme-orange-light-surface-decoration-primary);
  --ds-color-theme-surface-decoration-secondary: var(--ds-color-theme-orange-light-surface-decoration-secondary);
  --ds-color-theme-surface-decoration-tertiary: var(--ds-color-theme-orange-light-surface-decoration-tertiary);
  --ds-color-theme-text-primary: var(--ds-color-theme-orange-light-text-primary);
  --ds-color-theme-text-secondary: var(--ds-color-theme-orange-light-text-secondary);
  --ds-color-theme-text-tertiary: var(--ds-color-theme-orange-light-text-tertiary);
  --ds-color-theme-icons-primary: var(--ds-color-theme-orange-light-icons-primary);
  --ds-color-theme-icons-secondary: var(--ds-color-theme-orange-light-icons-secondary);
  --ds-color-theme-icons-tertiary: var(--ds-color-theme-orange-light-icons-tertiary);
  --ds-color-theme-control-fill-primary: var(--ds-color-theme-orange-light-control-fill-primary);
  --ds-color-theme-control-fill-secondary: var(--ds-color-theme-orange-light-control-fill-secondary);
  --ds-color-theme-control-fill-tertiary: var(--ds-color-theme-orange-light-control-fill-tertiary);
  --ds-color-theme-control-border-primary: var(--ds-color-theme-orange-light-control-border-primary);
  --ds-color-theme-control-border-secondary: var(--ds-color-theme-orange-light-control-border-secondary);
  --ds-color-theme-control-border-tertiary: var(--ds-color-theme-orange-light-control-border-tertiary);
  --ds-color-theme-control-border-quaternary: var(--ds-color-theme-orange-light-control-border-quaternary);
  --ds-color-theme-container-fill-primary: var(--ds-color-theme-orange-light-container-fill-primary);
  --ds-color-theme-container-fill-secondary: var(--ds-color-theme-orange-light-container-fill-secondary);
  --ds-color-theme-container-fill-tertiary: var(--ds-color-theme-orange-light-container-fill-tertiary);
  --ds-color-theme-container-border-primary: var(--ds-color-theme-orange-light-container-border-primary);
  --ds-color-theme-container-border-secondary: var(--ds-color-theme-orange-light-container-border-secondary);
  --ds-color-theme-container-border-tertiary: var(--ds-color-theme-orange-light-container-border-tertiary);
  --ds-color-theme-accent-primary: var(--ds-color-theme-orange-light-accent-primary);
  --ds-color-theme-accent-secondary: var(--ds-color-theme-orange-light-accent-secondary);
  --ds-color-theme-accent-tertiary: var(--ds-color-theme-orange-light-accent-tertiary);
  --ds-color-theme-accent-quaternary: var(--ds-color-theme-orange-light-accent-quaternary);
  --ds-color-theme-accent-text-primary: var(--ds-color-theme-orange-light-accent-text-primary);
  --ds-color-theme-accent-text-secondary: var(--ds-color-theme-orange-light-accent-text-secondary);
  --ds-color-theme-accent-text-tertiary: var(--ds-color-theme-orange-light-accent-text-tertiary);
  --ds-color-theme-accent-content-primary: var(--ds-color-theme-orange-light-accent-content-primary);
  --ds-color-theme-accent-content-secondary: var(--ds-color-theme-orange-light-accent-content-secondary);
  --ds-color-theme-accent-content-tertiary: var(--ds-color-theme-orange-light-accent-content-tertiary);
  --ds-color-theme-accent-glow-primary: var(--ds-color-theme-orange-light-accent-glow-primary);
  --ds-color-theme-accent-glow-secondary: var(--ds-color-theme-orange-light-accent-glow-secondary);
  --ds-color-theme-highlight-primary: var(--ds-color-theme-orange-light-highlight-primary);
}
body[data-theme-variant=orange][data-theme=dark],
body[data-theme-variant=orange] [data-theme=dark] {
  --ds-color-theme-surface-primary: var(--ds-color-theme-orange-dark-surface-primary);
  --ds-color-theme-surface-secondary: var(--ds-color-theme-orange-dark-surface-secondary);
  --ds-color-theme-surface-tertiary: var(--ds-color-theme-orange-dark-surface-tertiary);
  --ds-color-theme-surface-backdrop: var(--ds-color-theme-orange-dark-surface-backdrop);
  --ds-color-theme-surface-canvas: var(--ds-color-theme-orange-dark-surface-canvas);
  --ds-color-theme-surface-decoration-primary: var(--ds-color-theme-orange-dark-surface-decoration-primary);
  --ds-color-theme-surface-decoration-secondary: var(--ds-color-theme-orange-dark-surface-decoration-secondary);
  --ds-color-theme-surface-decoration-tertiary: var(--ds-color-theme-orange-dark-surface-decoration-tertiary);
  --ds-color-theme-text-primary: var(--ds-color-theme-orange-dark-text-primary);
  --ds-color-theme-text-secondary: var(--ds-color-theme-orange-dark-text-secondary);
  --ds-color-theme-text-tertiary: var(--ds-color-theme-orange-dark-text-tertiary);
  --ds-color-theme-icons-primary: var(--ds-color-theme-orange-dark-icons-primary);
  --ds-color-theme-icons-secondary: var(--ds-color-theme-orange-dark-icons-secondary);
  --ds-color-theme-icons-tertiary: var(--ds-color-theme-orange-dark-icons-tertiary);
  --ds-color-theme-control-fill-primary: var(--ds-color-theme-orange-dark-control-fill-primary);
  --ds-color-theme-control-fill-secondary: var(--ds-color-theme-orange-dark-control-fill-secondary);
  --ds-color-theme-control-fill-tertiary: var(--ds-color-theme-orange-dark-control-fill-tertiary);
  --ds-color-theme-control-border-primary: var(--ds-color-theme-orange-dark-control-border-primary);
  --ds-color-theme-control-border-secondary: var(--ds-color-theme-orange-dark-control-border-secondary);
  --ds-color-theme-control-border-tertiary: var(--ds-color-theme-orange-dark-control-border-tertiary);
  --ds-color-theme-control-border-quaternary: var(--ds-color-theme-orange-dark-control-border-quaternary);
  --ds-color-theme-container-fill-primary: var(--ds-color-theme-orange-dark-container-fill-primary);
  --ds-color-theme-container-fill-secondary: var(--ds-color-theme-orange-dark-container-fill-secondary);
  --ds-color-theme-container-fill-tertiary: var(--ds-color-theme-orange-dark-container-fill-tertiary);
  --ds-color-theme-container-border-primary: var(--ds-color-theme-orange-dark-container-border-primary);
  --ds-color-theme-container-border-secondary: var(--ds-color-theme-orange-dark-container-border-secondary);
  --ds-color-theme-container-border-tertiary: var(--ds-color-theme-orange-dark-container-border-tertiary);
  --ds-color-theme-accent-primary: var(--ds-color-theme-orange-dark-accent-primary);
  --ds-color-theme-accent-secondary: var(--ds-color-theme-orange-dark-accent-secondary);
  --ds-color-theme-accent-tertiary: var(--ds-color-theme-orange-dark-accent-tertiary);
  --ds-color-theme-accent-quaternary: var(--ds-color-theme-orange-dark-accent-quaternary);
  --ds-color-theme-accent-text-primary: var(--ds-color-theme-orange-dark-accent-text-primary);
  --ds-color-theme-accent-text-secondary: var(--ds-color-theme-orange-dark-accent-text-secondary);
  --ds-color-theme-accent-text-tertiary: var(--ds-color-theme-orange-dark-accent-text-tertiary);
  --ds-color-theme-accent-content-primary: var(--ds-color-theme-orange-dark-accent-content-primary);
  --ds-color-theme-accent-content-secondary: var(--ds-color-theme-orange-dark-accent-content-secondary);
  --ds-color-theme-accent-content-tertiary: var(--ds-color-theme-orange-dark-accent-content-tertiary);
  --ds-color-theme-accent-glow-primary: var(--ds-color-theme-orange-dark-accent-glow-primary);
  --ds-color-theme-accent-glow-secondary: var(--ds-color-theme-orange-dark-accent-glow-secondary);
  --ds-color-theme-highlight-primary: var(--ds-color-theme-orange-dark-highlight-primary);
}
body[data-theme-variant=desert] {
  --default-light-background-color: var(--ds-color-theme-desert-light-surface-canvas);
  --default-dark-background-color: var(--ds-color-theme-desert-dark-surface-canvas);
}
body[data-theme-variant=desert][data-theme=light],
body[data-theme-variant=desert] [data-theme=light] {
  --ds-color-theme-surface-primary: var(--ds-color-theme-desert-light-surface-primary);
  --ds-color-theme-surface-secondary: var(--ds-color-theme-desert-light-surface-secondary);
  --ds-color-theme-surface-tertiary: var(--ds-color-theme-desert-light-surface-tertiary);
  --ds-color-theme-surface-backdrop: var(--ds-color-theme-desert-light-surface-backdrop);
  --ds-color-theme-surface-canvas: var(--ds-color-theme-desert-light-surface-canvas);
  --ds-color-theme-surface-decoration-primary: var(--ds-color-theme-desert-light-surface-decoration-primary);
  --ds-color-theme-surface-decoration-secondary: var(--ds-color-theme-desert-light-surface-decoration-secondary);
  --ds-color-theme-surface-decoration-tertiary: var(--ds-color-theme-desert-light-surface-decoration-tertiary);
  --ds-color-theme-text-primary: var(--ds-color-theme-desert-light-text-primary);
  --ds-color-theme-text-secondary: var(--ds-color-theme-desert-light-text-secondary);
  --ds-color-theme-text-tertiary: var(--ds-color-theme-desert-light-text-tertiary);
  --ds-color-theme-icons-primary: var(--ds-color-theme-desert-light-icons-primary);
  --ds-color-theme-icons-secondary: var(--ds-color-theme-desert-light-icons-secondary);
  --ds-color-theme-icons-tertiary: var(--ds-color-theme-desert-light-icons-tertiary);
  --ds-color-theme-control-fill-primary: var(--ds-color-theme-desert-light-control-fill-primary);
  --ds-color-theme-control-fill-secondary: var(--ds-color-theme-desert-light-control-fill-secondary);
  --ds-color-theme-control-fill-tertiary: var(--ds-color-theme-desert-light-control-fill-tertiary);
  --ds-color-theme-control-border-primary: var(--ds-color-theme-desert-light-control-border-primary);
  --ds-color-theme-control-border-secondary: var(--ds-color-theme-desert-light-control-border-secondary);
  --ds-color-theme-control-border-tertiary: var(--ds-color-theme-desert-light-control-border-tertiary);
  --ds-color-theme-control-border-quaternary: var(--ds-color-theme-desert-light-control-border-quaternary);
  --ds-color-theme-container-fill-primary: var(--ds-color-theme-desert-light-container-fill-primary);
  --ds-color-theme-container-fill-secondary: var(--ds-color-theme-desert-light-container-fill-secondary);
  --ds-color-theme-container-fill-tertiary: var(--ds-color-theme-desert-light-container-fill-tertiary);
  --ds-color-theme-container-border-primary: var(--ds-color-theme-desert-light-container-border-primary);
  --ds-color-theme-container-border-secondary: var(--ds-color-theme-desert-light-container-border-secondary);
  --ds-color-theme-container-border-tertiary: var(--ds-color-theme-desert-light-container-border-tertiary);
  --ds-color-theme-accent-primary: var(--ds-color-theme-desert-light-accent-primary);
  --ds-color-theme-accent-secondary: var(--ds-color-theme-desert-light-accent-secondary);
  --ds-color-theme-accent-tertiary: var(--ds-color-theme-desert-light-accent-tertiary);
  --ds-color-theme-accent-quaternary: var(--ds-color-theme-desert-light-accent-quaternary);
  --ds-color-theme-accent-text-primary: var(--ds-color-theme-desert-light-accent-text-primary);
  --ds-color-theme-accent-text-secondary: var(--ds-color-theme-desert-light-accent-text-secondary);
  --ds-color-theme-accent-text-tertiary: var(--ds-color-theme-desert-light-accent-text-tertiary);
  --ds-color-theme-accent-content-primary: var(--ds-color-theme-desert-light-accent-content-primary);
  --ds-color-theme-accent-content-secondary: var(--ds-color-theme-desert-light-accent-content-secondary);
  --ds-color-theme-accent-content-tertiary: var(--ds-color-theme-desert-light-accent-content-tertiary);
  --ds-color-theme-accent-glow-primary: var(--ds-color-theme-desert-light-accent-glow-primary);
  --ds-color-theme-accent-glow-secondary: var(--ds-color-theme-desert-light-accent-glow-secondary);
  --ds-color-theme-highlight-primary: var(--ds-color-theme-desert-light-highlight-primary);
}
body[data-theme-variant=desert][data-theme=dark],
body[data-theme-variant=desert] [data-theme=dark] {
  --ds-color-theme-surface-primary: var(--ds-color-theme-desert-dark-surface-primary);
  --ds-color-theme-surface-secondary: var(--ds-color-theme-desert-dark-surface-secondary);
  --ds-color-theme-surface-tertiary: var(--ds-color-theme-desert-dark-surface-tertiary);
  --ds-color-theme-surface-backdrop: var(--ds-color-theme-desert-dark-surface-backdrop);
  --ds-color-theme-surface-canvas: var(--ds-color-theme-desert-dark-surface-canvas);
  --ds-color-theme-surface-decoration-primary: var(--ds-color-theme-desert-dark-surface-decoration-primary);
  --ds-color-theme-surface-decoration-secondary: var(--ds-color-theme-desert-dark-surface-decoration-secondary);
  --ds-color-theme-surface-decoration-tertiary: var(--ds-color-theme-desert-dark-surface-decoration-tertiary);
  --ds-color-theme-text-primary: var(--ds-color-theme-desert-dark-text-primary);
  --ds-color-theme-text-secondary: var(--ds-color-theme-desert-dark-text-secondary);
  --ds-color-theme-text-tertiary: var(--ds-color-theme-desert-dark-text-tertiary);
  --ds-color-theme-icons-primary: var(--ds-color-theme-desert-dark-icons-primary);
  --ds-color-theme-icons-secondary: var(--ds-color-theme-desert-dark-icons-secondary);
  --ds-color-theme-icons-tertiary: var(--ds-color-theme-desert-dark-icons-tertiary);
  --ds-color-theme-control-fill-primary: var(--ds-color-theme-desert-dark-control-fill-primary);
  --ds-color-theme-control-fill-secondary: var(--ds-color-theme-desert-dark-control-fill-secondary);
  --ds-color-theme-control-fill-tertiary: var(--ds-color-theme-desert-dark-control-fill-tertiary);
  --ds-color-theme-control-border-primary: var(--ds-color-theme-desert-dark-control-border-primary);
  --ds-color-theme-control-border-secondary: var(--ds-color-theme-desert-dark-control-border-secondary);
  --ds-color-theme-control-border-tertiary: var(--ds-color-theme-desert-dark-control-border-tertiary);
  --ds-color-theme-control-border-quaternary: var(--ds-color-theme-desert-dark-control-border-quaternary);
  --ds-color-theme-container-fill-primary: var(--ds-color-theme-desert-dark-container-fill-primary);
  --ds-color-theme-container-fill-secondary: var(--ds-color-theme-desert-dark-container-fill-secondary);
  --ds-color-theme-container-fill-tertiary: var(--ds-color-theme-desert-dark-container-fill-tertiary);
  --ds-color-theme-container-border-primary: var(--ds-color-theme-desert-dark-container-border-primary);
  --ds-color-theme-container-border-secondary: var(--ds-color-theme-desert-dark-container-border-secondary);
  --ds-color-theme-container-border-tertiary: var(--ds-color-theme-desert-dark-container-border-tertiary);
  --ds-color-theme-accent-primary: var(--ds-color-theme-desert-dark-accent-primary);
  --ds-color-theme-accent-secondary: var(--ds-color-theme-desert-dark-accent-secondary);
  --ds-color-theme-accent-tertiary: var(--ds-color-theme-desert-dark-accent-tertiary);
  --ds-color-theme-accent-quaternary: var(--ds-color-theme-desert-dark-accent-quaternary);
  --ds-color-theme-accent-text-primary: var(--ds-color-theme-desert-dark-accent-text-primary);
  --ds-color-theme-accent-text-secondary: var(--ds-color-theme-desert-dark-accent-text-secondary);
  --ds-color-theme-accent-text-tertiary: var(--ds-color-theme-desert-dark-accent-text-tertiary);
  --ds-color-theme-accent-content-primary: var(--ds-color-theme-desert-dark-accent-content-primary);
  --ds-color-theme-accent-content-secondary: var(--ds-color-theme-desert-dark-accent-content-secondary);
  --ds-color-theme-accent-content-tertiary: var(--ds-color-theme-desert-dark-accent-content-tertiary);
  --ds-color-theme-accent-glow-primary: var(--ds-color-theme-desert-dark-accent-glow-primary);
  --ds-color-theme-accent-glow-secondary: var(--ds-color-theme-desert-dark-accent-glow-secondary);
  --ds-color-theme-highlight-primary: var(--ds-color-theme-desert-dark-highlight-primary);
}

/* pages/special-error/app/styles/special-error-theme.css */
body[data-theme=light] {
  --theme-background-color: var(--color-gray-20);
  --theme-text-primary-color: var(--color-black-at-84);
  --link-color: var(--color-black);
  --border-color: rgba(0, 0, 0, 0.1);
  --container-bg: var(--color-white);
  --advanced-info-bg: var(--color-black-at-3);
  --visit-site-color: var(--color-black);
}
body[data-theme=dark] {
  --theme-background-color: var(--color-gray-85);
  --theme-text-primary-color: var(--color-white-at-84);
  --link-color: var(--color-gray-40);
  --border-color: var(--color-white-at-18);
  --container-bg: var(--color-gray-90);
  --advanced-info-bg: #2f2f2f;
  --visit-site-color: var(--color-gray-40);
}
body[data-theme=dark][data-platform-name=ios] {
  --theme-background-color: #222;
}
body[data-platform-name=macos],
body[data-platform-name=windows] {
  --theme-background-color: var(--ds-color-theme-surface-canvas);
  --theme-text-primary-color: var(--ds-color-theme-text-primary);
  --link-color: var(--ds-color-theme-text-primary);
  --border-color: var(--ds-color-theme-container-border-primary);
  --container-bg: var(--ds-color-theme-tone-tint-primary);
  --advanced-info-bg: var(--ds-color-theme-container-fill-primary);
  --visit-site-color: var(--ds-color-theme-text-primary);
}