/* projects/dep-angular/src/lib/style/style.scss */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.cdk-overlay-popover {
  background: none;
  border: none;
  padding: 0;
  outline: 0;
  overflow: visible;
  position: fixed;
  pointer-events: none;
  white-space: normal;
  color: inherit;
  text-decoration: none;
  width: 100%;
  height: 100%;
  inset: auto;
  top: 0;
  left: 0;
}
.cdk-overlay-popover::backdrop {
  display: none;
}
.cdk-overlay-popover .cdk-overlay-backdrop {
  position: fixed;
  z-index: auto;
}
:root {
  --readable-width: 80ch;
  --header-transform: uppercase;
  --input-transition-speed: 100ms ease-in-out;
  --spinner-transition-speed: 200ms ease-in-out;
  --toggle-transition-speed: 200ms ease-in-out;
  --modal-transition-speed: 300ms ease-in-out;
  --branding-height: 20px;
  --branding-top: 0px;
  --branding-left: 0px;
  --branding-right: 0px;
  --def-navbar-height: 42px;
  --def-navbar-shadow: none;
  --dep-dash-card-header-bg: transparent;
  --dep-dash-card-header-color: var(--text-default);
  --dep-dash-card-header-font-size: 14px;
  --dep-dash-card-header-font-weight: bold;
  --dep-dash-footnote-background: var(--color-info-30);
  --dep-dash-footnote-color: var(--text-default);
  --dep-dash-footnote-line-height: 1.1;
  --dep-dash-label-widget-subtext-text-transform: none;
  --dep-tour-bg: transparent;
  --def-navbar-font-family: "dep-main-font", sans-serif;
}
html,
body {
  min-width: 360px;
}
.link {
  color: var(--color-interactive-30);
}
.link:hover {
  color: var(--color-interactive-40);
}
.link:active {
  color: var(--color-interactive-50);
}
.link:visited {
  color: var(--color-interactive-30);
}
dep-sc-button {
  --button-normal-width: initial;
}

/* projects/portal/src/style/style.scss */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ag-charts .ag-charts-tooltip,
ag-gauge .ag-charts-tooltip {
  font-family: var(--typography-body-font-family), sans-serif;
  font-size: var(--typography-body-font-size);
  font-weight: var(--typography-body-font-weight);
  letter-spacing: var(--typography-body-letter-spacing);
  line-height: var(--typography-body-line-height);
  font-style: var(--typography-body-font-style);
  font-variation-settings: var(--typography-body-font-variation-settings, var(--typography-body-font-grade));
  --ag-charts-tooltip-background-color: var(--tooltip-background);
  --ag-charts-tooltip-text-color: var(--tooltip-color);
  --ag-charts-tooltip-border: none;
  --ag-charts-tooltip-border-radius: var(--tooltip-border-radius);
  --ag-charts-popup-shadow: var(--tooltip-box-shadow);
}
ag-charts .dep-chart-tooltip-content,
ag-gauge .dep-chart-tooltip-content {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  padding: var(--tooltip-padding);
}
ag-charts .dep-chart-tooltip-content .tooltip-row,
ag-gauge .dep-chart-tooltip-content .tooltip-row {
  display: flex;
  min-width: 0;
  min-height: 0;
  align-items: center;
  gap: var(--gap-l);
}
ag-charts .dep-chart-tooltip-content .series-color,
ag-gauge .dep-chart-tooltip-content .series-color {
  width: 1rem;
  height: 1rem;
  border-radius: var(--radius-default);
}
ag-charts .dep-chart-tooltip-content .label,
ag-gauge .dep-chart-tooltip-content .label {
  font-family: var(--typography-body-font-family), sans-serif;
  font-size: var(--typography-body-font-size);
  font-weight: var(--typography-body-font-weight);
  letter-spacing: var(--typography-body-letter-spacing);
  line-height: var(--typography-body-line-height);
  font-style: var(--typography-body-font-style);
  font-variation-settings: var(--typography-body-font-variation-settings, var(--typography-body-font-grade));
}
ag-charts .dep-chart-tooltip-content .value,
ag-gauge .dep-chart-tooltip-content .value {
  font-family: var(--typography-thick-font-family), sans-serif;
  font-size: var(--typography-thick-font-size);
  font-weight: var(--typography-thick-font-weight);
  letter-spacing: var(--typography-thick-letter-spacing);
  line-height: var(--typography-thick-line-height);
  font-style: var(--typography-thick-font-style);
  font-variation-settings: var(--typography-thick-font-variation-settings, var(--typography-thick-font-grade));
}
ag-charts .ag-charts-overlay > *,
ag-gauge .ag-charts-overlay > * {
  font-family: var(--typography-data-label-title-font-family), sans-serif;
  font-size: var(--typography-data-label-title-font-size);
  font-weight: var(--typography-data-label-title-font-weight);
  letter-spacing: var(--typography-data-label-title-letter-spacing);
  line-height: var(--typography-data-label-title-line-height);
  font-style: var(--typography-data-label-title-font-style);
  font-variation-settings: var(--typography-data-label-title-font-variation-settings, var(--typography-data-label-title-font-grade));
  color: var(--text-default) !important;
  font-family: var(--typography-data-label-title-font-family), sans-serif !important;
  font-size: var(--typography-data-label-title-font-size) !important;
  font-weight: var(--typography-data-label-title-font-weight) !important;
}
.scroller {
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--color-interactive-30) transparent;
}
.scroller.no-vertical {
  overflow-y: hidden;
  overflow-x: auto;
}
:root {
  --dep-guide-color-1: #ff91fb;
  --dep-guide-color-2: #f927d7;
  --dep-guide-color-3: #ab0386;
  --dep-navbar-username-border-left: none;
  --dep-navbar-spacer-right: auto;
  --dep-navbar-spacer-left: 0;
  --dep-navbar-item-bg-default: transparent;
  --dep-navbar-item-bg-hover: rgba(255, 255, 255, 0.1);
  --dep-navbar-item-bg-active: transparent;
  --dep-navbar-item-color-default: var(--text-inverted);
  --dep-navbar-item-color-hover: var(--text-inverted);
  --dep-navbar-item-color-active: var(--color-interactive-20);
  --dep-navbar-item-border-color-default: transparent;
  --dep-navbar-item-border-color-hover: transparent;
  --dep-navbar-item-border-color-active: transparent;
  --dep-navbar-item-padding: var(--padding-m) var(--padding-l);
  --dep-navbar-item-transform: none;
  --dep-navbar-item-weight: 500;
  --dep-nav-mobile-item-sub-overlay: var(--surface-tint-inverted);
  --dep-stat-bar-label-color: var(--text-muted);
  --dep-stat-bar-label-font-size: var(--typography-body-font-size);
  --dep-stat-bar-label-transform: uppercase;
  --dep-stat-bar-label-weight: normal;
  --dep-stat-bar-value-color: var(--text-default);
  --dep-stat-bar-value-font-size: var(--typography-section-title-font-size);
  --guide-arrow-size: 10px;
  --guide-bg: var(--surface-background);
  --guide-border-raidus: var(--radius-10);
  --guide-width: 366px;
  --navbar-height: 3rem;
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.1));
}
html,
body {
  height: 100dvh;
  overflow: hidden;
}
body {
  --tooltip-max-width: 40ch;
}
#dep {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  flex-grow: 1;
  height: 100dvh;
}
.guide-content {
  display: flex;
  min-width: 0;
  min-height: 0;
  flex-direction: column;
  gap: var(--gap-xl);
  min-height: var(--guide-arrow-size);
  min-width: var(--guide-arrow-size);
  max-width: var(--guide-width);
}
.guide-content .guide-header {
  display: flex;
  min-width: 0;
  min-height: 0;
  align-items: center;
  gap: var(--gap-m);
}
.guide-content .guide-header .guide-header-text {
  display: flex;
  min-width: 0;
  min-height: 0;
  align-items: baseline;
  gap: var(--gap-l);
}
.guide-content .guide-header .seq-number {
  font-family: var(--typography-body-font-family), sans-serif;
  font-size: var(--typography-body-font-size);
  font-weight: var(--typography-body-font-weight);
  letter-spacing: var(--typography-body-letter-spacing);
  line-height: var(--typography-body-line-height);
  font-style: var(--typography-body-font-style);
  font-variation-settings: var(--typography-body-font-variation-settings, var(--typography-body-font-grade));
  color: var(--text-muted);
}
.guide-content .guide-buttons {
  display: flex;
  min-width: 0;
  min-height: 0;
  align-items: center;
  justify-content: flex-end;
  gap: var(--gap-m);
}

/* ../../node_modules/@sc-framework/components/dist/esm/styles/no-branding-base.css */
:root {
  --scrollbar-thumb-default: var(--color-neutral-30);
  --scrollbar-thumb-hover: var(--color-neutral-50);
  --scrollbar-track-default: transparent;
  --scrollbar-track-hover: var(--surface-tint-inverted);
}
* {
  --scrollbar-track-background: var(--scrollbar-track-default);
  --scrollbar-thumb-background: var(--scrollbar-thumb-default);
}
*::-webkit-scrollbar {
  width: var(--scrollbar-size, 12px);
  height: var(--scrollbar-size, 12px);
  background: var(--scrollbar-track-background, transparent);
}
*::-webkit-scrollbar:hover {
  --scrollbar-track-background: var(--scrollbar-track-hover);
}
*::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb-background);
  border-radius: var(--scrollbar-radius, 8px);
  border: var(--scrollbar-border, 2px) solid rgba(0, 0, 0, 0);
  background-clip: content-box;
}
*::-webkit-scrollbar-thumb:hover {
  --scrollbar-thumb-background: var(--scrollbar-thumb-hover);
}
:is(.always-show-scrollbar, .ag-body-vertical-scroll, .ag-body-horizontal-scroll) ::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb-default) !important;
}
*::-webkit-scrollbar-corner {
  background: var(--scrollbar-corner-background, transparent);
}
@layer reset {
  :root {
    font-size: 100%;
  }
  *,
  *:before,
  *:after,
  :host {
    box-sizing: border-box;
  }
  html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    line-height: 1;
  }
  body,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  figure,
  blockquote,
  pre,
  dl,
  dd,
  input {
    margin: 0;
  }
  ul[role=list],
  ol[role=list] {
    margin: 0;
    padding: 0;
    padding-inline-start: 0 !important;
    list-style: none;
  }
  body {
    min-height: 100vh;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    text-wrap: balance;
  }
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    overflow-wrap: break-word;
  }
  img,
  picture,
  video,
  canvas,
  svg {
    display: block;
    max-width: 100%;
  }
  input,
  button,
  textarea,
  select {
    font: inherit;
  }
  :target {
    scroll-margin-block: 5ex;
  }
}
:root {
  --border-width-0: 0;
  --border-width-10: 1px;
  --border-width-20: 2px;
  --border-width-30: 4px;
  --border-width-40: 8px;
  --dimension-0: 0px;
  --dimension-1: 1px;
  --dimension-2: 2px;
  --dimension-4: 4px;
  --dimension-6: 6px;
  --dimension-8: 8px;
  --dimension-12: 12px;
  --dimension-14: 14px;
  --dimension-16: 16px;
  --dimension-20: 20px;
  --dimension-24: 24px;
  --dimension-26: 26px;
  --dimension-30: 30px;
  --dimension-32: 32px;
  --dimension-40: 40px;
  --dimension-48: 48px;
  --dimension-56: 56px;
  --dimension-64: 64px;
  --dimension-96: 96px;
  --dimension-p100: 100%;
  --opacity-0: 0;
  --opacity-10: .1;
  --opacity-20: .2;
  --opacity-30: .3;
  --opacity-40: .4;
  --opacity-50: .5;
  --opacity-60: .6;
  --opacity-70: .7;
  --opacity-80: .8;
  --opacity-90: .9;
  --opacity-100: 1;
  --outline-color: #148a96;
  --outline-offset: 2px;
  --outline-style: solid;
  --outline-transition: .05s;
  --outline-width: 2px;
  --radius-10: 2px;
  --radius-20: 8px;
  --radius-30: 16px;
  --radius-40: 24px;
  --radius-50: 32px;
  --radius-999: 999px;
  --radius-circle: 50%;
  --radius-default: 4px;
  --radius-sharp: 0px;
}
:root {
  --accordion-alternative-background-active: var(--color-interactive-10);
  --accordion-alternative-background-default: transparent;
  --accordion-alternative-background-disabled: transparent;
  --accordion-alternative-background-hover: transparent;
  --accordion-alternative-color-active: var(--text-on-interactive-10);
  --accordion-alternative-color-default: var(--text-default);
  --accordion-alternative-color-disabled: var(--text-disabled);
  --accordion-alternative-color-hover: var(--text-default);
  --accordion-alternative-content-padding: var(--padding-s) var(--padding-s) var(--padding-s) calc(var(--padding-m) + var(--icon-size-3) + var(--gap-m));
  --accordion-alternative-text-decoration-active: none;
  --accordion-alternative-text-decoration-default: none;
  --accordion-alternative-text-decoration-disabled: none;
  --accordion-alternative-text-decoration-hover: underline;
  --accordion-cursor: pointer;
  --accordion-padding: 0 var(--padding-m);
  --accordion-standard-background-active: var(--color-interactive-20);
  --accordion-standard-background-default: var(--surface-raised);
  --accordion-standard-background-disabled: var(--color-disabled-10);
  --accordion-standard-background-hover: var(--color-interactive-10);
  --accordion-standard-color-active: var(--text-on-interactive-20);
  --accordion-standard-color-default: var(--text-default);
  --accordion-standard-color-disabled: var(--text-disabled);
  --accordion-standard-color-hover: var(--text-on-interactive-10);
  --accordion-standard-content-padding: var(--padding-s) var(--padding-s) var(--padding-s) 0;
  --accordion-standard-text-decoration-active: none;
  --accordion-standard-text-decoration-default: none;
  --accordion-standard-text-decoration-disabled: none;
  --accordion-standard-text-decoration-hover: none;
  --badge-count-padding-inline: var(--padding-xs);
  --badge-count-size: var(--dimension-14);
  --badge-important-background: var(--color-negative-30);
  --badge-important-border-color: var(--color-negative-30);
  --badge-important-border-radius: var(--radius-999);
  --badge-important-border-style: solid;
  --badge-important-border-width: var(--border-width-10);
  --badge-important-color: var(--text-on-negative-30);
  --badge-indicator-padding-inline: 0;
  --badge-indicator-size: var(--components-badge-spacing);
  --badge-off-background: transparent;
  --badge-off-border-color: var(--color-negative-30);
  --badge-off-border-radius: var(--radius-999);
  --badge-off-border-style: solid;
  --badge-off-border-width: var(--border-width-10);
  --badge-off-color: transparent;
  --badge-on-background: var(--color-positive-30);
  --badge-on-border-color: var(--color-positive-30);
  --badge-on-border-radius: var(--radius-999);
  --badge-on-border-style: solid;
  --badge-on-border-width: var(--border-width-10);
  --badge-on-color: transparent;
  --badge-primary-background: var(--color-interactive-30);
  --badge-primary-border-color: var(--color-interactive-30);
  --badge-primary-border-radius: var(--radius-999);
  --badge-primary-border-style: solid;
  --badge-primary-border-width: var(--border-width-10);
  --badge-primary-color: var(--text-on-interactive-30);
  --badge-unknown-background: transparent;
  --badge-unknown-border-color: var(--color-neutral-30);
  --badge-unknown-border-radius: var(--radius-999);
  --badge-unknown-border-style: dashed;
  --badge-unknown-border-width: var(--border-width-10);
  --badge-unknown-color: transparent;
  --bottom-drawer-background: var(--surface-level-3);
  --bottom-drawer-border-color: var(--border-color-10);
  --bottom-drawer-border-radius: 0;
  --bottom-drawer-border-style: solid;
  --bottom-drawer-border-width: var(--border-width-10);
  --bottom-drawer-box-shadow: var(--elevation-medium);
  --bottom-drawer-display: none;
  --bottom-drawer-drag-left-background:
    linear-gradient(
      
      90deg,
      var(--color-interactive-10) 0%,
      var(--surface-tint-neutral-10) 100% );
  --bottom-drawer-drag-left-cursor: ew-resize;
  --bottom-drawer-drag-left-height: 100%;
  --bottom-drawer-drag-left-width: var(--padding-m);
  --bottom-drawer-footer-border-color: var(--border-color-10);
  --bottom-drawer-footer-border-radius: 0;
  --bottom-drawer-footer-border-style: solid;
  --bottom-drawer-footer-border-width: var(--border-width-10);
  --bottom-drawer-footer-gap: var(--gap-m);
  --bottom-drawer-gap: var(--gap-l);
  --bottom-drawer-height: 50%;
  --bottom-drawer-max-width: 100%;
  --bottom-drawer-min-width: 320px;
  --bottom-drawer-padding: var(--padding-l);
  --bottom-drawer-width: 100%;
  --bottom-drawer-z-index: unset;
  --button-cursor: pointer;
  --button-normal-height: var(--components-min-height);
  --button-normal-min-width: var(--components-min-width);
  --button-normal-width: fit-content;
  --button-padding-inline: var(--padding-l);
  --button-primary-background-active: var(--color-interactive-50);
  --button-primary-background-default: var(--color-interactive-30);
  --button-primary-background-disabled: var(--color-disabled-10);
  --button-primary-background-hover: var(--color-interactive-40);
  --button-primary-border-color-active: transparent;
  --button-primary-border-color-default: transparent;
  --button-primary-border-color-disabled: var(--color-disabled-20);
  --button-primary-border-color-hover: transparent;
  --button-primary-border-radius-active: var(--radius-default);
  --button-primary-border-radius-default: var(--radius-default);
  --button-primary-border-radius-disabled: var(--radius-default);
  --button-primary-border-radius-hover: var(--radius-default);
  --button-primary-border-style-active: solid;
  --button-primary-border-style-default: solid;
  --button-primary-border-style-disabled: solid;
  --button-primary-border-style-hover: solid;
  --button-primary-border-width-active: var(--border-width-10);
  --button-primary-border-width-default: var(--border-width-10);
  --button-primary-border-width-disabled: var(--border-width-10);
  --button-primary-border-width-hover: var(--border-width-10);
  --button-primary-color-active: var(--text-on-interactive-50);
  --button-primary-color-default: var(--text-on-interactive-30);
  --button-primary-color-disabled: var(--text-disabled);
  --button-primary-color-hover: var(--text-on-interactive-40);
  --button-primary-text-transform: none;
  --button-primary-negative-background-active: var(--color-negative-50);
  --button-primary-negative-background-default: var(--color-negative-30);
  --button-primary-negative-background-disabled: var(--button-primary-background-disabled);
  --button-primary-negative-background-hover: var(--color-negative-40);
  --button-primary-negative-border-color-active: var(--button-primary-border-color-active);
  --button-primary-negative-border-color-default: var(--button-primary-border-color-default);
  --button-primary-negative-border-color-disabled: var(--button-primary-border-color-disabled);
  --button-primary-negative-border-color-hover: var(--button-primary-border-color-hover);
  --button-primary-negative-border-radius-active: var(--button-primary-border-radius-default);
  --button-primary-negative-border-radius-default: var(--button-primary-border-radius-default);
  --button-primary-negative-border-radius-disabled: var(--button-primary-border-radius-default);
  --button-primary-negative-border-radius-hover: var(--button-primary-border-radius-default);
  --button-primary-negative-border-style-active: var(--button-primary-border-style-active);
  --button-primary-negative-border-style-default: var(--button-primary-border-style-default);
  --button-primary-negative-border-style-disabled: var(--button-primary-border-style-disabled);
  --button-primary-negative-border-style-hover: var(--button-primary-border-style-hover);
  --button-primary-negative-border-width-active: var(--button-primary-border-width-active);
  --button-primary-negative-border-width-default: var(--button-primary-border-width-default);
  --button-primary-negative-border-width-disabled: var(--button-primary-border-width-disabled);
  --button-primary-negative-border-width-hover: var(--button-primary-border-width-hover);
  --button-primary-negative-color-active: var(--text-on-negative-50);
  --button-primary-negative-color-default: var(--text-on-negative-30);
  --button-primary-negative-color-disabled: var(--button-primary-color-disabled);
  --button-primary-negative-color-hover: var(--text-on-negative-40);
  --button-primary-negative-text-transform: none;
  --button-secondary-background-active: var(--color-interactive-20);
  --button-secondary-background-default: transparent;
  --button-secondary-background-disabled: transparent;
  --button-secondary-background-hover: var(--color-interactive-10);
  --button-secondary-border-color-active: var(--color-interactive-50);
  --button-secondary-border-color-default: var(--color-interactive-30);
  --button-secondary-border-color-disabled: var(--color-disabled-20);
  --button-secondary-border-color-hover: var(--color-interactive-40);
  --button-secondary-border-radius-active: var(--radius-default);
  --button-secondary-border-radius-default: var(--radius-default);
  --button-secondary-border-radius-disabled: var(--radius-default);
  --button-secondary-border-radius-hover: var(--radius-default);
  --button-secondary-border-style-active: solid;
  --button-secondary-border-style-default: solid;
  --button-secondary-border-style-disabled: solid;
  --button-secondary-border-style-hover: solid;
  --button-secondary-border-width-active: var(--border-width-10);
  --button-secondary-border-width-default: var(--border-width-10);
  --button-secondary-border-width-disabled: var(--border-width-10);
  --button-secondary-border-width-hover: var(--border-width-10);
  --button-secondary-color-active: var(--text-default);
  --button-secondary-color-default: var(--text-brand);
  --button-secondary-color-disabled: var(--text-disabled);
  --button-secondary-color-hover: var(--text-brand);
  --button-secondary-text-transform: none;
  --button-secondary-negative-background-active: var(--color-negative-20);
  --button-secondary-negative-background-default: var(--button-secondary-background-default);
  --button-secondary-negative-background-disabled: var(--button-secondary-background-disabled);
  --button-secondary-negative-background-hover: var(--color-negative-10);
  --button-secondary-negative-border-color-active: var(--color-negative-50);
  --button-secondary-negative-border-color-default: var(--color-negative-30);
  --button-secondary-negative-border-color-disabled: var(--button-secondary-border-color-disabled);
  --button-secondary-negative-border-color-hover: var(--color-negative-40);
  --button-secondary-negative-border-radius-active: var(--button-secondary-border-radius-default);
  --button-secondary-negative-border-radius-default: var(--button-secondary-border-radius-default);
  --button-secondary-negative-border-radius-disabled: var(--button-secondary-border-radius-default);
  --button-secondary-negative-border-radius-hover: var(--button-secondary-border-radius-default);
  --button-secondary-negative-border-style-active: var(--button-secondary-border-style-active);
  --button-secondary-negative-border-style-default: var(--button-secondary-border-style-default);
  --button-secondary-negative-border-style-disabled: var(--button-secondary-border-style-disabled);
  --button-secondary-negative-border-style-hover: var(--button-secondary-border-style-hover);
  --button-secondary-negative-border-width-active: var(--button-secondary-border-width-active);
  --button-secondary-negative-border-width-default: var(--button-secondary-border-width-default);
  --button-secondary-negative-border-width-disabled: var(--button-secondary-border-width-disabled);
  --button-secondary-negative-border-width-hover: var(--button-secondary-border-width-hover);
  --button-secondary-negative-color-active: var(--text-default);
  --button-secondary-negative-color-default: var(--text-negative);
  --button-secondary-negative-color-disabled: var(--button-secondary-color-disabled);
  --button-secondary-negative-color-hover: var(--text-negative);
  --button-secondary-negative-text-transform: none;
  --button-square-height: var(--button-normal-height);
  --button-square-min-width: var(--button-normal-min-width);
  --button-square-width: var(--components-min-width);
  --button-tertiary-background-active: var(--color-interactive-20);
  --button-tertiary-background-default: transparent;
  --button-tertiary-background-disabled: transparent;
  --button-tertiary-background-hover: var(--color-interactive-10);
  --button-tertiary-border-color-active: transparent;
  --button-tertiary-border-color-default: transparent;
  --button-tertiary-border-color-disabled: transparent;
  --button-tertiary-border-color-hover: transparent;
  --button-tertiary-border-radius-active: var(--radius-default);
  --button-tertiary-border-radius-default: var(--radius-default);
  --button-tertiary-border-radius-disabled: var(--radius-default);
  --button-tertiary-border-radius-hover: var(--radius-default);
  --button-tertiary-border-style-active: solid;
  --button-tertiary-border-style-default: solid;
  --button-tertiary-border-style-disabled: solid;
  --button-tertiary-border-style-hover: solid;
  --button-tertiary-border-width-active: var(--border-width-10);
  --button-tertiary-border-width-default: var(--border-width-10);
  --button-tertiary-border-width-disabled: var(--border-width-10);
  --button-tertiary-border-width-hover: var(--border-width-10);
  --button-tertiary-color-active: var(--text-default);
  --button-tertiary-color-default: var(--text-brand);
  --button-tertiary-color-disabled: var(--text-disabled);
  --button-tertiary-color-hover: var(--text-brand);
  --button-tertiary-text-transform: none;
  --button-tertiary-negative-background-active: var(--color-negative-20);
  --button-tertiary-negative-background-default: var(--button-tertiary-background-default);
  --button-tertiary-negative-background-disabled: var(--button-tertiary-background-disabled);
  --button-tertiary-negative-background-hover: var(--color-negative-10);
  --button-tertiary-negative-border-color-active: var(--button-tertiary-border-color-active);
  --button-tertiary-negative-border-color-default: var(--button-tertiary-border-color-default);
  --button-tertiary-negative-border-color-disabled: var(--button-tertiary-border-color-disabled);
  --button-tertiary-negative-border-color-hover: var(--button-tertiary-border-color-hover);
  --button-tertiary-negative-border-radius-active: var(--button-tertiary-border-radius-default);
  --button-tertiary-negative-border-radius-default: var(--button-tertiary-border-radius-default);
  --button-tertiary-negative-border-radius-disabled: var(--button-tertiary-border-radius-default);
  --button-tertiary-negative-border-radius-hover: var(--button-tertiary-border-radius-default);
  --button-tertiary-negative-border-style-active: var(--button-tertiary-border-style-active);
  --button-tertiary-negative-border-style-default: var(--button-tertiary-border-style-default);
  --button-tertiary-negative-border-style-disabled: var(--button-tertiary-border-style-disabled);
  --button-tertiary-negative-border-style-hover: var(--button-tertiary-border-style-hover);
  --button-tertiary-negative-border-width-active: var(--button-tertiary-border-width-active);
  --button-tertiary-negative-border-width-default: var(--button-tertiary-border-width-default);
  --button-tertiary-negative-border-width-disabled: var(--button-tertiary-border-width-disabled);
  --button-tertiary-negative-border-width-hover: var(--button-tertiary-border-width-hover);
  --button-tertiary-negative-color-active: var(--text-default);
  --button-tertiary-negative-color-default: var(--text-negative);
  --button-tertiary-negative-color-disabled: var(--button-tertiary-color-disabled);
  --button-tertiary-negative-color-hover: var(--text-negative);
  --button-tertiary-negative-text-transform: none;
  --button-text-transform: none;
  --calendar-grid-normal-background-active: var(--color-interactive-20);
  --calendar-grid-normal-background-default: transparent;
  --calendar-grid-normal-background-disabled: transparent;
  --calendar-grid-normal-background-hover: var(--color-interactive-10);
  --calendar-grid-normal-color-active: var(--text-on-interactive-20);
  --calendar-grid-normal-color-default: var(--text-default);
  --calendar-grid-normal-color-disabled: var(--text-disabled);
  --calendar-grid-normal-color-hover: var(--text-on-interactive-10);
  --calendar-grid-radius: var(--radius-20);
  --calendar-grid-range-background-active: var(--color-interactive-20);
  --calendar-grid-range-background-default: var(--color-interactive-10);
  --calendar-grid-range-background-disabled: var(--color-interactive-10);
  --calendar-grid-range-background-hover: var(--color-interactive-20);
  --calendar-grid-range-color-active: var(--text-on-interactive-20);
  --calendar-grid-range-color-default: var(--text-on-interactive-10);
  --calendar-grid-range-color-disabled: var(--text-disabled);
  --calendar-grid-range-color-hover: var(--text-on-interactive-20);
  --calendar-grid-selected-background-active: var(--color-interactive-20);
  --calendar-grid-selected-background-default: var(--color-interactive-20);
  --calendar-grid-selected-background-disabled: var(--color-interactive-20);
  --calendar-grid-selected-background-hover: var(--color-interactive-20);
  --calendar-grid-selected-color-active: var(--text-on-interactive-20);
  --calendar-grid-selected-color-default: var(--text-on-interactive-20);
  --calendar-grid-selected-color-disabled: var(--text-disabled);
  --calendar-grid-selected-color-hover: var(--text-on-interactive-20);
  --calendar-grid-spacing: 2px;
  --chat-animation-background: var(--color-interactive-30);
  --chat-animation-height: 5px;
  --chat-animation-margin: var(--dimension-1);
  --chat-animation-width: 5px;
  --chat-feedback-gap: var(--gap-m);
  --chat-message-copilot-background: transparent;
  --chat-message-copilot-border-radius: 0;
  --chat-message-copilot-color: var(--text-brand);
  --chat-message-gap: var(--gap-l);
  --chat-message-user-background: var(--surface-raised);
  --chat-message-user-padding: var(--padding-m);
  --chat-message-user-radius: var(--radius-default);
  --chat-progress-background: var(--color-interactive-30);
  --chat-progress-height: var(--dimension-4);
  --chat-progress-margin: var(--dimension-1);
  --chat-progress-width: var(--dimension-4);
  --chat-reader-color: var(--text-info);
  --chat-reader-details-border-color: var(--color-neutral-20);
  --chat-reader-details-border-radius: var(--radius-default);
  --chat-reader-details-border-style: solid;
  --chat-reader-details-border-width: var(--border-width-10);
  --chat-reader-details-height: unset;
  --chat-reader-details-max-height: 200px;
  --chat-reader-title-background: var(--elevation-medium);
  --chat-reader-title-border-color: var(--color-neutral-20);
  --chat-reader-title-border-radius: var(--radius-default);
  --chat-reader-title-border-style: solid;
  --chat-reader-title-border-width: var(--border-width-10);
  --checkbox-checked-background-active: var(--color-interactive-50);
  --checkbox-checked-background-default: var(--color-interactive-30);
  --checkbox-checked-background-disabled: var(--color-disabled-20);
  --checkbox-checked-background-hover: var(--color-interactive-40);
  --checkbox-checked-border-color-active: var(--color-interactive-50);
  --checkbox-checked-border-color-default: var(--color-interactive-30);
  --checkbox-checked-border-color-disabled: var(--text-disabled);
  --checkbox-checked-border-color-hover: var(--color-interactive-40);
  --checkbox-checked-border-radius-active: var(--radius-10);
  --checkbox-checked-border-radius-default: var(--radius-10);
  --checkbox-checked-border-radius-disabled: var(--radius-10);
  --checkbox-checked-border-radius-hover: var(--radius-10);
  --checkbox-checked-border-style-active: solid;
  --checkbox-checked-border-style-default: solid;
  --checkbox-checked-border-style-disabled: solid;
  --checkbox-checked-border-style-hover: solid;
  --checkbox-checked-border-width-active: var(--border-width-20);
  --checkbox-checked-border-width-default: var(--border-width-20);
  --checkbox-checked-border-width-disabled: var(--border-width-20);
  --checkbox-checked-border-width-hover: var(--border-width-20);
  --checkbox-checked-label-color-active: var(--text-default);
  --checkbox-checked-label-color-default: var(--text-default);
  --checkbox-checked-label-color-disabled: var(--text-disabled);
  --checkbox-checked-label-color-hover: var(--text-default);
  --checkbox-checked-ripple-color-active: var(--color-input-ripple-active);
  --checkbox-checked-ripple-color-default: var(--color-input-ripple-default);
  --checkbox-checked-ripple-color-disabled: var(--color-input-ripple-disabled);
  --checkbox-checked-ripple-color-hover: var(--color-input-ripple-hover);
  --checkbox-checked-tick-color-active: var(--text-on-interactive-50);
  --checkbox-checked-tick-color-default: var(--text-on-interactive-30);
  --checkbox-checked-tick-color-disabled: var(--text-disabled);
  --checkbox-checked-tick-color-hover: var(--text-on-interactive-40);
  --checkbox-invalid-checked-background-active: var(--color-negative-50);
  --checkbox-invalid-checked-background-default: var(--color-negative-30);
  --checkbox-invalid-checked-background-disabled: var(--checkbox-checked-background-disabled);
  --checkbox-invalid-checked-background-hover: var(--color-negative-40);
  --checkbox-invalid-checked-border-color-active: var(--color-negative-50);
  --checkbox-invalid-checked-border-color-default: var(--color-negative-30);
  --checkbox-invalid-checked-border-color-disabled: var(--checkbox-checked-border-color-disabled);
  --checkbox-invalid-checked-border-color-hover: var(--color-negative-40);
  --checkbox-invalid-checked-border-radius-active: var(--checkbox-checked-border-radius-active);
  --checkbox-invalid-checked-border-radius-default: var(--checkbox-checked-border-radius-default);
  --checkbox-invalid-checked-border-radius-disabled: var(--checkbox-checked-border-radius-disabled);
  --checkbox-invalid-checked-border-radius-hover: var(--checkbox-checked-border-radius-hover);
  --checkbox-invalid-checked-border-style-active: var(--checkbox-checked-border-style-active);
  --checkbox-invalid-checked-border-style-default: var(--checkbox-checked-border-style-default);
  --checkbox-invalid-checked-border-style-disabled: var(--checkbox-checked-border-style-disabled);
  --checkbox-invalid-checked-border-style-hover: var(--checkbox-checked-border-style-hover);
  --checkbox-invalid-checked-border-width-active: var(--checkbox-checked-border-width-active);
  --checkbox-invalid-checked-border-width-default: var(--checkbox-checked-border-width-default);
  --checkbox-invalid-checked-border-width-disabled: var(--checkbox-checked-border-width-disabled);
  --checkbox-invalid-checked-border-width-hover: var(--checkbox-checked-border-width-hover);
  --checkbox-invalid-checked-label-color-active: var(--checkbox-checked-label-color-active);
  --checkbox-invalid-checked-label-color-default: var(--checkbox-checked-label-color-default);
  --checkbox-invalid-checked-label-color-disabled: var(--checkbox-checked-label-color-disabled);
  --checkbox-invalid-checked-label-color-hover: var(--checkbox-checked-label-color-hover);
  --checkbox-invalid-checked-ripple-color-active: var(--color-negative-20);
  --checkbox-invalid-checked-ripple-color-default: var(--checkbox-checked-ripple-color-default);
  --checkbox-invalid-checked-ripple-color-disabled: var(--checkbox-checked-ripple-color-disabled);
  --checkbox-invalid-checked-ripple-color-hover: var(--color-negative-10);
  --checkbox-invalid-checked-tick-color-active: var(--text-on-negative-50);
  --checkbox-invalid-checked-tick-color-default: var(--text-on-negative-30);
  --checkbox-invalid-checked-tick-color-disabled: var(--checkbox-checked-tick-color-disabled);
  --checkbox-invalid-checked-tick-color-hover: var(--text-on-negative-40);
  --checkbox-invalid-unchecked-background-active: var(--checkbox-unchecked-background-active);
  --checkbox-invalid-unchecked-background-default: var(--checkbox-unchecked-background-default);
  --checkbox-invalid-unchecked-background-disabled: var(--checkbox-unchecked-background-disabled);
  --checkbox-invalid-unchecked-background-hover: var(--checkbox-unchecked-background-hover);
  --checkbox-invalid-unchecked-border-color-active: var(--color-negative-50);
  --checkbox-invalid-unchecked-border-color-default: var(--color-negative-30);
  --checkbox-invalid-unchecked-border-color-disabled: var(--checkbox-unchecked-border-color-disabled);
  --checkbox-invalid-unchecked-border-color-hover: var(--color-negative-40);
  --checkbox-invalid-unchecked-border-radius-active: var(--checkbox-unchecked-border-radius-active);
  --checkbox-invalid-unchecked-border-radius-default: var(--checkbox-unchecked-border-radius-default);
  --checkbox-invalid-unchecked-border-radius-disabled: var(--checkbox-unchecked-border-radius-disabled);
  --checkbox-invalid-unchecked-border-radius-hover: var(--checkbox-unchecked-border-radius-hover);
  --checkbox-invalid-unchecked-border-style-active: var(--checkbox-unchecked-border-style-active);
  --checkbox-invalid-unchecked-border-style-default: var(--checkbox-unchecked-border-style-default);
  --checkbox-invalid-unchecked-border-style-disabled: var(--checkbox-unchecked-border-style-disabled);
  --checkbox-invalid-unchecked-border-style-hover: var(--checkbox-unchecked-border-style-hover);
  --checkbox-invalid-unchecked-border-width-active: var(--checkbox-unchecked-border-width-active);
  --checkbox-invalid-unchecked-border-width-default: var(--checkbox-unchecked-border-width-default);
  --checkbox-invalid-unchecked-border-width-disabled: var(--checkbox-unchecked-border-width-disabled);
  --checkbox-invalid-unchecked-border-width-hover: var(--checkbox-unchecked-border-width-hover);
  --checkbox-invalid-unchecked-label-color-active: var(--checkbox-unchecked-label-color-active);
  --checkbox-invalid-unchecked-label-color-default: var(--checkbox-unchecked-label-color-default);
  --checkbox-invalid-unchecked-label-color-disabled: var(--checkbox-unchecked-label-color-disabled);
  --checkbox-invalid-unchecked-label-color-hover: var(--checkbox-unchecked-label-color-hover);
  --checkbox-invalid-unchecked-ripple-color-active: var(--color-negative-20);
  --checkbox-invalid-unchecked-ripple-color-default: var(--checkbox-unchecked-ripple-color-default);
  --checkbox-invalid-unchecked-ripple-color-disabled: var(--checkbox-unchecked-ripple-color-disabled);
  --checkbox-invalid-unchecked-ripple-color-hover: var(--color-negative-10);
  --checkbox-invalid-unchecked-tick-color-active: var(--checkbox-unchecked-tick-color-active);
  --checkbox-invalid-unchecked-tick-color-default: var(--checkbox-unchecked-tick-color-default);
  --checkbox-invalid-unchecked-tick-color-disabled: var(--checkbox-unchecked-tick-color-disabled);
  --checkbox-invalid-unchecked-tick-color-hover: var(--checkbox-unchecked-tick-color-hover);
  --checkbox-size: var(--dimension-16);
  --checkbox-unchecked-background-active: var(--color-input-background-active);
  --checkbox-unchecked-background-default: var(--color-input-background-default);
  --checkbox-unchecked-background-disabled: var(--color-input-background-disabled);
  --checkbox-unchecked-background-hover: var(--color-input-background-hover);
  --checkbox-unchecked-border-color-active: var(--color-input-border-active);
  --checkbox-unchecked-border-color-default: var(--color-input-border-default);
  --checkbox-unchecked-border-color-disabled: var(--color-input-border-disabled);
  --checkbox-unchecked-border-color-hover: var(--color-input-border-hover);
  --checkbox-unchecked-border-radius-active: var(--radius-10);
  --checkbox-unchecked-border-radius-default: var(--radius-10);
  --checkbox-unchecked-border-radius-disabled: var(--radius-10);
  --checkbox-unchecked-border-radius-hover: var(--radius-10);
  --checkbox-unchecked-border-style-active: solid;
  --checkbox-unchecked-border-style-default: solid;
  --checkbox-unchecked-border-style-disabled: solid;
  --checkbox-unchecked-border-style-hover: solid;
  --checkbox-unchecked-border-width-active: var(--border-width-20);
  --checkbox-unchecked-border-width-default: var(--border-width-20);
  --checkbox-unchecked-border-width-disabled: var(--border-width-20);
  --checkbox-unchecked-border-width-hover: var(--border-width-20);
  --checkbox-unchecked-label-color-active: var(--text-default);
  --checkbox-unchecked-label-color-default: var(--text-default);
  --checkbox-unchecked-label-color-disabled: var(--text-disabled);
  --checkbox-unchecked-label-color-hover: var(--text-default);
  --checkbox-unchecked-ripple-color-active: var(--color-input-ripple-active);
  --checkbox-unchecked-ripple-color-default: var(--color-input-ripple-default);
  --checkbox-unchecked-ripple-color-disabled: var(--color-input-ripple-disabled);
  --checkbox-unchecked-ripple-color-hover: var(--color-input-ripple-hover);
  --checkbox-unchecked-tick-color-active: var(--text-on-input-background-active);
  --checkbox-unchecked-tick-color-default: var(--text-on-input-background-default);
  --checkbox-unchecked-tick-color-disabled: var(--text-disabled);
  --checkbox-unchecked-tick-color-hover: var(--text-on-input-background-hover);
  --checkbox-valid-checked-background-active: var(--color-positive-50);
  --checkbox-valid-checked-background-default: var(--color-positive-30);
  --checkbox-valid-checked-background-disabled: var(--checkbox-checked-background-disabled);
  --checkbox-valid-checked-background-hover: var(--color-positive-40);
  --checkbox-valid-checked-border-color-active: var(--color-positive-50);
  --checkbox-valid-checked-border-color-default: var(--color-positive-30);
  --checkbox-valid-checked-border-color-disabled: var(--checkbox-checked-border-color-disabled);
  --checkbox-valid-checked-border-color-hover: var(--color-positive-40);
  --checkbox-valid-checked-border-radius-active: var(--checkbox-checked-border-radius-active);
  --checkbox-valid-checked-border-radius-default: var(--checkbox-checked-border-radius-default);
  --checkbox-valid-checked-border-radius-disabled: var(--checkbox-checked-border-radius-disabled);
  --checkbox-valid-checked-border-radius-hover: var(--checkbox-checked-border-radius-hover);
  --checkbox-valid-checked-border-style-active: var(--checkbox-checked-border-style-active);
  --checkbox-valid-checked-border-style-default: var(--checkbox-checked-border-style-default);
  --checkbox-valid-checked-border-style-disabled: var(--checkbox-checked-border-style-disabled);
  --checkbox-valid-checked-border-style-hover: var(--checkbox-checked-border-style-hover);
  --checkbox-valid-checked-border-width-active: var(--checkbox-checked-border-width-active);
  --checkbox-valid-checked-border-width-default: var(--checkbox-checked-border-width-default);
  --checkbox-valid-checked-border-width-disabled: var(--checkbox-checked-border-width-disabled);
  --checkbox-valid-checked-border-width-hover: var(--checkbox-checked-border-width-hover);
  --checkbox-valid-checked-label-color-active: var(--checkbox-checked-label-color-active);
  --checkbox-valid-checked-label-color-default: var(--checkbox-checked-label-color-default);
  --checkbox-valid-checked-label-color-disabled: var(--checkbox-checked-label-color-disabled);
  --checkbox-valid-checked-label-color-hover: var(--checkbox-checked-label-color-hover);
  --checkbox-valid-checked-ripple-color-active: var(--color-positive-20);
  --checkbox-valid-checked-ripple-color-default: var(--checkbox-checked-ripple-color-default);
  --checkbox-valid-checked-ripple-color-disabled: var(--checkbox-checked-ripple-color-disabled);
  --checkbox-valid-checked-ripple-color-hover: var(--color-positive-10);
  --checkbox-valid-checked-tick-color-active: var(--text-on-positive-50);
  --checkbox-valid-checked-tick-color-default: var(--text-on-positive-30);
  --checkbox-valid-checked-tick-color-disabled: var(--checkbox-checked-tick-color-disabled);
  --checkbox-valid-checked-tick-color-hover: var(--text-on-positive-40);
  --checkbox-valid-unchecked-background-active: var(--checkbox-unchecked-background-active);
  --checkbox-valid-unchecked-background-default: var(--checkbox-unchecked-background-default);
  --checkbox-valid-unchecked-background-disabled: var(--checkbox-unchecked-background-disabled);
  --checkbox-valid-unchecked-background-hover: var(--checkbox-unchecked-background-hover);
  --checkbox-valid-unchecked-border-color-active: var(--color-positive-50);
  --checkbox-valid-unchecked-border-color-default: var(--color-positive-30);
  --checkbox-valid-unchecked-border-color-disabled: var(--checkbox-unchecked-border-color-disabled);
  --checkbox-valid-unchecked-border-color-hover: var(--color-positive-40);
  --checkbox-valid-unchecked-border-radius-active: var(--checkbox-unchecked-border-radius-active);
  --checkbox-valid-unchecked-border-radius-default: var(--checkbox-unchecked-border-radius-default);
  --checkbox-valid-unchecked-border-radius-disabled: var(--checkbox-unchecked-border-radius-disabled);
  --checkbox-valid-unchecked-border-radius-hover: var(--checkbox-unchecked-border-radius-hover);
  --checkbox-valid-unchecked-border-style-active: var(--checkbox-unchecked-border-style-active);
  --checkbox-valid-unchecked-border-style-default: var(--checkbox-unchecked-border-style-default);
  --checkbox-valid-unchecked-border-style-disabled: var(--checkbox-unchecked-border-style-disabled);
  --checkbox-valid-unchecked-border-style-hover: var(--checkbox-unchecked-border-style-hover);
  --checkbox-valid-unchecked-border-width-active: var(--checkbox-unchecked-border-width-active);
  --checkbox-valid-unchecked-border-width-default: var(--checkbox-unchecked-border-width-default);
  --checkbox-valid-unchecked-border-width-disabled: var(--checkbox-unchecked-border-width-disabled);
  --checkbox-valid-unchecked-border-width-hover: var(--checkbox-unchecked-border-width-hover);
  --checkbox-valid-unchecked-label-color-active: var(--checkbox-unchecked-label-color-active);
  --checkbox-valid-unchecked-label-color-default: var(--checkbox-unchecked-label-color-default);
  --checkbox-valid-unchecked-label-color-disabled: var(--checkbox-unchecked-label-color-disabled);
  --checkbox-valid-unchecked-label-color-hover: var(--checkbox-unchecked-label-color-hover);
  --checkbox-valid-unchecked-ripple-color-active: var(--color-positive-20);
  --checkbox-valid-unchecked-ripple-color-default: var(--checkbox-unchecked-ripple-color-default);
  --checkbox-valid-unchecked-ripple-color-disabled: var(--checkbox-unchecked-ripple-color-disabled);
  --checkbox-valid-unchecked-ripple-color-hover: var(--color-positive-10);
  --checkbox-valid-unchecked-tick-color-active: var(--checkbox-unchecked-tick-color-active);
  --checkbox-valid-unchecked-tick-color-default: var(--checkbox-unchecked-tick-color-default);
  --checkbox-valid-unchecked-tick-color-disabled: var(--checkbox-unchecked-tick-color-disabled);
  --checkbox-valid-unchecked-tick-color-hover: var(--checkbox-unchecked-tick-color-hover);
  --choicecard-background: var(--surface-level-1);
  --choicecard-checked-border-color-active: var(--color-interactive-50);
  --choicecard-checked-border-color-default: var(--color-interactive-50);
  --choicecard-checked-border-color-disabled: var(--color-disabled-20);
  --choicecard-checked-border-color-hover: var(--color-interactive-50);
  --choicecard-checked-border-radius-active: var(--radius-default);
  --choicecard-checked-border-radius-default: var(--radius-default);
  --choicecard-checked-border-radius-disabled: var(--radius-default);
  --choicecard-checked-border-radius-hover: var(--radius-default);
  --choicecard-checked-border-style-active: solid;
  --choicecard-checked-border-style-default: solid;
  --choicecard-checked-border-style-disabled: solid;
  --choicecard-checked-border-style-hover: solid;
  --choicecard-checked-border-width-active: var(--border-width-10);
  --choicecard-checked-border-width-default: var(--border-width-10);
  --choicecard-checked-border-width-disabled: var(--border-width-10);
  --choicecard-checked-border-width-hover: var(--border-width-10);
  --choicecard-cursor: pointer;
  --choicecard-gap: var(--gap-m);
  --choicecard-padding: var(--padding-m);
  --choicecard-unchecked-border-color-active: var(--border-color-10);
  --choicecard-unchecked-border-color-default: var(--border-color-10);
  --choicecard-unchecked-border-color-disabled: var(--color-disabled-20);
  --choicecard-unchecked-border-color-hover: var(--border-color-10);
  --choicecard-unchecked-border-radius-active: var(--radius-default);
  --choicecard-unchecked-border-radius-default: var(--radius-default);
  --choicecard-unchecked-border-radius-disabled: var(--radius-default);
  --choicecard-unchecked-border-radius-hover: var(--radius-default);
  --choicecard-unchecked-border-style-active: solid;
  --choicecard-unchecked-border-style-default: solid;
  --choicecard-unchecked-border-style-disabled: solid;
  --choicecard-unchecked-border-style-hover: solid;
  --choicecard-unchecked-border-width-active: var(--border-width-10);
  --choicecard-unchecked-border-width-default: var(--border-width-10);
  --choicecard-unchecked-border-width-disabled: var(--border-width-10);
  --choicecard-unchecked-border-width-hover: var(--border-width-10);
  --codeblock-background: var(--surface-background);
  --codeblock-border-color: var(--border-color-10);
  --codeblock-border-radius: var(--radius-default);
  --codeblock-border-style: solid;
  --codeblock-border-width: var(--border-width-10);
  --codeblock-color-built-in: var(--color-codeblock-90);
  --codeblock-color-comment: var(--color-codeblock-20);
  --codeblock-color-default: var(--color-codeblock-10);
  --codeblock-color-doctag: var(--color-codeblock-30);
  --codeblock-color-literal: var(--color-codeblock-50);
  --codeblock-color-section: var(--color-codeblock-40);
  --codeblock-color-string: var(--color-codeblock-60);
  --codeblock-color-symbol: var(--color-codeblock-80);
  --codeblock-color-variable: var(--color-codeblock-70);
  --divider-inverted-color: var(--border-color-10);
  --divider-inverted-padding-block: var(--padding-s);
  --divider-inverted-size: var(--dimension-1);
  --divider-inverted-style: solid;
  --divider-normal-color: var(--border-color-20);
  --divider-normal-padding-block: var(--padding-s);
  --divider-normal-size: var(--dimension-1);
  --divider-normal-style: solid;
  --drawer-background: var(--surface-level-3);
  --drawer-border-color: var(--border-color-10);
  --drawer-border-radius: 0;
  --drawer-border-style: solid;
  --drawer-border-width: var(--border-width-10);
  --drawer-box-shadow: var(--elevation-medium);
  --drawer-display: none;
  --drawer-drag-left-background:
    linear-gradient(
      
      90deg,
      var(--color-interactive-10) 0%,
      var(--surface-tint-neutral-10) 100% );
  --drawer-drag-left-cursor: ew-resize;
  --drawer-drag-left-height: 100%;
  --drawer-drag-left-width: var(--padding-m);
  --drawer-footer-border-color: var(--border-color-10);
  --drawer-footer-border-radius: 0;
  --drawer-footer-border-style: solid;
  --drawer-footer-border-width: var(--border-width-10);
  --drawer-footer-gap: var(--gap-m);
  --drawer-gap: var(--gap-l);
  --drawer-height: 100%;
  --drawer-max-width: 520px;
  --drawer-min-width: 320px;
  --drawer-padding: var(--padding-l);
  --drawer-width: 30%;
  --drawer-z-index: unset;
  --dropdown-background: var(--popover-background);
  --dropdown-border-color: var(--popover-border-color);
  --dropdown-border-radius: var(--popover-border-radius);
  --dropdown-border-style: var(--popover-border-style);
  --dropdown-border-width: 0;
  --dropdown-color: var(--popover-color);
  --dropdown-padding: var(--padding-m);
  --dropzone-border-radius: var(--radius-default);
  --dropzone-border-style: dashed;
  --dropzone-border-width: var(--border-width-10);
  --dropzone-default-background-accepting: var(--color-input-background-default);
  --dropzone-default-background-accepting-hover: var(--color-input-ripple-hover);
  --dropzone-default-background-resting: var(--color-input-background-default);
  --dropzone-default-border-color-accepting: var(--color-input-border-hover);
  --dropzone-default-border-color-accepting-hover: var(--color-input-border-active);
  --dropzone-default-border-color-resting: var(--color-input-border-default);
  --dropzone-disabled-background: var(--color-disabled-10);
  --dropzone-disabled-border-color: var(--color-disabled-20);
  --dropzone-disabled-text-color: var(--text-disabled);
  --dropzone-gap: var(--gap-s);
  --dropzone-invalid-background-accepting: var(--color-negative-10);
  --dropzone-invalid-background-accepting-hover: var(--color-negative-10);
  --dropzone-invalid-background-resting: var(--color-negative-10);
  --dropzone-invalid-border-color-accepting: var(--color-negative-40);
  --dropzone-invalid-border-color-accepting-hover: var(--color-negative-50);
  --dropzone-invalid-border-color-resting: var(--color-negative-30);
  --dropzone-invalid-text-color-accepting: var(--text-negative);
  --dropzone-invalid-text-color-accepting-hover: var(--text-negative);
  --dropzone-invalid-text-color-resting: var(--text-negative);
  --dropzone-padding-block: var(--padding-m);
  --dropzone-padding-inline: var(--padding-m);
  --dropzone-valid-background-accepting: var(--color-positive-10);
  --dropzone-valid-background-accepting-hover: var(--color-positive-10);
  --dropzone-valid-background-resting: var(--color-positive-10);
  --dropzone-valid-border-color-accepting: var(--color-positive-40);
  --dropzone-valid-border-color-accepting-hover: var(--color-positive-50);
  --dropzone-valid-border-color-resting: var(--color-positive-30);
  --dropzone-valid-text-color-accepting: var(--text-positive);
  --dropzone-valid-text-color-accepting-hover: var(--text-positive);
  --dropzone-valid-text-color-resting: var(--text-positive);
  --dropzone-warning-background-accepting: var(--color-warning-10);
  --dropzone-warning-background-accepting-hover: var(--color-warning-10);
  --dropzone-warning-background-resting: var(--color-warning-10);
  --dropzone-warning-border-color-accepting: var(--color-warning-40);
  --dropzone-warning-border-color-accepting-hover: var(--color-warning-50);
  --dropzone-warning-border-color-resting: var(--color-warning-30);
  --dropzone-warning-text-color-accepting: var(--text-default);
  --dropzone-warning-text-color-accepting-hover: var(--text-default);
  --dropzone-warning-text-color-resting: var(--text-default);
  --file-importer-default-border-color: var(--color-interactive-30);
  --file-importer-default-border-radius: var(--radius-default);
  --file-importer-default-border-style: dashed;
  --file-importer-default-border-width: var(--border-width-10);
  --file-importer-default-heading-color: var(--text-default);
  --file-importer-default-icon-color: var(--color-interactive-30);
  --file-importer-default-subheading-color: var(--text-muted);
  --file-importer-drop-background: var(--color-interactive-20);
  --file-importer-footer-gap: var(--gap-m);
  --file-importer-gap: var(--gap-xl);
  --file-importer-heading-gap: var(--gap-s);
  --file-importer-invalid-border-color: var(--color-negative-30);
  --file-importer-invalid-border-radius: var(--radius-default);
  --file-importer-invalid-border-style: dashed;
  --file-importer-invalid-border-width: var(--border-width-10);
  --file-importer-invalid-heading-color: var(--text-negative);
  --file-importer-invalid-icon-color: var(--color-negative-30);
  --file-importer-invalid-subheading-color: var(--text-muted);
  --file-importer-min-height: 100px;
  --file-importer-min-width: 250px;
  --file-importer-padding-block: var(--padding-m);
  --file-importer-padding-inline: var(--padding-l);
  --file-importer-valid-border-color: var(--color-interactive-30);
  --file-importer-valid-border-radius: var(--radius-default);
  --file-importer-valid-border-style: solid;
  --file-importer-valid-border-width: var(--border-width-10);
  --file-importer-valid-heading-color: var(--color-interactive-30);
  --file-importer-valid-icon-color: var(--color-interactive-30);
  --file-importer-valid-subheading-color: var(--text-muted);
  --floating-notification-background: var(--surface-tint-neutral-20);
  --floating-notification-border-color: var(--color-neutral-20);
  --floating-notification-border-radius: var(--radius-default);
  --floating-notification-border-style: solid;
  --floating-notification-border-width: var(--border-width-10);
  --floating-notification-box-shadow: var(--elevation-medium);
  --floating-notification-close-icon-border-color: transparent;
  --floating-notification-close-icon-border-radius: var(--radius-999);
  --floating-notification-close-icon-border-style: solid;
  --floating-notification-close-icon-border-width: var(--dimension-2);
  --floating-notification-close-icon-margin-inline: var(--dimension-2);
  --floating-notification-close-icon-margin-top: var(--dimension-2);
  --floating-notification-error-color: var(--color-negative-30);
  --floating-notification-error-icon-color: var(--text-negative);
  --floating-notification-error-style: solid;
  --floating-notification-error-width: var(--dimension-2);
  --floating-notification-gap: var(--gap-m);
  --floating-notification-info-color: var(--color-info-30);
  --floating-notification-info-icon-color: var(--text-info);
  --floating-notification-info-style: solid;
  --floating-notification-info-width: var(--dimension-2);
  --floating-notification-max-width: 352px;
  --floating-notification-padding-block: var(--padding-m);
  --floating-notification-padding-inline: var(--padding-m);
  --floating-notification-success-color: var(--color-positive-30);
  --floating-notification-success-icon-color: var(--text-positive);
  --floating-notification-success-style: solid;
  --floating-notification-success-width: var(--dimension-2);
  --floating-notification-warning-color: var(--color-warning-30);
  --floating-notification-warning-icon-color: var(--text-default);
  --floating-notification-warning-style: solid;
  --floating-notification-warning-width: var(--dimension-2);
  --hero-spinner-gap: var(--gap-xl);
  --hero-spinner-message-color: var(--text-muted);
  --hero-spinner-text-gap: var(--gap-m);
  --hero-spinner-title-color: var(--text-brand);
  --icon-button-background-active: var(--color-interactive-20);
  --icon-button-background-default: transparent;
  --icon-button-background-disabled: var(--color-disabled-10);
  --icon-button-background-hover: var(--color-interactive-10);
  --icon-button-border-radius: var(--radius-default);
  --icon-button-color-active: var(--text-on-interactive-20);
  --icon-button-color-default: var(--text-default);
  --icon-button-color-disabled: var(--text-disabled);
  --icon-button-color-hover: var(--text-on-interactive-10);
  --inline-notification-action-color: var(--color-link-10);
  --inline-notification-action-padding-inline: var(--padding-m);
  --inline-notification-button-padding-block: var(--dimension-2);
  --inline-notification-button-padding-inline: var(--padding-m);
  --inline-notification-error-background: var(--surface-tint-neutral-20);
  --inline-notification-error-border-color: var(--color-negative-20);
  --inline-notification-error-border-radius: var(--radius-default);
  --inline-notification-error-border-style: solid;
  --inline-notification-error-border-width: var(--border-width-10);
  --inline-notification-error-color: var(--text-default);
  --inline-notification-error-dismiss-icon-color: var(--text-default);
  --inline-notification-error-icon-color: var(--text-negative);
  --inline-notification-gap: var(--gap-m);
  --inline-notification-info-background: var(--surface-tint-neutral-20);
  --inline-notification-info-border-color: var(--color-info-20);
  --inline-notification-info-border-radius: var(--radius-default);
  --inline-notification-info-border-style: solid;
  --inline-notification-info-border-width: var(--border-width-10);
  --inline-notification-info-color: var(--text-default);
  --inline-notification-info-dismiss-icon-color: var(--text-default);
  --inline-notification-info-icon-color: var(--text-info);
  --inline-notification-padding: var(--padding-m);
  --inline-notification-success-background: var(--surface-tint-neutral-20);
  --inline-notification-success-border-color: var(--color-positive-20);
  --inline-notification-success-border-radius: var(--radius-default);
  --inline-notification-success-border-style: solid;
  --inline-notification-success-border-width: var(--border-width-10);
  --inline-notification-success-color: var(--text-default);
  --inline-notification-success-dismiss-icon-color: var(--text-default);
  --inline-notification-success-icon-color: var(--text-positive);
  --inline-notification-warning-background: var(--surface-tint-neutral-20);
  --inline-notification-warning-border-color: var(--color-warning-30);
  --inline-notification-warning-border-radius: var(--radius-default);
  --inline-notification-warning-border-style: solid;
  --inline-notification-warning-border-width: var(--border-width-10);
  --inline-notification-warning-color: var(--text-default);
  --inline-notification-warning-dismiss-icon-color: var(--text-default);
  --inline-notification-warning-icon-color: var(--text-default);
  --inline-notification-width: 100%;
  --kbd-background: var(--surface-background);
  --kbd-border-color: transparent;
  --kbd-border-radius: var(--radius-10);
  --kbd-border-style: solid;
  --kbd-border-width: var(--dimension-0);
  --kbd-padding-block: var(--padding-s);
  --kbd-padding-inline: var(--padding-m);
  --menu-background: var(--surface-level-2);
  --menu-border-color: transparent;
  --menu-border-radius: var(--radius-default);
  --menu-border-style: solid;
  --menu-border-width: 0;
  --menu-box-shadow: var(--elevation-medium);
  --menu-color: var(--text-default);
  --menu-icon-margin-right: var(--gap-m);
  --menu-icon-width: var(--icon-size-3);
  --menu-item-background-active: var(--color-interactive-20);
  --menu-item-background-default: transparent;
  --menu-item-background-disabled: var(--color-disabled-10);
  --menu-item-background-hover: var(--color-interactive-10);
  --menu-item-color-active: var(--text-on-interactive-20);
  --menu-item-color-default: var(--text-default);
  --menu-item-color-disabled: var(--text-disabled);
  --menu-item-color-hover: var(--text-on-interactive-10);
  --menu-item-corner-radius: var(--radius-default);
  --menu-item-min-height: var(--components-min-height);
  --menu-item-padding: 0 var(--padding-l);
  --menu-min-width: 180px;
  --menu-spinner-background:
    linear-gradient(
      90deg,
      transparent 0%,
      var(--surface-level-2) 50%);
  --menu-spinner-padding-block: 0;
  --menu-spinner-padding-inline: var(--padding-m);
  --menu-submenu-gap: var(--gap-m);
  --menu-submenu-margin-left: var(--gap-m);
  --menu-submenu-min-width: var(--icon-size-3);
  --modal-background: var(--surface-level-3);
  --modal-border-color: var(--border-color-10);
  --modal-border-radius: var(--radius-default);
  --modal-border-style: solid;
  --modal-border-width: var(--border-width-10);
  --modal-box-shadow: var(--elevation-large);
  --modal-color: var(--text-default);
  --modal-default-max-width: 500px;
  --modal-default-min-width: 300px;
  --modal-default-width: 30%;
  --modal-large-max-width: 900px;
  --modal-large-min-width: 400px;
  --modal-large-width: 60%;
  --navigation-tab-border-radius: var(--radius-default);
  --navigation-tab-default-background: transparent;
  --navigation-tab-default-color: var(--text-default);
  --navigation-tab-gap: var(--gap-s);
  --navigation-tab-hover-background: var(--color-neutral-20);
  --navigation-tab-hover-color: var(--text-on-neutral-20);
  --navigation-tab-min-height: var(--dimension-24);
  --navigation-tab-min-width: var(--components-min-width);
  --navigation-tab-padding-inline: var(--padding-m);
  --navigation-tab-selected-background: var(--color-interactive-30);
  --navigation-tab-selected-color: var(--text-on-interactive-30);
  --pill-assist-background-active: var(--color-interactive-30);
  --pill-assist-background-default: var(--color-interactive-30);
  --pill-assist-background-disabled: var(--color-disabled-10);
  --pill-assist-background-hover: var(--color-interactive-40);
  --pill-assist-border-active: transparent;
  --pill-assist-border-default: transparent;
  --pill-assist-border-disabled: var(--text-disabled);
  --pill-assist-border-hover: transparent;
  --pill-assist-color-active: var(--text-on-interactive-30);
  --pill-assist-color-default: var(--text-on-interactive-30);
  --pill-assist-color-disabled: var(--text-disabled);
  --pill-assist-color-hover: var(--text-on-interactive-40);
  --pill-border-radius: var(--radius-999);
  --pill-error-background-active: var(--color-negative-50);
  --pill-error-background-default: var(--color-negative-30);
  --pill-error-background-disabled: var(--color-disabled-10);
  --pill-error-background-hover: var(--color-negative-40);
  --pill-error-border-active: var(--color-negative-30);
  --pill-error-border-default: var(--color-negative-30);
  --pill-error-border-disabled: var(--text-disabled);
  --pill-error-border-hover: var(--color-negative-40);
  --pill-error-color-active: var(--text-on-negative-50);
  --pill-error-color-default: var(--text-on-negative-30);
  --pill-error-color-disabled: var(--text-disabled);
  --pill-error-color-hover: var(--text-on-negative-40);
  --pill-filter-background-active: var(--color-neutral-30);
  --pill-filter-background-default: transparent;
  --pill-filter-background-disabled: var(--color-disabled-10);
  --pill-filter-background-hover: var(--color-neutral-10);
  --pill-filter-border-active: var(--color-neutral-30);
  --pill-filter-border-default: var(--color-neutral-30);
  --pill-filter-border-disabled: var(--text-disabled);
  --pill-filter-border-hover: var(--color-neutral-30);
  --pill-filter-color-active: var(--text-on-neutral-30);
  --pill-filter-color-default: var(--text-default);
  --pill-filter-color-disabled: var(--text-disabled);
  --pill-filter-color-hover: var(--text-on-neutral-10);
  --pill-filter-selected-background-active: var(--color-interactive-30);
  --pill-filter-selected-background-default: var(--color-interactive-10);
  --pill-filter-selected-background-disabled: var(--color-disabled-10);
  --pill-filter-selected-background-hover: var(--color-interactive-20);
  --pill-filter-selected-border-active: var(--color-interactive-50);
  --pill-filter-selected-border-default: var(--color-interactive-30);
  --pill-filter-selected-border-disabled: var(--text-disabled);
  --pill-filter-selected-border-hover: var(--color-interactive-40);
  --pill-filter-selected-color-active: var(--text-on-interactive-30);
  --pill-filter-selected-color-default: var(--text-on-interactive-10);
  --pill-filter-selected-color-disabled: var(--text-disabled);
  --pill-filter-selected-color-hover: var(--text-on-interactive-20);
  --pill-gap: var(--gap-s);
  --pill-height: var(--icon-size-3);
  --pill-info-background-active: var(--color-info-50);
  --pill-info-background-default: var(--color-info-30);
  --pill-info-background-disabled: var(--color-disabled-10);
  --pill-info-background-hover: var(--color-info-40);
  --pill-info-border-active: var(--color-info-30);
  --pill-info-border-default: var(--color-info-30);
  --pill-info-border-disabled: var(--text-disabled);
  --pill-info-border-hover: var(--color-info-40);
  --pill-info-color-active: var(--text-on-info-50);
  --pill-info-color-default: var(--text-on-info-30);
  --pill-info-color-disabled: var(--text-disabled);
  --pill-info-color-hover: var(--text-on-info-40);
  --pill-neutral-background-active: var(--color-neutral-50);
  --pill-neutral-background-default: var(--color-neutral-30);
  --pill-neutral-background-disabled: var(--color-disabled-10);
  --pill-neutral-background-hover: var(--color-neutral-40);
  --pill-neutral-border-active: var(--color-neutral-30);
  --pill-neutral-border-default: var(--color-neutral-30);
  --pill-neutral-border-disabled: var(--text-disabled);
  --pill-neutral-border-hover: var(--color-neutral-40);
  --pill-neutral-color-active: var(--text-on-neutral-50);
  --pill-neutral-color-default: var(--text-on-neutral-30);
  --pill-neutral-color-disabled: var(--text-disabled);
  --pill-neutral-color-hover: var(--text-on-neutral-40);
  --pill-padding: 0 var(--padding-m);
  --pill-padding-toggle: var(--padding-m);
  --pill-success-background-active: var(--color-positive-50);
  --pill-success-background-default: var(--color-positive-30);
  --pill-success-background-disabled: var(--color-disabled-10);
  --pill-success-background-hover: var(--color-positive-40);
  --pill-success-border-active: var(--color-positive-30);
  --pill-success-border-default: var(--color-positive-30);
  --pill-success-border-disabled: var(--text-disabled);
  --pill-success-border-hover: var(--color-positive-40);
  --pill-success-color-active: var(--text-on-positive-50);
  --pill-success-color-default: var(--text-on-positive-30);
  --pill-success-color-disabled: var(--text-disabled);
  --pill-success-color-hover: var(--text-on-positive-40);
  --pill-suggest-background-active: var(--color-interactive-20);
  --pill-suggest-background-default: transparent;
  --pill-suggest-background-disabled: var(--color-disabled-10);
  --pill-suggest-background-hover: var(--color-interactive-10);
  --pill-suggest-border-active: var(--color-interactive-30);
  --pill-suggest-border-default: var(--color-interactive-30);
  --pill-suggest-border-disabled: var(--text-disabled);
  --pill-suggest-border-hover: var(--color-interactive-40);
  --pill-suggest-color-active: var(--text-on-interactive-20);
  --pill-suggest-color-default: var(--text-default);
  --pill-suggest-color-disabled: var(--text-disabled);
  --pill-suggest-color-hover: var(--text-on-interactive-10);
  --pill-warning-background-active: var(--color-warning-50);
  --pill-warning-background-default: var(--color-warning-30);
  --pill-warning-background-disabled: var(--color-disabled-10);
  --pill-warning-background-hover: var(--color-warning-40);
  --pill-warning-border-active: var(--color-warning-30);
  --pill-warning-border-default: var(--color-warning-30);
  --pill-warning-border-disabled: var(--text-disabled);
  --pill-warning-border-hover: var(--color-warning-40);
  --pill-warning-color-active: var(--text-on-warning-50);
  --pill-warning-color-default: var(--text-on-warning-30);
  --pill-warning-color-disabled: var(--text-disabled);
  --pill-warning-color-hover: var(--text-on-warning-40);
  --pill-toggle-background-active: var(--color-neutral-20);
  --pill-toggle-background-default: transparent;
  --pill-toggle-background-disabled: var(--color-disabled-10);
  --pill-toggle-background-hover: var(--color-neutral-10);
  --pill-toggle-border-active: var(--color-neutral-50);
  --pill-toggle-border-default: var(--color-neutral-30);
  --pill-toggle-border-disabled: var(--text-disabled);
  --pill-toggle-border-hover: var(--color-neutral-40);
  --pill-toggle-color-active: var(--text-on-neutral-20);
  --pill-toggle-color-default: var(--text-muted);
  --pill-toggle-color-disabled: var(--text-disabled);
  --pill-toggle-color-hover: var(--text-on-neutral-10);
  --pill-toggle-info-background-active: var(--color-info-10);
  --pill-toggle-info-background-default: var(--color-info-10);
  --pill-toggle-info-background-disabled: var(--color-disabled-10);
  --pill-toggle-info-background-hover: var(--color-info-20);
  --pill-toggle-info-border-active: var(--color-info-50);
  --pill-toggle-info-border-default: var(--color-info-30);
  --pill-toggle-info-border-disabled: var(--text-disabled);
  --pill-toggle-info-border-hover: var(--color-info-40);
  --pill-toggle-info-color-active: var(--text-on-info-10);
  --pill-toggle-info-color-default: var(--text-on-info-10);
  --pill-toggle-info-color-disabled: var(--text-disabled);
  --pill-toggle-info-color-hover: var(--text-on-info-20);
  --pill-toggle-negative-background-active: var(--color-negative-10);
  --pill-toggle-negative-background-default: var(--color-negative-10);
  --pill-toggle-negative-background-disabled: var(--color-disabled-10);
  --pill-toggle-negative-background-hover: var(--color-negative-20);
  --pill-toggle-negative-border-active: var(--color-negative-50);
  --pill-toggle-negative-border-default: var(--color-negative-30);
  --pill-toggle-negative-border-disabled: var(--text-disabled);
  --pill-toggle-negative-border-hover: var(--color-negative-40);
  --pill-toggle-negative-color-active: var(--text-on-negative-10);
  --pill-toggle-negative-color-default: var(--text-on-negative-10);
  --pill-toggle-negative-color-disabled: var(--text-disabled);
  --pill-toggle-negative-color-hover: var(--text-on-negative-20);
  --pill-toggle-neutral-background-active: var(--color-interactive-10);
  --pill-toggle-neutral-background-default: var(--color-interactive-10);
  --pill-toggle-neutral-background-disabled: var(--color-disabled-10);
  --pill-toggle-neutral-background-hover: var(--color-interactive-20);
  --pill-toggle-neutral-border-active: var(--color-interactive-50);
  --pill-toggle-neutral-border-default: var(--color-interactive-30);
  --pill-toggle-neutral-border-disabled: var(--text-disabled);
  --pill-toggle-neutral-border-hover: var(--color-interactive-40);
  --pill-toggle-neutral-color-active: var(--text-on-interactive-10);
  --pill-toggle-neutral-color-default: var(--text-on-interactive-10);
  --pill-toggle-neutral-color-disabled: var(--text-disabled);
  --pill-toggle-neutral-color-hover: var(--text-on-interactive-20);
  --pill-toggle-positive-background-active: var(--color-positive-10);
  --pill-toggle-positive-background-default: var(--color-positive-10);
  --pill-toggle-positive-background-disabled: var(--color-disabled-10);
  --pill-toggle-positive-background-hover: var(--color-positive-20);
  --pill-toggle-positive-border-active: var(--color-positive-50);
  --pill-toggle-positive-border-default: var(--color-positive-30);
  --pill-toggle-positive-border-disabled: var(--text-disabled);
  --pill-toggle-positive-border-hover: var(--color-positive-40);
  --pill-toggle-positive-color-active: var(--text-on-positive-10);
  --pill-toggle-positive-color-default: var(--text-on-positive-10);
  --pill-toggle-positive-color-disabled: var(--text-disabled);
  --pill-toggle-positive-color-hover: var(--text-on-positive-20);
  --pill-toggle-warning-background-active: var(--color-warning-10);
  --pill-toggle-warning-background-default: var(--color-warning-10);
  --pill-toggle-warning-background-disabled: var(--color-disabled-10);
  --pill-toggle-warning-background-hover: var(--color-warning-20);
  --pill-toggle-warning-border-active: var(--color-warning-50);
  --pill-toggle-warning-border-default: var(--color-warning-30);
  --pill-toggle-warning-border-disabled: var(--text-disabled);
  --pill-toggle-warning-border-hover: var(--color-warning-40);
  --pill-toggle-warning-color-active: var(--text-on-warning-10);
  --pill-toggle-warning-color-default: var(--text-on-warning-10);
  --pill-toggle-warning-color-disabled: var(--text-disabled);
  --pill-toggle-warning-color-hover: var(--text-on-warning-20);
  --plus-minus-input-invalid-background-active: var(--textfield-invalid-background-active);
  --plus-minus-input-invalid-background-default: var(--textfield-invalid-background-default);
  --plus-minus-input-invalid-background-disabled: var(--plus-minus-input-normal-background-disabled);
  --plus-minus-input-invalid-background-hover: var(--textfield-invalid-background-hover);
  --plus-minus-input-invalid-border-color-active: var(--textfield-invalid-border-color-active);
  --plus-minus-input-invalid-border-color-default: var(--textfield-invalid-border-color-default);
  --plus-minus-input-invalid-border-color-disabled: var(--plus-minus-input-normal-border-color-disabled);
  --plus-minus-input-invalid-border-color-hover: var(--textfield-invalid-border-color-hover);
  --plus-minus-input-invalid-border-radius-active: var(--textfield-invalid-border-radius-active);
  --plus-minus-input-invalid-border-radius-default: var(--textfield-invalid-border-radius-default);
  --plus-minus-input-invalid-border-radius-disabled: var(--textfield-invalid-border-radius-disabled);
  --plus-minus-input-invalid-border-radius-hover: var(--textfield-invalid-border-radius-hover);
  --plus-minus-input-invalid-border-style-active: var(--textfield-invalid-border-style-active);
  --plus-minus-input-invalid-border-style-default: var(--textfield-invalid-border-style-default);
  --plus-minus-input-invalid-border-style-disabled: var(--textfield-invalid-border-style-disabled);
  --plus-minus-input-invalid-border-style-hover: var(--textfield-invalid-border-style-hover);
  --plus-minus-input-invalid-border-width-active: var(--textfield-invalid-border-width-active);
  --plus-minus-input-invalid-border-width-default: var(--textfield-invalid-border-width-default);
  --plus-minus-input-invalid-border-width-disabled: var(--textfield-invalid-border-width-disabled);
  --plus-minus-input-invalid-border-width-hover: var(--textfield-invalid-border-width-hover);
  --plus-minus-input-invalid-color-active: var(--textfield-invalid-color-active);
  --plus-minus-input-invalid-color-default: var(--textfield-invalid-color-default);
  --plus-minus-input-invalid-color-disabled: var(--textfield-invalid-color-disabled);
  --plus-minus-input-invalid-color-hover: var(--textfield-invalid-color-default);
  --plus-minus-input-invalid-padding-inline: var(--padding-m);
  --plus-minus-input-normal-background-active: var(--textfield-normal-background-active);
  --plus-minus-input-normal-background-default: transparent;
  --plus-minus-input-normal-background-disabled: transparent;
  --plus-minus-input-normal-background-hover: transparent;
  --plus-minus-input-normal-border-color-active: transparent;
  --plus-minus-input-normal-border-color-default: transparent;
  --plus-minus-input-normal-border-color-disabled: transparent;
  --plus-minus-input-normal-border-color-hover: transparent;
  --plus-minus-input-normal-border-radius-active: var(--textfield-normal-border-radius-active);
  --plus-minus-input-normal-border-radius-default: var(--textfield-normal-border-radius-default);
  --plus-minus-input-normal-border-radius-disabled: var(--textfield-normal-border-radius-disabled);
  --plus-minus-input-normal-border-radius-hover: var(--textfield-normal-border-radius-hover);
  --plus-minus-input-normal-border-style-active: var(--textfield-normal-border-style-active);
  --plus-minus-input-normal-border-style-default: var(--textfield-normal-border-style-default);
  --plus-minus-input-normal-border-style-disabled: var(--textfield-normal-border-style-disabled);
  --plus-minus-input-normal-border-style-hover: var(--textfield-normal-border-style-hover);
  --plus-minus-input-normal-border-width-active: var(--textfield-normal-border-width-active);
  --plus-minus-input-normal-border-width-default: var(--textfield-normal-border-width-default);
  --plus-minus-input-normal-border-width-disabled: var(--textfield-normal-border-width-disabled);
  --plus-minus-input-normal-border-width-hover: var(--textfield-normal-border-width-hover);
  --plus-minus-input-normal-color-active: var(--textfield-normal-color-active);
  --plus-minus-input-normal-color-default: var(--textfield-normal-color-default);
  --plus-minus-input-normal-color-disabled: var(--textfield-normal-color-disabled);
  --plus-minus-input-normal-color-hover: var(--textfield-normal-color-default);
  --plus-minus-input-normal-padding-inline: var(--padding-m);
  --plus-minus-input-readonly-background-active: var(--textfield-readonly-background-active);
  --plus-minus-input-readonly-background-default: var(--textfield-readonly-background-default);
  --plus-minus-input-readonly-background-disabled: var(--plus-minus-input-normal-background-disabled);
  --plus-minus-input-readonly-background-hover: var(--textfield-readonly-background-hover);
  --plus-minus-input-readonly-border-color-active: var(--textfield-readonly-border-color-active);
  --plus-minus-input-readonly-border-color-default: var(--textfield-readonly-border-color-default);
  --plus-minus-input-readonly-border-color-disabled: var(--plus-minus-input-normal-border-color-disabled);
  --plus-minus-input-readonly-border-color-hover: var(--textfield-readonly-border-color-hover);
  --plus-minus-input-readonly-border-radius-active: var(--textfield-readonly-border-radius-active);
  --plus-minus-input-readonly-border-radius-default: var(--textfield-readonly-border-radius-default);
  --plus-minus-input-readonly-border-radius-disabled: var(--textfield-readonly-border-radius-disabled);
  --plus-minus-input-readonly-border-radius-hover: var(--textfield-readonly-border-radius-hover);
  --plus-minus-input-readonly-border-style-active: var(--textfield-readonly-border-style-active);
  --plus-minus-input-readonly-border-style-default: var(--textfield-readonly-border-style-default);
  --plus-minus-input-readonly-border-style-disabled: var(--textfield-readonly-border-style-disabled);
  --plus-minus-input-readonly-border-style-hover: var(--textfield-readonly-border-style-hover);
  --plus-minus-input-readonly-border-width-active: var(--textfield-readonly-border-width-active);
  --plus-minus-input-readonly-border-width-default: var(--textfield-readonly-border-width-default);
  --plus-minus-input-readonly-border-width-disabled: var(--textfield-readonly-border-width-disabled);
  --plus-minus-input-readonly-border-width-hover: var(--textfield-readonly-border-width-hover);
  --plus-minus-input-readonly-color-active: var(--textfield-readonly-color-active);
  --plus-minus-input-readonly-color-default: var(--textfield-readonly-color-default);
  --plus-minus-input-readonly-color-disabled: var(--textfield-readonly-color-disabled);
  --plus-minus-input-readonly-color-hover: var(--textfield-readonly-color-default);
  --plus-minus-input-readonly-padding-inline: var(--padding-m);
  --plus-minus-input-valid-background-active: var(--textfield-valid-background-active);
  --plus-minus-input-valid-background-default: var(--textfield-valid-background-default);
  --plus-minus-input-valid-background-disabled: var(--plus-minus-input-normal-background-disabled);
  --plus-minus-input-valid-background-hover: var(--textfield-valid-background-hover);
  --plus-minus-input-valid-border-color-active: var(--textfield-valid-border-color-active);
  --plus-minus-input-valid-border-color-default: var(--textfield-valid-border-color-default);
  --plus-minus-input-valid-border-color-disabled: var(--plus-minus-input-normal-border-color-disabled);
  --plus-minus-input-valid-border-color-hover: var(--textfield-valid-border-color-hover);
  --plus-minus-input-valid-border-radius-active: var(--textfield-valid-border-radius-active);
  --plus-minus-input-valid-border-radius-default: var(--textfield-valid-border-radius-default);
  --plus-minus-input-valid-border-radius-disabled: var(--textfield-valid-border-radius-disabled);
  --plus-minus-input-valid-border-radius-hover: var(--textfield-valid-border-radius-hover);
  --plus-minus-input-valid-border-style-active: var(--textfield-valid-border-style-active);
  --plus-minus-input-valid-border-style-default: var(--textfield-valid-border-style-default);
  --plus-minus-input-valid-border-style-disabled: var(--textfield-valid-border-style-disabled);
  --plus-minus-input-valid-border-style-hover: var(--textfield-valid-border-style-hover);
  --plus-minus-input-valid-border-width-active: var(--textfield-valid-border-width-active);
  --plus-minus-input-valid-border-width-default: var(--textfield-valid-border-width-default);
  --plus-minus-input-valid-border-width-disabled: var(--textfield-valid-border-width-disabled);
  --plus-minus-input-valid-border-width-hover: var(--textfield-valid-border-width-hover);
  --plus-minus-input-valid-color-active: var(--textfield-valid-color-active);
  --plus-minus-input-valid-color-default: var(--textfield-valid-color-default);
  --plus-minus-input-valid-color-disabled: var(--textfield-valid-color-disabled);
  --plus-minus-input-valid-color-hover: var(--textfield-valid-color-default);
  --plus-minus-input-valid-padding-inline: var(--padding-m);
  --popover-background: var(--tooltip-background);
  --popover-border-color: var(--tooltip-border-color);
  --popover-border-radius: var(--tooltip-border-radius);
  --popover-border-style: var(--tooltip-border-style);
  --popover-border-width: 0;
  --popover-box-shadow: var(--elevation-medium);
  --popover-color: var(--tooltip-color);
  --popover-padding: var(--padding-m);
  --radio-checked-background-active: var(--color-input-background-active);
  --radio-checked-background-default: var(--color-input-background-default);
  --radio-checked-background-disabled: var(--color-input-background-disabled);
  --radio-checked-background-hover: var(--color-input-background-hover);
  --radio-checked-border-color-active: var(--color-interactive-50);
  --radio-checked-border-color-default: var(--color-interactive-30);
  --radio-checked-border-color-disabled: var(--color-input-border-disabled);
  --radio-checked-border-color-hover: var(--color-interactive-40);
  --radio-checked-border-radius-active: var(--radius-circle);
  --radio-checked-border-radius-default: var(--radius-circle);
  --radio-checked-border-radius-disabled: var(--radius-circle);
  --radio-checked-border-radius-hover: var(--radius-circle);
  --radio-checked-border-style-active: solid;
  --radio-checked-border-style-default: solid;
  --radio-checked-border-style-disabled: solid;
  --radio-checked-border-style-hover: solid;
  --radio-checked-border-width-active: var(--border-width-20);
  --radio-checked-border-width-default: var(--border-width-20);
  --radio-checked-border-width-disabled: var(--border-width-20);
  --radio-checked-border-width-hover: var(--border-width-20);
  --radio-checked-label-color-active: var(--text-default);
  --radio-checked-label-color-default: var(--text-default);
  --radio-checked-label-color-disabled: var(--text-disabled);
  --radio-checked-label-color-hover: var(--text-default);
  --radio-checked-ripple-color-active: var(--color-input-ripple-active);
  --radio-checked-ripple-color-default: var(--color-input-ripple-default);
  --radio-checked-ripple-color-disabled: var(--color-input-ripple-disabled);
  --radio-checked-ripple-color-hover: var(--color-input-ripple-hover);
  --radio-checked-tick-color-active: var(--color-interactive-50);
  --radio-checked-tick-color-default: var(--color-interactive-30);
  --radio-checked-tick-color-disabled: var(--text-disabled);
  --radio-checked-tick-color-hover: var(--color-interactive-40);
  --radio-invalid-checked-background-active: var(--radio-checked-background-active);
  --radio-invalid-checked-background-default: var(--radio-checked-background-default);
  --radio-invalid-checked-background-disabled: var(--radio-checked-background-disabled);
  --radio-invalid-checked-background-hover: var(--radio-checked-background-hover);
  --radio-invalid-checked-border-color-active: var(--color-negative-50);
  --radio-invalid-checked-border-color-default: var(--color-negative-30);
  --radio-invalid-checked-border-color-disabled: var(--radio-checked-border-color-disabled);
  --radio-invalid-checked-border-color-hover: var(--color-negative-40);
  --radio-invalid-checked-border-radius-active: var(--radio-checked-border-radius-active);
  --radio-invalid-checked-border-radius-default: var(--radio-checked-border-radius-default);
  --radio-invalid-checked-border-radius-disabled: var(--radio-checked-border-radius-disabled);
  --radio-invalid-checked-border-radius-hover: var(--radio-checked-border-radius-hover);
  --radio-invalid-checked-border-style-active: var(--radio-checked-border-style-active);
  --radio-invalid-checked-border-style-default: var(--radio-checked-border-style-default);
  --radio-invalid-checked-border-style-disabled: var(--radio-checked-border-style-disabled);
  --radio-invalid-checked-border-style-hover: var(--radio-checked-border-style-hover);
  --radio-invalid-checked-border-width-active: var(--radio-checked-border-width-active);
  --radio-invalid-checked-border-width-default: var(--radio-checked-border-width-default);
  --radio-invalid-checked-border-width-disabled: var(--radio-checked-border-width-disabled);
  --radio-invalid-checked-border-width-hover: var(--radio-checked-border-width-hover);
  --radio-invalid-checked-label-color-active: var(--radio-checked-label-color-active);
  --radio-invalid-checked-label-color-default: var(--radio-checked-label-color-default);
  --radio-invalid-checked-label-color-disabled: var(--radio-checked-label-color-disabled);
  --radio-invalid-checked-label-color-hover: var(--radio-checked-label-color-hover);
  --radio-invalid-checked-ripple-color-active: var(--color-negative-20);
  --radio-invalid-checked-ripple-color-default: var(--radio-checked-ripple-color-default);
  --radio-invalid-checked-ripple-color-disabled: var(--radio-checked-ripple-color-disabled);
  --radio-invalid-checked-ripple-color-hover: var(--color-negative-10);
  --radio-invalid-checked-tick-color-active: var(--color-negative-50);
  --radio-invalid-checked-tick-color-default: var(--color-negative-30);
  --radio-invalid-checked-tick-color-disabled: var(--radio-checked-background-disabled);
  --radio-invalid-checked-tick-color-hover: var(--color-negative-40);
  --radio-invalid-unchecked-background-active: var(--radio-unchecked-background-active);
  --radio-invalid-unchecked-background-default: var(--radio-unchecked-background-default);
  --radio-invalid-unchecked-background-disabled: var(--radio-unchecked-background-disabled);
  --radio-invalid-unchecked-background-hover: var(--radio-unchecked-background-hover);
  --radio-invalid-unchecked-border-color-active: var(--color-negative-50);
  --radio-invalid-unchecked-border-color-default: var(--color-negative-30);
  --radio-invalid-unchecked-border-color-disabled: var(--radio-unchecked-border-color-disabled);
  --radio-invalid-unchecked-border-color-hover: var(--color-negative-40);
  --radio-invalid-unchecked-border-radius-active: var(--radio-unchecked-border-radius-active);
  --radio-invalid-unchecked-border-radius-default: var(--radio-unchecked-border-radius-default);
  --radio-invalid-unchecked-border-radius-disabled: var(--radio-unchecked-border-radius-disabled);
  --radio-invalid-unchecked-border-radius-hover: var(--radio-unchecked-border-radius-hover);
  --radio-invalid-unchecked-border-style-active: var(--radio-unchecked-border-style-active);
  --radio-invalid-unchecked-border-style-default: var(--radio-unchecked-border-style-default);
  --radio-invalid-unchecked-border-style-disabled: var(--radio-unchecked-border-style-disabled);
  --radio-invalid-unchecked-border-style-hover: var(--radio-unchecked-border-style-hover);
  --radio-invalid-unchecked-border-width-active: var(--radio-unchecked-border-width-active);
  --radio-invalid-unchecked-border-width-default: var(--radio-unchecked-border-width-default);
  --radio-invalid-unchecked-border-width-disabled: var(--radio-unchecked-border-width-disabled);
  --radio-invalid-unchecked-border-width-hover: var(--radio-unchecked-border-width-hover);
  --radio-invalid-unchecked-label-color-active: var(--radio-unchecked-label-color-active);
  --radio-invalid-unchecked-label-color-default: var(--radio-unchecked-label-color-default);
  --radio-invalid-unchecked-label-color-disabled: var(--radio-unchecked-label-color-disabled);
  --radio-invalid-unchecked-label-color-hover: var(--radio-unchecked-label-color-hover);
  --radio-invalid-unchecked-ripple-color-active: var(--color-negative-20);
  --radio-invalid-unchecked-ripple-color-default: var(--radio-unchecked-ripple-color-default);
  --radio-invalid-unchecked-ripple-color-disabled: var(--radio-unchecked-ripple-color-disabled);
  --radio-invalid-unchecked-ripple-color-hover: var(--color-negative-10);
  --radio-invalid-unchecked-tick-color-active: var(--radio-unchecked-tick-color-active);
  --radio-invalid-unchecked-tick-color-default: var(--radio-unchecked-tick-color-default);
  --radio-invalid-unchecked-tick-color-disabled: var(--radio-unchecked-tick-color-disabled);
  --radio-invalid-unchecked-tick-color-hover: var(--radio-unchecked-tick-color-hover);
  --radio-size: var(--dimension-16);
  --radio-unchecked-background-active: var(--color-input-background-active);
  --radio-unchecked-background-default: var(--color-input-background-default);
  --radio-unchecked-background-disabled: var(--color-input-background-disabled);
  --radio-unchecked-background-hover: var(--color-input-background-hover);
  --radio-unchecked-border-color-active: var(--color-input-border-active);
  --radio-unchecked-border-color-default: var(--color-input-border-default);
  --radio-unchecked-border-color-disabled: var(--color-input-border-disabled);
  --radio-unchecked-border-color-hover: var(--color-input-border-hover);
  --radio-unchecked-border-radius-active: var(--radius-circle);
  --radio-unchecked-border-radius-default: var(--radius-circle);
  --radio-unchecked-border-radius-disabled: var(--radius-circle);
  --radio-unchecked-border-radius-hover: var(--radius-circle);
  --radio-unchecked-border-style-active: solid;
  --radio-unchecked-border-style-default: solid;
  --radio-unchecked-border-style-disabled: solid;
  --radio-unchecked-border-style-hover: solid;
  --radio-unchecked-border-width-active: var(--border-width-20);
  --radio-unchecked-border-width-default: var(--border-width-20);
  --radio-unchecked-border-width-disabled: var(--border-width-20);
  --radio-unchecked-border-width-hover: var(--border-width-20);
  --radio-unchecked-label-color-active: var(--text-default);
  --radio-unchecked-label-color-default: var(--text-default);
  --radio-unchecked-label-color-disabled: var(--text-disabled);
  --radio-unchecked-label-color-hover: var(--text-default);
  --radio-unchecked-ripple-color-active: var(--color-input-ripple-active);
  --radio-unchecked-ripple-color-default: var(--color-input-ripple-default);
  --radio-unchecked-ripple-color-disabled: var(--color-input-ripple-disabled);
  --radio-unchecked-ripple-color-hover: var(--color-input-ripple-hover);
  --radio-unchecked-tick-color-active: transparent;
  --radio-unchecked-tick-color-default: transparent;
  --radio-unchecked-tick-color-disabled: transparent;
  --radio-unchecked-tick-color-hover: transparent;
  --radio-valid-checked-background-active: var(--radio-checked-background-active);
  --radio-valid-checked-background-default: var(--radio-checked-background-default);
  --radio-valid-checked-background-disabled: var(--radio-checked-background-disabled);
  --radio-valid-checked-background-hover: var(--radio-checked-background-hover);
  --radio-valid-checked-border-color-active: var(--color-positive-50);
  --radio-valid-checked-border-color-default: var(--color-positive-30);
  --radio-valid-checked-border-color-disabled: var(--radio-checked-border-color-disabled);
  --radio-valid-checked-border-color-hover: var(--color-positive-40);
  --radio-valid-checked-border-radius-active: var(--radio-checked-border-radius-active);
  --radio-valid-checked-border-radius-default: var(--radio-checked-border-radius-default);
  --radio-valid-checked-border-radius-disabled: var(--radio-checked-border-radius-disabled);
  --radio-valid-checked-border-radius-hover: var(--radio-checked-border-radius-hover);
  --radio-valid-checked-border-style-active: var(--radio-checked-border-style-active);
  --radio-valid-checked-border-style-default: var(--radio-checked-border-style-default);
  --radio-valid-checked-border-style-disabled: var(--radio-checked-border-style-disabled);
  --radio-valid-checked-border-style-hover: var(--radio-checked-border-style-hover);
  --radio-valid-checked-border-width-active: var(--radio-checked-border-width-active);
  --radio-valid-checked-border-width-default: var(--radio-checked-border-width-default);
  --radio-valid-checked-border-width-disabled: var(--radio-checked-border-width-disabled);
  --radio-valid-checked-border-width-hover: var(--radio-checked-border-width-hover);
  --radio-valid-checked-label-color-active: var(--radio-checked-label-color-active);
  --radio-valid-checked-label-color-default: var(--radio-checked-label-color-default);
  --radio-valid-checked-label-color-disabled: var(--radio-checked-label-color-disabled);
  --radio-valid-checked-label-color-hover: var(--radio-checked-label-color-hover);
  --radio-valid-checked-ripple-color-active: var(--color-positive-20);
  --radio-valid-checked-ripple-color-default: var(--radio-checked-ripple-color-default);
  --radio-valid-checked-ripple-color-disabled: var(--radio-checked-ripple-color-disabled);
  --radio-valid-checked-ripple-color-hover: var(--color-positive-10);
  --radio-valid-checked-tick-color-active: var(--color-positive-50);
  --radio-valid-checked-tick-color-default: var(--color-positive-30);
  --radio-valid-checked-tick-color-disabled: var(--radio-checked-background-disabled);
  --radio-valid-checked-tick-color-hover: var(--color-positive-40);
  --radio-valid-unchecked-background-active: var(--radio-unchecked-background-active);
  --radio-valid-unchecked-background-default: var(--radio-unchecked-background-default);
  --radio-valid-unchecked-background-disabled: var(--radio-unchecked-background-disabled);
  --radio-valid-unchecked-background-hover: var(--radio-unchecked-background-hover);
  --radio-valid-unchecked-border-color-active: var(--color-positive-50);
  --radio-valid-unchecked-border-color-default: var(--color-positive-30);
  --radio-valid-unchecked-border-color-disabled: var(--radio-unchecked-border-color-disabled);
  --radio-valid-unchecked-border-color-hover: var(--color-positive-40);
  --radio-valid-unchecked-border-radius-active: var(--radio-unchecked-border-radius-active);
  --radio-valid-unchecked-border-radius-default: var(--radio-unchecked-border-radius-default);
  --radio-valid-unchecked-border-radius-disabled: var(--radio-unchecked-border-radius-disabled);
  --radio-valid-unchecked-border-radius-hover: var(--radio-unchecked-border-radius-hover);
  --radio-valid-unchecked-border-style-active: var(--radio-unchecked-border-style-active);
  --radio-valid-unchecked-border-style-default: var(--radio-unchecked-border-style-default);
  --radio-valid-unchecked-border-style-disabled: var(--radio-unchecked-border-style-disabled);
  --radio-valid-unchecked-border-style-hover: var(--radio-unchecked-border-style-hover);
  --radio-valid-unchecked-border-width-active: var(--radio-unchecked-border-width-active);
  --radio-valid-unchecked-border-width-default: var(--radio-unchecked-border-width-default);
  --radio-valid-unchecked-border-width-disabled: var(--radio-unchecked-border-width-disabled);
  --radio-valid-unchecked-border-width-hover: var(--radio-unchecked-border-width-hover);
  --radio-valid-unchecked-label-color-active: var(--radio-unchecked-label-color-active);
  --radio-valid-unchecked-label-color-default: var(--radio-unchecked-label-color-default);
  --radio-valid-unchecked-label-color-disabled: var(--radio-unchecked-label-color-disabled);
  --radio-valid-unchecked-label-color-hover: var(--radio-unchecked-label-color-hover);
  --radio-valid-unchecked-ripple-color-active: var(--color-positive-20);
  --radio-valid-unchecked-ripple-color-default: var(--radio-unchecked-ripple-color-default);
  --radio-valid-unchecked-ripple-color-disabled: var(--radio-unchecked-ripple-color-disabled);
  --radio-valid-unchecked-ripple-color-hover: var(--color-positive-10);
  --radio-valid-unchecked-tick-color-active: var(--radio-unchecked-tick-color-active);
  --radio-valid-unchecked-tick-color-default: var(--radio-unchecked-tick-color-default);
  --radio-valid-unchecked-tick-color-disabled: var(--radio-unchecked-tick-color-disabled);
  --radio-valid-unchecked-tick-color-hover: var(--radio-unchecked-tick-color-hover);
  --scroller-background-1: var(--surface-level-1);
  --scroller-background-2: var(--surface-level-2);
  --scroller-background-3: var(--surface-level-3);
  --scroller-background-default: var(--surface-background);
  --segmented-control-background: var(--color-input-background-default);
  --segmented-control-border-color: var(--border-color-20);
  --segmented-control-border-gap: var(--gap-xs);
  --segmented-control-border-radius: var(--radius-default);
  --segmented-control-border-style: solid;
  --segmented-control-border-width: var(--border-width-10);
  --segmented-control-gap: var(--gap-m);
  --segmented-control-label-color: var(--text-default);
  --segmented-control-min-height: var(--components-min-height);
  --segmented-control-padding: 2px;
  --segmented-control-item-border-radius: var(--radius-10);
  --segmented-control-item-default-background: transparent;
  --segmented-control-item-default-cursor: pointer;
  --segmented-control-item-default-foreground: var(--text-default);
  --segmented-control-item-disabled-background: var(--color-disabled-10);
  --segmented-control-item-disabled-cursor: not-allowed;
  --segmented-control-item-disabled-foreground: var(--text-disabled);
  --segmented-control-item-gap: var(--gap-s);
  --segmented-control-item-hover-background: var(--color-neutral-20);
  --segmented-control-item-hover-selected-background: var(--color-input-ripple-active);
  --segmented-control-item-padding-inline: var(--padding-m);
  --segmented-control-item-selected-background: var(--color-input-ripple-hover);
  --segmented-control-item-selected-cursor: pointer;
  --segmented-control-item-selected-foreground: var(--text-default);
  --select-item-normal-background-active: transparent;
  --select-item-normal-background-default: transparent;
  --select-item-normal-background-disabled: transparent;
  --select-item-normal-background-hover: var(--color-neutral-20);
  --select-item-normal-color-active: var(--text-default);
  --select-item-normal-color-default: var(--text-default);
  --select-item-normal-color-disabled: var(--text-disabled);
  --select-item-normal-color-hover: var(--text-on-neutral-20);
  --select-item-selected-background-active: var(--color-interactive-20);
  --select-item-selected-background-default: var(--color-interactive-20);
  --select-item-selected-background-disabled: var(--color-neutral-20);
  --select-item-selected-background-hover: var(--color-interactive-20);
  --select-item-selected-color-active: var(--text-on-interactive-20);
  --select-item-selected-color-default: var(--text-on-interactive-20);
  --select-item-selected-color-disabled: var(--text-disabled);
  --select-item-selected-color-hover: var(--text-on-interactive-20);
  --skeleton-background-1: var(--color-disabled-10);
  --skeleton-background-2: var(--color-disabled-20);
  --skeleton-border-color: transparent;
  --skeleton-border-radius: var(--radius-default);
  --skeleton-border-style: solid;
  --skeleton-border-width: var(--dimension-0);
  --skeleton-color: var(--text-disabled);
  --slider-handle-size: var(--dimension-20);
  --slider-invalid-fill-background-active: var(--color-negative-50);
  --slider-invalid-fill-background-default: var(--color-negative-30);
  --slider-invalid-fill-background-disabled: var(--slider-normal-fill-background-disabled);
  --slider-invalid-fill-background-hover: var(--color-negative-40);
  --slider-invalid-handle-background-active: var(--color-negative-50);
  --slider-invalid-handle-background-default: var(--color-negative-30);
  --slider-invalid-handle-background-disabled: var(--slider-normal-handle-background-disabled);
  --slider-invalid-handle-background-hover: var(--color-negative-40);
  --slider-invalid-handle-border-color-active: var(--slider-normal-handle-border-color-active);
  --slider-invalid-handle-border-color-default: var(--slider-normal-handle-border-color-default);
  --slider-invalid-handle-border-color-disabled: var(--slider-normal-handle-border-color-disabled);
  --slider-invalid-handle-border-color-hover: var(--slider-normal-handle-border-color-hover);
  --slider-invalid-handle-border-radius-active: var(--slider-normal-handle-border-radius-active);
  --slider-invalid-handle-border-radius-default: var(--slider-normal-handle-border-radius-default);
  --slider-invalid-handle-border-radius-disabled: var(--slider-normal-handle-border-radius-disabled);
  --slider-invalid-handle-border-radius-hover: var(--slider-normal-handle-border-radius-hover);
  --slider-invalid-handle-border-style-active: var(--slider-normal-handle-border-style-active);
  --slider-invalid-handle-border-style-default: var(--slider-normal-handle-border-style-default);
  --slider-invalid-handle-border-style-disabled: var(--slider-normal-handle-border-style-disabled);
  --slider-invalid-handle-border-style-hover: var(--slider-normal-handle-border-style-hover);
  --slider-invalid-handle-border-width-active: 0;
  --slider-invalid-handle-border-width-default: 0;
  --slider-invalid-handle-border-width-disabled: 0;
  --slider-invalid-handle-border-width-hover: 0;
  --slider-invalid-tick-background-active: var(--slider-normal-tick-background-active);
  --slider-invalid-tick-background-default: var(--slider-normal-tick-background-default);
  --slider-invalid-tick-background-disabled: var(--slider-normal-tick-background-disabled);
  --slider-invalid-tick-background-hover: var(--slider-normal-tick-background-hover);
  --slider-invalid-track-background-active: var(--slider-normal-track-background-active);
  --slider-invalid-track-background-default: var(--slider-normal-track-background-default);
  --slider-invalid-track-background-disabled: var(--slider-normal-track-background-disabled);
  --slider-invalid-track-background-hover: var(--slider-normal-track-background-hover);
  --slider-invalid-track-border-color-active: var(--slider-normal-track-border-color-active);
  --slider-invalid-track-border-color-default: var(--slider-normal-track-border-color-default);
  --slider-invalid-track-border-color-disabled: var(--slider-normal-track-border-color-disabled);
  --slider-invalid-track-border-color-hover: var(--slider-normal-track-border-color-hover);
  --slider-invalid-track-border-radius-active: var(--slider-normal-track-border-radius-active);
  --slider-invalid-track-border-radius-default: var(--slider-normal-track-border-radius-default);
  --slider-invalid-track-border-radius-disabled: var(--slider-normal-track-border-radius-disabled);
  --slider-invalid-track-border-radius-hover: var(--slider-normal-track-border-radius-hover);
  --slider-invalid-track-border-style-active: var(--slider-normal-track-border-style-active);
  --slider-invalid-track-border-style-default: var(--slider-normal-track-border-style-default);
  --slider-invalid-track-border-style-disabled: var(--slider-normal-track-border-style-disabled);
  --slider-invalid-track-border-style-hover: var(--slider-normal-track-border-style-hover);
  --slider-invalid-track-border-width-active: 0;
  --slider-invalid-track-border-width-default: 0;
  --slider-invalid-track-border-width-disabled: 0;
  --slider-invalid-track-border-width-hover: 0;
  --slider-normal-fill-background-active: var(--color-interactive-50);
  --slider-normal-fill-background-default: var(--color-interactive-30);
  --slider-normal-fill-background-disabled: var(--color-neutral-30);
  --slider-normal-fill-background-hover: var(--color-interactive-40);
  --slider-normal-handle-background-active: var(--color-interactive-50);
  --slider-normal-handle-background-default: var(--color-interactive-30);
  --slider-normal-handle-background-disabled: var(--color-neutral-30);
  --slider-normal-handle-background-hover: var(--color-interactive-40);
  --slider-normal-handle-border-color-active: transparent;
  --slider-normal-handle-border-color-default: transparent;
  --slider-normal-handle-border-color-disabled: transparent;
  --slider-normal-handle-border-color-hover: transparent;
  --slider-normal-handle-border-radius-active: var(--radius-circle);
  --slider-normal-handle-border-radius-default: var(--radius-circle);
  --slider-normal-handle-border-radius-disabled: var(--radius-circle);
  --slider-normal-handle-border-radius-hover: var(--radius-circle);
  --slider-normal-handle-border-style-active: solid;
  --slider-normal-handle-border-style-default: solid;
  --slider-normal-handle-border-style-disabled: solid;
  --slider-normal-handle-border-style-hover: solid;
  --slider-normal-handle-border-width-active: 0;
  --slider-normal-handle-border-width-default: 0;
  --slider-normal-handle-border-width-disabled: 0;
  --slider-normal-handle-border-width-hover: 0;
  --slider-normal-tick-background-active: var(--color-neutral-20);
  --slider-normal-tick-background-default: var(--color-neutral-30);
  --slider-normal-tick-background-disabled: transparent;
  --slider-normal-tick-background-hover: var(--color-neutral-30);
  --slider-normal-track-background-active: var(--color-neutral-20);
  --slider-normal-track-background-default: var(--color-neutral-20);
  --slider-normal-track-background-disabled: var(--color-disabled-10);
  --slider-normal-track-background-hover: var(--color-neutral-20);
  --slider-normal-track-border-color-active: transparent;
  --slider-normal-track-border-color-default: transparent;
  --slider-normal-track-border-color-disabled: transparent;
  --slider-normal-track-border-color-hover: transparent;
  --slider-normal-track-border-radius-active: var(--radius-default);
  --slider-normal-track-border-radius-default: var(--radius-default);
  --slider-normal-track-border-radius-disabled: var(--radius-default);
  --slider-normal-track-border-radius-hover: var(--radius-default);
  --slider-normal-track-border-style-active: solid;
  --slider-normal-track-border-style-default: solid;
  --slider-normal-track-border-style-disabled: solid;
  --slider-normal-track-border-style-hover: solid;
  --slider-normal-track-border-width-active: 0;
  --slider-normal-track-border-width-default: 0;
  --slider-normal-track-border-width-disabled: 0;
  --slider-normal-track-border-width-hover: 0;
  --slider-teardrop-background: var(--color-interactive-20);
  --slider-teardrop-color: var(--text-default);
  --slider-teardrop-size: 40px;
  --slider-tick-size: var(--dimension-2);
  --slider-track-size: var(--dimension-6);
  --slider-valid-fill-background-active: var(--color-positive-50);
  --slider-valid-fill-background-default: var(--color-positive-30);
  --slider-valid-fill-background-disabled: var(--slider-normal-fill-background-disabled);
  --slider-valid-fill-background-hover: var(--color-positive-40);
  --slider-valid-handle-background-active: var(--color-positive-50);
  --slider-valid-handle-background-default: var(--color-positive-30);
  --slider-valid-handle-background-disabled: var(--slider-normal-handle-background-disabled);
  --slider-valid-handle-background-hover: var(--color-positive-40);
  --slider-valid-handle-border-color-active: var(--slider-normal-handle-border-color-active);
  --slider-valid-handle-border-color-default: var(--slider-normal-handle-border-color-default);
  --slider-valid-handle-border-color-disabled: var(--slider-normal-handle-border-color-disabled);
  --slider-valid-handle-border-color-hover: var(--slider-normal-handle-border-color-hover);
  --slider-valid-handle-border-radius-active: var(--slider-normal-handle-border-radius-active);
  --slider-valid-handle-border-radius-default: var(--slider-normal-handle-border-radius-default);
  --slider-valid-handle-border-radius-disabled: var(--slider-normal-handle-border-radius-disabled);
  --slider-valid-handle-border-radius-hover: var(--slider-normal-handle-border-radius-hover);
  --slider-valid-handle-border-style-active: var(--slider-normal-handle-border-style-active);
  --slider-valid-handle-border-style-default: var(--slider-normal-handle-border-style-default);
  --slider-valid-handle-border-style-disabled: var(--slider-normal-handle-border-style-disabled);
  --slider-valid-handle-border-style-hover: var(--slider-normal-handle-border-style-hover);
  --slider-valid-handle-border-width-active: 0;
  --slider-valid-handle-border-width-default: 0;
  --slider-valid-handle-border-width-disabled: 0;
  --slider-valid-handle-border-width-hover: 0;
  --slider-valid-tick-background-active: var(--slider-normal-tick-background-active);
  --slider-valid-tick-background-default: var(--slider-normal-tick-background-default);
  --slider-valid-tick-background-disabled: var(--slider-normal-tick-background-disabled);
  --slider-valid-tick-background-hover: var(--slider-normal-tick-background-hover);
  --slider-valid-track-background-active: var(--slider-normal-track-background-active);
  --slider-valid-track-background-default: var(--slider-normal-track-background-default);
  --slider-valid-track-background-disabled: var(--slider-normal-track-background-disabled);
  --slider-valid-track-background-hover: var(--slider-normal-track-background-hover);
  --slider-valid-track-border-color-active: var(--slider-normal-track-border-color-active);
  --slider-valid-track-border-color-default: var(--slider-normal-track-border-color-default);
  --slider-valid-track-border-color-disabled: var(--slider-normal-track-border-color-disabled);
  --slider-valid-track-border-color-hover: var(--slider-normal-track-border-color-hover);
  --slider-valid-track-border-radius-active: var(--slider-normal-track-border-radius-active);
  --slider-valid-track-border-radius-default: var(--slider-normal-track-border-radius-default);
  --slider-valid-track-border-radius-disabled: var(--slider-normal-track-border-radius-disabled);
  --slider-valid-track-border-radius-hover: var(--slider-normal-track-border-radius-hover);
  --slider-valid-track-border-style-active: var(--slider-normal-track-border-style-active);
  --slider-valid-track-border-style-default: var(--slider-normal-track-border-style-default);
  --slider-valid-track-border-style-disabled: var(--slider-normal-track-border-style-disabled);
  --slider-valid-track-border-style-hover: var(--slider-normal-track-border-style-hover);
  --slider-valid-track-border-width-active: 0;
  --slider-valid-track-border-width-default: 0;
  --slider-valid-track-border-width-disabled: 0;
  --slider-valid-track-border-width-hover: 0;
  --spinner-brand-color: var(--text-brand);
  --spinner-default-color: var(--text-muted);
  --spinner-inverted-color: var(--text-inverted);
  --spinner-track-color: var(--border-color-10);
  --spinner-l-border-width: var(--dimension-4);
  --spinner-l-height: var(--dimension-48);
  --spinner-l-width: var(--dimension-48);
  --spinner-m-border-width: var(--dimension-2);
  --spinner-m-height: var(--dimension-32);
  --spinner-m-width: var(--dimension-32);
  --spinner-s-border-width: var(--dimension-2);
  --spinner-s-height: var(--dimension-24);
  --spinner-s-width: var(--dimension-24);
  --spinner-xl-border-width: var(--dimension-4);
  --spinner-xl-height: var(--dimension-64);
  --spinner-xl-width: var(--dimension-64);
  --spinner-xs-border-width: var(--dimension-1);
  --spinner-xs-height: var(--dimension-16);
  --spinner-xs-width: var(--dimension-16);
  --spinner-xxs-border-width: var(--dimension-1);
  --spinner-xxs-height: var(--dimension-12);
  --spinner-xxs-width: var(--dimension-12);
  --stepper-completed-background-active: var(--color-interactive-20);
  --stepper-completed-background-default: transparent;
  --stepper-completed-background-disabled: var(--color-disabled-10);
  --stepper-completed-background-hover: var(--color-interactive-10);
  --stepper-completed-border-color-active: var(--color-interactive-50);
  --stepper-completed-border-color-default: var(--color-interactive-30);
  --stepper-completed-border-color-disabled: var(--color-disabled-10);
  --stepper-completed-border-color-hover: var(--color-interactive-40);
  --stepper-completed-border-radius-active: var(--radius-circle);
  --stepper-completed-border-radius-default: var(--radius-circle);
  --stepper-completed-border-radius-disabled: var(--radius-circle);
  --stepper-completed-border-radius-hover: var(--radius-circle);
  --stepper-completed-border-style-active: solid;
  --stepper-completed-border-style-default: solid;
  --stepper-completed-border-style-disabled: solid;
  --stepper-completed-border-style-hover: solid;
  --stepper-completed-border-width-active: var(--border-width-20);
  --stepper-completed-border-width-default: var(--border-width-20);
  --stepper-completed-border-width-disabled: var(--border-width-20);
  --stepper-completed-border-width-hover: var(--border-width-20);
  --stepper-completed-color-active: var(--text-on-interactive-20);
  --stepper-completed-color-default: var(--text-default);
  --stepper-completed-color-disabled: var(--text-disabled);
  --stepper-completed-color-hover: var(--text-on-interactive-10);
  --stepper-gap: var(--gap-m);
  --stepper-margin: var(--dimension-0);
  --stepper-padding: var(--padding-m) 0 0;
  --stepper-selected-background-active: var(--color-interactive-50);
  --stepper-selected-background-default: var(--color-interactive-30);
  --stepper-selected-background-disabled: var(--color-disabled-10);
  --stepper-selected-background-hover: var(--color-interactive-40);
  --stepper-selected-border-color-active: var(--color-interactive-50);
  --stepper-selected-border-color-default: var(--color-interactive-30);
  --stepper-selected-border-color-disabled: var(--color-disabled-10);
  --stepper-selected-border-color-hover: var(--color-interactive-40);
  --stepper-selected-border-radius-active: var(--radius-circle);
  --stepper-selected-border-radius-default: var(--radius-circle);
  --stepper-selected-border-radius-disabled: var(--radius-circle);
  --stepper-selected-border-radius-hover: var(--radius-circle);
  --stepper-selected-border-style-active: solid;
  --stepper-selected-border-style-default: solid;
  --stepper-selected-border-style-disabled: solid;
  --stepper-selected-border-style-hover: solid;
  --stepper-selected-border-width-active: var(--border-width-20);
  --stepper-selected-border-width-default: var(--border-width-20);
  --stepper-selected-border-width-disabled: var(--border-width-20);
  --stepper-selected-border-width-hover: var(--border-width-20);
  --stepper-selected-color-active: var(--text-on-interactive-50);
  --stepper-selected-color-default: var(--text-on-interactive-30);
  --stepper-selected-color-disabled: var(--text-disabled);
  --stepper-selected-color-hover: var(--text-on-interactive-40);
  --stepper-size: var(--dimension-24);
  --stepper-stroke-background-completed: var(--color-interactive-30);
  --stepper-stroke-background-default: var(--border-color-30);
  --stepper-stroke-size: var(--dimension-2);
  --stepper-unselected-background-active: var(--color-interactive-20);
  --stepper-unselected-background-default: transparent;
  --stepper-unselected-background-disabled: var(--color-disabled-10);
  --stepper-unselected-background-hover: var(--color-interactive-10);
  --stepper-unselected-border-color-active: var(--color-interactive-30);
  --stepper-unselected-border-color-default: var(--border-color-30);
  --stepper-unselected-border-color-disabled: var(--color-disabled-10);
  --stepper-unselected-border-color-hover: var(--color-interactive-30);
  --stepper-unselected-border-radius-active: var(--radius-circle);
  --stepper-unselected-border-radius-default: var(--radius-circle);
  --stepper-unselected-border-radius-disabled: var(--radius-circle);
  --stepper-unselected-border-radius-hover: var(--radius-circle);
  --stepper-unselected-border-style-active: solid;
  --stepper-unselected-border-style-default: solid;
  --stepper-unselected-border-style-disabled: solid;
  --stepper-unselected-border-style-hover: solid;
  --stepper-unselected-border-width-active: var(--border-width-20);
  --stepper-unselected-border-width-default: var(--border-width-20);
  --stepper-unselected-border-width-disabled: var(--border-width-20);
  --stepper-unselected-border-width-hover: var(--border-width-20);
  --stepper-unselected-color-active: var(--text-on-interactive-20);
  --stepper-unselected-color-default: var(--text-default);
  --stepper-unselected-color-disabled: var(--text-disabled);
  --stepper-unselected-color-hover: var(--text-on-interactive-10);
  --state-indicator-default-background: var(--color-neutral-10);
  --state-indicator-default-border-radius: var(--radius-default);
  --state-indicator-default-gap: var(--gap-l);
  --state-indicator-default-padding-block: var(--padding-s);
  --state-indicator-default-text-color: var(--text-default);
  --state-indicator-default-description-color: var(--text-muted);
  --tab-background-default: transparent;
  --tab-background-disabled: transparent;
  --tab-background-hover: var(--color-interactive-10);
  --tab-border-color-default: transparent;
  --tab-border-color-disabled: transparent;
  --tab-border-color-hover: var(--color-interactive-20);
  --tab-border-style-default: solid;
  --tab-border-style-disabled: solid;
  --tab-border-style-hover: solid;
  --tab-border-width-default: 0 0 var(--border-width-20) 0;
  --tab-border-width-disabled: 0 0 var(--border-width-20) 0;
  --tab-border-width-hover: 0 0 var(--border-width-20) 0;
  --tab-color-default: var(--color-link-10);
  --tab-color-disabled: var(--text-disabled);
  --tab-color-hover: var(--text-on-interactive-10);
  --tab-height: var(--components-min-height);
  --tab-max-width: 192px;
  --tab-min-width: 50px;
  --tab-overlay:
    linear-gradient(
      
      90deg,
      transparent 0%,
      var(--color-interactive-10) calc(100% - var(--icon-target-min-size)) );
  --tab-padding-inline: var(--padding-m);
  --tab-rename-offset: var(--dimension-2);
  --tab-rename-outline: var(--dimension-1) dashed var(--color-focus-10);
  --tab-selected-background-default: transparent;
  --tab-selected-background-disabled: transparent;
  --tab-selected-background-hover: transparent;
  --tab-selected-border-color-default: var(--color-interactive-30);
  --tab-selected-border-color-disabled: var(--color-disabled-20);
  --tab-selected-border-color-hover: var(--color-interactive-30);
  --tab-selected-border-style-default: solid;
  --tab-selected-border-style-disabled: solid;
  --tab-selected-border-style-hover: solid;
  --tab-selected-border-width-default: 0 0 var(--border-width-20) 0;
  --tab-selected-border-width-disabled: 0 0 var(--border-width-20) 0;
  --tab-selected-border-width-hover: 0 0 var(--border-width-20) 0;
  --tab-selected-color-default: var(--text-default);
  --tab-selected-color-disabled: var(--text-disabled);
  --tab-selected-color-hover: var(--text-default);
  --tab-strip-controls-border-color: var(--border-color-10);
  --tab-strip-controls-border-radius: var(--radius-default);
  --tab-strip-controls-border-style: solid;
  --tab-strip-controls-border-width: var(--border-width-10);
  --tab-strip-controls-gap: var(--gap-s);
  --tab-strip-controls-margin: var(--margin-s);
  --tab-strip-controls-padding: var(--padding-s);
  --tab-strip-height: 100%;
  --tab-strip-placeholder-background: var(--color-interactive-30);
  --tag-blue-background: var(--color-formatting-background-blue-heavy);
  --tag-blue-color: var(--text-on-formatting-background-blue-heavy);
  --tag-border-radius: var(--radius-10);
  --tag-gap: var(--gap-s);
  --tag-gray-background: var(--color-formatting-background-gray-heavy);
  --tag-gray-color: var(--text-on-formatting-background-gray-heavy);
  --tag-green-background: var(--color-formatting-background-green-heavy);
  --tag-green-color: var(--text-on-formatting-background-green-heavy);
  --tag-height: var(--icon-size-3);
  --tag-orange-background: var(--color-formatting-background-orange-heavy);
  --tag-orange-color: var(--text-on-formatting-background-orange-heavy);
  --tag-padding: 0 var(--padding-xs);
  --tag-pink-background: var(--color-formatting-background-pink-heavy);
  --tag-pink-color: var(--text-on-formatting-background-pink-heavy);
  --tag-purple-background: var(--color-formatting-background-purple-heavy);
  --tag-purple-color: var(--text-on-formatting-background-purple-heavy);
  --tag-red-background: var(--color-formatting-background-red-heavy);
  --tag-red-color: var(--text-on-formatting-background-red-heavy);
  --tag-yellow-background: var(--color-formatting-background-yellow-heavy);
  --tag-yellow-color: var(--text-on-formatting-background-yellow-heavy);
  --task-frame-background: var(--surface-background);
  --task-frame-body-border-color: var(--border-color-30);
  --task-frame-body-border-radius: var(--radius-default);
  --task-frame-body-border-style: solid;
  --task-frame-body-border-width: var(--border-width-10);
  --task-frame-body-width: 100%;
  --task-frame-border-radius: var(--radius-default);
  --task-frame-box-shadow: var(--elevation-large);
  --task-frame-footer-gap: var(--gap-l);
  --task-frame-header-action-gap: var(--gap-m);
  --task-frame-header-color: var(--text-default);
  --task-frame-header-margin-top: var(--dimension-2);
  --task-frame-min-height: 300px;
  --task-frame-min-width: 350px;
  --textarea-gap: var(--gap-m);
  --textarea-invalid-padding-block: var(--padding-m);
  --textarea-invalid-padding-inline: var(--padding-m);
  --textarea-min-height: unset;
  --textarea-min-width: unset;
  --textarea-normal-padding-block: var(--padding-m);
  --textarea-normal-padding-inline: var(--padding-m);
  --textarea-readonly-padding-block: var(--padding-m);
  --textarea-readonly-padding-inline: 0;
  --textarea-valid-padding-block: var(--padding-m);
  --textarea-valid-padding-inline: var(--padding-m);
  --textarea-width: unset;
  --textfield-gap: var(--gap-m);
  --textfield-invalid-background-active: var(--color-negative-10);
  --textfield-invalid-background-default: var(--color-negative-10);
  --textfield-invalid-background-disabled: var(--color-disabled-10);
  --textfield-invalid-background-hover: var(--color-negative-10);
  --textfield-invalid-border-color-active: var(--color-negative-40);
  --textfield-invalid-border-color-default: var(--color-negative-30);
  --textfield-invalid-border-color-disabled: var(--text-disabled);
  --textfield-invalid-border-color-hover: var(--color-negative-40);
  --textfield-invalid-border-radius-active: var(--radius-default);
  --textfield-invalid-border-radius-default: var(--radius-default);
  --textfield-invalid-border-radius-disabled: var(--radius-default);
  --textfield-invalid-border-radius-hover: var(--radius-default);
  --textfield-invalid-border-style-active: solid;
  --textfield-invalid-border-style-default: solid;
  --textfield-invalid-border-style-disabled: solid;
  --textfield-invalid-border-style-hover: solid;
  --textfield-invalid-border-width-active: var(--border-width-10);
  --textfield-invalid-border-width-default: var(--border-width-10);
  --textfield-invalid-border-width-disabled: var(--border-width-10);
  --textfield-invalid-border-width-hover: var(--border-width-10);
  --textfield-invalid-color-active: var(--color-negative-30);
  --textfield-invalid-color-default: var(--color-negative-30);
  --textfield-invalid-color-disabled: var(--text-disabled);
  --textfield-invalid-color-hover: var(--color-negative-30);
  --textfield-invalid-padding-inline: var(--padding-m);
  --textfield-min-height: var(--components-min-height);
  --textfield-min-width: unset;
  --textfield-normal-background-active: var(--color-input-background-active);
  --textfield-normal-background-default: var(--color-input-background-default);
  --textfield-normal-background-disabled: var(--color-input-background-disabled);
  --textfield-normal-background-hover: var(--color-input-background-hover);
  --textfield-normal-border-color-active: var(--color-input-border-active);
  --textfield-normal-border-color-default: var(--color-input-border-default);
  --textfield-normal-border-color-disabled: var(--color-input-border-disabled);
  --textfield-normal-border-color-hover: var(--color-input-border-hover);
  --textfield-normal-border-radius-active: var(--radius-default);
  --textfield-normal-border-radius-default: var(--radius-default);
  --textfield-normal-border-radius-disabled: var(--radius-default);
  --textfield-normal-border-radius-hover: var(--radius-default);
  --textfield-normal-border-style-active: solid;
  --textfield-normal-border-style-default: solid;
  --textfield-normal-border-style-disabled: solid;
  --textfield-normal-border-style-hover: solid;
  --textfield-normal-border-width-active: var(--border-width-10);
  --textfield-normal-border-width-default: var(--border-width-10);
  --textfield-normal-border-width-disabled: var(--border-width-10);
  --textfield-normal-border-width-hover: var(--border-width-10);
  --textfield-normal-color-active: var(--text-on-input-background-active);
  --textfield-normal-color-default: var(--text-on-input-background-default);
  --textfield-normal-color-disabled: var(--text-on-input-background-disabled);
  --textfield-normal-color-hover: var(--text-on-input-background-hover);
  --textfield-normal-padding-inline: var(--padding-m);
  --textfield-readonly-background-active: transparent;
  --textfield-readonly-background-default: transparent;
  --textfield-readonly-background-disabled: transparent;
  --textfield-readonly-background-hover: transparent;
  --textfield-readonly-border-color-active: transparent;
  --textfield-readonly-border-color-default: transparent;
  --textfield-readonly-border-color-disabled: transparent;
  --textfield-readonly-border-color-hover: transparent;
  --textfield-readonly-border-radius-active: var(--radius-default);
  --textfield-readonly-border-radius-default: var(--radius-default);
  --textfield-readonly-border-radius-disabled: var(--radius-default);
  --textfield-readonly-border-radius-hover: var(--radius-default);
  --textfield-readonly-border-style-active: solid;
  --textfield-readonly-border-style-default: solid;
  --textfield-readonly-border-style-disabled: solid;
  --textfield-readonly-border-style-hover: solid;
  --textfield-readonly-border-width-active: var(--border-width-10);
  --textfield-readonly-border-width-default: var(--border-width-10);
  --textfield-readonly-border-width-disabled: var(--border-width-10);
  --textfield-readonly-border-width-hover: var(--border-width-10);
  --textfield-readonly-color-active: var(--text-default);
  --textfield-readonly-color-default: var(--text-default);
  --textfield-readonly-color-disabled: var(--text-default);
  --textfield-readonly-color-hover: var(--text-default);
  --textfield-readonly-padding-inline: 0;
  --textfield-valid-background-active: var(--color-positive-10);
  --textfield-valid-background-default: var(--color-positive-10);
  --textfield-valid-background-disabled: var(--color-disabled-10);
  --textfield-valid-background-hover: var(--color-positive-10);
  --textfield-valid-border-color-active: var(--color-positive-40);
  --textfield-valid-border-color-default: var(--color-positive-30);
  --textfield-valid-border-color-disabled: var(--text-disabled);
  --textfield-valid-border-color-hover: var(--color-positive-40);
  --textfield-valid-border-radius-active: var(--radius-default);
  --textfield-valid-border-radius-default: var(--radius-default);
  --textfield-valid-border-radius-disabled: var(--radius-default);
  --textfield-valid-border-radius-hover: var(--radius-default);
  --textfield-valid-border-style-active: solid;
  --textfield-valid-border-style-default: solid;
  --textfield-valid-border-style-disabled: solid;
  --textfield-valid-border-style-hover: solid;
  --textfield-valid-border-width-active: var(--border-width-10);
  --textfield-valid-border-width-default: var(--border-width-10);
  --textfield-valid-border-width-disabled: var(--border-width-10);
  --textfield-valid-border-width-hover: var(--border-width-10);
  --textfield-valid-color-active: var(--color-positive-30);
  --textfield-valid-color-default: var(--color-positive-30);
  --textfield-valid-color-disabled: var(--text-disabled);
  --textfield-valid-color-hover: var(--color-positive-30);
  --textfield-valid-padding-inline: var(--padding-m);
  --textfield-width: 100%;
  --toggle-checked-thumb-background-active: var(--color-input-background-active);
  --toggle-checked-thumb-background-default: var(--color-input-background-default);
  --toggle-checked-thumb-background-disabled: var(--color-input-background-default);
  --toggle-checked-thumb-background-hover: var(--color-input-background-hover);
  --toggle-checked-track-background-active: var(--color-positive-50);
  --toggle-checked-track-background-default: var(--color-positive-30);
  --toggle-checked-track-background-disabled: var(--color-disabled-10);
  --toggle-checked-track-background-hover: var(--color-positive-40);
  --toggle-checked-track-color-active: var(--text-on-positive-50);
  --toggle-checked-track-color-default: var(--text-on-positive-30);
  --toggle-checked-track-color-disabled: var(--text-disabled);
  --toggle-checked-track-color-hover: var(--text-on-positive-40);
  --toggle-color-active: var(--text-default);
  --toggle-color-default: var(--text-default);
  --toggle-color-disabled: var(--text-disabled);
  --toggle-color-hover: var(--text-default);
  --toggle-normal-icon-gap: var(--dimension-8);
  --toggle-normal-icon-offset: var(--dimension-2);
  --toggle-normal-icon-size: var(--icon-size-3);
  --toggle-normal-label-gap: var(--dimension-4);
  --toggle-normal-padding-block: var(--dimension-4);
  --toggle-normal-padding-inline: var(--dimension-4);
  --toggle-normal-thumb-size: var(--dimension-16);
  --toggle-small-icon-gap: 0px;
  --toggle-small-icon-offset: 0;
  --toggle-small-icon-size: var(--icon-size-1);
  --toggle-small-label-gap: var(--dimension-4);
  --toggle-small-padding-block: var(--dimension-4);
  --toggle-small-padding-inline: var(--dimension-4);
  --toggle-small-thumb-size: var(--dimension-8);
  --toggle-unchecked-thumb-background-active: var(--color-input-background-active);
  --toggle-unchecked-thumb-background-default: var(--color-input-background-default);
  --toggle-unchecked-thumb-background-disabled: var(--color-input-background-default);
  --toggle-unchecked-thumb-background-hover: var(--color-input-background-hover);
  --toggle-unchecked-track-background-active: var(--color-interactive-50);
  --toggle-unchecked-track-background-default: var(--color-input-border-default);
  --toggle-unchecked-track-background-disabled: var(--color-disabled-10);
  --toggle-unchecked-track-background-hover: var(--color-interactive-40);
  --toggle-unchecked-track-color-active: var(--text-on-input-60);
  --toggle-unchecked-track-color-default: var(--text-on-input-20);
  --toggle-unchecked-track-color-disabled: var(--text-disabled);
  --toggle-unchecked-track-color-hover: var(--text-on-input-50);
  --toggle-icon-alternative-background-active: var(--button-tertiary-background-active);
  --toggle-icon-alternative-background-default: var(--button-tertiary-background-default);
  --toggle-icon-alternative-background-disabled: var(--button-tertiary-background-disabled);
  --toggle-icon-alternative-background-hover: var(--button-tertiary-background-hover);
  --toggle-icon-alternative-border-color-active: var(--button-tertiary-border-color-active);
  --toggle-icon-alternative-border-color-default: var(--button-tertiary-border-color-default);
  --toggle-icon-alternative-border-color-disabled: var(--button-tertiary-border-color-disabled);
  --toggle-icon-alternative-border-color-hover: var(--button-tertiary-border-color-hover);
  --toggle-icon-alternative-border-radius-active: var(--button-tertiary-border-radius-active);
  --toggle-icon-alternative-border-radius-default: var(--button-tertiary-border-radius-default);
  --toggle-icon-alternative-border-radius-disabled: var(--button-tertiary-border-radius-disabled);
  --toggle-icon-alternative-border-radius-hover: var(--button-tertiary-border-radius-hover);
  --toggle-icon-alternative-border-style-active: var(--button-tertiary-border-style-active);
  --toggle-icon-alternative-border-style-default: var(--button-tertiary-border-style-default);
  --toggle-icon-alternative-border-style-disabled: var(--button-tertiary-border-style-disabled);
  --toggle-icon-alternative-border-style-hover: var(--button-tertiary-border-style-hover);
  --toggle-icon-alternative-border-width-active: var(--button-tertiary-border-width-active);
  --toggle-icon-alternative-border-width-default: var(--button-tertiary-border-width-default);
  --toggle-icon-alternative-border-width-disabled: var(--button-tertiary-border-width-disabled);
  --toggle-icon-alternative-border-width-hover: var(--button-tertiary-border-width-hover);
  --toggle-icon-alternative-color-active: var(--text-default);
  --toggle-icon-alternative-color-default: var(--text-default);
  --toggle-icon-alternative-color-disabled: var(--text-disabled);
  --toggle-icon-alternative-color-hover: var(--text-default);
  --toggle-icon-normal-background-active: var(--button-tertiary-background-active);
  --toggle-icon-normal-background-default: var(--button-tertiary-background-default);
  --toggle-icon-normal-background-disabled: var(--button-tertiary-background-disabled);
  --toggle-icon-normal-background-hover: var(--button-tertiary-background-hover);
  --toggle-icon-normal-border-color-active: var(--button-tertiary-border-color-active);
  --toggle-icon-normal-border-color-default: var(--button-tertiary-border-color-default);
  --toggle-icon-normal-border-color-disabled: var(--button-tertiary-border-color-disabled);
  --toggle-icon-normal-border-color-hover: var(--button-tertiary-border-color-hover);
  --toggle-icon-normal-border-radius-active: var(--button-tertiary-border-radius-active);
  --toggle-icon-normal-border-radius-default: var(--button-tertiary-border-radius-default);
  --toggle-icon-normal-border-radius-disabled: var(--button-tertiary-border-radius-disabled);
  --toggle-icon-normal-border-radius-hover: var(--button-tertiary-border-radius-hover);
  --toggle-icon-normal-border-style-active: var(--button-tertiary-border-style-active);
  --toggle-icon-normal-border-style-default: var(--button-tertiary-border-style-default);
  --toggle-icon-normal-border-style-disabled: var(--button-tertiary-border-style-disabled);
  --toggle-icon-normal-border-style-hover: var(--button-tertiary-border-style-hover);
  --toggle-icon-normal-border-width-active: var(--button-tertiary-border-width-active);
  --toggle-icon-normal-border-width-default: var(--button-tertiary-border-width-default);
  --toggle-icon-normal-border-width-disabled: var(--button-tertiary-border-width-disabled);
  --toggle-icon-normal-border-width-hover: var(--button-tertiary-border-width-hover);
  --toggle-icon-normal-color-active: var(--button-tertiary-color-active);
  --toggle-icon-normal-color-default: var(--button-tertiary-color-default);
  --toggle-icon-normal-color-disabled: var(--button-tertiary-color-disabled);
  --toggle-icon-normal-color-hover: var(--button-tertiary-color-hover);
  --toggle-icon-size: var(--dimension-24);
  --toggle-icon-star-background-active: var(--toggle-icon-alternative-background-active);
  --toggle-icon-star-background-default: var(--toggle-icon-alternative-background-default);
  --toggle-icon-star-background-disabled: var(--toggle-icon-alternative-background-disabled);
  --toggle-icon-star-background-hover: var(--toggle-icon-alternative-background-hover);
  --toggle-icon-star-border-color-active: var(--toggle-icon-alternative-border-color-active);
  --toggle-icon-star-border-color-default: var(--toggle-icon-alternative-border-color-default);
  --toggle-icon-star-border-color-disabled: var(--toggle-icon-alternative-border-color-disabled);
  --toggle-icon-star-border-color-hover: var(--toggle-icon-alternative-border-color-hover);
  --toggle-icon-star-border-radius-active: var(--toggle-icon-alternative-border-radius-active);
  --toggle-icon-star-border-radius-default: var(--toggle-icon-alternative-border-radius-default);
  --toggle-icon-star-border-radius-disabled: var(--toggle-icon-alternative-border-radius-disabled);
  --toggle-icon-star-border-radius-hover: var(--toggle-icon-alternative-border-radius-hover);
  --toggle-icon-star-border-style-active: var(--toggle-icon-alternative-border-style-active);
  --toggle-icon-star-border-style-default: var(--toggle-icon-alternative-border-style-default);
  --toggle-icon-star-border-style-disabled: var(--toggle-icon-alternative-border-style-disabled);
  --toggle-icon-star-border-style-hover: var(--toggle-icon-alternative-border-style-hover);
  --toggle-icon-star-border-width-active: var(--toggle-icon-alternative-border-width-active);
  --toggle-icon-star-border-width-default: var(--toggle-icon-alternative-border-width-default);
  --toggle-icon-star-border-width-disabled: var(--toggle-icon-alternative-border-width-disabled);
  --toggle-icon-star-border-width-hover: var(--toggle-icon-alternative-border-width-hover);
  --toggle-icon-star-color-active: var(--color-warning-50);
  --toggle-icon-star-color-default: var(--color-warning-30);
  --toggle-icon-star-color-disabled: var(--toggle-icon-alternative-color-disabled);
  --toggle-icon-star-color-hover: var(--color-warning-40);
  --tooltip-background: var(--surface-level-2);
  --tooltip-border-color: transparent;
  --tooltip-border-radius: var(--radius-default);
  --tooltip-border-style: solid;
  --tooltip-border-width: 0;
  --tooltip-box-shadow: var(--elevation-medium);
  --tooltip-color: var(--text-default);
  --tooltip-max-width: 192px;
  --tooltip-padding: var(--padding-s) var(--padding-m);
  --tree-list-item-link-color-active: var(--color-link-30);
  --tree-list-item-link-color-default: var(--color-link-10);
  --tree-list-item-link-color-disabled: var(--text-disabled);
  --tree-list-item-link-color-hover: var(--color-link-20);
  --tree-list-item-normal-background-active: transparent;
  --tree-list-item-normal-background-default: transparent;
  --tree-list-item-normal-background-disabled: transparent;
  --tree-list-item-normal-background-hover: var(--color-neutral-20);
  --tree-list-item-normal-color-active: var(--text-default);
  --tree-list-item-normal-color-default: var(--text-default);
  --tree-list-item-normal-color-disabled: var(--text-disabled);
  --tree-list-item-normal-color-hover: var(--text-on-neutral-20);
  --tree-list-item-selected-background-active: var(--color-interactive-20);
  --tree-list-item-selected-background-default: var(--color-interactive-10);
  --tree-list-item-selected-background-disabled: var(--color-interactive-20);
  --tree-list-item-selected-background-hover: var(--color-neutral-20);
  --tree-list-item-selected-color-active: var(--text-on-interactive-20);
  --tree-list-item-selected-color-default: var(--text-on-interactive-10);
  --tree-list-item-selected-color-disabled: var(--text-disabled);
  --tree-list-item-selected-color-hover: var(--text-on-neutral-20);
  --tree-list-line-color-active: var(--border-color-30);
  --tree-list-line-color-default: var(--border-color-20);
  --tree-list-line-color-disabled: var(--border-color-20);
  --tree-list-line-color-hover: var(--border-color-30);
  --tree-list-line-radius: var(--radius-20);
  --workspace-panel-background: var(--surface-level-1);
  --workspace-panel-border-color: var(--border-color-10);
  --workspace-panel-border-radius: var(--radius-default);
  --workspace-panel-border-style: solid;
  --workspace-panel-border-width: var(--border-width-10);
  --workspace-panel-drop-zone-1: transparent;
  --workspace-panel-drop-zone-2: var(--color-interactive-10);
  --workspace-splitter-background-active: var(--color-interactive-30);
  --workspace-splitter-background-default: transparent;
  --workspace-splitter-background-disabled: transparent;
  --workspace-splitter-background-hover: var(--color-interactive-10);
  --workspace-splitter-size: var(--dimension-8);
}
.m-0 {
  margin: 0 !important;
}
.m-auto {
  margin: auto !important;
}
.m-xs {
  margin: var(--margin-xs) !important;
}
.m-s {
  margin: var(--margin-s) !important;
}
.m-m {
  margin: var(--margin-m) !important;
}
.m-l {
  margin: var(--margin-l) !important;
}
.m-xl {
  margin: var(--margin-xl) !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.ml-auto {
  margin-left: auto !important;
}
.ml-xs {
  margin-left: var(--margin-xs) !important;
}
.ml-s {
  margin-left: var(--margin-s) !important;
}
.ml-m {
  margin-left: var(--margin-m) !important;
}
.ml-l {
  margin-left: var(--margin-l) !important;
}
.ml-xl {
  margin-left: var(--margin-xl) !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mr-xs {
  margin-right: var(--margin-xs) !important;
}
.mr-s {
  margin-right: var(--margin-s) !important;
}
.mr-m {
  margin-right: var(--margin-m) !important;
}
.mr-l {
  margin-right: var(--margin-l) !important;
}
.mr-xl {
  margin-right: var(--margin-xl) !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mt-xs {
  margin-top: var(--margin-xs) !important;
}
.mt-s {
  margin-top: var(--margin-s) !important;
}
.mt-m {
  margin-top: var(--margin-m) !important;
}
.mt-l {
  margin-top: var(--margin-l) !important;
}
.mt-xl {
  margin-top: var(--margin-xl) !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.mb-xs {
  margin-bottom: var(--margin-xs) !important;
}
.mb-s {
  margin-bottom: var(--margin-s) !important;
}
.mb-m {
  margin-bottom: var(--margin-m) !important;
}
.mb-l {
  margin-bottom: var(--margin-l) !important;
}
.mb-xl {
  margin-bottom: var(--margin-xl) !important;
}
.my-0 {
  margin-block: 0 !important;
}
.my-auto {
  margin-block: auto !important;
}
.my-xs {
  margin-block: var(--margin-xs) !important;
}
.my-s {
  margin-block: var(--margin-s) !important;
}
.my-m {
  margin-block: var(--margin-m) !important;
}
.my-l {
  margin-block: var(--margin-l) !important;
}
.my-xl {
  margin-block: var(--margin-xl) !important;
}
.mx-0 {
  margin-inline: 0 !important;
}
.mx-auto {
  margin-inline: auto !important;
}
.mx-xs {
  margin-inline: var(--margin-xs) !important;
}
.mx-s {
  margin-inline: var(--margin-s) !important;
}
.mx-m {
  margin-inline: var(--margin-m) !important;
}
.mx-l {
  margin-inline: var(--margin-l) !important;
}
.mx-xl {
  margin-inline: var(--margin-xl) !important;
}
.margin-none {
  margin: 0 !important;
}
.margin-auto {
  margin: auto !important;
}
.margin-xs {
  margin: var(--margin-xs) !important;
}
.margin-s {
  margin: var(--margin-s) !important;
}
.margin-m {
  margin: var(--margin-m) !important;
}
.margin-l {
  margin: var(--margin-l) !important;
}
.margin-xl {
  margin: var(--margin-xl) !important;
}
.margin-left-none {
  margin-left: 0 !important;
}
.margin-left-auto {
  margin-left: auto !important;
}
.margin-left-xs {
  margin-left: var(--margin-xs) !important;
}
.margin-left-s {
  margin-left: var(--margin-s) !important;
}
.margin-left-m {
  margin-left: var(--margin-m) !important;
}
.margin-left-l {
  margin-left: var(--margin-l) !important;
}
.margin-left-xl {
  margin-left: var(--margin-xl) !important;
}
.margin-right-none {
  margin-right: 0 !important;
}
.margin-right-auto {
  margin-right: auto !important;
}
.margin-right-xs {
  margin-right: var(--margin-xs) !important;
}
.margin-right-s {
  margin-right: var(--margin-s) !important;
}
.margin-right-m {
  margin-right: var(--margin-m) !important;
}
.margin-right-l {
  margin-right: var(--margin-l) !important;
}
.margin-right-xl {
  margin-right: var(--margin-xl) !important;
}
.margin-top-none {
  margin-top: 0 !important;
}
.margin-top-auto {
  margin-top: auto !important;
}
.margin-top-xs {
  margin-top: var(--margin-xs) !important;
}
.margin-top-s {
  margin-top: var(--margin-s) !important;
}
.margin-top-m {
  margin-top: var(--margin-m) !important;
}
.margin-top-l {
  margin-top: var(--margin-l) !important;
}
.margin-top-xl {
  margin-top: var(--margin-xl) !important;
}
.margin-bottom-none {
  margin-bottom: 0 !important;
}
.margin-bottom-auto {
  margin-bottom: auto !important;
}
.margin-bottom-xs {
  margin-bottom: var(--margin-xs) !important;
}
.margin-bottom-s {
  margin-bottom: var(--margin-s) !important;
}
.margin-bottom-m {
  margin-bottom: var(--margin-m) !important;
}
.margin-bottom-l {
  margin-bottom: var(--margin-l) !important;
}
.margin-bottom-xl {
  margin-bottom: var(--margin-xl) !important;
}
.margin-tb-none {
  margin-block: 0 !important;
}
.margin-tb-auto {
  margin-block: auto !important;
}
.margin-tb-xs {
  margin-block: var(--margin-xs) !important;
}
.margin-tb-s {
  margin-block: var(--margin-s) !important;
}
.margin-tb-m {
  margin-block: var(--margin-m) !important;
}
.margin-tb-l {
  margin-block: var(--margin-l) !important;
}
.margin-tb-xl {
  margin-block: var(--margin-xl) !important;
}
.margin-lr-none {
  margin-inline: 0 !important;
}
.margin-lr-auto {
  margin-inline: auto !important;
}
.margin-lr-xs {
  margin-inline: var(--margin-xs) !important;
}
.margin-lr-s {
  margin-inline: var(--margin-s) !important;
}
.margin-lr-m {
  margin-inline: var(--margin-m) !important;
}
.margin-lr-l {
  margin-inline: var(--margin-l) !important;
}
.margin-lr-xl {
  margin-inline: var(--margin-xl) !important;
}
.p-0 {
  padding: 0 !important;
}
.p-xs {
  padding: var(--padding-xs) !important;
}
.p-s {
  padding: var(--padding-s) !important;
}
.p-m {
  padding: var(--padding-m) !important;
}
.p-l {
  padding: var(--padding-l) !important;
}
.p-xl {
  padding: var(--padding-xl) !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.pl-xs {
  padding-left: var(--padding-xs) !important;
}
.pl-s {
  padding-left: var(--padding-s) !important;
}
.pl-m {
  padding-left: var(--padding-m) !important;
}
.pl-l {
  padding-left: var(--padding-l) !important;
}
.pl-xl {
  padding-left: var(--padding-xl) !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pr-xs {
  padding-right: var(--padding-xs) !important;
}
.pr-s {
  padding-right: var(--padding-s) !important;
}
.pr-m {
  padding-right: var(--padding-m) !important;
}
.pr-l {
  padding-right: var(--padding-l) !important;
}
.pr-xl {
  padding-right: var(--padding-xl) !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-xs {
  padding-top: var(--padding-xs) !important;
}
.pt-s {
  padding-top: var(--padding-s) !important;
}
.pt-m {
  padding-top: var(--padding-m) !important;
}
.pt-l {
  padding-top: var(--padding-l) !important;
}
.pt-xl {
  padding-top: var(--padding-xl) !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-xs {
  padding-bottom: var(--padding-xs) !important;
}
.pb-s {
  padding-bottom: var(--padding-s) !important;
}
.pb-m {
  padding-bottom: var(--padding-m) !important;
}
.pb-l {
  padding-bottom: var(--padding-l) !important;
}
.pb-xl {
  padding-bottom: var(--padding-xl) !important;
}
.py-0 {
  padding-block: 0 !important;
}
.py-xs {
  padding-block: var(--padding-xs) !important;
}
.py-s {
  padding-block: var(--padding-s) !important;
}
.py-m {
  padding-block: var(--padding-m) !important;
}
.py-l {
  padding-block: var(--padding-l) !important;
}
.py-xl {
  padding-block: var(--padding-xl) !important;
}
.px-0 {
  padding-inline: 0 !important;
}
.px-xs {
  padding-inline: var(--padding-xs) !important;
}
.px-s {
  padding-inline: var(--padding-s) !important;
}
.px-m {
  padding-inline: var(--padding-m) !important;
}
.px-l {
  padding-inline: var(--padding-l) !important;
}
.px-xl {
  padding-inline: var(--padding-xl) !important;
}
.padding-none {
  padding: 0 !important;
}
.padding-xs {
  padding: var(--padding-xs) !important;
}
.padding-s {
  padding: var(--padding-s) !important;
}
.padding-m {
  padding: var(--padding-m) !important;
}
.padding-l {
  padding: var(--padding-l) !important;
}
.padding-xl {
  padding: var(--padding-xl) !important;
}
.padding-left-none {
  padding-left: 0 !important;
}
.padding-left-xs {
  padding-left: var(--padding-xs) !important;
}
.padding-left-s {
  padding-left: var(--padding-s) !important;
}
.padding-left-m {
  padding-left: var(--padding-m) !important;
}
.padding-left-l {
  padding-left: var(--padding-l) !important;
}
.padding-left-xl {
  padding-left: var(--padding-xl) !important;
}
.padding-right-none {
  padding-right: 0 !important;
}
.padding-right-xs {
  padding-right: var(--padding-xs) !important;
}
.padding-right-s {
  padding-right: var(--padding-s) !important;
}
.padding-right-m {
  padding-right: var(--padding-m) !important;
}
.padding-right-l {
  padding-right: var(--padding-l) !important;
}
.padding-right-xl {
  padding-right: var(--padding-xl) !important;
}
.padding-top-none {
  padding-top: 0 !important;
}
.padding-top-xs {
  padding-top: var(--padding-xs) !important;
}
.padding-top-s {
  padding-top: var(--padding-s) !important;
}
.padding-top-m {
  padding-top: var(--padding-m) !important;
}
.padding-top-l {
  padding-top: var(--padding-l) !important;
}
.padding-top-xl {
  padding-top: var(--padding-xl) !important;
}
.padding-bottom-none {
  padding-bottom: 0 !important;
}
.padding-bottom-xs {
  padding-bottom: var(--padding-xs) !important;
}
.padding-bottom-s {
  padding-bottom: var(--padding-s) !important;
}
.padding-bottom-m {
  padding-bottom: var(--padding-m) !important;
}
.padding-bottom-l {
  padding-bottom: var(--padding-l) !important;
}
.padding-bottom-xl {
  padding-bottom: var(--padding-xl) !important;
}
.padding-tb-none {
  padding-block: 0 !important;
}
.padding-tb-xs {
  padding-block: var(--padding-xs) !important;
}
.padding-tb-s {
  padding-block: var(--padding-s) !important;
}
.padding-tb-m {
  padding-block: var(--padding-m) !important;
}
.padding-tb-l {
  padding-block: var(--padding-l) !important;
}
.padding-tb-xl {
  padding-block: var(--padding-xl) !important;
}
.padding-lr-none {
  padding-inline: 0 !important;
}
.padding-lr-xs {
  padding-inline: var(--padding-xs) !important;
}
.padding-lr-s {
  padding-inline: var(--padding-s) !important;
}
.padding-lr-m {
  padding-inline: var(--padding-m) !important;
}
.padding-lr-l {
  padding-inline: var(--padding-l) !important;
}
.padding-lr-xl {
  padding-inline: var(--padding-xl) !important;
}
.gap-none {
  gap: 0 !important;
}
.gap-xs {
  gap: var(--gap-xs) !important;
}
.gap-s {
  gap: var(--gap-s) !important;
}
.gap-m {
  gap: var(--gap-m) !important;
}
.gap-l {
  gap: var(--gap-l) !important;
}
.gap-xl {
  gap: var(--gap-xl) !important;
}
.column-gap-none {
  column-gap: 0 !important;
}
.column-gap-xs {
  column-gap: var(--gap-xs) !important;
}
.column-gap-s {
  column-gap: var(--gap-s) !important;
}
.column-gap-m {
  column-gap: var(--gap-m) !important;
}
.column-gap-l {
  column-gap: var(--gap-l) !important;
}
.column-gap-xl {
  column-gap: var(--gap-xl) !important;
}
.row-gap-none {
  row-gap: 0 !important;
}
.row-gap-xs {
  row-gap: var(--gap-xs) !important;
}
.row-gap-s {
  row-gap: var(--gap-s) !important;
}
.row-gap-m {
  row-gap: var(--gap-m) !important;
}
.row-gap-l {
  row-gap: var(--gap-l) !important;
}
.row-gap-xl {
  row-gap: var(--gap-xl) !important;
}
kbd {
  font-family: var(--typography-code-font-family), sans-serif;
  font-size: var(--typography-code-font-size);
  font-weight: var(--typography-code-font-weight);
  letter-spacing: var(--typography-code-letter-spacing);
  line-height: var(--typography-code-line-height);
  font-style: var(--typography-code-font-style);
  font-variation-settings: var(--typography-code-font-variation-settings, var(--typography-code-font-grade));
  background: var(--kbd-background);
  border-radius: var(--kbd-border-radius);
  padding-block: var(--kbd-padding-block);
  padding-inline: var(--kbd-padding-inline);
}
kbd > kbd {
  padding-inline: 0;
  padding-block: 0;
}
body {
  background: var(--surface-background);
  color: var(--text-default);
  font-family: var(--typography-body-font-family), sans-serif;
  font-size: var(--typography-body-font-size);
  font-weight: var(--typography-body-font-weight);
  letter-spacing: var(--typography-body-letter-spacing);
  line-height: var(--typography-body-line-height);
}
@property --angle { syntax:"<percentage>";initial-value:0%;inherits:false }
.display-none {
  display: none !important;
}
.display-block {
  display: block !important;
}
.display-inline {
  display: inline !important;
}
.display-flex {
  display: flex !important;
}
.display-inline-flex {
  display: inline-flex !important;
}
.display-grid {
  display: grid !important;
}
.display-contents {
  display: contents !important;
}
.display-flex-column {
  display: flex !important;
  flex-direction: column !important;
}
.flex-main-container {
  flex-shrink: 1 !important;
  flex-grow: 1 !important;
  min-height: var(--dimension-0) !important;
  min-width: var(--dimension-0) !important;
}
.flex-direction-column {
  flex-direction: column !important;
}
.flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-direction-row {
  flex-direction: row !important;
}
.flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}
.no-flex-grow {
  flex-grow: 0 !important;
}
.flex-grow {
  flex-grow: 1 !important;
}
.no-flex-shrink {
  flex-shrink: 0 !important;
}
.flex-shrink {
  flex-shrink: 1 !important;
}
.flex-basis-0 {
  flex-basis: 0 !important;
}
.flex-basis-2 {
  flex-basis: 2% !important;
}
.flex-basis-5 {
  flex-basis: 5% !important;
}
.flex-basis-10 {
  flex-basis: 10% !important;
}
.flex-basis-15 {
  flex-basis: 15% !important;
}
.flex-basis-20 {
  flex-basis: 20% !important;
}
.flex-basis-25 {
  flex-basis: 25% !important;
}
.flex-basis-30 {
  flex-basis: 30% !important;
}
.flex-basis-35 {
  flex-basis: 35% !important;
}
.flex-basis-40 {
  flex-basis: 40% !important;
}
.flex-basis-45 {
  flex-basis: 45% !important;
}
.flex-basis-50 {
  flex-basis: 50% !important;
}
.flex-basis-55 {
  flex-basis: 55% !important;
}
.flex-basis-60 {
  flex-basis: 60% !important;
}
.flex-basis-65 {
  flex-basis: 65% !important;
}
.flex-basis-70 {
  flex-basis: 70% !important;
}
.flex-basis-75 {
  flex-basis: 75% !important;
}
.flex-basis-80 {
  flex-basis: 80% !important;
}
.flex-basis-85 {
  flex-basis: 85% !important;
}
.flex-basis-90 {
  flex-basis: 90% !important;
}
.flex-basis-95 {
  flex-basis: 95% !important;
}
.flex-basis-100 {
  flex-basis: 100% !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-relative {
  position: relative !important;
}
.position-sticky {
  position: sticky !important;
}
.flex-wrap-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-wrap {
  flex-wrap: wrap !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-flex-end {
  align-items: flex-end !important;
}
.align-items-flex-start {
  align-items: flex-start !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.align-self-flex-end {
  align-self: flex-end !important;
}
.align-self-flex-start {
  align-self: flex-start !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-content-flex-end {
  align-content: flex-end !important;
}
.align-content-flex-start {
  align-content: flex-start !important;
}
.align-content-space-around {
  align-content: space-around !important;
}
.align-content-space-between {
  align-content: space-between !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-start {
  justify-content: start !important;
}
.justify-content-end {
  justify-content: end !important;
}
.justify-content-flex-end {
  justify-content: flex-end !important;
}
.justify-content-flex-start {
  justify-content: flex-start !important;
}
.justify-content-space-evenly {
  justify-content: space-evenly !important;
}
.justify-content-space-around {
  justify-content: space-around !important;
}
.justify-content-space-between {
  justify-content: space-between !important;
}
.justify-self-flex-start {
  justify-self: flex-start !important;
}
.justify-self-flex-end {
  justify-self: flex-end !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.all-width {
  width: 100% !important;
}
.all-height {
  height: 100% !important;
}
.all-min-width {
  min-width: 100% !important;
}
.all-min-height {
  min-height: 100% !important;
}
.all-max-width {
  max-width: 100% !important;
}
.all-max-height {
  max-height: 100% !important;
}
.half-width {
  width: 50% !important;
}
.half-height {
  height: 50% !important;
}
.half-min-width {
  min-width: 50% !important;
}
.half-min-height {
  min-height: 50% !important;
}
.no-width {
  width: var(--dimension-0) !important;
}
.no-height {
  height: var(--dimension-0) !important;
}
.no-min-width {
  min-width: var(--dimension-0) !important;
}
.no-min-height {
  min-height: var(--dimension-0) !important;
}
.sc-mask {
  position: fixed;
  inset: 0;
  background-color: var(--surface-mask);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.elevation-medium {
  box-shadow: var(--elevation-medium);
}
.elevation-large {
  box-shadow: var(--elevation-large);
}
.text-brand {
  color: var(--text-brand);
}
.text-default {
  color: var(--text-default);
}
.text-disabled {
  color: var(--text-disabled);
}
.text-icon-with-darker-text-warning {
  color: var(--text-icon-with-darker-text-warning);
}
.text-info {
  color: var(--text-info);
}
.text-inverted {
  color: var(--text-inverted);
}
.text-muted {
  color: var(--text-muted);
}
.text-negative {
  color: var(--text-negative);
}
.text-positive {
  color: var(--text-positive);
}
.text-warning {
  color: var(--text-warning);
}
.disabled-10-color {
  color: var(--color-disabled-10);
}
.disabled-10-background {
  background: var(--color-disabled-10);
}
.focus-10-color {
  color: var(--color-focus-10);
}
.focus-10-background {
  background: var(--color-focus-10);
}
.grid-header-color {
  color: var(--color-grid-header);
}
.grid-header-background {
  background: var(--color-grid-header);
}
.grid-row-odd-color {
  color: var(--color-grid-row-odd);
}
.grid-row-odd-background {
  background: var(--color-grid-row-odd);
}
.grid-row-selected-color {
  color: var(--color-grid-row-selected);
}
.grid-row-selected-background {
  background: var(--color-grid-row-selected);
}
.info-10-color {
  color: var(--color-info-10);
}
.info-10-background {
  background: var(--color-info-10);
}
.info-20-color {
  color: var(--color-info-20);
}
.info-20-background {
  background: var(--color-info-20);
}
.info-30-color {
  color: var(--color-info-30);
}
.info-30-background {
  background: var(--color-info-30);
}
.info-40-color {
  color: var(--color-info-40);
}
.info-40-background {
  background: var(--color-info-40);
}
.info-50-color {
  color: var(--color-info-50);
}
.info-50-background {
  background: var(--color-info-50);
}
.interactive-10-color {
  color: var(--color-interactive-10);
}
.interactive-10-background {
  background: var(--color-interactive-10);
}
.interactive-20-color {
  color: var(--color-interactive-20);
}
.interactive-20-background {
  background: var(--color-interactive-20);
}
.interactive-30-color {
  color: var(--color-interactive-30);
}
.interactive-30-background {
  background: var(--color-interactive-30);
}
.interactive-40-color {
  color: var(--color-interactive-40);
}
.interactive-40-background {
  background: var(--color-interactive-40);
}
.interactive-50-color {
  color: var(--color-interactive-50);
}
.interactive-50-background {
  background: var(--color-interactive-50);
}
.link-10-color {
  color: var(--color-link-10);
}
.link-10-background {
  background: var(--color-link-10);
}
.link-20-color {
  color: var(--color-link-20);
}
.link-20-background {
  background: var(--color-link-20);
}
.link-30-color {
  color: var(--color-link-30);
}
.link-30-background {
  background: var(--color-link-30);
}
.negative-10-color {
  color: var(--color-negative-10);
}
.negative-10-background {
  background: var(--color-negative-10);
}
.negative-20-color {
  color: var(--color-negative-20);
}
.negative-20-background {
  background: var(--color-negative-20);
}
.negative-30-color {
  color: var(--color-negative-30);
}
.negative-30-background {
  background: var(--color-negative-30);
}
.negative-40-color {
  color: var(--color-negative-40);
}
.negative-40-background {
  background: var(--color-negative-40);
}
.negative-50-color {
  color: var(--color-negative-50);
}
.negative-50-background {
  background: var(--color-negative-50);
}
.neutral-10-color {
  color: var(--color-neutral-10);
}
.neutral-10-background {
  background: var(--color-neutral-10);
}
.neutral-20-color {
  color: var(--color-neutral-20);
}
.neutral-20-background {
  background: var(--color-neutral-20);
}
.neutral-30-color {
  color: var(--color-neutral-30);
}
.neutral-30-background {
  background: var(--color-neutral-30);
}
.neutral-40-color {
  color: var(--color-neutral-40);
}
.neutral-40-background {
  background: var(--color-neutral-40);
}
.neutral-50-color {
  color: var(--color-neutral-50);
}
.neutral-50-background {
  background: var(--color-neutral-50);
}
.positive-10-color {
  color: var(--color-positive-10);
}
.positive-10-background {
  background: var(--color-positive-10);
}
.positive-20-color {
  color: var(--color-positive-20);
}
.positive-20-background {
  background: var(--color-positive-20);
}
.positive-30-color {
  color: var(--color-positive-30);
}
.positive-30-background {
  background: var(--color-positive-30);
}
.positive-40-color {
  color: var(--color-positive-40);
}
.positive-40-background {
  background: var(--color-positive-40);
}
.positive-50-color {
  color: var(--color-positive-50);
}
.positive-50-background {
  background: var(--color-positive-50);
}
.warning-10-color {
  color: var(--color-warning-10);
}
.warning-10-background {
  background: var(--color-warning-10);
}
.warning-20-color {
  color: var(--color-warning-20);
}
.warning-20-background {
  background: var(--color-warning-20);
}
.warning-30-color {
  color: var(--color-warning-30);
}
.warning-30-background {
  background: var(--color-warning-30);
}
.warning-40-color {
  color: var(--color-warning-40);
}
.warning-40-background {
  background: var(--color-warning-40);
}
.warning-50-color {
  color: var(--color-warning-50);
}
.warning-50-background {
  background: var(--color-warning-50);
}
.border-color-10 {
  border-color: var(--border-color-10);
}
.border-color-20 {
  border-color: var(--border-color-20);
}
.border-color-30 {
  border-color: var(--border-color-30);
}
.surface-background-background {
  background: var(--surface-background);
}
.surface-level-1-background {
  background: var(--surface-level-1);
}
.surface-level-2-background {
  background: var(--surface-level-2);
}
.surface-level-3-background {
  background: var(--surface-level-3);
}
.surface-mask-background {
  background: var(--surface-mask);
}
.surface-raised-background {
  background: var(--surface-raised);
}
.surface-tint-info-color {
  color: var(--surface-tint-info);
}
.surface-tint-inverted-color {
  color: var(--surface-tint-inverted);
}
.surface-tint-negative-color {
  color: var(--surface-tint-negative);
}
.surface-tint-neutral-10-color {
  color: var(--surface-tint-neutral-10);
}
.surface-tint-neutral-20-color {
  color: var(--surface-tint-neutral-20);
}
.surface-tint-positive-color {
  color: var(--surface-tint-positive);
}
.surface-tint-transparent-color {
  color: var(--surface-tint-transparent);
}
.surface-tint-warning-color {
  color: var(--surface-tint-warning);
}
.text-align-center {
  text-align: center !important;
}
.text-align-end {
  text-align: end !important;
}
.text-align-start {
  text-align: start !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-wrap-break-word {
  overflow-wrap: break-word !important;
}
.overflow-wrap-normal {
  overflow-wrap: normal !important;
}
.text-transform-capitalize {
  text-transform: capitalize !important;
}
.text-transform-lowercase {
  text-transform: lowercase !important;
}
.text-transform-none {
  text-transform: none !important;
}
.text-transform-uppercase {
  text-transform: uppercase !important;
}
.text-decoration-dashed {
  text-decoration: dashed !important;
}
.text-decoration-dotted {
  text-decoration: dotted !important;
}
.text-decoration-double {
  text-decoration: double !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-solid {
  text-decoration: solid !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-wavy {
  text-decoration: wavy !important;
}
.white-space-nowrap {
  white-space: nowrap !important;
}
.white-space-normal {
  white-space: normal !important;
}
.white-space-pre-wrap {
  white-space: pre-wrap !important;
}
.white-space-pre {
  white-space: pre !important;
}
.visually-hidden {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.text-overflow-ellipsis {
  text-overflow: ellipsis !important;
}
.text-overflow-clip {
  text-overflow: clip !important;
}
.text-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cursor-not-allowed {
  cursor: not-allowed !important;
}
.cursor-wait {
  cursor: wait !important;
}
.cursor-default {
  cursor: default !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-help {
  cursor: help !important;
}
.cursor-copy {
  cursor: copy !important;
}
.cursor-grab {
  cursor: grab !important;
}
.cursor-grabbing {
  cursor: grabbing !important;
}
.pointer-events-none {
  pointer-events: none !important;
}
@font-face {
  font-family: fallback;
  src: local(Arial);
  size-adjust: 0%;
}
.link {
  text-decoration-line: underline;
  cursor: pointer;
}
.typography-block-title {
  font-family: var(--typography-block-title-font-family), sans-serif;
  font-size: var(--typography-block-title-font-size);
  font-weight: var(--typography-block-title-font-weight);
  letter-spacing: var(--typography-block-title-letter-spacing);
  line-height: var(--typography-block-title-line-height);
  font-style: var(--typography-block-title-font-style);
  font-variation-settings: var(--typography-block-title-font-variation-settings, var(--typography-block-title-font-grade));
}
.typography-body {
  font-family: var(--typography-body-font-family), sans-serif;
  font-size: var(--typography-body-font-size);
  font-weight: var(--typography-body-font-weight);
  letter-spacing: var(--typography-body-letter-spacing);
  line-height: var(--typography-body-line-height);
  font-style: var(--typography-body-font-style);
  font-variation-settings: var(--typography-body-font-variation-settings, var(--typography-body-font-grade));
}
.typography-chart-axis-label {
  font-family: var(--typography-chart-axis-label-font-family), sans-serif;
  font-size: var(--typography-chart-axis-label-font-size);
  font-weight: var(--typography-chart-axis-label-font-weight);
  letter-spacing: var(--typography-chart-axis-label-letter-spacing);
  line-height: var(--typography-chart-axis-label-line-height);
  font-style: var(--typography-chart-axis-label-font-style);
  font-variation-settings: var(--typography-chart-axis-label-font-variation-settings, var(--typography-chart-axis-label-font-grade));
}
.typography-chart-chart-text {
  font-family: var(--typography-chart-chart-text-font-family), sans-serif;
  font-size: var(--typography-chart-chart-text-font-size);
  font-weight: var(--typography-chart-chart-text-font-weight);
  letter-spacing: var(--typography-chart-chart-text-letter-spacing);
  line-height: var(--typography-chart-chart-text-line-height);
  font-style: var(--typography-chart-chart-text-font-style);
  font-variation-settings: var(--typography-chart-chart-text-font-variation-settings, var(--typography-chart-chart-text-font-grade));
}
.typography-chart-series-data-point-label {
  font-family: var(--typography-chart-series-data-point-label-font-family), sans-serif;
  font-size: var(--typography-chart-series-data-point-label-font-size);
  font-weight: var(--typography-chart-series-data-point-label-font-weight);
  letter-spacing: var(--typography-chart-series-data-point-label-letter-spacing);
  line-height: var(--typography-chart-series-data-point-label-line-height);
  font-style: var(--typography-chart-series-data-point-label-font-style);
  font-variation-settings: var(--typography-chart-series-data-point-label-font-variation-settings, var(--typography-chart-series-data-point-label-font-grade));
}
.typography-code {
  font-family: var(--typography-code-font-family), sans-serif;
  font-size: var(--typography-code-font-size);
  font-weight: var(--typography-code-font-weight);
  letter-spacing: var(--typography-code-letter-spacing);
  line-height: var(--typography-code-line-height);
  font-style: var(--typography-code-font-style);
  font-variation-settings: var(--typography-code-font-variation-settings, var(--typography-code-font-grade));
}
.typography-data-label-title {
  font-family: var(--typography-data-label-title-font-family), sans-serif;
  font-size: var(--typography-data-label-title-font-size);
  font-weight: var(--typography-data-label-title-font-weight);
  letter-spacing: var(--typography-data-label-title-letter-spacing);
  line-height: var(--typography-data-label-title-line-height);
  font-style: var(--typography-data-label-title-font-style);
  font-variation-settings: var(--typography-data-label-title-font-variation-settings, var(--typography-data-label-title-font-grade));
}
.typography-datagrid {
  font-family: var(--typography-datagrid-font-family), sans-serif;
  font-size: var(--typography-datagrid-font-size);
  font-weight: var(--typography-datagrid-font-weight);
  letter-spacing: var(--typography-datagrid-letter-spacing);
  line-height: var(--typography-datagrid-line-height);
  font-style: var(--typography-datagrid-font-style);
  font-variation-settings: var(--typography-datagrid-font-variation-settings, var(--typography-datagrid-font-grade));
}
.typography-input-label {
  font-family: var(--typography-input-label-font-family), sans-serif;
  font-size: var(--typography-input-label-font-size);
  font-weight: var(--typography-input-label-font-weight);
  letter-spacing: var(--typography-input-label-letter-spacing);
  line-height: var(--typography-input-label-line-height);
  font-style: var(--typography-input-label-font-style);
  font-variation-settings: var(--typography-input-label-font-variation-settings, var(--typography-input-label-font-grade));
}
.typography-italic {
  font-family: var(--typography-italic-font-family), sans-serif;
  font-size: var(--typography-italic-font-size);
  font-weight: var(--typography-italic-font-weight);
  letter-spacing: var(--typography-italic-letter-spacing);
  line-height: var(--typography-italic-line-height);
  font-style: var(--typography-italic-font-style);
  font-variation-settings: var(--typography-italic-font-variation-settings, var(--typography-italic-font-grade));
}
.typography-label-title {
  font-family: var(--typography-label-title-font-family), sans-serif;
  font-size: var(--typography-label-title-font-size);
  font-weight: var(--typography-label-title-font-weight);
  letter-spacing: var(--typography-label-title-letter-spacing);
  line-height: var(--typography-label-title-line-height);
  font-style: var(--typography-label-title-font-style);
  font-variation-settings: var(--typography-label-title-font-variation-settings, var(--typography-label-title-font-grade));
}
.typography-link {
  font-family: var(--typography-link-font-family), sans-serif;
  font-size: var(--typography-link-font-size);
  font-weight: var(--typography-link-font-weight);
  letter-spacing: var(--typography-link-letter-spacing);
  line-height: var(--typography-link-line-height);
  font-style: var(--typography-link-font-style);
  font-variation-settings: var(--typography-link-font-variation-settings, var(--typography-link-font-grade));
}
.typography-micro-title {
  font-family: var(--typography-micro-title-font-family), sans-serif;
  font-size: var(--typography-micro-title-font-size);
  font-weight: var(--typography-micro-title-font-weight);
  letter-spacing: var(--typography-micro-title-letter-spacing);
  line-height: var(--typography-micro-title-line-height);
  font-style: var(--typography-micro-title-font-style);
  font-variation-settings: var(--typography-micro-title-font-variation-settings, var(--typography-micro-title-font-grade));
}
.typography-narrow {
  font-family: var(--typography-narrow-font-family), sans-serif;
  font-size: var(--typography-narrow-font-size);
  font-weight: var(--typography-narrow-font-weight);
  letter-spacing: var(--typography-narrow-letter-spacing);
  line-height: var(--typography-narrow-line-height);
  font-style: var(--typography-narrow-font-style);
  font-variation-settings: var(--typography-narrow-font-variation-settings, var(--typography-narrow-font-grade));
}
.typography-page-title {
  font-family: var(--typography-page-title-font-family), sans-serif;
  font-size: var(--typography-page-title-font-size);
  font-weight: var(--typography-page-title-font-weight);
  letter-spacing: var(--typography-page-title-letter-spacing);
  line-height: var(--typography-page-title-line-height);
  font-style: var(--typography-page-title-font-style);
  font-variation-settings: var(--typography-page-title-font-variation-settings, var(--typography-page-title-font-grade));
}
.typography-paragraph {
  font-family: var(--typography-paragraph-font-family), sans-serif;
  font-size: var(--typography-paragraph-font-size);
  font-weight: var(--typography-paragraph-font-weight);
  letter-spacing: var(--typography-paragraph-letter-spacing);
  line-height: var(--typography-paragraph-line-height);
  font-style: var(--typography-paragraph-font-style);
  font-variation-settings: var(--typography-paragraph-font-variation-settings, var(--typography-paragraph-font-grade));
}
.typography-section-title {
  font-family: var(--typography-section-title-font-family), sans-serif;
  font-size: var(--typography-section-title-font-size);
  font-weight: var(--typography-section-title-font-weight);
  letter-spacing: var(--typography-section-title-letter-spacing);
  line-height: var(--typography-section-title-line-height);
  font-style: var(--typography-section-title-font-style);
  font-variation-settings: var(--typography-section-title-font-variation-settings, var(--typography-section-title-font-grade));
}
.typography-small {
  font-family: var(--typography-small-font-family), sans-serif;
  font-size: var(--typography-small-font-size);
  font-weight: var(--typography-small-font-weight);
  letter-spacing: var(--typography-small-letter-spacing);
  line-height: var(--typography-small-line-height);
  font-style: var(--typography-small-font-style);
  font-variation-settings: var(--typography-small-font-variation-settings, var(--typography-small-font-grade));
}
.typography-smallcaps {
  font-family: var(--typography-smallcaps-font-family), sans-serif;
  font-size: var(--typography-smallcaps-font-size);
  font-weight: var(--typography-smallcaps-font-weight);
  letter-spacing: var(--typography-smallcaps-letter-spacing);
  line-height: var(--typography-smallcaps-line-height);
  font-style: var(--typography-smallcaps-font-style);
  font-variation-settings: var(--typography-smallcaps-font-variation-settings, var(--typography-smallcaps-font-grade));
}
.typography-sub-section-title {
  font-family: var(--typography-sub-section-title-font-family), sans-serif;
  font-size: var(--typography-sub-section-title-font-size);
  font-weight: var(--typography-sub-section-title-font-weight);
  letter-spacing: var(--typography-sub-section-title-letter-spacing);
  line-height: var(--typography-sub-section-title-line-height);
  font-style: var(--typography-sub-section-title-font-style);
  font-variation-settings: var(--typography-sub-section-title-font-variation-settings, var(--typography-sub-section-title-font-grade));
}
.typography-thick {
  font-family: var(--typography-thick-font-family), sans-serif;
  font-size: var(--typography-thick-font-size);
  font-weight: var(--typography-thick-font-weight);
  letter-spacing: var(--typography-thick-letter-spacing);
  line-height: var(--typography-thick-line-height);
  font-style: var(--typography-thick-font-style);
  font-variation-settings: var(--typography-thick-font-variation-settings, var(--typography-thick-font-grade));
}
.typography-paragraph strong,
.typography-paragraph b {
  font-variation-settings: var(--typography-paragraph-strong-font-variation-settings);
}
@property --scrollbar-radius { syntax:"<length>";inherits:true;initial-value:var(--radius-20) }
@property --scrollbar-size { syntax:"<length>";inherits:true;initial-value:var(--dimension-12) }
@property --scrollbar-border { syntax:"<length>";inherits:true;initial-value:var(--dimension-2) }
@property --scrollbar-thumb-background { syntax:"<color>";inherits:true;initial-value:rgba(0, 0, 0, 0) }
@property --scrollbar-corner-background { syntax:"<color>";inherits:true;initial-value:rgba(0, 0, 0, 0) }
@property --scrollbar-track-background { syntax:"<color>";inherits:true;initial-value:rgba(0, 0, 0, 0) }

/* angular:styles/global:styles */