@layer reset, base, tokens, recipes, utilities;

@layer reset{
  html,:host {
    --font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: var(--global-font-body, var(--font-fallback));
    -webkit-tap-highlight-color: transparent;
}

  *,::before,::after,::backdrop,::file-selector-button {
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    border-style: solid;
    border-color: var(--global-color-border, currentcolor);
    box-sizing: border-box;
}

  hr {
    color: inherit;
    height: 0px;
    border-top-width: 1px;
}

  body {
    line-height: inherit;
    height: 100%;
}

  img {
    border-style: none;
}

  img,svg,video,canvas,audio,iframe,embed,object {
    display: block;
    vertical-align: middle;
}

  img,video {
    max-width: 100%;
    height: var(--sizes-auto);
}

  h1,h2,h3,h4,h5,h6 {
    text-wrap: balance;
    font-size: inherit;
    font-weight: inherit;
}

  p,h1,h2,h3,h4,h5,h6 {
    overflow-wrap: break-word;
}

  ol,ul,menu {
    list-style: none;
}

  button,input:where([type='button'], [type='reset'], [type='submit']),::file-selector-button {
    appearance: button;
    -webkit-appearance: button;
}

  button,input,optgroup,select,textarea,::file-selector-button {
    font: inherit;
    background: transparent;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
}

  ::placeholder {
    --placeholder-fallback: rgba(0, 0, 0, 0.5);
    opacity: 1;
    color: var(--global-color-placeholder, var(--placeholder-fallback));
}

  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      --placeholder-fallback: color-mix(in oklab, currentcolor 50%, transparent);
}
}

  textarea {
    resize: vertical;
}

  table {
    border-color: inherit;
    text-indent: 0px;
    border-collapse: collapse;
}

  summary {
    display: list-item;
}

  small {
    font-size: 80%;
}

  sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

  sub {
    bottom: -0.25em;
}

  sup {
    top: -0.5em;
}

  dialog {
    padding: 0px;
}

  a {
    text-decoration: inherit;
    color: inherit;
}

  abbr:where([title]) {
    text-decoration: underline dotted;
}

  b,strong {
    font-weight: bolder;
}

  code,kbd,samp,pre {
    --font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New';
    font-family: var(--global-font-mono, var(--font-mono-fallback));
    font-size: 1em;
    font-feature-settings: normal;
    font-variation-settings: normal;
}

  progress {
    vertical-align: baseline;
}

  ::-webkit-search-decoration,::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

  ::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: var(--sizes-auto);
}

  :-moz-ui-invalid {
    box-shadow: none;
}

  :-moz-focusring {
    outline: auto;
}

  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
}
}

@layer base{
  :root {
    --made-with-panda: '🐼';
}

  html {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  body {
    font-family: var(--fonts-body);
    background-color: var(--colors-bg);
    color: var(--colors-fg);
    font-size: var(--font-sizes-md);
    line-height: var(--line-heights-md);
    letter-spacing: var(--letter-spacings-md);
}

  svg {
    color: currentColor;
    stroke: currentColor;
    width: var(--sizes-full);
    height: var(--sizes-full);
}

  ol {
    counter-reset: item;
    margin-left: 2em;
}

  ul {
    margin-left: 1.5em;
}

  ul ul {
    margin-left: 1.25em;
}

  .rtb-li-ordered {
    counter-increment: item;
}

  .rtb-li-ordered::marker {
    color: currentColor;
    content: counters(item, ".") ". ";
}

  .rtb-li-unordered::marker {
    content: "• ";
    color: currentColor;
    width: 1em;
}

  div[data-radix-popper-content-wrapper] {
    z-index: var(--z-index-popover) !important;
}

  @font-face {
    font-family: Gibson;

    font-weight: 400;

    src: url(https://qportal-cms.dev.qbank.se/api/fontFiles/file/Gibson.ttf) format('ttf');

    font-display: swap;

}

  @font-face {
    font-family: Gibson;

    font-weight: 600;

    src: url(https://qportal-cms.dev.qbank.se/api/fontFiles/file/Gibson-SemiBold.ttf) format('ttf');

    font-display: swap;

}

  @font-face {
    font-family: Gibson;

    font-style: italic;

    font-weight: 600;

    src: url(https://qportal-cms.dev.qbank.se/api/fontFiles/file/Gibson-Semibold-Italic.ttf) format('ttf');

    font-display: swap;

}

  @font-face {
    font-family: Gibson;

    font-weight: 300;

    src: url(https://qportal-cms.dev.qbank.se/api/fontFiles/file/Gibson-Light.ttf) format('ttf');

    font-display: swap;

}

  @font-face {
    font-family: Gibson;

    font-style: italic;

    font-weight: 300;

    src: url(https://qportal-cms.dev.qbank.se/api/fontFiles/file/Gibson-Light-Italic.ttf) format('ttf');

    font-display: swap;

}

  @font-face {
    font-family: Gibson;

    font-style: italic;

    font-weight: 400;

    src: url(https://qportal-cms.dev.qbank.se/api/fontFiles/file/Gibson-Italic.ttf) format('ttf');

    font-display: swap;

}

  @font-face {
    font-family: Gibson;

    font-weight: 700;

    src: url(https://qportal-cms.dev.qbank.se/api/fontFiles/file/Gibson-Bold.ttf) format('ttf');

    font-display: swap;

}

  @font-face {
    font-family: Gibson;

    font-style: italic;

    font-weight: 700;

    src: url(https://qportal-cms.dev.qbank.se/api/fontFiles/file/Gibson-Bold-Italic.ttf) format('ttf');

    font-display: swap;

}
}

@layer tokens{
  :where(:root, :host) {
    --animations-overlay-in: fade-in var(--durations-interactive-slower) var(--easings-emphasized-in);
    --animations-overlay-out: fade-out var(--durations-interactive-normal) var(--easings-emphasized-out);
    --animations-dialog-in: slide-in var(--durations-interactive-slower) var(--easings-emphasized-in);
    --animations-dialog-out: slide-out var(--durations-interactive-normal) var(--easings-emphasized-out);
    --animations-drawer-in-left: slide-in-left var(--durations-interactive-slower) var(--easings-emphasized-in);
    --animations-drawer-out-left: slide-out-left var(--durations-interactive-normal) var(--easings-emphasized-out);
    --animations-drawer-in-right: slide-in-right var(--durations-interactive-slower) var(--easings-emphasized-in);
    --animations-drawer-out-right: slide-out-right var(--durations-interactive-normal) var(--easings-emphasized-out);
    --animations-drawer-in-top: slide-in-top var(--durations-interactive-slower) var(--easings-emphasized-in);
    --animations-drawer-out-top: slide-out-top var(--durations-interactive-normal) var(--easings-emphasized-out);
    --animations-drawer-in-bottom: slide-in-bottom var(--durations-interactive-slower) var(--easings-emphasized-in);
    --animations-drawer-out-bottom: slide-out-bottom var(--durations-interactive-normal) var(--easings-emphasized-out);
    --animations-skeleton-pulse: skeleton-pulse var(--durations-feedback-normal) var(--easings-pulse) infinite;
    --animations-fade-in: fade-in var(--durations-interactive-slower) var(--easings-emphasized-in);
    --animations-collapse-in: collapse-in var(--durations-interactive-normal) var(--easings-emphasized-in);
    --animations-collapse-out: collapse-out var(--durations-interactive-fast) var(--easings-emphasized-out);
    --animations-spin: spin var(--durations-feedback-fast) var(--easings-pulse) infinite;
    --animations-slide-down: slideDown var(--durations-interactive-normal) var(--easings-emphasized-in);
    --animations-slide-up: slideUp var(--durations-interactive-normal) var(--easings-emphasized-out);
    --blurs-sm: 4px;
    --blurs-base: 8px;
    --blurs-md: 12px;
    --blurs-lg: 16px;
    --blurs-xl: 24px;
    --blurs-2xl: 40px;
    --blurs-3xl: 64px;
    --colors-black-a1: hsla(0, 0%, 0%, 0.05);
    --colors-black-a2: hsla(0, 0%, 0%, 0.1);
    --colors-black-a3: hsla(0, 0%, 0%, 0.15);
    --colors-black-a4: hsla(0, 0%, 0%, 0.2);
    --colors-black-a5: hsla(0, 0%, 0%, 0.3);
    --colors-black-a6: hsla(0, 0%, 0%, 0.4);
    --colors-black-a7: hsla(0, 0%, 0%, 0.5);
    --colors-black-a8: hsla(0, 0%, 0%, 0.6);
    --colors-black-a9: hsla(0, 0%, 0%, 0.7);
    --colors-black-a10: hsla(0, 0%, 0%, 0.8);
    --colors-black-a11: hsla(0, 0%, 0%, 0.9);
    --colors-black-a12: hsla(0, 0%, 0%, 0.95);
    --colors-white-a1: hsla(0, 0%, 100%, 0.05);
    --colors-white-a2: hsla(0, 0%, 100%, 0.1);
    --colors-white-a3: hsla(0, 0%, 100%, 0.15);
    --colors-white-a4: hsla(0, 0%, 100%, 0.2);
    --colors-white-a5: hsla(0, 0%, 100%, 0.3);
    --colors-white-a6: hsla(0, 0%, 100%, 0.4);
    --colors-white-a7: hsla(0, 0%, 100%, 0.5);
    --colors-white-a8: hsla(0, 0%, 100%, 0.6);
    --colors-white-a9: hsla(0, 0%, 100%, 0.7);
    --colors-white-a10: hsla(0, 0%, 100%, 0.8);
    --colors-white-a11: hsla(0, 0%, 100%, 0.9);
    --colors-white-a12: hsla(0, 0%, 100%, 0.95);
    --durations-interactive-fastest: 50ms;
    --durations-interactive-faster: 100ms;
    --durations-interactive-fast: 150ms;
    --durations-interactive-normal: 200ms;
    --durations-interactive-slow: 300ms;
    --durations-interactive-slower: 400ms;
    --durations-interactive-slowest: 500ms;
    --durations-feedback-fastest: 0.5s;
    --durations-feedback-faster: 1s;
    --durations-feedback-fast: 1.5s;
    --durations-feedback-normal: 2s;
    --durations-feedback-slow: 3s;
    --durations-feedback-slower: 4s;
    --durations-feedback-slowest: 5s;
    --easings-pulse: cubic-bezier(0.4, 0.0, 0.6, 1.0);
    --easings-default: cubic-bezier(0.2, 0.0, 0, 1.0);
    --easings-emphasized-in: cubic-bezier(0.05, 0.7, 0.1, 1.0);
    --easings-emphasized-out: cubic-bezier(0.3, 0.0, 0.8, 0.15);
    --font-sizes-xs: 0.75rem;
    --font-sizes-sm: 0.875rem;
    --font-sizes-md: 1rem;
    --font-sizes-lg: 1.125rem;
    --font-sizes-xl: 1.25rem;
    --font-sizes-2xl: 1.5rem;
    --font-sizes-3xl: 1.875rem;
    --font-sizes-4xl: 2.25rem;
    --font-sizes-5xl: 3rem;
    --font-sizes-6xl: 3.75rem;
    --font-sizes-7xl: 4.5rem;
    --font-sizes-8xl: 5rem;
    --font-sizes-9xl: 7rem;
    --fonts-title: Gibson;
    --fonts-body: Gibson;
    --fonts-code: Gibson;
    --font-weights-light: 300;
    --font-weights-regular: 400;
    --font-weights-medium: 500;
    --font-weights-semibold: 600;
    --font-weights-bold: 700;
    --font-weights-extrabold: 800;
    --line-heights-xs: 1.125rem;
    --line-heights-sm: 1.25rem;
    --line-heights-md: 1.5rem;
    --line-heights-lg: 1.75rem;
    --line-heights-xl: 1.875rem;
    --line-heights-2xl: 2rem;
    --line-heights-3xl: 2.375rem;
    --line-heights-4xl: 2.75rem;
    --line-heights-5xl: 3.75rem;
    --line-heights-6xl: 4.5rem;
    --line-heights-7xl: 5.75rem;
    --letter-spacings-xs: 0;
    --letter-spacings-sm: 0;
    --letter-spacings-md: 0;
    --letter-spacings-lg: 0;
    --letter-spacings-xl: 0;
    --letter-spacings-2xl: 0;
    --letter-spacings-3xl: 0;
    --letter-spacings-4xl: -0.72px;
    --letter-spacings-5xl: -0.96px;
    --letter-spacings-6xl: -1.2px;
    --letter-spacings-7xl: -1.44px;
    --letter-spacings-8xl: -1.44px;
    --letter-spacings-9xl: -1.44px;
    --spacing-0: 0;
    --spacing-1: 0.125rem;
    --spacing-2: 0.25rem;
    --spacing-3: 0.375rem;
    --spacing-4: 0.5rem;
    --spacing-5: 0.625rem;
    --spacing-6: 0.75rem;
    --spacing-7: 0.875rem;
    --spacing-8: 1rem;
    --spacing-9: 1.125rem;
    --spacing-10: 1.25rem;
    --spacing-11: 1.5rem;
    --spacing-12: 1.75rem;
    --spacing-13: 2rem;
    --spacing-14: 2.25rem;
    --spacing-15: 2.5rem;
    --spacing-16: 2.75rem;
    --spacing-17: 3rem;
    --spacing-18: 3.5rem;
    --spacing-19: 4rem;
    --spacing-20: 5rem;
    --spacing-21: 6rem;
    --spacing-22: 7rem;
    --spacing-23: 8rem;
    --spacing-24: 9rem;
    --spacing-25: 10rem;
    --spacing-26: 11rem;
    --spacing-27: 12rem;
    --spacing-28: 13rem;
    --spacing-29: 14rem;
    --spacing-30: 15rem;
    --spacing-31: 16rem;
    --spacing-32: 17rem;
    --spacing-33: 18rem;
    --spacing-34: 19rem;
    --spacing-35: 20rem;
    --spacing-36: 21rem;
    --spacing-37: 22rem;
    --spacing-38: 23rem;
    --spacing-39: 24rem;
    --spacing-40: 25rem;
    --spacing-auto: auto;
    --sizes-0: 0;
    --sizes-1: 0.125rem;
    --sizes-2: 0.25rem;
    --sizes-3: 0.375rem;
    --sizes-4: 0.5rem;
    --sizes-5: 0.625rem;
    --sizes-6: 0.75rem;
    --sizes-7: 0.875rem;
    --sizes-8: 1rem;
    --sizes-9: 1.125rem;
    --sizes-10: 1.25rem;
    --sizes-11: 1.5rem;
    --sizes-12: 1.75rem;
    --sizes-13: 2rem;
    --sizes-14: 2.25rem;
    --sizes-15: 2.5rem;
    --sizes-16: 2.75rem;
    --sizes-17: 3rem;
    --sizes-18: 3.5rem;
    --sizes-19: 4rem;
    --sizes-20: 5rem;
    --sizes-21: 6rem;
    --sizes-22: 7rem;
    --sizes-23: 8rem;
    --sizes-24: 9rem;
    --sizes-25: 10rem;
    --sizes-26: 11rem;
    --sizes-27: 12rem;
    --sizes-28: 13rem;
    --sizes-29: 14rem;
    --sizes-30: 15rem;
    --sizes-31: 16rem;
    --sizes-32: 17rem;
    --sizes-33: 18rem;
    --sizes-34: 19rem;
    --sizes-35: 20rem;
    --sizes-36: 21rem;
    --sizes-37: 22rem;
    --sizes-38: 23rem;
    --sizes-39: 24rem;
    --sizes-40: 25rem;
    --sizes-auto: auto;
    --sizes-2xs: 20rem;
    --sizes-xs: 24rem;
    --sizes-sm: 28rem;
    --sizes-md: 32rem;
    --sizes-lg: 36rem;
    --sizes-xl: 40rem;
    --sizes-2xl: 48rem;
    --sizes-3xl: 56rem;
    --sizes-4xl: 64rem;
    --sizes-5xl: 72rem;
    --sizes-6xl: 80rem;
    --sizes-7xl: 88rem;
    --sizes-8xl: 96rem;
    --sizes-full: 100%;
    --sizes-min: min-content;
    --sizes-max: max-content;
    --sizes-fit: fit-content;
    --sizes-breakpoint-sm: 640px;
    --sizes-breakpoint-md: 768px;
    --sizes-breakpoint-lg: 1024px;
    --sizes-breakpoint-xl: 1280px;
    --sizes-breakpoint-2xl: 1536px;
    --z-index-hide: -1;
    --z-index-base: 0;
    --z-index-docked: 10;
    --z-index-dropdown: 1000;
    --z-index-sticky: 1100;
    --z-index-banner: 1200;
    --z-index-overlay: 1300;
    --z-index-modal: 1400;
    --z-index-popover: 1500;
    --z-index-skip-link: 1600;
    --z-index-toast: 1700;
    --z-index-tooltip: 1800;
    --breakpoints-sm: 640px;
    --breakpoints-md: 768px;
    --breakpoints-lg: 1024px;
    --breakpoints-xl: 1280px;
    --breakpoints-2xl: 1536px;
    --border-widths-thin: 1px;
    --border-widths-regular: 1.33px;
    --border-widths-thick: 1.66px;
    --border-widths-none: 0px;
    --borders-thin: 1px solid;
    --borders-regular: 1. solid33px;
    --borders-thick: 1.66px solid;
    --borders-none: none;
    --radii-l1: 5px;
    --radii-l2: 3px;
    --radii-l3: 1px;
    --radii-full: 9999px;
    --radii-none: 0px;
}

  :where(:root, .light) {
    --shadows-inset: inset 0 0 0 1px var(--colors-neutral-a5),
      inset 0 1.5px 2px 0 var(--colors-neutral-a2),
      inset 0 1.5px 2px 0 var(--colors-black-a2);
    --shadows-panel: 0 0 0 1px var(--colors-neutral-a3),
      0 0 0 0.5px var(--colors-black-a1),
      0 1px 1px 0 var(--colors-neutral-a2),
      0 2px 1px -1px var(--colors-black-a1),
      0 1px 3px 0 var(--colors-black-a1);
    --shadows-panel-emphasized: 0 0 0 1px var(--colors-neutral-a3),
        0 2px 3px -2px var(--colors-neutral-a3),
        0 3px 12px -4px var(--colors-black-a2),
        0 4px 16px -8px var(--colors-black-a2);
    --shadows-raised: 0 0 0 1px var(--colors-neutral-a3),
      0 8px 40px var(--colors-black-a1),
      0 12px 32px -16px var(--colors-neutral-a3);
    --shadows-raised-emphasized: 0 0 0 1px var(--colors-neutral-a3),
      0 12px 60px var(--colors-black-a3),
      0 12px 32px -16px var(--colors-neutral-a5);
    --shadows-on-overlay: 0 0 0 1px var(--colors-neutral-a3),
      0 12px 60px var(--colors-black-a3),
      0 16px 64px var(--colors-neutral-a2),
      0 16px 36px -20px var(--colors-neutral-a7);
    --colors-bg: #fdfdfa;
    --colors-bg-soft: #f9f9f6;
    --colors-bg-overlay: var(--colors-black-a6);
    --colors-bg-panel: #fdfdfa;
    --colors-fg: #1f1f1c;
    --colors-fg-soft: #646460;
    --colors-accent-1: #fcfcfc;
    --colors-accent-2: #f9f9f9;
    --colors-accent-3: #f0f0f0;
    --colors-accent-4: #e8e8e8;
    --colors-accent-5: #e1e1e1;
    --colors-accent-6: #d9d9d9;
    --colors-accent-7: #cecece;
    --colors-accent-8: #bbb;
    --colors-accent-9: #0d0d0d;
    --colors-accent-10: #282828;
    --colors-accent-11: #636363;
    --colors-accent-12: #1f1f1f;
    --colors-accent: #0d0d0d;
    --colors-accent-a1: #00000003;
    --colors-accent-a2: #00000006;
    --colors-accent-a3: #0000000f;
    --colors-accent-a4: #00000017;
    --colors-accent-a5: #0000001e;
    --colors-accent-a6: #00000026;
    --colors-accent-a7: #00000031;
    --colors-accent-a8: #00000044;
    --colors-accent-a9: #000000f2;
    --colors-accent-a10: #000000d7;
    --colors-accent-a11: #0000009c;
    --colors-accent-a12: #000000e0;
    --colors-accent-bg-app: #fcfcfc;
    --colors-accent-bg-app-soft: #f9f9f9;
    --colors-accent-bg-solid: #0d0d0d;
    --colors-accent-bg-solid-hover: #282828;
    --colors-accent-bg-solid-active: color-mix(in oklab, #282828, #e1e1e1);
    --colors-accent-bg-soft: #f0f0f0;
    --colors-accent-bg-soft-hover: #e8e8e8;
    --colors-accent-bg-soft-active: #e1e1e1;
    --colors-accent-fg: #1f1f1f;
    --colors-accent-fg-solid: #fff;
    --colors-accent-fg-soft: #636363;
    --colors-accent-border: #cecece;
    --colors-accent-border-soft: #d9d9d9;
    --colors-accent-border-hover: #bbb;
    --colors-neutral-1: #fdfdfa;
    --colors-neutral-2: #f9f9f6;
    --colors-neutral-3: #f0f0ec;
    --colors-neutral-4: #e8e8e5;
    --colors-neutral-5: #e1e1dd;
    --colors-neutral-6: #d9d9d5;
    --colors-neutral-7: #cececa;
    --colors-neutral-8: #bbbbb7;
    --colors-neutral-9: #8c8c88;
    --colors-neutral-10: #82827e;
    --colors-neutral-11: #646460;
    --colors-neutral-12: #1f1f1c;
    --colors-neutral: #8c8c88;
    --colors-neutral-a1: #99990005;
    --colors-neutral-a2: #55550009;
    --colors-neutral-a3: #36360013;
    --colors-neutral-a4: #1e1e001a;
    --colors-neutral-a5: #1e1e0022;
    --colors-neutral-a6: #1919002a;
    --colors-neutral-a7: #14140035;
    --colors-neutral-a8: #0f0f0048;
    --colors-neutral-a9: #09090077;
    --colors-neutral-a10: #08080081;
    --colors-neutral-a11: #0707009f;
    --colors-neutral-a12: #030300e3;
    --colors-neutral-bg-app: #fdfdfa;
    --colors-neutral-bg-app-soft: #f9f9f6;
    --colors-neutral-bg-solid: #8c8c88;
    --colors-neutral-bg-solid-hover: #82827e;
    --colors-neutral-bg-solid-active: color-mix(in oklab, #82827e, #e1e1dd);
    --colors-neutral-bg-soft: #f0f0ec;
    --colors-neutral-bg-soft-hover: #e8e8e5;
    --colors-neutral-bg-soft-active: #e1e1dd;
    --colors-neutral-fg: #1f1f1c;
    --colors-neutral-fg-solid: #fff;
    --colors-neutral-fg-soft: #646460;
    --colors-neutral-border: #cececa;
    --colors-neutral-border-soft: #d9d9d5;
    --colors-neutral-border-hover: #bbbbb7;
    --colors-status-error-1: #fffcfc;
    --colors-status-error-2: #fff7f7;
    --colors-status-error-3: #ffebea;
    --colors-status-error-4: #ffdcd9;
    --colors-status-error-5: #ffcdca;
    --colors-status-error-6: #febdb9;
    --colors-status-error-7: #f5a9a5;
    --colors-status-error-8: #eb8f8b;
    --colors-status-error-9: #e5484d;
    --colors-status-error-10: #d73840;
    --colors-status-error-11: #cc2e39;
    --colors-status-error-12: #64181b;
    --colors-status-error: #e5484d;
    --colors-status-error-a1: #ff000003;
    --colors-status-error-a2: #ff000008;
    --colors-status-error-a3: #ff0d0015;
    --colors-status-error-a4: #ff150026;
    --colors-status-error-a5: #ff0f0035;
    --colors-status-error-a6: #fc0f0046;
    --colors-status-error-a7: #e30c015a;
    --colors-status-error-a8: #d4090074;
    --colors-status-error-a9: #db0007b7;
    --colors-status-error-a10: #cc000ac7;
    --colors-status-error-a11: #c1000ed1;
    --colors-status-error-a12: #540003e7;
    --colors-status-error-bg-app: #fffcfc;
    --colors-status-error-bg-app-soft: #fff7f7;
    --colors-status-error-bg-solid: #e5484d;
    --colors-status-error-bg-solid-hover: #d73840;
    --colors-status-error-bg-solid-active: color-mix(in oklab, #d73840, #ffcdca);
    --colors-status-error-bg-soft: #ffebea;
    --colors-status-error-bg-soft-hover: #ffdcd9;
    --colors-status-error-bg-soft-active: #ffcdca;
    --colors-status-error-fg: #64181b;
    --colors-status-error-fg-solid: #fff;
    --colors-status-error-fg-soft: #cc2e39;
    --colors-status-error-border: #f5a9a5;
    --colors-status-error-border-soft: #febdb9;
    --colors-status-error-border-hover: #eb8f8b;
    --colors-status-success-1: #fbfefc;
    --colors-status-success-2: #f4fbf7;
    --colors-status-success-3: #e5f6eb;
    --colors-status-success-4: #d6f1df;
    --colors-status-success-5: #c4e8d1;
    --colors-status-success-6: #adddc0;
    --colors-status-success-7: #8fcea8;
    --colors-status-success-8: #60b887;
    --colors-status-success-9: #30a46c;
    --colors-status-success-10: #289662;
    --colors-status-success-11: #00814c;
    --colors-status-success-12: #1d3b2a;
    --colors-status-success: #30a46c;
    --colors-status-success-a1: #00c04004;
    --colors-status-success-a2: #00a3460b;
    --colors-status-success-a3: #00a73b1a;
    --colors-status-success-a4: #00a83829;
    --colors-status-success-a5: #019c393b;
    --colors-status-success-a6: #00963c52;
    --colors-status-success-a7: #00903970;
    --colors-status-success-a8: #008d3f9f;
    --colors-status-success-a9: #008f4acf;
    --colors-status-success-a10: #008345d7;
    --colors-status-success-a11: #00814c;
    --colors-status-success-a12: #00220fe2;
    --colors-status-success-bg-app: #fbfefc;
    --colors-status-success-bg-app-soft: #f4fbf7;
    --colors-status-success-bg-solid: #30a46c;
    --colors-status-success-bg-solid-hover: #289662;
    --colors-status-success-bg-solid-active: color-mix(in oklab, #289662, #c4e8d1);
    --colors-status-success-bg-soft: #e5f6eb;
    --colors-status-success-bg-soft-hover: #d6f1df;
    --colors-status-success-bg-soft-active: #c4e8d1;
    --colors-status-success-fg: #1d3b2a;
    --colors-status-success-fg-solid: #fff;
    --colors-status-success-fg-soft: #00814c;
    --colors-status-success-border: #8fcea8;
    --colors-status-success-border-soft: #adddc0;
    --colors-status-success-border-hover: #60b887;
    --colors-status-warning-1: #fdfdfa;
    --colors-status-warning-2: #fefceb;
    --colors-status-warning-3: #fff9bf;
    --colors-status-warning-4: #fef29f;
    --colors-status-warning-5: #f8e981;
    --colors-status-warning-6: #e9da79;
    --colors-status-warning-7: #d8cb75;
    --colors-status-warning-8: #c4b54f;
    --colors-status-warning-9: #ffe62a;
    --colors-status-warning-10: #f3dd45;
    --colors-status-warning-11: #897a00;
    --colors-status-warning-12: #413d23;
    --colors-status-warning: #ffe62a;
    --colors-status-warning-a1: #99990005;
    --colors-status-warning-a2: #f3d90014;
    --colors-status-warning-a3: #ffe80040;
    --colors-status-warning-a4: #fddd0060;
    --colors-status-warning-a5: #f1d3007e;
    --colors-status-warning-a6: #d6b90086;
    --colors-status-warning-a7: #b79f008a;
    --colors-status-warning-a8: #aa9400b0;
    --colors-status-warning-a9: #ffe100d5;
    --colors-status-warning-a10: #efd100ba;
    --colors-status-warning-a11: #897a00;
    --colors-status-warning-a12: #231e00dc;
    --colors-status-warning-bg-app: #fdfdfa;
    --colors-status-warning-bg-app-soft: #fefceb;
    --colors-status-warning-bg-solid: #ffe62a;
    --colors-status-warning-bg-solid-hover: #f3dd45;
    --colors-status-warning-bg-solid-active: color-mix(in oklab, #f3dd45, #f8e981);
    --colors-status-warning-bg-soft: #fff9bf;
    --colors-status-warning-bg-soft-hover: #fef29f;
    --colors-status-warning-bg-soft-active: #f8e981;
    --colors-status-warning-fg: #413d23;
    --colors-status-warning-fg-solid: #262209;
    --colors-status-warning-fg-soft: #897a00;
    --colors-status-warning-border: #d8cb75;
    --colors-status-warning-border-soft: #e9da79;
    --colors-status-warning-border-hover: #c4b54f;
    --colors-status-disabled-bg-solid: #36360013;
    --colors-status-disabled-bg-soft: #36360013;
    --colors-status-disabled-fg: #08080081;
    --colors-status-disabled-border: #1919002a;
    --colors-status-disabled-border-soft: #1e1e0022;
    --colors-dometic-1: #fffcfb;
    --colors-dometic-2: #fff7f6;
    --colors-dometic-3: #ffe9e5;
    --colors-dometic-4: #ffd9d0;
    --colors-dometic-5: #ffc9be;
    --colors-dometic-6: #ffb6a9;
    --colors-dometic-7: #ffa090;
    --colors-dometic-8: #fe8170;
    --colors-dometic-9: #f00;
    --colors-dometic-10: #f00000;
    --colors-dometic-11: #e50000;
    --colors-dometic-12: #681710;
    --colors-dometic: #f00;
    --colors-dometic-a1: #ff400004;
    --colors-dometic-a2: #ff1d0009;
    --colors-dometic-a3: #ff28001a;
    --colors-dometic-a4: #ff31002f;
    --colors-dometic-a5: #ff2c0041;
    --colors-dometic-a6: #ff270056;
    --colors-dometic-a7: #ff25006f;
    --colors-dometic-a8: #fe1f008f;
    --colors-dometic-a9: #ff0000;
    --colors-dometic-a10: #f00000;
    --colors-dometic-a11: #e50000;
    --colors-dometic-a12: #5e0800ef;
    --colors-dometic-bg-app: #fffcfb;
    --colors-dometic-bg-app-soft: #fff7f6;
    --colors-dometic-bg-solid: #f00;
    --colors-dometic-bg-solid-hover: #f00000;
    --colors-dometic-bg-solid-active: color-mix(in oklab, #f00000, #ffc9be);
    --colors-dometic-bg-soft: #ffe9e5;
    --colors-dometic-bg-soft-hover: #ffd9d0;
    --colors-dometic-bg-soft-active: #ffc9be;
    --colors-dometic-fg: #681710;
    --colors-dometic-fg-solid: #fff;
    --colors-dometic-fg-soft: #e50000;
    --colors-dometic-border: #ffa090;
    --colors-dometic-border-soft: #ffb6a9;
    --colors-dometic-border-hover: #fe8170
}

  .dark {
    --shadows-inset: inset 0 -1px 1px 0 var(--colors-neutral-a3),
        inset 0 0 0 1px var(--colors-neutral-a3),
        inset 0 3px 4px 0 var(--colors-black-a5),
        inset 0 0 0 1px var(--colors-neutral-a4);
    --shadows-panel: 0 0 0 1px var(--colors-neutral-a6),
      0 0 0 0.5px var(--colors-black-a3),
      0 1px 1px 0 var(--colors-black-a6),
      0 2px 1px -1px var(--colors-black-a6),
      0 1px 3px 0 var(--colors-black-a5);
    --shadows-panel-emphasized: 0 0 0 1px var(--colors-neutral-a6),
        0 2px 3px -2px var(--colors-black-a3),
        0 3px 8px -2px var(--colors-black-a6),
        0 4px 12px -4px var(--colors-black-a7);
    --shadows-raised: 0 0 0 1px var(--colors-neutral-a6),
      0 8px 40px var(--colors-black-a3),
      0 12px 32px -16px var(--colors-black-a5);
    --shadows-raised-emphasized: 0 0 0 1px var(--colors-neutral-a6),
      0 12px 60px var(--colors-black-a5),
      0 12px 32px -16px var(--colors-black-a7);
    --shadows-on-overlay: 0 0 0 1px var(--colors-neutral-a6),
      0 12px 60px var(--colors-black-a4),
      0 16px 64px var(--colors-black-a6),
      0 16px 36px -20px var(--colors-black-a11);
    --colors-bg: #11110e;
    --colors-bg-soft: #191916;
    --colors-bg-overlay: var(--colors-black-a8);
    --colors-bg-panel: #11110e;
    --colors-fg: #eeeeeb;
    --colors-fg-soft: #b4b4b0;
    --colors-accent-1: #111;
    --colors-accent-2: #191919;
    --colors-accent-3: #222;
    --colors-accent-4: #292929;
    --colors-accent-5: #313131;
    --colors-accent-6: #3a3a3a;
    --colors-accent-7: #484848;
    --colors-accent-8: #606060;
    --colors-accent-9: #6d6d6d;
    --colors-accent-10: #606060;
    --colors-accent-11: #b3b3b3;
    --colors-accent-12: #eee;
    --colors-accent: #6d6d6d;
    --colors-accent-a1: #00000000;
    --colors-accent-a2: #ffffff09;
    --colors-accent-a3: #ffffff12;
    --colors-accent-a4: #ffffff1a;
    --colors-accent-a5: #ffffff22;
    --colors-accent-a6: #ffffff2c;
    --colors-accent-a7: #ffffff3b;
    --colors-accent-a8: #ffffff55;
    --colors-accent-a9: #ffffff63;
    --colors-accent-a10: #ffffff55;
    --colors-accent-a11: #ffffffae;
    --colors-accent-a12: #ffffffed;
    --colors-accent-bg-app: #111;
    --colors-accent-bg-app-soft: #191919;
    --colors-accent-bg-solid: #6d6d6d;
    --colors-accent-bg-solid-hover: #606060;
    --colors-accent-bg-solid-active: color-mix(in oklab, #606060, #313131);
    --colors-accent-bg-soft: #222;
    --colors-accent-bg-soft-hover: #292929;
    --colors-accent-bg-soft-active: #313131;
    --colors-accent-fg: #eee;
    --colors-accent-fg-solid: #fff;
    --colors-accent-fg-soft: #b3b3b3;
    --colors-accent-border: #484848;
    --colors-accent-border-soft: #3a3a3a;
    --colors-accent-border-hover: #606060;
    --colors-neutral-1: #11110e;
    --colors-neutral-2: #191916;
    --colors-neutral-3: #232320;
    --colors-neutral-4: #2a2a27;
    --colors-neutral-5: #31312e;
    --colors-neutral-6: #3b3b37;
    --colors-neutral-7: #484845;
    --colors-neutral-8: #60605d;
    --colors-neutral-9: #6e6e6b;
    --colors-neutral-10: #7c7c78;
    --colors-neutral-11: #b4b4b0;
    --colors-neutral-12: #eeeeeb;
    --colors-neutral: #6e6e6b;
    --colors-neutral-a1: #1111002d;
    --colors-neutral-a2: #f4f49f09;
    --colors-neutral-a3: #f7f7d114;
    --colors-neutral-a4: #fefee11b;
    --colors-neutral-a5: #fbfbe523;
    --colors-neutral-a6: #ffffe92d;
    --colors-neutral-a7: #fffff23b;
    --colors-neutral-a8: #fffff655;
    --colors-neutral-a9: #fffff764;
    --colors-neutral-a10: #fffff673;
    --colors-neutral-a11: #fffff9af;
    --colors-neutral-a12: #fffffced;
    --colors-neutral-bg-app: #11110e;
    --colors-neutral-bg-app-soft: #191916;
    --colors-neutral-bg-solid: #6e6e6b;
    --colors-neutral-bg-solid-hover: #7c7c78;
    --colors-neutral-bg-solid-active: color-mix(in oklab, #7c7c78, #31312e);
    --colors-neutral-bg-soft: #232320;
    --colors-neutral-bg-soft-hover: #2a2a27;
    --colors-neutral-bg-soft-active: #31312e;
    --colors-neutral-fg: #eeeeeb;
    --colors-neutral-fg-solid: #fff;
    --colors-neutral-fg-soft: #b4b4b0;
    --colors-neutral-border: #484845;
    --colors-neutral-border-soft: #3b3b37;
    --colors-neutral-border-hover: #60605d;
    --colors-status-error-1: #170f0e;
    --colors-status-error-2: #201312;
    --colors-status-error-3: #3b1212;
    --colors-status-error-4: #500f13;
    --colors-status-error-5: #61171a;
    --colors-status-error-6: #732425;
    --colors-status-error-7: #8c3434;
    --colors-status-error-8: #b54546;
    --colors-status-error-9: #e5484d;
    --colors-status-error-10: #d63941;
    --colors-status-error-11: #ff8f8b;
    --colors-status-error-12: #ffd2ce;
    --colors-status-error: #e5484d;
    --colors-status-error-a1: #ec000007;
    --colors-status-error-a2: #f22f2011;
    --colors-status-error-a3: #ff17172d;
    --colors-status-error-a4: #fe0a1944;
    --colors-status-error-a5: #ff232c56;
    --colors-status-error-a6: #ff404269;
    --colors-status-error-a7: #ff555584;
    --colors-status-error-a8: #ff5d5eb0;
    --colors-status-error-a9: #fe4e54e4;
    --colors-status-error-a10: #fe414bd4;
    --colors-status-error-a11: #ff8f8b;
    --colors-status-error-a12: #ffd2ce;
    --colors-status-error-bg-app: #170f0e;
    --colors-status-error-bg-app-soft: #201312;
    --colors-status-error-bg-solid: #e5484d;
    --colors-status-error-bg-solid-hover: #d63941;
    --colors-status-error-bg-solid-active: color-mix(in oklab, #d63941, #61171a);
    --colors-status-error-bg-soft: #3b1212;
    --colors-status-error-bg-soft-hover: #500f13;
    --colors-status-error-bg-soft-active: #61171a;
    --colors-status-error-fg: #ffd2ce;
    --colors-status-error-fg-solid: #fff;
    --colors-status-error-fg-soft: #ff8f8b;
    --colors-status-error-border: #8c3434;
    --colors-status-error-border-soft: #732425;
    --colors-status-error-border-hover: #b54546;
    --colors-status-success-1: #0c130f;
    --colors-status-success-2: #121b16;
    --colors-status-success-3: #152c1f;
    --colors-status-success-4: #143b27;
    --colors-status-success-5: #1b4930;
    --colors-status-success-6: #23573b;
    --colors-status-success-7: #2b6848;
    --colors-status-success-8: #327c55;
    --colors-status-success-9: #30a46c;
    --colors-status-success-10: #1d9760;
    --colors-status-success-11: #63d196;
    --colors-status-success-12: #b2f1cb;
    --colors-status-success: #30a46c;
    --colors-status-success-a1: #00bb0003;
    --colors-status-success-a2: #29f9850b;
    --colors-status-success-a3: #35ff8d1d;
    --colors-status-success-a4: #22ff8e2d;
    --colors-status-success-a5: #3cff953c;
    --colors-status-success-a6: #4fffa04b;
    --colors-status-success-a7: #58fda65e;
    --colors-status-success-a8: #5bffa873;
    --colors-status-success-a9: #44ffa49e;
    --colors-status-success-a10: #27ff9d90;
    --colors-status-success-a11: #77ffb6ce;
    --colors-status-success-a12: #bcffd7f0;
    --colors-status-success-bg-app: #0c130f;
    --colors-status-success-bg-app-soft: #121b16;
    --colors-status-success-bg-solid: #30a46c;
    --colors-status-success-bg-solid-hover: #1d9760;
    --colors-status-success-bg-solid-active: color-mix(in oklab, #1d9760, #1b4930);
    --colors-status-success-bg-soft: #152c1f;
    --colors-status-success-bg-soft-hover: #143b27;
    --colors-status-success-bg-soft-active: #1b4930;
    --colors-status-success-fg: #b2f1cb;
    --colors-status-success-fg-solid: #fff;
    --colors-status-success-fg-soft: #63d196;
    --colors-status-success-border: #2b6848;
    --colors-status-success-border-soft: #23573b;
    --colors-status-success-border-hover: #327c55;
    --colors-status-warning-1: #12110b;
    --colors-status-warning-2: #1a1810;
    --colors-status-warning-3: #282409;
    --colors-status-warning-4: #332d00;
    --colors-status-warning-5: #3f3700;
    --colors-status-warning-6: #4c440e;
    --colors-status-warning-7: #5f571f;
    --colors-status-warning-8: #796f2b;
    --colors-status-warning-9: #ffe629;
    --colors-status-warning-10: #f1dd4e;
    --colors-status-warning-11: #f2dd4f;
    --colors-status-warning-12: #f4edb8;
    --colors-status-warning: #ffe629;
    --colors-status-warning-a1: #91110002;
    --colors-status-warning-a2: #f7c4000a;
    --colors-status-warning-a3: #fcd30019;
    --colors-status-warning-a4: #fbd20025;
    --colors-status-warning-a5: #fcd30032;
    --colors-status-warning-a6: #fddd0640;
    --colors-status-warning-a7: #fee63c54;
    --colors-status-warning-a8: #fde74c70;
    --colors-status-warning-a9: #ffe629;
    --colors-status-warning-a10: #ffea52f0;
    --colors-status-warning-a11: #fee852f2;
    --colors-status-warning-a12: #fef7bff4;
    --colors-status-warning-bg-app: #12110b;
    --colors-status-warning-bg-app-soft: #1a1810;
    --colors-status-warning-bg-solid: #ffe629;
    --colors-status-warning-bg-solid-hover: #f1dd4e;
    --colors-status-warning-bg-solid-active: color-mix(in oklab, #f1dd4e, #3f3700);
    --colors-status-warning-bg-soft: #282409;
    --colors-status-warning-bg-soft-hover: #332d00;
    --colors-status-warning-bg-soft-active: #3f3700;
    --colors-status-warning-fg: #f4edb8;
    --colors-status-warning-fg-solid: #262209;
    --colors-status-warning-fg-soft: #f2dd4f;
    --colors-status-warning-border: #5f571f;
    --colors-status-warning-border-soft: #4c440e;
    --colors-status-warning-border-hover: #796f2b;
    --colors-status-disabled-bg-solid: #f7f7d114;
    --colors-status-disabled-bg-soft: #f7f7d114;
    --colors-status-disabled-fg: #fffff673;
    --colors-status-disabled-border: #ffffe92d;
    --colors-status-disabled-border-soft: #fbfbe523;
    --colors-dometic-1: #180e0d;
    --colors-dometic-2: #211311;
    --colors-dometic-3: #3f0f0b;
    --colors-dometic-4: #580000;
    --colors-dometic-5: #6a0402;
    --colors-dometic-6: #7b170f;
    --colors-dometic-7: #95281e;
    --colors-dometic-8: #c03529;
    --colors-dometic-9: #f00;
    --colors-dometic-10: #ef0000;
    --colors-dometic-11: #ff907f;
    --colors-dometic-12: #ffcfc6;
    --colors-dometic: #f00;
    --colors-dometic-a1: #f1000008;
    --colors-dometic-a2: #f42e1112;
    --colors-dometic-a3: #fc070032;
    --colors-dometic-a4: #fd00004d;
    --colors-dometic-a5: #fd000060;
    --colors-dometic-a6: #ff1f0d72;
    --colors-dometic-a7: #fe3a288e;
    --colors-dometic-a8: #ff4232bc;
    --colors-dometic-a9: #ff0000;
    --colors-dometic-a10: #ff0000ee;
    --colors-dometic-a11: #ff907f;
    --colors-dometic-a12: #ffcfc6;
    --colors-dometic-bg-app: #180e0d;
    --colors-dometic-bg-app-soft: #211311;
    --colors-dometic-bg-solid: #f00;
    --colors-dometic-bg-solid-hover: #ef0000;
    --colors-dometic-bg-solid-active: color-mix(in oklab, #ef0000, #6a0402);
    --colors-dometic-bg-soft: #3f0f0b;
    --colors-dometic-bg-soft-hover: #580000;
    --colors-dometic-bg-soft-active: #6a0402;
    --colors-dometic-fg: #ffcfc6;
    --colors-dometic-fg-solid: #fff;
    --colors-dometic-fg-soft: #ff907f;
    --colors-dometic-border: #95281e;
    --colors-dometic-border-soft: #7b170f;
    --colors-dometic-border-hover: #c03529
}

  @keyframes fade-in {
    from {
      opacity: 0;
}

    to {
      opacity: 1;
}
}

  @keyframes fade-out {
    from {
      opacity: 1;
}

    to {
      opacity: 0;
}
}

  @keyframes slide-in {
    0% {
      opacity: 0;
      transform: translateY(64px);
}

    100% {
      opacity: 1;
      transform: translateY(0);
}
}

  @keyframes slide-out {
    0% {
      opacity: 1;
      transform: translateY(0);
}

    100% {
      opacity: 0;
      transform: translateY(64px);
}
}

  @keyframes slide-in-left {
    0% {
      transform: translateX(-100%);
}

    100% {
      transform: translateX(0%);
}
}

  @keyframes slide-out-left {
    0% {
      transform: translateX(0%);
}

    100% {
      transform: translateX(-100%);
}
}

  @keyframes slide-in-right {
    0% {
      transform: translateX(100%);
}

    100% {
      transform: translateX(0%);
}
}

  @keyframes slide-out-right {
    0% {
      transform: translateX(0%);
}

    100% {
      transform: translateX(100%);
}
}

  @keyframes slide-in-top {
    0% {
      transform: translateY(-100%);
}

    100% {
      transform: translateY(0%);
}
}

  @keyframes slide-out-top {
    0% {
      transform: translateY(0%);
}

    100% {
      transform: translateY(-100%);
}
}

  @keyframes slide-in-bottom {
    0% {
      transform: translateY(100%);
}

    100% {
      transform: translateY(0%);
}
}

  @keyframes slide-out-bottom {
    0% {
      transform: translateY(0%);
}

    100% {
      transform: translateY(100%);
}
}

  @keyframes collapse-in {
    0% {
      height: var(--sizes-0);
}

    100% {
      height: var(--height);
}
}

  @keyframes collapse-out {
    0% {
      height: var(--height);
}

    100% {
      height: var(--sizes-0);
}
}

  @keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translateY(-4px);
}

    100% {
      opacity: 1;
      transform: translateY(0);
}
}

  @keyframes fadeOut {
    0% {
      opacity: 1;
      transform: translateY(0);
}

    100% {
      opacity: 0;
      transform: translateY(-4px);
}
}

  @keyframes skeleton-pulse {
    50% {
      opacity: 0.5;
}
}

  @keyframes spin {
    0% {
      transform: rotate(0deg);
}

    100% {
      transform: rotate(360deg);
}
}

  @media (color-gamut: p3) {
    :where(:root, .light) {
      --colors-bg: oklch(99.2% 0.0038 106.5);
      --colors-bg-soft: oklch(98.1% 0.004 106.5);
      --colors-bg-panel: oklch(99.2% 0.0038 106.5);
      --colors-fg: oklch(24% 0.0059 106.5);
      --colors-fg-soft: oklch(50.1% 0.0059 106.5);
      --colors-accent-1: oklch(99.2% 0 none);
      --colors-accent-2: oklch(98.1% 0 none);
      --colors-accent-3: oklch(95.5% 0 none);
      --colors-accent-4: oklch(93.1% 0 none);
      --colors-accent-5: oklch(90.9% 0 none);
      --colors-accent-6: oklch(88.5% 0 none);
      --colors-accent-7: oklch(85.1% 0 none);
      --colors-accent-8: oklch(79.2% 0 none);
      --colors-accent-9: oklch(15.9% 0 none);
      --colors-accent-10: oklch(27.5% 0 none);
      --colors-accent-11: oklch(50.1% 0 none);
      --colors-accent-12: oklch(24% 0 none);
      --colors-accent: oklch(15.9% 0 none);
      --colors-accent-a1: color(display-p3 0 0 0 / 0.0118);
      --colors-accent-a2: color(display-p3 0 0 0 / 0.0235);
      --colors-accent-a3: color(display-p3 0 0 0 / 0.0588);
      --colors-accent-a4: color(display-p3 0 0 0 / 0.0902);
      --colors-accent-a5: color(display-p3 0 0 0 / 0.1176);
      --colors-accent-a6: color(display-p3 0 0 0 / 0.149);
      --colors-accent-a7: color(display-p3 0 0 0 / 0.1922);
      --colors-accent-a8: color(display-p3 0 0 0 / 0.2667);
      --colors-accent-a9: color(display-p3 0 0 0 / 0.949);
      --colors-accent-a10: color(display-p3 0 0 0 / 0.8431);
      --colors-accent-a11: color(display-p3 0 0 0 / 0.6118);
      --colors-accent-a12: color(display-p3 0 0 0 / 0.8784);
      --colors-accent-bg-app: oklch(99.2% 0 none);
      --colors-accent-bg-app-soft: oklch(98.1% 0 none);
      --colors-accent-bg-solid: oklch(15.9% 0 none);
      --colors-accent-bg-solid-hover: oklch(27.5% 0 none);
      --colors-accent-bg-solid-active: color-mix(in oklab, oklch(27.5% 0 none), oklch(90.9% 0 none));
      --colors-accent-bg-soft: oklch(95.5% 0 none);
      --colors-accent-bg-soft-hover: oklch(93.1% 0 none);
      --colors-accent-bg-soft-active: oklch(90.9% 0 none);
      --colors-accent-fg: oklch(24% 0 none);
      --colors-accent-fg-soft: oklch(50.1% 0 none);
      --colors-accent-border: oklch(85.1% 0 none);
      --colors-accent-border-soft: oklch(88.5% 0 none);
      --colors-accent-border-hover: oklch(79.2% 0 none);
      --colors-neutral-1: oklch(99.2% 0.0038 106.5);
      --colors-neutral-2: oklch(98.1% 0.004 106.5);
      --colors-neutral-3: oklch(95.5% 0.0052 106.5);
      --colors-neutral-4: oklch(93.1% 0.0052 106.5);
      --colors-neutral-5: oklch(90.9% 0.0059 106.5);
      --colors-neutral-6: oklch(88.5% 0.0059 106.5);
      --colors-neutral-7: oklch(85.1% 0.0059 106.5);
      --colors-neutral-8: oklch(79.2% 0.0059 106.5);
      --colors-neutral-9: oklch(64% 0.0059 106.5);
      --colors-neutral-10: oklch(60.5% 0.0059 106.5);
      --colors-neutral-11: oklch(50.1% 0.0059 106.5);
      --colors-neutral-12: oklch(24% 0.0059 106.5);
      --colors-neutral: oklch(64% 0.0059 106.5);
      --colors-neutral-a1: color(display-p3 0.6078 0.6078 0.0196 / 0.02);
      --colors-neutral-a2: color(display-p3 0.349 0.349 0.0235 / 0.036);
      --colors-neutral-a3: color(display-p3 0.2157 0.2157 0.0078 / 0.075);
      --colors-neutral-a4: color(display-p3 0.1176 0.1176 0.0039 / 0.102);
      --colors-neutral-a5: color(display-p3 0.1255 0.1255 0.0078 / 0.134);
      --colors-neutral-a6: color(display-p3 0.098 0.098 0.0039 / 0.165);
      --colors-neutral-a7: color(display-p3 0.0784 0.0784 0.0039 / 0.208);
      --colors-neutral-a8: color(display-p3 0.0588 0.0588 0.0039 / 0.283);
      --colors-neutral-a9: color(display-p3 0.0353 0.0353 0.0039 / 0.467);
      --colors-neutral-a10: color(display-p3 0.0314 0.0314 0 / 0.506);
      --colors-neutral-a11: color(display-p3 0.0275 0.0275 0 / 0.624);
      --colors-neutral-a12: color(display-p3 0.0118 0.0118 0 / 0.891);
      --colors-neutral-bg-app: oklch(99.2% 0.0038 106.5);
      --colors-neutral-bg-app-soft: oklch(98.1% 0.004 106.5);
      --colors-neutral-bg-solid: oklch(64% 0.0059 106.5);
      --colors-neutral-bg-solid-hover: oklch(60.5% 0.0059 106.5);
      --colors-neutral-bg-solid-active: color-mix(in oklab, oklch(60.5% 0.0059 106.5), oklch(90.9% 0.0059 106.5));
      --colors-neutral-bg-soft: oklch(95.5% 0.0052 106.5);
      --colors-neutral-bg-soft-hover: oklch(93.1% 0.0052 106.5);
      --colors-neutral-bg-soft-active: oklch(90.9% 0.0059 106.5);
      --colors-neutral-fg: oklch(24% 0.0059 106.5);
      --colors-neutral-fg-soft: oklch(50.1% 0.0059 106.5);
      --colors-neutral-border: oklch(85.1% 0.0059 106.5);
      --colors-neutral-border-soft: oklch(88.5% 0.0059 106.5);
      --colors-neutral-border-hover: oklch(79.2% 0.0059 106.5);
      --colors-status-error-1: oklch(99.4% 0.0031 23.03);
      --colors-status-error-2: oklch(98.3% 0.0083 23.03);
      --colors-status-error-3: oklch(95.6% 0.021 23.03);
      --colors-status-error-4: oklch(92.8% 0.0472 23.03);
      --colors-status-error-5: oklch(89.6% 0.0619 23.03);
      --colors-status-error-6: oklch(85.7% 0.0746 23.03);
      --colors-status-error-7: oklch(80.7% 0.0894 23.03);
      --colors-status-error-8: oklch(74.5% 0.1132 23.03);
      --colors-status-error-9: oklch(62.6% 0.1933 23.03);
      --colors-status-error-10: oklch(58.4% 0.1951 23.03);
      --colors-status-error-11: oklch(55.7% 0.1933 23.03);
      --colors-status-error-12: oklch(33.9% 0.109 23.03);
      --colors-status-error: oklch(62.6% 0.1933 23.03);
      --colors-status-error-a1: color(display-p3 0.6745 0.0235 0.0235 / 0.012);
      --colors-status-error-a2: color(display-p3 0.8784 0.0196 0.0196 / 0.032);
      --colors-status-error-a3: color(display-p3 0.8588 0.1059 0.0078 / 0.083);
      --colors-status-error-a4: color(display-p3 0.8392 0.0902 0.0078 / 0.146);
      --colors-status-error-a5: color(display-p3 0.8471 0.0784 0.0039 / 0.204);
      --colors-status-error-a6: color(display-p3 0.8392 0.0784 0.0039 / 0.267);
      --colors-status-error-a7: color(display-p3 0.7647 0.0588 0.0039 / 0.346);
      --colors-status-error-a8: color(display-p3 0.7098 0.0471 0.0039 / 0.444);
      --colors-status-error-a9: color(display-p3 0.749 0.0078 0 / 0.675);
      --colors-status-error-a10: color(display-p3 0.6902 0 0 / 0.726);
      --colors-status-error-a11: color(display-p3 0.6549 0 0.0118 / 0.761);
      --colors-status-error-a12: color(display-p3 0.2745 0 0 / 0.883);
      --colors-status-error-bg-app: oklch(99.4% 0.0031 23.03);
      --colors-status-error-bg-app-soft: oklch(98.3% 0.0083 23.03);
      --colors-status-error-bg-solid: oklch(62.6% 0.1933 23.03);
      --colors-status-error-bg-solid-hover: oklch(58.4% 0.1951 23.03);
      --colors-status-error-bg-solid-active: color-mix(in oklab, oklch(58.4% 0.1951 23.03), oklch(89.6% 0.0619 23.03));
      --colors-status-error-bg-soft: oklch(95.6% 0.021 23.03);
      --colors-status-error-bg-soft-hover: oklch(92.8% 0.0472 23.03);
      --colors-status-error-bg-soft-active: oklch(89.6% 0.0619 23.03);
      --colors-status-error-fg: oklch(33.9% 0.109 23.03);
      --colors-status-error-fg-soft: oklch(55.7% 0.1933 23.03);
      --colors-status-error-border: oklch(80.7% 0.0894 23.03);
      --colors-status-error-border-soft: oklch(85.7% 0.0746 23.03);
      --colors-status-error-border-hover: oklch(74.5% 0.1132 23.03);
      --colors-status-success-1: oklch(99.4% 0.0043 157.7);
      --colors-status-success-2: oklch(98.2% 0.0091 157.7);
      --colors-status-success-3: oklch(95.9% 0.0229 157.7);
      --colors-status-success-4: oklch(93.3% 0.0364 157.7);
      --colors-status-success-5: oklch(90% 0.0497 157.7);
      --colors-status-success-6: oklch(85.7% 0.0646 157.7);
      --colors-status-success-7: oklch(79.8% 0.084 157.7);
      --colors-status-success-8: oklch(71.4% 0.1125 157.7);
      --colors-status-success-9: oklch(64.1% 0.1329 157.7);
      --colors-status-success-10: oklch(60% 0.1265 157.7);
      --colors-status-success-11: oklch(52.9% 0.1329 157.7);
      --colors-status-success-12: oklch(32.2% 0.0475 157.7);
      --colors-status-success: oklch(64.1% 0.1329 157.7);
      --colors-status-success-a1: color(display-p3 0.0235 0.6745 0.0235 / 0.012);
      --colors-status-success-a2: color(display-p3 0.0235 0.6118 0.2196 / 0.04);
      --colors-status-success-a3: color(display-p3 0.0118 0.5725 0.1843 / 0.091);
      --colors-status-success-a4: color(display-p3 0.0078 0.5882 0.1451 / 0.142);
      --colors-status-success-a5: color(display-p3 0.0039 0.5412 0.1569 / 0.204);
      --colors-status-success-a6: color(display-p3 0.0039 0.5176 0.1569 / 0.283);
      --colors-status-success-a7: color(display-p3 0.0039 0.4824 0.1451 / 0.385);
      --colors-status-success-a8: color(display-p3 0 0.4667 0.1529 / 0.538);
      --colors-status-success-a9: color(display-p3 0 0.4549 0.1647 / 0.667);
      --colors-status-success-a10: color(display-p3 0 0.4039 0.1451 / 0.702);
      --colors-status-success-a11: color(display-p3 0 0.3569 0.1255 / 0.781);
      --colors-status-success-a12: color(display-p3 0 0.102 0.0314 / 0.859);
      --colors-status-success-bg-app: oklch(99.4% 0.0043 157.7);
      --colors-status-success-bg-app-soft: oklch(98.2% 0.0091 157.7);
      --colors-status-success-bg-solid: oklch(64.1% 0.1329 157.7);
      --colors-status-success-bg-solid-hover: oklch(60% 0.1265 157.7);
      --colors-status-success-bg-solid-active: color-mix(in oklab, oklch(60% 0.1265 157.7), oklch(90% 0.0497 157.7));
      --colors-status-success-bg-soft: oklch(95.9% 0.0229 157.7);
      --colors-status-success-bg-soft-hover: oklch(93.3% 0.0364 157.7);
      --colors-status-success-bg-soft-active: oklch(90% 0.0497 157.7);
      --colors-status-success-fg: oklch(32.2% 0.0475 157.7);
      --colors-status-success-fg-soft: oklch(52.9% 0.1329 157.7);
      --colors-status-success-border: oklch(79.8% 0.084 157.7);
      --colors-status-success-border-soft: oklch(85.7% 0.0646 157.7);
      --colors-status-success-border-hover: oklch(71.4% 0.1125 157.7);
      --colors-status-warning-1: oklch(99.3% 0.0044 100.9);
      --colors-status-warning-2: oklch(98.8% 0.0224 100.9);
      --colors-status-warning-3: oklch(97.3% 0.0745 100.9);
      --colors-status-warning-4: oklch(95.2% 0.1037 100.9);
      --colors-status-warning-5: oklch(92.4% 0.126 100.9);
      --colors-status-warning-6: oklch(88.1% 0.1195 100.9);
      --colors-status-warning-7: oklch(83.5% 0.1083 100.9);
      --colors-status-warning-8: oklch(76.5% 0.1233 100.9);
      --colors-status-warning-9: oklch(91.9% 0.1838 100.9);
      --colors-status-warning-10: oklch(89% 0.1643 100.9);
      --colors-status-warning-11: oklch(57.4% 0.1231 100.9);
      --colors-status-warning-12: oklch(35.7% 0.041 100.9);
      --colors-status-warning: oklch(91.9% 0.1838 100.9);
      --colors-status-warning-a1: color(display-p3 0.6078 0.6078 0.0196 / 0.02);
      --colors-status-warning-a2: color(display-p3 0.9451 0.8353 0.0078 / 0.071);
      --colors-status-warning-a3: color(display-p3 0.9843 0.898 0.0039 / 0.228);
      --colors-status-warning-a4: color(display-p3 0.9686 0.851 0.0039 / 0.338);
      --colors-status-warning-a5: color(display-p3 0.9098 0.8118 0.0039 / 0.44);
      --colors-status-warning-a6: color(display-p3 0.7961 0.702 0.0039 / 0.475);
      --colors-status-warning-a7: color(display-p3 0.6784 0.5922 0.0039 / 0.499);
      --colors-status-warning-a8: color(display-p3 0.6118 0.5451 0 / 0.628);
      --colors-status-warning-a9: color(display-p3 0.9765 0.8588 0 / 0.659);
      --colors-status-warning-a10: color(display-p3 0.898 0.7922 0 / 0.616);
      --colors-status-warning-a11: color(display-p3 0.4471 0.3961 0 / 0.855);
      --colors-status-warning-a12: color(display-p3 0.1216 0.1059 0 / 0.851);
      --colors-status-warning-bg-app: oklch(99.3% 0.0044 100.9);
      --colors-status-warning-bg-app-soft: oklch(98.8% 0.0224 100.9);
      --colors-status-warning-bg-solid: oklch(91.9% 0.1838 100.9);
      --colors-status-warning-bg-solid-hover: oklch(89% 0.1643 100.9);
      --colors-status-warning-bg-solid-active: color-mix(in oklab, oklch(89% 0.1643 100.9), oklch(92.4% 0.126 100.9));
      --colors-status-warning-bg-soft: oklch(97.3% 0.0745 100.9);
      --colors-status-warning-bg-soft-hover: oklch(95.2% 0.1037 100.9);
      --colors-status-warning-bg-soft-active: oklch(92.4% 0.126 100.9);
      --colors-status-warning-fg: oklch(35.7% 0.041 100.9);
      --colors-status-warning-fg-soft: oklch(57.4% 0.1231 100.9);
      --colors-status-warning-border: oklch(83.5% 0.1083 100.9);
      --colors-status-warning-border-soft: oklch(88.1% 0.1195 100.9);
      --colors-status-warning-border-hover: oklch(76.5% 0.1233 100.9);
      --colors-status-disabled-bg-solid: color(display-p3 0.2157 0.2157 0.0078 / 0.075);
      --colors-status-disabled-bg-soft: color(display-p3 0.2157 0.2157 0.0078 / 0.075);
      --colors-status-disabled-fg: color(display-p3 0.0314 0.0314 0 / 0.506);
      --colors-status-disabled-border: color(display-p3 0.098 0.098 0.0039 / 0.165);
      --colors-status-disabled-border-soft: color(display-p3 0.1255 0.1255 0.0078 / 0.134);
      --colors-dometic-1: oklch(99.4% 0.0041 29.23);
      --colors-dometic-2: oklch(98.4% 0.0098 29.23);
      --colors-dometic-3: oklch(95.5% 0.0288 29.23);
      --colors-dometic-4: oklch(92.7% 0.0625 29.23);
      --colors-dometic-5: oklch(89.3% 0.0828 29.23);
      --colors-dometic-6: oklch(85.4% 0.1012 29.23);
      --colors-dometic-7: oklch(80.4% 0.1234 29.23);
      --colors-dometic-8: oklch(74.2% 0.1553 29.23);
      --colors-dometic-9: oklch(62.8% 0.2577 29.23);
      --colors-dometic-10: oklch(58.7% 0.2599 29.23);
      --colors-dometic-11: oklch(56.4% 0.2577 29.23);
      --colors-dometic-12: oklch(34.4% 0.1158 29.23);
      --colors-dometic: oklch(62.8% 0.2577 29.23);
      --colors-dometic-a1: color(display-p3 0.7569 0.2667 0.0235 / 0.016);
      --colors-dometic-a2: color(display-p3 0.8941 0.1294 0.0235 / 0.036);
      --colors-dometic-a3: color(display-p3 0.8431 0.1686 0.0118 / 0.099);
      --colors-dometic-a4: color(display-p3 0.8706 0.1804 0.0039 / 0.177);
      --colors-dometic-a5: color(display-p3 0.8745 0.1804 0.0039 / 0.248);
      --colors-dometic-a6: color(display-p3 0.8706 0.1608 0.0039 / 0.326);
      --colors-dometic-a7: color(display-p3 0.8784 0.1529 0.0039 / 0.42);
      --colors-dometic-a8: color(display-p3 0.8745 0.1333 0 / 0.538);
      --colors-dometic-a9: color(display-p3 0.9059 0.0745 0 / 0.863);
      --colors-dometic-a10: color(display-p3 0.8431 0.0627 0 / 0.871);
      --colors-dometic-a11: color(display-p3 0.8 0.0627 0 / 0.879);
      --colors-dometic-a12: color(display-p3 0.3176 0.0392 0 / 0.918);
      --colors-dometic-bg-app: oklch(99.4% 0.0041 29.23);
      --colors-dometic-bg-app-soft: oklch(98.4% 0.0098 29.23);
      --colors-dometic-bg-solid: oklch(62.8% 0.2577 29.23);
      --colors-dometic-bg-solid-hover: oklch(58.7% 0.2599 29.23);
      --colors-dometic-bg-solid-active: color-mix(in oklab, oklch(58.7% 0.2599 29.23), oklch(89.3% 0.0828 29.23));
      --colors-dometic-bg-soft: oklch(95.5% 0.0288 29.23);
      --colors-dometic-bg-soft-hover: oklch(92.7% 0.0625 29.23);
      --colors-dometic-bg-soft-active: oklch(89.3% 0.0828 29.23);
      --colors-dometic-fg: oklch(34.4% 0.1158 29.23);
      --colors-dometic-fg-soft: oklch(56.4% 0.2577 29.23);
      --colors-dometic-border: oklch(80.4% 0.1234 29.23);
      --colors-dometic-border-soft: oklch(85.4% 0.1012 29.23);
      --colors-dometic-border-hover: oklch(74.2% 0.1553 29.23)
            }
    }

  @media (color-gamut: p3) {
    .dark {
      --colors-bg: oklch(17.8% 0.0059 106.5);
      --colors-bg-soft: oklch(21.4% 0.0059 106.5);
      --colors-bg-panel: oklch(17.8% 0.0059 106.5);
      --colors-fg: oklch(94.9% 0.004 106.5);
      --colors-fg-soft: oklch(77% 0.0059 106.5);
      --colors-accent-1: oklch(17.8% 0 none);
      --colors-accent-2: oklch(21.3% 0 none);
      --colors-accent-3: oklch(25.3% 0 none);
      --colors-accent-4: oklch(28.3% 0 none);
      --colors-accent-5: oklch(31.2% 0 none);
      --colors-accent-6: oklch(34.9% 0 none);
      --colors-accent-7: oklch(40.1% 0 none);
      --colors-accent-8: oklch(49% 0 none);
      --colors-accent-9: oklch(53.5% 0 none);
      --colors-accent-10: oklch(48.7% 0 none);
      --colors-accent-11: oklch(76.7% 0 none);
      --colors-accent-12: oklch(94.8% 0 none);
      --colors-accent: oklch(53.5% 0 none);
      --colors-accent-a1: color(display-p3 0 0 0 / 0);
      --colors-accent-a2: color(display-p3 1 1 1 / 0.0336);
      --colors-accent-a3: color(display-p3 1 1 1 / 0.0714);
      --colors-accent-a4: color(display-p3 1 1 1 / 0.1008);
      --colors-accent-a5: color(display-p3 1 1 1 / 0.1345);
      --colors-accent-a6: color(display-p3 1 1 1 / 0.1723);
      --colors-accent-a7: color(display-p3 1 1 1 / 0.2311);
      --colors-accent-a8: color(display-p3 1 1 1 / 0.3319);
      --colors-accent-a9: color(display-p3 1 1 1 / 0.3866);
      --colors-accent-a10: color(display-p3 1 1 1 / 0.3319);
      --colors-accent-a11: color(display-p3 1 1 1 / 0.6807);
      --colors-accent-a12: color(display-p3 1 1 1 / 0.9286);
      --colors-accent-bg-app: oklch(17.8% 0 none);
      --colors-accent-bg-app-soft: oklch(21.3% 0 none);
      --colors-accent-bg-solid: oklch(53.5% 0 none);
      --colors-accent-bg-solid-hover: oklch(48.7% 0 none);
      --colors-accent-bg-solid-active: color-mix(in oklab, oklch(48.7% 0 none), oklch(31.2% 0 none));
      --colors-accent-bg-soft: oklch(25.3% 0 none);
      --colors-accent-bg-soft-hover: oklch(28.3% 0 none);
      --colors-accent-bg-soft-active: oklch(31.2% 0 none);
      --colors-accent-fg: oklch(94.8% 0 none);
      --colors-accent-fg-soft: oklch(76.7% 0 none);
      --colors-accent-border: oklch(40.1% 0 none);
      --colors-accent-border-soft: oklch(34.9% 0 none);
      --colors-accent-border-hover: oklch(49% 0 none);
      --colors-neutral-1: oklch(17.8% 0.0059 106.5);
      --colors-neutral-2: oklch(21.4% 0.0059 106.5);
      --colors-neutral-3: oklch(25.4% 0.0059 106.5);
      --colors-neutral-4: oklch(28.4% 0.0059 106.5);
      --colors-neutral-5: oklch(31.3% 0.0059 106.5);
      --colors-neutral-6: oklch(34.9% 0.0059 106.5);
      --colors-neutral-7: oklch(40.2% 0.0059 106.5);
      --colors-neutral-8: oklch(48.9% 0.0059 106.5);
      --colors-neutral-9: oklch(53.9% 0.0059 106.5);
      --colors-neutral-10: oklch(58.5% 0.0059 106.5);
      --colors-neutral-11: oklch(77% 0.0059 106.5);
      --colors-neutral-12: oklch(94.9% 0.004 106.5);
      --colors-neutral: oklch(53.9% 0.0059 106.5);
      --colors-neutral-a1: color(display-p3 0.0706 0.0706 0.0039 / 0.177);
      --colors-neutral-a2: color(display-p3 0.9922 0.9922 0.6471 / 0.034);
      --colors-neutral-a3: color(display-p3 0.9961 0.9961 0.8431 / 0.076);
      --colors-neutral-a4: color(display-p3 0.9922 0.9922 0.8824 / 0.106);
      --colors-neutral-a5: color(display-p3 1 1 0.9098 / 0.135);
      --colors-neutral-a6: color(display-p3 1 1 0.9098 / 0.177);
      --colors-neutral-a7: color(display-p3 1 1 0.949 / 0.232);
      --colors-neutral-a8: color(display-p3 1 1 0.9647 / 0.332);
      --colors-neutral-a9: color(display-p3 1 1 0.9725 / 0.391);
      --colors-neutral-a10: color(display-p3 1 1 0.9647 / 0.45);
      --colors-neutral-a11: color(display-p3 1 1 0.9804 / 0.685);
      --colors-neutral-a12: color(display-p3 1 1 0.9882 / 0.929);
      --colors-neutral-bg-app: oklch(17.8% 0.0059 106.5);
      --colors-neutral-bg-app-soft: oklch(21.4% 0.0059 106.5);
      --colors-neutral-bg-solid: oklch(53.9% 0.0059 106.5);
      --colors-neutral-bg-solid-hover: oklch(58.5% 0.0059 106.5);
      --colors-neutral-bg-solid-active: color-mix(in oklab, oklch(58.5% 0.0059 106.5), oklch(31.3% 0.0059 106.5));
      --colors-neutral-bg-soft: oklch(25.4% 0.0059 106.5);
      --colors-neutral-bg-soft-hover: oklch(28.4% 0.0059 106.5);
      --colors-neutral-bg-soft-active: oklch(31.3% 0.0059 106.5);
      --colors-neutral-fg: oklch(94.9% 0.004 106.5);
      --colors-neutral-fg-soft: oklch(77% 0.0059 106.5);
      --colors-neutral-border: oklch(40.2% 0.0059 106.5);
      --colors-neutral-border-soft: oklch(34.9% 0.0059 106.5);
      --colors-neutral-border-hover: oklch(48.9% 0.0059 106.5);
      --colors-status-error-1: oklch(17.8% 0.0133 23.03);
      --colors-status-error-2: oklch(20.3% 0.0215 23.03);
      --colors-status-error-3: oklch(25% 0.0642 23.03);
      --colors-status-error-4: oklch(28.8% 0.0958 23.03);
      --colors-status-error-5: oklch(33.1% 0.1065 23.03);
      --colors-status-error-6: oklch(38.2% 0.1113 23.03);
      --colors-status-error-7: oklch(45% 0.1205 23.03);
      --colors-status-error-8: oklch(54.4% 0.1464 23.03);
      --colors-status-error-9: oklch(62.6% 0.1933 23.03);
      --colors-status-error-10: oklch(58.4% 0.1933 23.03);
      --colors-status-error-11: oklch(78.4% 0.1617 23.03);
      --colors-status-error-12: oklch(90.2% 0.0528 23.03);
      --colors-status-error: oklch(62.6% 0.1933 23.03);
      --colors-status-error-a1: color(display-p3 0.9608 0 0 / 0.022);
      --colors-status-error-a2: color(display-p3 0.9961 0.2824 0.1412 / 0.055);
      --colors-status-error-a3: color(display-p3 1 0.1686 0.1176 / 0.156);
      --colors-status-error-a4: color(display-p3 1 0.1333 0.1333 / 0.236);
      --colors-status-error-a5: color(display-p3 1 0.2235 0.2235 / 0.303);
      --colors-status-error-a6: color(display-p3 1 0.3294 0.3059 / 0.374);
      --colors-status-error-a7: color(display-p3 1 0.4078 0.3804 / 0.475);
      --colors-status-error-a8: color(display-p3 1 0.4314 0.4196 / 0.635);
      --colors-status-error-a9: color(display-p3 1 0.3882 0.3843 / 0.82);
      --colors-status-error-a10: color(display-p3 1 0.3412 0.349 / 0.757);
      --colors-status-error-a11: color(display-p3 1 0.6196 0.5922 / 0.937);
      --colors-status-error-a12: color(display-p3 1 0.8549 0.8353 / 0.971);
      --colors-status-error-bg-app: oklch(17.8% 0.0133 23.03);
      --colors-status-error-bg-app-soft: oklch(20.3% 0.0215 23.03);
      --colors-status-error-bg-solid: oklch(62.6% 0.1933 23.03);
      --colors-status-error-bg-solid-hover: oklch(58.4% 0.1933 23.03);
      --colors-status-error-bg-solid-active: color-mix(in oklab, oklch(58.4% 0.1933 23.03), oklch(33.1% 0.1065 23.03));
      --colors-status-error-bg-soft: oklch(25% 0.0642 23.03);
      --colors-status-error-bg-soft-hover: oklch(28.8% 0.0958 23.03);
      --colors-status-error-bg-soft-active: oklch(33.1% 0.1065 23.03);
      --colors-status-error-fg: oklch(90.2% 0.0528 23.03);
      --colors-status-error-fg-soft: oklch(78.4% 0.1617 23.03);
      --colors-status-error-border: oklch(45% 0.1205 23.03);
      --colors-status-error-border-soft: oklch(38.2% 0.1113 23.03);
      --colors-status-error-border-hover: oklch(54.4% 0.1464 23.03);
      --colors-status-success-1: oklch(17.8% 0.0127 157.7);
      --colors-status-success-2: oklch(21.1% 0.016 157.7);
      --colors-status-success-3: oklch(27% 0.0388 157.7);
      --colors-status-success-4: oklch(31.8% 0.0573 157.7);
      --colors-status-success-5: oklch(36.5% 0.066 157.7);
      --colors-status-success-6: oklch(41.3% 0.0733 157.7);
      --colors-status-success-7: oklch(46.7% 0.0829 157.7);
      --colors-status-success-8: oklch(52.7% 0.0962 157.7);
      --colors-status-success-9: oklch(64.1% 0.1329 157.7);
      --colors-status-success-10: oklch(60% 0.1329 157.7);
      --colors-status-success-11: oklch(78% 0.1329 157.7);
      --colors-status-success-12: oklch(90.5% 0.0828 157.7);
      --colors-status-success: oklch(64.1% 0.1329 157.7);
      --colors-status-success-a1: color(display-p3 0 0.9412 0 / 0.009);
      --colors-status-success-a2: color(display-p3 0.3412 0.9804 0.5255 / 0.043);
      --colors-status-success-a3: color(display-p3 0.3882 0.9961 0.6039 / 0.11);
      --colors-status-success-a4: color(display-p3 0.3843 0.9961 0.6118 / 0.173);
      --colors-status-success-a5: color(display-p3 0.4588 1 0.6275 / 0.232);
      --colors-status-success-a6: color(display-p3 0.502 1 0.6627 / 0.29);
      --colors-status-success-a7: color(display-p3 0.5216 1 0.698 / 0.362);
      --colors-status-success-a8: color(display-p3 0.5373 1 0.698 / 0.442);
      --colors-status-success-a9: color(display-p3 0.502 0.9961 0.6824 / 0.61);
      --colors-status-success-a10: color(display-p3 0.4549 0.9961 0.6588 / 0.555);
      --colors-status-success-a11: color(display-p3 0.6157 1 0.749 / 0.795);
      --colors-status-success-a12: color(display-p3 0.8 1 0.8627 / 0.933);
      --colors-status-success-bg-app: oklch(17.8% 0.0127 157.7);
      --colors-status-success-bg-app-soft: oklch(21.1% 0.016 157.7);
      --colors-status-success-bg-solid: oklch(64.1% 0.1329 157.7);
      --colors-status-success-bg-solid-hover: oklch(60% 0.1329 157.7);
      --colors-status-success-bg-solid-active: color-mix(in oklab, oklch(60% 0.1329 157.7), oklch(36.5% 0.066 157.7));
      --colors-status-success-bg-soft: oklch(27% 0.0388 157.7);
      --colors-status-success-bg-soft-hover: oklch(31.8% 0.0573 157.7);
      --colors-status-success-bg-soft-active: oklch(36.5% 0.066 157.7);
      --colors-status-success-fg: oklch(90.5% 0.0828 157.7);
      --colors-status-success-fg-soft: oklch(78% 0.1329 157.7);
      --colors-status-success-border: oklch(46.7% 0.0829 157.7);
      --colors-status-success-border-soft: oklch(41.3% 0.0733 157.7);
      --colors-status-success-border-hover: oklch(52.7% 0.0962 157.7);
      --colors-status-warning-1: oklch(17.8% 0.0121 100.9);
      --colors-status-warning-2: oklch(20.9% 0.0162 100.9);
      --colors-status-warning-3: oklch(25.8% 0.0425 100.9);
      --colors-status-warning-4: oklch(29.4% 0.0652 100.9);
      --colors-status-warning-5: oklch(33.4% 0.0742 100.9);
      --colors-status-warning-6: oklch(38.5% 0.0723 100.9);
      --colors-status-warning-7: oklch(45.2% 0.0756 100.9);
      --colors-status-warning-8: oklch(53.5% 0.089 100.9);
      --colors-status-warning-9: oklch(91.8% 0.1838 100.9);
      --colors-status-warning-10: oklch(88.8% 0.1582 100.9);
      --colors-status-warning-11: oklch(89% 0.1582 100.9);
      --colors-status-warning-12: oklch(93.9% 0.0687 100.9);
      --colors-status-warning: oklch(91.8% 0.1838 100.9);
      --colors-status-warning-a1: color(display-p3 0.8549 0.0706 0 / 0.005);
      --colors-status-warning-a2: color(display-p3 0.9961 0.7922 0.0706 / 0.038);
      --colors-status-warning-a3: color(display-p3 0.9961 0.8706 0 / 0.093);
      --colors-status-warning-a4: color(display-p3 1 0.8588 0 / 0.139);
      --colors-status-warning-a5: color(display-p3 0.9961 0.851 0 / 0.19);
      --colors-status-warning-a6: color(display-p3 1 0.8902 0.1804 / 0.244);
      --colors-status-warning-a7: color(display-p3 1 0.9176 0.3451 / 0.324);
      --colors-status-warning-a8: color(display-p3 1 0.9255 0.4039 / 0.429);
      --colors-status-warning-a9: color(display-p3 1 0.9216 0.3451 / 0.984);
      --colors-status-warning-a10: color(display-p3 1 0.9333 0.4314 / 0.929);
      --colors-status-warning-a11: color(display-p3 1 0.9333 0.4353 / 0.929);
      --colors-status-warning-a12: color(display-p3 1 0.9725 0.7804 / 0.95);
      --colors-status-warning-bg-app: oklch(17.8% 0.0121 100.9);
      --colors-status-warning-bg-app-soft: oklch(20.9% 0.0162 100.9);
      --colors-status-warning-bg-solid: oklch(91.8% 0.1838 100.9);
      --colors-status-warning-bg-solid-hover: oklch(88.8% 0.1582 100.9);
      --colors-status-warning-bg-solid-active: color-mix(in oklab, oklch(88.8% 0.1582 100.9), oklch(33.4% 0.0742 100.9));
      --colors-status-warning-bg-soft: oklch(25.8% 0.0425 100.9);
      --colors-status-warning-bg-soft-hover: oklch(29.4% 0.0652 100.9);
      --colors-status-warning-bg-soft-active: oklch(33.4% 0.0742 100.9);
      --colors-status-warning-fg: oklch(93.9% 0.0687 100.9);
      --colors-status-warning-fg-soft: oklch(89% 0.1582 100.9);
      --colors-status-warning-border: oklch(45.2% 0.0756 100.9);
      --colors-status-warning-border-soft: oklch(38.5% 0.0723 100.9);
      --colors-status-warning-border-hover: oklch(53.5% 0.089 100.9);
      --colors-status-disabled-bg-solid: color(display-p3 0.9961 0.9961 0.8431 / 0.076);
      --colors-status-disabled-bg-soft: color(display-p3 0.9961 0.9961 0.8431 / 0.076);
      --colors-status-disabled-fg: color(display-p3 1 1 0.9647 / 0.45);
      --colors-status-disabled-border: color(display-p3 1 1 0.9098 / 0.177);
      --colors-status-disabled-border-soft: color(display-p3 1 1 0.9098 / 0.135);
      --colors-dometic-1: oklch(17.8% 0.0162 29.23);
      --colors-dometic-2: oklch(20.5% 0.0237 29.23);
      --colors-dometic-3: oklch(25.2% 0.0755 29.23);
      --colors-dometic-4: oklch(29% 0.1185 29.23);
      --colors-dometic-5: oklch(33.1% 0.1322 29.23);
      --colors-dometic-6: oklch(38.1% 0.1361 29.23);
      --colors-dometic-7: oklch(44.8% 0.1465 29.23);
      --colors-dometic-8: oklch(53.9% 0.1784 29.23);
      --colors-dometic-9: oklch(62.8% 0.2577 29.23);
      --colors-dometic-10: oklch(58.7% 0.2577 29.23);
      --colors-dometic-11: oklch(78.4% 0.2165 29.23);
      --colors-dometic-12: oklch(89.9% 0.0631 29.23);
      --colors-dometic: oklch(62.8% 0.2577 29.23);
      --colors-dometic-a1: color(display-p3 0.9608 0 0 / 0.022);
      --colors-dometic-a2: color(display-p3 1 0.2667 0.1333 / 0.059);
      --colors-dometic-a3: color(display-p3 0.9961 0.0902 0 / 0.173);
      --colors-dometic-a4: color(display-p3 1 0 0 / 0.265);
      --colors-dometic-a5: color(display-p3 1 0.0784 0 / 0.337);
      --colors-dometic-a6: color(display-p3 1 0.2235 0.1255 / 0.404);
      --colors-dometic-a7: color(display-p3 1 0.3176 0.2235 / 0.505);
      --colors-dometic-a8: color(display-p3 0.9961 0.3373 0.2588 / 0.673);
      --colors-dometic-a9: color(display-p3 1 0.2157 0.1451 / 0.912);
      --colors-dometic-a10: color(display-p3 1 0.2039 0.1333 / 0.849);
      --colors-dometic-a11: color(display-p3 1 0.6235 0.549 / 0.937);
      --colors-dometic-a12: color(display-p3 0.9961 0.8431 0.8078 / 0.967);
      --colors-dometic-bg-app: oklch(17.8% 0.0162 29.23);
      --colors-dometic-bg-app-soft: oklch(20.5% 0.0237 29.23);
      --colors-dometic-bg-solid: oklch(62.8% 0.2577 29.23);
      --colors-dometic-bg-solid-hover: oklch(58.7% 0.2577 29.23);
      --colors-dometic-bg-solid-active: color-mix(in oklab, oklch(58.7% 0.2577 29.23), oklch(33.1% 0.1322 29.23));
      --colors-dometic-bg-soft: oklch(25.2% 0.0755 29.23);
      --colors-dometic-bg-soft-hover: oklch(29% 0.1185 29.23);
      --colors-dometic-bg-soft-active: oklch(33.1% 0.1322 29.23);
      --colors-dometic-fg: oklch(89.9% 0.0631 29.23);
      --colors-dometic-fg-soft: oklch(78.4% 0.2165 29.23);
      --colors-dometic-border: oklch(44.8% 0.1465 29.23);
      --colors-dometic-border-soft: oklch(38.1% 0.1361 29.23);
      --colors-dometic-border-hover: oklch(53.9% 0.1784 29.23)
            }
    }
}

@layer recipes{
  @layer _base{

    .icon {
      display: inline-block;
      flex-shrink: 0;
      vertical-align: center;
      line-height: 1em;
}

    .icon[class^="icon--colorPalette"],.icon[class*=" icon--colorPalette"] {
      color: var(--colors-color-palette-fg);
}

    .icon :where(svg) {
      width: 100%;
      height: 100%;
}

    .badge {
      border-radius: var(--radii-full);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      vertical-align: center;
      flex-shrink: 0;
      font-weight: var(--font-weights-medium);
      white-space: nowrap;
      --transition-duration: var(--durations-interactive-faster);
      transition-duration: var(--durations-interactive-faster);
      --transition-prop: background, border-color, color, box-shadow;
      transition-property: background, border-color, color, box-shadow;
      --transition-easing: ease;
      transition-timing-function: ease;
      outline-offset: var(--spacing-2);
      min-width: var(--sizes-0);
}

    .badge:is([hidden]) {
      display: none;
}

    .link {
      text-decoration: none;
}

    .link[class^="link--colorPalette"],.link[class*=" link--colorPalette"],.text[class^="text--colorPalette"],.text[class*=" text--colorPalette"] {
      color: var(--colors-color-palette-fg);
}

    .image {
      vertical-align: center;
      font-style: italic;
      background-repeat: no-repeat;
      background-size: cover;
      shape-margin: 0.75rem;
      max-width: 100%;
      height: var(--sizes-auto);
}

    .spinner[class^="spinner--colorPalette"],.spinner[class*=" spinner--colorPalette"] {
      color: var(--colors-color-palette-fg);
}

    .button {
      border-radius: var(--radii-l2);
      appearance: none;
      -webkit-appearance: none;
      isolation: isolate;
      cursor: pointer;
      -webkit-user-select: none;
      user-select: none;
      box-sizing: border-box;
      position: relative;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      vertical-align: center;
      flex-shrink: 0;
      font-weight: var(--font-weights-semibold);
      white-space: nowrap;
      --transition-duration: var(--durations-interactive-faster);
      transition-duration: var(--durations-interactive-faster);
      --transition-prop: background, border-color, color, box-shadow;
      transition-property: background, border-color, color, box-shadow;
      --transition-easing: ease;
      transition-timing-function: ease;
      outline-offset: var(--spacing-0);
      min-width: var(--sizes-0);
}

    .button:is([hidden]) {
      display: none;
}

    .button:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      cursor: not-allowed;
}

    .button .icon {
      color: currentColor;
}

    .button:is(:focus-visible, [data-focus-visible]) {
      outline: var(--border-widths-thick) solid var(--colors-color-palette-fg-soft);
}

    .card {
      padding: var(--spacing-4);
      border-radius: var(--radii-l1);
      color: var(--colors-color-palette-fg);
}

    .card:is([data-interactive]):is(:hover, [data-hover]) {
      cursor: pointer;
}

    .switch-button {
      outline: var(--borders-none);
      appearance: none;
      -webkit-appearance: none;
      cursor: pointer;
      background-color: var(--colors-neutral-bg-soft);
      position: relative;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      vertical-align: center;
      --transition-duration: var(--durations-interactive-faster);
      --transition-prop: background, border-color, box-shadow;
      transition-property: background, border-color, box-shadow;
      --transition-easing: ease;
}

    .switch-button,.switch-button::before {
      border-radius: var(--radii-full);
      transition-duration: var(--durations-interactive-faster);
      transition-timing-function: ease;
}

    .switch-button::before {
      content: "";
      background-color: var(--colors-white-a12);
      --transition-duration: var(--durations-interactive-faster);
      --transition-easing: ease;
      --transition-prop: transform, box-shadow;
      transition-property: transform, box-shadow;
}

    .switch-button:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      cursor: not-allowed;
}

    .switch-button:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]) {
      background-color: var(--colors-status-disabled-bg-solid);
}

    .switch-button:is(:focus-visible, [data-focus-visible]) {
      outline: var(--border-widths-thick) solid var(--colors-neutral-border-soft);
}

    .tooltip {
      margin-block: var(--spacing-2);
      border-radius: var(--radii-l2);
}

    .tooltip :has( .tooltip__arrow) {
      margin-block: var(--spacing-2);
}

    .tooltip:is(:hover, [data-hover])[data-side="top"] {
      animation: var(--animations-slide-up);
}

    .tooltip:is(:hover, [data-hover])[data-side="bottom"] {
      animation: var(--animations-slide-down);
}

    .code {
      border-radius: var(--radii-l3);
      box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-color-palette-border);
      border: none;
      font-family: var(--fonts-code);
}

    .heading[class^="heading--colorPalette"],.heading[class*=" heading--colorPalette"] {
      color: var(--colors-color-palette-fg);
}

    .input {
      background: none;
      border-radius: var(--radii-l2);
      outline: 0;
      appearance: none;
      -webkit-appearance: none;
      position: relative;
      --transition-duration: var(--durations-interactive-fastest);
      transition-duration: var(--durations-interactive-fastest);
      --transition-easing: ease-in-out;
      transition-timing-function: ease-in-out;
      --transition-prop: border-color, box-shadow, background-color;
      transition-property: border-color, box-shadow, background-color;
      min-width: var(--sizes-0);
}

    .input:is(:autofill, :-webkit-autofill) {
      -webkit-background-clip: text;
      -webkit-text-fill-color: currentColor;
}

    .keybind {
      border: default;
      border-color: var(--colors-neutral-border-soft);
      border-radius: var(--radii-l1);
      font-weight: var(--font-weights-medium);
      box-shadow: var(--shadows-raised);
}

    .label {
      white-space: nowrap;
}

    .label[class^="label--colorPalette"],.label[class*=" label--colorPalette"] {
      color: var(--colors-color-palette-fg);
}

    .radio-button {
      border-radius: var(--radii-full);
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-neutral-border-soft);
      border: none;
}

    .radio-button::before {
      border-radius: var(--radii-full);
      content: "";
      transform: scale(0);
}

    .radio-button:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]) {
      box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-color-palette-border);
      border: none;
}

    .radio-button:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"])::before {
      transform: scale(1);
      background-color: var(--colors-color-palette-bg-solid);
      --transition-duration: var(--durations-interactive-faster);
      transition-duration: var(--durations-interactive-faster);
      --transition-easing: ease-in-out;
      transition-timing-function: ease-in-out;
      --transition-prop: box-shadow, background-color;
      transition-property: box-shadow, background-color;
}

    .radio-button:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      cursor: not-allowed;
      box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-status-disabled-border-soft);
      border: none;
      background-color: var(--colors-status-disabled-bg-solid);
}

    .radio-button:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
      box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-status-disabled-border-soft);
      border: none;
}

    .radio-button:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:active, [data-active]) {
      box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-status-disabled-border-soft);
      border: none;
}

    .radio-button:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"])::before {
      background-color: var(--colors-status-disabled-bg-solid);
}

    .radio-button:is(:invalid, [data-invalid], [aria-invalid=true]) {
      box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-status-error-border);
      border: none;
}

    .radio-button:is(:invalid, [data-invalid], [aria-invalid=true]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"])::before {
      background-color: var(--colors-status-error-bg-solid);
}

    .radio-button:is(:focus, [data-focus]) {
      outline-color: var(--colors-color-palette-bg-solid);
      outline-offset: var(--spacing-2);
}

    .radio-button:is(:focus, [data-focus]):is(:active, [data-active]) {
      box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-color-palette-bg-solid-hover);
      border: none;
}

    .radio-button:is(:hover, [data-hover]) {
      box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-color-palette-bg-solid);
      border: none;
}

    .radio-button:is(:active, [data-active]) {
      box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-color-palette-border-hover);
      border: none;
}

    .textarea {
      background: none;
      border-radius: var(--radii-l2);
      outline: 0;
      appearance: none;
      -webkit-appearance: none;
      position: relative;
      --transition-duration: var(--durations-interactive-fastest);
      transition-duration: var(--durations-interactive-fastest);
      --transition-easing: ease-in-out;
      transition-timing-function: ease-in-out;
      --transition-prop: border-color, box-shadow, background-color;
      transition-property: border-color, box-shadow, background-color;
      min-width: var(--sizes-0);
      width: var(--sizes-full);
}

    .toast {
      padding: var(--spacing-4);
      border-radius: var(--radii-l1);
      color: var(--colors-color-palette-fg);
}

    .toast .toaster__text-container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
}

    .toast .toaster__heading {
      font-weight: 600;
      flex-grow: 1;
}

    .toast .toaster__description {
      font-weight: 400;
      width: var(--sizes-full);
}

    .toast .toaster__button {
      margin-left: var(--spacing-auto);
}

    .toast:is([data-interactive]):is(:hover, [data-hover]) {
      cursor: pointer;
}

    .toggle {
      outline: var(--borders-none);
      border-radius: var(--radii-l2);
      appearance: none;
      -webkit-appearance: none;
      cursor: pointer;
      position: relative;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      vertical-align: center;
      --transition-duration: var(--durations-interactive-faster);
      transition-duration: var(--durations-interactive-faster);
      --transition-prop: background, border-color, color, box-shadow;
      transition-property: background, border-color, color, box-shadow;
      --transition-easing: ease;
      transition-timing-function: ease;
}

    .toggle .icon {
      color: currentColor;
}

    .toggle:is([hidden]) {
      display: none;
}

    .toggle:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      cursor: not-allowed;
      background-color: var(--colors-status-disabled-bg-soft);
}

    .toggle:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]) {
      background-color: var(--colors-status-disabled-bg-solid);
}

    .toggle:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
      background-color: var(--colors-status-disabled-bg-soft);
      box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-status-disabled-border-soft);
      border: none;
}

    .toggle:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:active, [data-active]) {
      box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-status-disabled-border-soft);
      border: none;
}

    .toggle:is(:invalid, [data-invalid], [aria-invalid=true]) {
      box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-status-error-border);
      border: none;
}

    .toggle:is(:invalid, [data-invalid], [aria-invalid=true]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]) {
      background-color: var(--colors-status-error-bg-solid);
}

    .toggle:is(:hover, [data-hover]) {
      background-color: var(--colors-color-palette-bg-soft-hover);
}
}

  .icon--size_dynamicMd {
    width: 1em;
    height: 1em;
}

  .icon--size_xl {
    width: var(--sizes-10);
    height: var(--sizes-10);
}

  .icon--size_lg {
    width: var(--sizes-9);
    height: var(--sizes-9);
}

  .icon--size_dynamic2xl {
    width: 1.45em;
    height: 1.45em;
}

  .icon--size_dynamicLg {
    width: 1.15em;
    height: 1.15em;
}

  .icon--animation_spin {
    animation: var(--animations-spin);
}

  .icon--size_xs {
    width: var(--sizes-6);
    height: var(--sizes-6);
}

  .icon--size_sm {
    width: var(--sizes-7);
    height: var(--sizes-7);
}

  .icon--size_md {
    width: var(--sizes-8);
    height: var(--sizes-8);
}

  .icon--size_2xl {
    width: var(--sizes-11);
    height: var(--sizes-11);
}

  .icon--size_dynamicXs {
    width: 0.7em;
    height: 0.7em;
}

  .icon--size_dynamicSm {
    width: 0.85em;
    height: 0.85em;
}

  .icon--size_dynamicXl {
    width: 1.3em;
    height: 1.3em;
}

  .icon--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .icon--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .icon--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .icon--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .icon--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .icon--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .badge--variant_outline {
    box-shadow: inset 0 0 0 var(--border-widths-thick) var(--colors-color-palette-bg-solid);
    border: none;
    color: var(--colors-color-palette-fg);
}

  .badge--size_sm {
    padding-inline: var(--spacing-6);
    padding-block: var(--spacing-2);
    font-size: var(--font-sizes-sm);
    line-height: var(--line-heights-sm);
    letter-spacing: var(--letter-spacings-sm);
    min-width: var(--sizes-18);
}

  .badge--variant_soft {
    background: var(--colors-color-palette-bg-soft);
    box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-color-palette-border-soft);
    border: none;
    color: var(--colors-color-palette-fg);
}

  .badge--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .badge--variant_solid {
    background: var(--colors-color-palette-bg-solid);
    color: var(--colors-color-palette-fg-solid);
}

  .badge--size_xs {
    padding-inline: var(--spacing-3);
    padding-block: var(--spacing-1);
    font-size: var(--font-sizes-xs);
    line-height: var(--line-heights-xs);
    letter-spacing: var(--letter-spacings-xs);
    min-width: var(--sizes-14);
}

  .badge--size_md {
    padding-inline: var(--spacing-8);
    padding-block: var(--spacing-3);
    font-size: var(--font-sizes-md);
    line-height: var(--line-heights-md);
    letter-spacing: var(--letter-spacings-md);
    min-width: var(--sizes-21);
}

  .badge--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .badge--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .badge--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .badge--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .badge--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .link--size_md {
    font-size: var(--font-sizes-md);
    line-height: var(--line-heights-md);
    letter-spacing: var(--letter-spacings-md);
}

  .link--size_xs {
    font-size: var(--font-sizes-xs);
    line-height: var(--line-heights-xs);
    letter-spacing: var(--letter-spacings-xs);
}

  .link--size_sm {
    font-size: var(--font-sizes-sm);
    line-height: var(--line-heights-sm);
    letter-spacing: var(--letter-spacings-sm);
}

  .link--size_lg {
    font-size: var(--font-sizes-lg);
    line-height: var(--line-heights-lg);
    letter-spacing: var(--letter-spacings-lg);
}

  .link--size_xl {
    font-size: var(--font-sizes-xl);
    line-height: var(--line-heights-xl);
    letter-spacing: var(--letter-spacings-xl);
}

  .link--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .link--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .link--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .link--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .link--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .link--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .text--soft_true[class^="text--colorPalette"],.text--soft_true[class*=" text--colorPalette"] {
    color: var(--colors-color-palette-fg-soft);
}

  .text--truncate_true {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

  .text--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .text--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .text--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .text--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .text--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .text--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .image--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .image--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .image--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .image--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .image--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .image--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .spinner--animation_spin {
    animation: var(--animations-spin);
}

  .spinner--size_sm {
    width: var(--sizes-11);
    height: var(--sizes-11);
}

  .spinner--size_xs {
    width: var(--sizes-8);
    height: var(--sizes-8);
}

  .spinner--size_md {
    width: var(--sizes-14);
    height: var(--sizes-14);
}

  .spinner--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .spinner--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .spinner--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .spinner--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .spinner--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .spinner--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .button--variant_solid {
    background: var(--colors-color-palette-bg-solid);
    color: var(--colors-color-palette-fg-solid);
}

  .button--variant_solid:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    background: var(--colors-status-disabled-bg-solid) !important;
    color: var(--colors-status-disabled-fg) !important;
}

  .button--variant_solid:is(:focus-visible, [data-focus-visible]) {
    outline-offset: var(--spacing-2);
}

  .button--variant_solid:is(:hover, [data-hover]) {
    background: var(--colors-color-palette-bg-solid-hover);
}

  .button--variant_solid:is(:active, [data-active]) {
    background: var(--colors-color-palette-bg-solid-active);
}

  .button--size_md {
    --button-height: var(--sizes-15);
    padding-inline: var(--spacing-8);
    gap: var(--spacing-4);
    font-size: var(--font-sizes-md);
    line-height: var(--line-heights-md);
    letter-spacing: var(--letter-spacings-md);
    height: var(--button-height);
    min-width: var(--button-height);
}

  .button--variant_link {
    padding-block: var(--spacing-1) !important;
    padding-inline: var(--spacing-2) !important;
    color: var(--colors-color-palette-fg-soft);
    vertical-align: baseline;
    height: var(--sizes-auto) !important;
    min-width: var(--sizes-0) !important;
}

  .button--variant_link:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    text-decoration: none !important;
    cursor: not-allowed !important;
    color: var(--colors-status-disabled-fg) !important;
}

  .button--variant_link:is(:hover, [data-hover]) {
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

  .button--variant_link:is(:active, [data-active]) {
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

  .button--size_xs {
    --button-height: var(--sizes-13);
    padding-inline: var(--spacing-6);
    gap: var(--spacing-4);
    font-size: var(--font-sizes-xs);
    line-height: var(--line-heights-xs);
    letter-spacing: var(--letter-spacings-xs);
    height: var(--button-height);
    min-width: var(--button-height);
}

  .button--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .button--variant_ghost {
    color: var(--colors-color-palette-fg-soft);
}

  .button--variant_ghost:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    background: var(--colors-status-disabled-bg-soft) !important;
    color: var(--colors-status-disabled-fg) !important;
}

  .button--variant_ghost:is(:hover, [data-hover]) {
    background: var(--colors-color-palette-bg-soft);
}

  .button--variant_ghost:is(:active, [data-active]) {
    background: var(--colors-color-palette-bg-soft-hover);
}

  .button--variant_soft {
    background: var(--colors-color-palette-bg-soft);
    color: var(--colors-color-palette-fg-soft);
}

  .button--variant_soft:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    background: var(--colors-status-disabled-bg-soft) !important;
    color: var(--colors-status-disabled-fg) !important;
}

  .button--variant_soft:is(:hover, [data-hover]) {
    background: var(--colors-color-palette-bg-soft-hover);
}

  .button--variant_soft:is(:active, [data-active]) {
    background: var(--colors-color-palette-bg-soft-active);
}

  .button--variant_outline {
    box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-color-palette-bg-solid);
    border: none;
    color: var(--colors-color-palette-fg-soft);
}

  .button--variant_outline:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    background: inherit !important;
    box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-status-disabled-border) !important;
    border: none !important;
    color: var(--colors-status-disabled-fg) !important;
}

  .button--variant_outline:is(:hover, [data-hover]) {
    background: var(--colors-color-palette-bg-app-soft);
}

  .button--variant_outline:is(:active, [data-active]) {
    background: var(--colors-color-palette-bg-soft);
}

  .button--size_2xs {
    --button-height: var(--sizes-12);
    padding-inline: var(--spacing-4);
    gap: var(--spacing-3);
    font-size: var(--font-sizes-xs);
    line-height: var(--line-heights-xs);
    letter-spacing: var(--letter-spacings-xs);
    height: var(--sizes-12);
    min-width: var(--sizes-12);
}

  .button--size_sm {
    --button-height: var(--sizes-14);
    padding-inline: var(--spacing-7);
    font-size: var(--font-sizes-sm);
    line-height: var(--line-heights-sm);
    letter-spacing: var(--letter-spacings-sm);
}

  .button--size_sm,.button--size_lg {
    gap: var(--spacing-4);
    height: var(--button-height);
    min-width: var(--button-height);
}

  .button--size_lg {
    --button-height: var(--sizes-16);
    padding-inline: var(--spacing-9);
    font-size: var(--font-sizes-lg);
    line-height: var(--line-heights-lg);
    letter-spacing: var(--letter-spacings-lg);
}

  .button--size_xl {
    --button-height: var(--sizes-17);
    padding-inline: var(--spacing-10);
    gap: var(--spacing-5);
    font-size: var(--font-sizes-xl);
    line-height: var(--line-heights-xl);
    letter-spacing: var(--letter-spacings-xl);
}

  .button--size_xl,.button--size_2xl {
    height: var(--button-height);
    min-width: var(--button-height);
}

  .button--size_2xl {
    --button-height: var(--sizes-18);
    padding-inline: var(--spacing-11);
    gap: var(--spacing-6);
    font-size: var(--font-sizes-2xl);
    line-height: var(--line-heights-2xl);
    letter-spacing: var(--letter-spacings-2xl);
}

  .button--block_true {
    display: flex;
    width: var(--sizes-full);
}

  .button--icon_true {
    padding-inline: var(--spacing-0);
    width: var(--button-height);
}

  .button--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .button--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .button--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .button--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .button--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .card--variant_soft {
    background: var(--colors-color-palette-bg-soft);
    border: var(--borders-thin);
    border-color: var(--colors-color-palette-border-soft);
    color: var(--colors-color-palette-fg-soft);
}

  .card--variant_soft:is([data-interactive]):is(:hover, [data-hover]) {
    box-shadow: var(--shadows-raised);
}

  .card--size_md {
    padding: var(--spacing-8);
    font-size: var(--font-sizes-md);
    line-height: var(--line-heights-md);
    letter-spacing: var(--letter-spacings-md);
}

  .card--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .card--variant_outline {
    background: var(--colors-color-palette-bg-app);
    border: var(--borders-thin);
    border-color: var(--colors-color-palette-bg-solid);
}

  .card--variant_outline:is([data-interactive]):is(:hover, [data-hover]) {
    box-shadow: var(--shadows-raised);
}

  .card--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .card--variant_solid {
    background: var(--colors-color-palette-bg-solid);
    border: var(--borders-thin);
    border-color: var(--colors-color-palette-border);
    color: var(--colors-color-palette-fg-solid);
}

  .card--variant_solid:is([data-interactive]):is(:hover, [data-hover]) {
    box-shadow: var(--shadows-raised);
}

  .card--variant_ghost {
    background: var(--colors-color-palette-bg-app);
    box-shadow: var(--shadows-panel);
}

  .card--variant_ghost:is([data-interactive]) {
    box-shadow: var(--shadows-raised);
}

  .card--variant_ghost:is([data-interactive]):is(:hover, [data-hover]) {
    box-shadow: var(--shadows-raised-emphasized);
}

  .card--size_xs {
    padding: var(--spacing-5);
    font-size: var(--font-sizes-xs);
    line-height: var(--line-heights-xs);
    letter-spacing: var(--letter-spacings-xs);
}

  .card--size_sm {
    padding: var(--spacing-6);
    font-size: var(--font-sizes-sm);
    line-height: var(--line-heights-sm);
    letter-spacing: var(--letter-spacings-sm);
}

  .card--size_lg {
    padding: var(--spacing-10);
    font-size: var(--font-sizes-lg);
    line-height: var(--line-heights-lg);
    letter-spacing: var(--letter-spacings-lg);
}

  .card--size_xl {
    padding: var(--spacing-12);
    font-size: var(--font-sizes-xl);
    line-height: var(--line-heights-xl);
    letter-spacing: var(--letter-spacings-xl);
}

  .card--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .card--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .card--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .card--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .switch-button--variant_solid:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]) {
    background-color: var(--colors-color-palette-bg-solid);
}

  .switch-button--variant_solid:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]):is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    background-color: var(--colors-status-disabled-bg-solid);
}

  .switch-button--size_sm {
    width: var(--sizes-12);
    height: var(--sizes-9);
}

  .switch-button--size_sm::before {
    transform: translateX(-41%);
    width: var(--sizes-7);
    height: var(--sizes-7);
}

  .switch-button--size_sm:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"])::before {
    transform: translateX(41%);
}

  .switch-button--variant_soft:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]) {
    background-color: var(--colors-color-palette-bg-soft-active);
}

  .switch-button--variant_soft:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]):is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    background-color: var(--colors-status-disabled-bg-solid);
}

  .switch-button--variant_outline {
    box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-neutral-border-soft);
    border: none;
    background-color: transparent;
}

  .switch-button--variant_outline::before {
    box-shadow: inset 0 0 0 var(--border-widths-thick) var(--colors-neutral-border);
    border: none;
    background-color: transparent;
}

  .switch-button--variant_outline:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]) {
    box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-color-palette-border-hover);
    border: none;
}

  .switch-button--variant_outline:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"])::before {
    box-shadow: inset 0 0 0 var(--border-widths-thick) var(--colors-color-palette-bg-solid-hover);
    border: none;
}

  .switch-button--variant_outline:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]):is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-status-disabled-border);
    border: none;
    background-color: transparent;
}

  .switch-button--variant_outline:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]):is(:disabled, [disabled], [data-disabled], [aria-disabled=true])::before {
    box-shadow: inset 0 0 0 var(--border-widths-thick) var(--colors-status-disabled-border);
    border: none;
}

  .switch-button--size_md {
    width: var(--sizes-14);
    height: var(--sizes-10);
}

  .switch-button--size_md::before {
    transform: translateX(-52%);
    width: var(--sizes-8);
    height: var(--sizes-8);
}

  .switch-button--size_md:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"])::before {
    transform: translateX(52%);
}

  .switch-button--size_lg {
    width: var(--sizes-16);
    height: var(--sizes-11);
}

  .switch-button--size_lg::before {
    transform: translateX(-50%);
    width: var(--sizes-10);
    height: var(--sizes-10);
}

  .switch-button--size_lg:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"])::before {
    transform: translateX(50%);
}

  .switch-button--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .switch-button--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .switch-button--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .switch-button--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .switch-button--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .switch-button--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .tooltip--size_md {
    padding-inline: var(--spacing-4);
    padding-block: var(--spacing-3);
    font-size: var(--font-sizes-md);
    line-height: var(--line-heights-md);
    letter-spacing: var(--letter-spacings-md);
}

  .tooltip--variant_outline {
    box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-color-palette-bg-solid);
    border: none;
    color: var(--colors-color-palette-fg);
}

  .tooltip--variant_outline .tooltip__arrow {
    color: var(--colors-color-palette-bg-solid);
    stroke: var(--colors-color-palette-bg-solid);
}

  .tooltip--variant_soft {
    background-color: var(--colors-color-palette-bg-soft);
    color: var(--colors-color-palette-fg);
}

  .tooltip--variant_soft .tooltip__arrow {
    color: var(--colors-color-palette-bg-soft);
}

  .tooltip--variant_solid {
    background-color: var(--colors-color-palette-bg-solid);
    color: var(--colors-color-palette-fg);
}

  .tooltip--variant_solid .tooltip__arrow {
    color: var(--colors-color-palette-bg-solid);
}

  .tooltip--size_sm {
    padding-inline: var(--spacing-3);
    padding-block: var(--spacing-2);
    font-size: var(--font-sizes-sm);
    line-height: var(--line-heights-sm);
    letter-spacing: var(--letter-spacings-sm);
}

  .tooltip--size_lg {
    padding-inline: var(--spacing-5);
    padding-block: var(--spacing-4);
    font-size: var(--font-sizes-lg);
    line-height: var(--line-heights-lg);
    letter-spacing: var(--letter-spacings-lg);
}

  .tooltip--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .tooltip--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .tooltip--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .tooltip--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .tooltip--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .tooltip--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .code--variant_solid {
    background: var(--colors-color-palette-bg-solid);
    color: var(--colors-color-palette-fg-solid);
}

  .code--inline_true {
    display: inline-flex;
}

  .code--variant_soft {
    background: var(--colors-color-palette-bg-soft);
}

  .code--variant_soft,.code--variant_outline {
    color: var(--colors-color-palette-fg-soft);
}

  .code--variant_outline {
    box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-color-palette-bg-solid);
    border: none;
}

  .code--size_xs {
    font-size: var(--font-sizes-xs);
}

  .code--size_sm {
    font-size: var(--font-sizes-sm);
}

  .code--size_md {
    font-size: var(--font-sizes-md);
}

  .code--size_lg {
    font-size: var(--font-sizes-lg);
}

  .code--inline_false {
    padding-inline: var(--spacing-4);
    padding-block: var(--spacing-2);
    display: block;
}

  .code--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .code--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .code--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .code--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .code--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .code--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .container--size_md {
    width: min(90vw, var(--breakpoints-md));
}

  .container--align_left {
    margin-right: var(--spacing-auto);
}

  .container--align_center {
    margin-inline: var(--spacing-auto);
}

  .container--align_right {
    margin-left: var(--spacing-auto);
}

  .container--size_sm {
    width: min(90vw, var(--breakpoints-sm));
}

  .container--size_lg {
    width: min(90vw, var(--breakpoints-lg));
}

  .container--size_xl {
    width: min(90vw, var(--breakpoints-xl));
}

  .heading--truncate_true {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

  .heading--soft_true[class^="heading--colorPalette"],.heading--soft_true[class*=" heading--colorPalette"] {
    color: var(--colors-color-palette-fg-soft);
}

  .heading--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .heading--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .heading--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .heading--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .heading--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .heading--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .input--size_xs {
    --input-height: var(--sizes-13);
    padding-inline: var(--spacing-3);
    font-size: var(--font-sizes-xs);
    line-height: var(--line-heights-xs);
    letter-spacing: var(--letter-spacings-xs);
}

  .input--size_xs,.input--size_sm {
    height: var(--input-height);
    min-width: var(--input-height);
}

  .input--size_sm {
    --input-height: var(--sizes-14);
    padding-inline: var(--spacing-4);
    font-size: var(--font-sizes-sm);
    line-height: var(--line-heights-sm);
    letter-spacing: var(--letter-spacings-sm);
}

  .input--size_md {
    --input-height: var(--sizes-15);
    padding-inline: var(--spacing-5);
    font-size: var(--font-sizes-md);
    line-height: var(--line-heights-md);
    letter-spacing: var(--letter-spacings-md);
}

  .input--size_md,.input--size_lg {
    height: var(--input-height);
    min-width: var(--input-height);
}

  .input--size_lg {
    --input-height: var(--sizes-16);
    padding-inline: var(--spacing-6);
    font-size: var(--font-sizes-lg);
    line-height: var(--line-heights-lg);
    letter-spacing: var(--letter-spacings-lg);
}

  .input--size_xl {
    --input-height: var(--sizes-17);
    padding-inline: var(--spacing-7);
    font-size: var(--font-sizes-xl);
    line-height: var(--line-heights-xl);
    letter-spacing: var(--letter-spacings-xl);
}

  .input--size_xl,.input--size_2xl {
    height: var(--input-height);
    min-width: var(--input-height);
}

  .input--size_2xl {
    --input-height: var(--sizes-18);
    padding-inline: var(--spacing-8);
    font-size: var(--font-sizes-2xl);
    line-height: var(--line-heights-2xl);
    letter-spacing: var(--letter-spacings-2xl);
}

  .input--variant_outline {
    box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-neutral-border);
    border: none;
}

  .input--variant_outline::placeholder,.input--variant_outline[data-placeholder] {
    color: neutral.solid.hover;
}

  .input--variant_outline:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    background-color: var(--colors-status-disabled-bg-solid);
    box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-status-disabled-border-soft);
    border: none;
    color: var(--colors-status-disabled-fg);
    cursor: not-allowed;
}

  .input--variant_outline:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
    background-color: var(--colors-status-disabled-bg-solid);
}

  .input--variant_outline:is(:invalid, [data-invalid], [aria-invalid=true]) {
    box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-status-error-border);
    border: none;
}

  .input--variant_outline:is(:focus, [data-focus]) {
    box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-color-palette-bg-solid);
    border: none;
}

  .input--variant_outline:is(:hover, [data-hover]) {
    background: var(--colors-color-palette-bg-app-soft);
}

  .input--variant_soft {
    background-color: var(--colors-color-palette-bg-soft);
}

  .input--variant_soft::placeholder,.input--variant_soft[data-placeholder] {
    color: var(--colors-color-palette-fg);
    opacity: 0.65;
}

  .input--variant_soft:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    background-color: var(--colors-status-disabled-bg-soft);
    color: var(--colors-status-disabled-fg);
    cursor: not-allowed;
}

  .input--variant_soft:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])::placeholder,.input--variant_soft:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])[data-placeholder] {
    color: var(--colors-status-disabled-fg);
}

  .input--variant_soft:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
    background-color: var(--colors-status-disabled-bg-soft);
}

  .input--variant_soft:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:focus, [data-focus]) {
    background-color: var(--colors-status-disabled-bg-soft);
}

  .input--variant_soft:is(:invalid, [data-invalid], [aria-invalid=true]) {
    box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-status-error-border);
    border: none;
}

  .input--variant_soft:is(:focus, [data-focus]) {
    background-color: var(--colors-color-palette-bg-soft-hover);
    box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-color-palette-border-soft);
    border: none;
}

  .input--variant_soft:is(:hover, [data-hover]) {
    background-color: var(--colors-color-palette-bg-soft-hover);
}

  .input--block_true {
    display: flex;
    width: var(--sizes-full);
}

  .input--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .input--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .input--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .input--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .input--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .input--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .keybind--textStyle_xs {
    padding-inline: var(--spacing-2);
    font-size: var(--font-sizes-xs);
    line-height: var(--line-heights-xs);
    letter-spacing: var(--letter-spacings-xs);
}

  .keybind--textStyle_sm {
    padding-inline: var(--spacing-3);
    font-size: var(--font-sizes-sm);
    line-height: var(--line-heights-sm);
    letter-spacing: var(--letter-spacings-sm);
}

  .keybind--textStyle_md {
    padding-inline: var(--spacing-4);
    font-size: var(--font-sizes-md);
    line-height: var(--line-heights-md);
    letter-spacing: var(--letter-spacings-md);
}

  .keybind--textStyle_lg {
    padding-inline: var(--spacing-5);
    font-size: var(--font-sizes-lg);
    line-height: var(--line-heights-lg);
    letter-spacing: var(--letter-spacings-lg);
}

  .label--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .label--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .label--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .label--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .label--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .label--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .radio-button--size_md {
    width: var(--sizes-9);
    height: var(--sizes-9);
}

  .radio-button--size_md::before {
    width: var(--sizes-5);
    height: var(--sizes-5);
}

  .radio-button--size_sm {
    width: var(--sizes-8);
    height: var(--sizes-8);
}

  .radio-button--size_sm::before {
    width: var(--sizes-4);
    height: var(--sizes-4);
}

  .radio-button--size_lg {
    width: var(--sizes-10);
    height: var(--sizes-10);
}

  .radio-button--size_lg::before {
    width: var(--sizes-6);
    height: var(--sizes-6);
}

  .radio-button--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .radio-button--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .radio-button--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .radio-button--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .radio-button--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .radio-button--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .section--size_md {
    margin-block: var(--spacing-12);
}

  .section--size_xs {
    margin-block: var(--spacing-4);
}

  .section--size_sm {
    margin-block: var(--spacing-8);
}

  .section--size_lg {
    margin-block: var(--spacing-16);
}

  .section--size_xl {
    margin-block: var(--spacing-20);
}

  .textarea--size_xs {
    padding: var(--spacing-3);
    font-size: var(--font-sizes-xs);
    line-height: var(--line-heights-xs);
    letter-spacing: var(--letter-spacings-xs);
}

  .textarea--size_sm {
    padding: var(--spacing-4);
    font-size: var(--font-sizes-sm);
    line-height: var(--line-heights-sm);
    letter-spacing: var(--letter-spacings-sm);
}

  .textarea--size_md {
    padding: var(--spacing-5);
    font-size: var(--font-sizes-md);
    line-height: var(--line-heights-md);
    letter-spacing: var(--letter-spacings-md);
}

  .textarea--size_lg {
    padding: var(--spacing-6);
    font-size: var(--font-sizes-lg);
    line-height: var(--line-heights-lg);
    letter-spacing: var(--letter-spacings-lg);
}

  .textarea--size_xl {
    padding: var(--spacing-7);
    font-size: var(--font-sizes-xl);
    line-height: var(--line-heights-xl);
    letter-spacing: var(--letter-spacings-xl);
}

  .textarea--inline_true {
    width: fit-content;
}

  .textarea--variant_outline {
    box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-neutral-border);
    border: none;
    background-color: var(--colors-neutral-bg-app-soft);
}

  .textarea--variant_outline::placeholder,.textarea--variant_outline[data-placeholder] {
    color: neutral.solid.hover;
}

  .textarea--variant_outline:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    background-color: var(--colors-status-disabled-bg-solid);
    box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-status-disabled-border-soft);
    border: none;
    color: var(--colors-status-disabled-fg);
    cursor: not-allowed;
}

  .textarea--variant_outline:is(:invalid, [data-invalid], [aria-invalid=true]) {
    box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-status-error-border);
    border: none;
}

  .textarea--variant_outline:is(:focus, [data-focus]) {
    box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-color-palette-bg-solid);
    border: none;
}

  .textarea--variant_outline:is(:hover, [data-hover]) {
    background-color: var(--colors-neutral-bg-soft);
}

  .textarea--variant_soft {
    background-color: var(--colors-color-palette-bg-soft);
}

  .textarea--variant_soft::placeholder,.textarea--variant_soft[data-placeholder] {
    color: var(--colors-color-palette-fg);
    opacity: 0.65;
}

  .textarea--variant_soft:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    background-color: var(--colors-status-disabled-bg-soft);
    color: var(--colors-status-disabled-fg);
    cursor: not-allowed;
}

  .textarea--variant_soft:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])::placeholder,.textarea--variant_soft:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])[data-placeholder] {
    color: var(--colors-status-disabled-fg);
}

  .textarea--variant_soft:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
    background-color: var(--colors-status-disabled-bg-soft);
}

  .textarea--variant_soft:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:focus, [data-focus]) {
    background-color: var(--colors-status-disabled-bg-soft);
}

  .textarea--variant_soft:is(:invalid, [data-invalid], [aria-invalid=true]) {
    box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-status-error-border);
    border: none;
}

  .textarea--variant_soft:is(:focus, [data-focus]) {
    background-color: var(--colors-color-palette-bg-soft-hover);
    box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-color-palette-border-soft);
    border: none;
}

  .textarea--variant_soft:is(:hover, [data-hover]) {
    background-color: var(--colors-color-palette-bg-soft-hover);
}

  .textarea--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .textarea--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .textarea--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .textarea--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .textarea--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .textarea--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .toast--size_md {
    padding: var(--spacing-6);
    min-width: min(var(--sizes-xs), 90vw);
    max-width: var(--sizes-sm);
}

  .toast--size_md .toaster__text-container {
    column-gap: var(--spacing-3);
}

  .toast--size_md .toaster__heading,.toast--size_md .toaster__description {
    font-size: var(--font-sizes-md);
    line-height: var(--line-heights-md);
    letter-spacing: var(--letter-spacings-md);
}

  .toast--size_md .toaster__button {
    margin-right: calc(var(--spacing-3) * -1);
    margin-top: calc(var(--spacing-3) * -1);
}

  .toast--variant_ghost {
    background: var(--colors-color-palette-bg-app);
    box-shadow: var(--shadows-panel);
}

  .toast--variant_ghost:is([data-interactive]) {
    box-shadow: var(--shadows-raised);
}

  .toast--variant_ghost:is([data-interactive]):is(:hover, [data-hover]) {
    box-shadow: var(--shadows-raised-emphasized);
}

  .toast--variant_outline {
    background: var(--colors-color-palette-bg-app);
    border: var(--borders-thin);
    border-color: var(--colors-color-palette-bg-solid);
}

  .toast--variant_outline .toaster__button {
    box-shadow: none;
}

  .toast--variant_outline .toaster__button:is(:hover, [data-hover]) {
    box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-color-palette-bg-solid);
    border: none;
}

  .toast--variant_outline:is([data-interactive]):is(:hover, [data-hover]) {
    box-shadow: var(--shadows-raised);
}

  .toast--variant_soft {
    background: var(--colors-color-palette-bg-soft);
    border: var(--borders-thin);
    border-color: var(--colors-color-palette-border-soft);
    color: var(--colors-color-palette-fg-soft);
}

  .toast--variant_soft:is([data-interactive]):is(:hover, [data-hover]) {
    box-shadow: var(--shadows-raised);
}

  .toast--variant_solid {
    background: var(--colors-color-palette-bg-solid);
    border: var(--borders-thin);
    border-color: var(--colors-color-palette-border);
    color: var(--colors-color-palette-fg-solid);
}

  .toast--variant_solid:is([data-interactive]):is(:hover, [data-hover]) {
    box-shadow: var(--shadows-raised);
}

  .toast--size_sm {
    padding: var(--spacing-4);
    min-width: min(sizes\.52, 90vw);
    max-width: var(--sizes-xs);
}

  .toast--size_sm .toaster__text-container {
    column-gap: var(--spacing-2);
}

  .toast--size_sm .toaster__heading,.toast--size_sm .toaster__description {
    font-size: var(--font-sizes-sm);
    line-height: var(--line-heights-sm);
    letter-spacing: var(--letter-spacings-sm);
}

  .toast--size_sm .toaster__button {
    margin-right: calc(var(--spacing-2) * -1);
    margin-top: calc(var(--spacing-2) * -1);
}

  .toast--size_lg {
    padding: var(--spacing-7);
    min-width: min(var(--sizes-sm), 90vw);
    max-width: var(--sizes-md);
}

  .toast--size_lg .toaster__text-container {
    column-gap: var(--spacing-4);
}

  .toast--size_lg .toaster__heading,.toast--size_lg .toaster__description {
    font-size: var(--font-sizes-lg);
    line-height: var(--line-heights-lg);
    letter-spacing: var(--letter-spacings-lg);
}

  .toast--size_lg .toaster__button {
    margin-right: calc(var(--spacing-4) * -1);
    margin-top: calc(var(--spacing-4) * -1);
}

  .toast--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .toast--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .toast--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .toast--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .toast--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .toast--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .toggle--variant_solid {
    background-color: var(--colors-color-palette-bg-solid-active);
}

  .toggle--variant_solid,.toggle--variant_solid .text {
    color: var(--colors-color-palette-fg-solid);
}

  .toggle--variant_solid:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]) {
    background-color: var(--colors-color-palette-bg-solid);
}

  .toggle--variant_solid:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]):is(:hover, [data-hover]) {
    background-color: var(--colors-color-palette-bg-solid);
}

  .toggle--variant_solid:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    cursor: not-allowed;
    background-color: var(--colors-status-disabled-bg-soft);
    color: var(--colors-status-disabled-fg);
}

  .toggle--variant_solid:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) .text {
    color: var(--colors-status-disabled-fg);
}

  .toggle--variant_solid:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]) {
    background-color: var(--colors-status-disabled-bg-solid);
}

  .toggle--variant_solid:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]):is(:hover, [data-hover]) {
    background-color: var(--colors-status-disabled-bg-soft);
}

  .toggle--variant_solid:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
    background-color: var(--colors-status-disabled-bg-soft);
    box-shadow: none;
}

  .toggle--variant_solid:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:active, [data-active]) {
    box-shadow: none;
}

  .toggle--variant_solid:is(:invalid, [data-invalid], [aria-invalid=true]) {
    box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-status-error-border);
    border: none;
}

  .toggle--variant_solid:is(:invalid, [data-invalid], [aria-invalid=true]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]) {
    background-color: var(--colors-status-error-bg-solid);
}

  .toggle--variant_solid:is(:focus-visible, [data-focus-visible]) {
    outline: var(--border-widths-regular) solid var(--colors-color-palette-fg-soft);
}

  .toggle--variant_solid:is(:hover, [data-hover]) {
    background-color: var(--colors-color-palette-bg-solid-hover);
}

  .toggle--size_sm {
    --button-height: var(--sizes-14);
    padding-inline: var(--spacing-7);
    gap: var(--spacing-4);
    font-size: var(--font-sizes-sm);
    line-height: var(--line-heights-sm);
    letter-spacing: var(--letter-spacings-sm);
    height: var(--button-height);
    min-width: var(--button-height);
}

  .toggle--icon_true {
    padding-inline: var(--spacing-0);
    width: var(--button-height);
}

  .toggle--variant_soft {
    background-color: var(--colors-color-palette-bg-soft);
}

  .toggle--variant_soft,.toggle--variant_soft .text {
    color: var(--colors-color-palette-fg-soft);
}

  .toggle--variant_soft:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]) {
    background-color: var(--colors-color-palette-bg-soft-active);
}

  .toggle--variant_soft:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    cursor: not-allowed;
    background-color: var(--colors-status-disabled-bg-soft);
    color: var(--colors-status-disabled-fg);
}

  .toggle--variant_soft:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) .text {
    color: var(--colors-status-disabled-fg);
}

  .toggle--variant_soft:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]) {
    background-color: var(--colors-status-disabled-bg-solid);
}

  .toggle--variant_soft:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]):is(:hover, [data-hover]) {
    background-color: var(--colors-status-disabled-bg-soft);
}

  .toggle--variant_soft:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
    background-color: var(--colors-status-disabled-bg-soft);
    box-shadow: none;
}

  .toggle--variant_soft:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:active, [data-active]) {
    box-shadow: none;
}

  .toggle--variant_soft:is(:invalid, [data-invalid], [aria-invalid=true]) {
    box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-status-error-border);
    border: none;
}

  .toggle--variant_soft:is(:invalid, [data-invalid], [aria-invalid=true]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]) {
    background-color: var(--colors-status-error-bg-solid);
}

  .toggle--variant_soft:is(:focus-visible, [data-focus-visible]) {
    outline: var(--border-widths-regular) solid var(--colors-color-palette-border-soft);
}

  .toggle--variant_soft:is(:hover, [data-hover]) {
    background-color: var(--colors-color-palette-bg-soft-hover);
}

  .toggle--variant_outline {
    box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-color-palette-border);
    border: none;
}

  .toggle--variant_outline:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]) {
    background-color: var(--colors-color-palette-bg-soft);
    box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-color-palette-bg-solid);
    border: none;
}

  .toggle--variant_outline:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    cursor: not-allowed;
    background-color: transparent;
    color: var(--colors-status-disabled-fg);
    box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-status-disabled-border-soft);
    border: none;
}

  .toggle--variant_outline:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]) {
    background-color: var(--colors-status-disabled-bg-solid);
}

  .toggle--variant_outline:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
    box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-status-disabled-border-soft);
    border: none;
}

  .toggle--variant_outline:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:active, [data-active]) {
    box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-status-disabled-border-soft);
    border: none;
}

  .toggle--variant_outline:is(:focus-visible, [data-focus-visible]) {
    outline: var(--border-widths-regular) solid var(--colors-color-palette-border);
}

  .toggle--variant_outline:is(:hover, [data-hover]) {
    background-color: var(--colors-color-palette-bg-soft);
}

  .toggle--variant_ghost {
    border: var(--borders-none);
    color: var(--colors-color-palette-fg-soft);
}

  .toggle--variant_ghost:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]) {
    background: var(--colors-color-palette-bg-soft-hover);
}

  .toggle--variant_ghost:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    background: var(--colors-status-disabled-bg-soft) !important;
    color: var(--colors-status-disabled-fg) !important;
}

  .toggle--variant_ghost:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]) {
    background-color: var(--colors-status-disabled-bg-solid);
}

  .toggle--variant_ghost:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]):is(:hover, [data-hover]) {
    background-color: var(--colors-status-disabled-bg-soft);
}

  .toggle--variant_ghost:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
    background-color: var(--colors-status-disabled-bg-soft);
}

  .toggle--variant_ghost:is(:focus-visible, [data-focus-visible]) {
    outline: var(--border-widths-regular) solid var(--colors-color-palette-fg-soft);
}

  .toggle--variant_ghost:is(:hover, [data-hover]) {
    background: var(--colors-color-palette-bg-soft);
}

  .toggle--variant_ghost:is(:active, [data-active]) {
    background: var(--colors-color-palette-bg-soft-hover);
}

  .toggle--size_2xs {
    --button-height: var(--sizes-12);
    padding-inline: var(--spacing-4);
    gap: var(--spacing-3);
    height: var(--sizes-12);
    min-width: var(--sizes-12);
}

  .toggle--size_2xs,.toggle--size_xs {
    font-size: var(--font-sizes-xs);
    line-height: var(--line-heights-xs);
    letter-spacing: var(--letter-spacings-xs);
}

  .toggle--size_xs {
    --button-height: var(--sizes-13);
    padding-inline: var(--spacing-6);
}

  .toggle--size_xs,.toggle--size_md {
    gap: var(--spacing-4);
    height: var(--button-height);
    min-width: var(--button-height);
}

  .toggle--size_md {
    --button-height: var(--sizes-15);
    padding-inline: var(--spacing-8);
    font-size: var(--font-sizes-md);
    line-height: var(--line-heights-md);
    letter-spacing: var(--letter-spacings-md);
}

  .toggle--size_lg {
    --button-height: var(--sizes-16);
    padding-inline: var(--spacing-9);
    gap: var(--spacing-4);
    font-size: var(--font-sizes-lg);
    line-height: var(--line-heights-lg);
    letter-spacing: var(--letter-spacings-lg);
}

  .toggle--size_lg,.toggle--size_xl {
    height: var(--button-height);
    min-width: var(--button-height);
}

  .toggle--size_xl {
    --button-height: var(--sizes-17);
    padding-inline: var(--spacing-10);
    gap: var(--spacing-5);
    font-size: var(--font-sizes-xl);
    line-height: var(--line-heights-xl);
    letter-spacing: var(--letter-spacings-xl);
}

  .toggle--size_2xl {
    --button-height: var(--sizes-18);
    padding-inline: var(--spacing-11);
    gap: var(--spacing-6);
    font-size: var(--font-sizes-2xl);
    line-height: var(--line-heights-2xl);
    letter-spacing: var(--letter-spacings-2xl);
    height: var(--button-height);
    min-width: var(--button-height);
}

  .toggle--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .toggle--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .toggle--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .toggle--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .toggle--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .toggle--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}
}

@layer recipes{
  @layer _base{

    .app-layout__root {
      display: grid;
      position: absolute;
      grid-template-rows: auto 1fr auto;
      width: 100%;
      min-height: 100vh;
}

    .app-layout__sideNav {
      grid-area: sideNav;
      gap: var(--spacing-6);
      padding-block: var(--spacing-3);
      padding-inline: var(--spacing-2);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      position: fixed;
      z-index: 1000;
      background-color: colors.neutral.3;
      width: 6rem;
      height: 100vh;
      overflow-y: auto;
}

    .app-layout__topNav {
      --top-nav-height: var(--sizes-20);
      grid-area: topNav;
      padding-block: var(--spacing-3);
      padding-inline: var(--spacing-4);
      align-items: center;
      z-index: var(--z-index-sticky);
      height: var(--top-nav-height);
}

    .app-layout__topNav,.app-layout__content {
      display: flex;
      width: calc(100% - 5rem);
      margin-left: 5rem;
}

    .app-layout__content {
      grid-area: content;
      flex-direction: column;
}

    .app-layout__footer {
      grid-area: footer;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
}

    .dialog__overlay {
      inset: var(--spacing-0);
      position: fixed;
      z-index: var(--z-index-overlay);
      background-color: var(--colors-bg-overlay);
}

    .dialog__overlay:is([data-state="open"]),.dialog__overlay[open] {
      animation: var(--animations-overlay-in);
}

    .dialog__overlay:is([data-state="closed"]),.dialog__overlay[closed] {
      animation: var(--animations-overlay-out);
}

    .dialog__wrapper {
      inset: var(--spacing-0);
      overflow: auto;
      position: absolute;
      z-index: var(--z-index-modal);
}

    .dialog__content {
      outline: var(--borders-none);
      overflow: auto;
      position: relative;
      box-shadow: var(--shadows-on-overlay);
}

    .dialog__title {
      font-weight: var(--font-weights-medium);
      margin-bottom: .4em;
}

    .dialog__close.default {
      position: absolute;
}

    .image-card__root,.image-card__image {
      position: relative;
}

    .image-card__image {
      width: 100%;
}

    .image-card__image > .image {
      border-radius: var(--radii-l1);
}

    .image-card__details {
      padding-block: var(--spacing-4);
}

    .image-card__slot {
      margin: var(--spacing-4);
      gap: var(--spacing-2);
      display: flex;
      position: absolute;
      z-index: 2;
}

    .image-card__slot[data-placement="top"] {
      transform: translate(-50%, 0);
      top: var(--spacing-0);
      left: 50%;
}

    .image-card__slot[data-placement="left"] {
      transform: translate(0, -50%);
      top: 50%;
      left: var(--spacing-0);
}

    .image-card__slot[data-placement="center"] {
      transform: translate(-50%, -50%);
      top: 50%;
      left: 50%;
}

    .image-card__slot[data-placement="right"] {
      transform: translate(0 -50%);
      top: 50%;
      right: var(--spacing-0);
}

    .image-card__slot[data-placement="bottom"] {
      transform: translate(-50%, 0);
      bottom: var(--spacing-0);
      left: 50%;
}

    .image-card__slot[data-placement="topLeft"] {
      top: var(--spacing-0);
      left: var(--spacing-0);
}

    .image-card__slot[data-placement="topRight"] {
      top: var(--spacing-0);
      right: var(--spacing-0);
}

    .image-card__slot[data-placement="bottomLeft"] {
      bottom: var(--spacing-0);
      left: var(--spacing-0);
}

    .image-card__slot[data-placement="bottomRight"] {
      bottom: var(--spacing-0);
      right: var(--spacing-0);
}

    .table__row {
      border-bottom: var(--border-widths-regular) solid var(--colors-color-palette-border);
      transition: background 0.2s;
}

    .table__row[data-hoverable="true"]:hover {
      background: var(--colors-color-palette-bg-soft);
      cursor: pointer;
}

    .table__columnHeaderCell {
      padding-inline: var(--spacing-6);
      padding-block: var(--spacing-4);
      font-weight: var(--font-weights-bold);
      text-align: left;
}

    .tabs__root {
      display: flex;
      flex-direction: column;
      width: var(--sizes-full);
}

    .tabs__list {
      display: flex;
      justify-content: space-around;
      align-items: center;
}

    .tabs__trigger {
      cursor: pointer;
      width: var(--sizes-full);
}

    .checkbox-group__root {
      display: flex;
}

    .checkbox-group__item {
      gap: var(--spacing-4);
}

    .checkbox-group__item,.select__trigger {
      display: flex;
      align-items: center;
}

    .select__trigger {
      background: var(--colors-color-palette-bg-app);
      padding-inline: var(--spacing-4);
      padding-block: var(--spacing-2);
      border-radius: var(--radii-l2);
      outline: 0;
      border-color: var(--colors-color-palette-bg-solid);
      justify-content: space-between;
      cursor: pointer;
      -webkit-user-select: none;
      user-select: none;
      box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-neutral-border);
      border: none;
      min-width: var(--sizes-26);
}

    .select__trigger:is(:focus, [data-focus]) {
      box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-color-palette-bg-solid);
      border: none;
}

    .select__trigger:is(:hover, [data-hover]) {
      background: var(--colors-color-palette-bg-app-soft);
}

    .select__content {
      justify-content: center;
      align-items: center;
      row-gap: var(--spacing-1);
      min-width: max(var(--radix-select-trigger-width), var(--sizes-26));
      max-height: var(--radix-select-content-available-height);
}

    .select__content:has(.select__scrollUpButton) {
      padding-top: var(--spacing-2) !important;
}

    .select__content:has(.select__scrollDownButton) {
      padding-bottom: var(--spacing-2) !important;
}

    .select__viewport {
      width: var(--sizes-full);
}

    .select__item {
      padding-inline: var(--spacing-4);
      padding-block: var(--spacing-2);
      border-radius: var(--radii-l2);
      outline: 0;
      cursor: pointer;
      -webkit-user-select: none;
      user-select: none;
}

    .select__item .icon {
      margin-right: var(--spacing-2);
}

    .select__item:not(:has(.icon)) {
      padding-left: var(--spacing-12);
}

    .select__item:is(:hover, [data-hover]) {
      box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-color-palette-bg-solid);
      border: none;
}

    .accordion__root {
      padding: var(--spacing-4);
}

    .accordion__header {
      all: unset;
}

    .accordion__item {
      border-top: var(--border-widths-regular) solid var(--colors-color-palette-border);
}

    .accordion__item:first-of-type {
      border-top: var(--borders-none);
}

    .accordion__item:last-of-type {
      border-bottom: var(--borders-none);
}

    .accordion__content {
      padding: var(--spacing-0) !important;
      overflow: hidden;
      box-sizing: border-box;
      color: var(--colors-color-palette-fg-soft);
}

    .accordion__content:is([data-state="open"]),.accordion__content[open] {
      --height: var(--radix-accordion-content-height);
      animation: var(--animations-collapse-in);
}

    .accordion__content:is([data-state="closed"]),.accordion__content[closed] {
      --height: var(--radix-accordion-content-height);
      animation: var(--animations-collapse-out);
}

    .accordion__trigger {
      gap: var(--spacing-4);
      display: flex;
      align-items: center;
      cursor: pointer;
      width: 100%;
}

    .accordion__trigger:is(:hover, [data-hover]) {
      background-color: var(--colors-neutral-bg-soft);
}

    .accordion__trigger:is([data-state="open"]) .accordionTriggerIcon[data-animate="true"],.accordion__trigger[open] .accordionTriggerIcon[data-animate="true"] {
      transform: rotate(-180deg);
}

    .accordion__trigger:is([data-state="open"]) .icon[data-display-state="open"],.accordion__trigger[open] .icon[data-display-state="open"] {
      display: inline;
}

    .accordion__trigger:is([data-state="open"]) .icon[data-display-state="closed"],.accordion__trigger[open] .icon[data-display-state="closed"] {
      display: none;
}

    .accordion__trigger:is([data-state="closed"]) .icon[data-display-state="open"],.accordion__trigger[closed] .icon[data-display-state="open"] {
      display: none;
}

    .accordion__trigger:is([data-state="closed"]) .icon[data-display-state="closed"],.accordion__trigger[closed] .icon[data-display-state="closed"] {
      display: inline;
}

    .accordion__triggerIcon {
      --transition-duration: var(--durations-interactive-fast);
      transition-duration: var(--durations-interactive-fast);
      --transition-easing: ease;
      transition-timing-function: ease;
      --transition-prop: transform;
      transition-property: transform;
}

    .text-field__root {
      background: none;
      border-radius: var(--radii-l2);
      outline: 0;
      display: flex;
      align-items: center;
      appearance: none;
      -webkit-appearance: none;
      position: relative;
      --transition-duration: var(--durations-interactive-fastest);
      transition-duration: var(--durations-interactive-fastest);
      --transition-easing: ease-in-out;
      transition-timing-function: ease-in-out;
      --transition-prop: border-color, box-shadow, background-color;
      transition-property: border-color, box-shadow, background-color;
      min-width: var(--sizes-0);
}

    .text-field__root:is(:autofill, :-webkit-autofill) {
      -webkit-background-clip: text;
      -webkit-text-fill-color: currentColor;
}

    .text-field__root .input {
      order: 0;
      width: 100%;
}

    .text-field__slot,.navItem__root {
      display: flex;
      align-items: center;
}

    .navItem__root {
      flex-direction: column;
      row-gap: var(--spacing-2);
      cursor: pointer;
}

    .navItem__text {
      overflow: hidden;
      display: none;
      text-align: center;
      -webkit-user-select: none;
      user-select: none;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: var(--sizes-23);
}

    .navItem__slot {
      display: flex;
      align-items: center;
      justify-content: center;
}

    .navItem__slot:has(> .icon) {
      border-radius: var(--radii-full);
      width: var(--sizes-17);
      height: var(--sizes-17);
}

    .tab-menu__root {
      list-style: none;
      display: flex;
      align-items: center;
      width: var(--sizes-full);
}

    .tab-menu__root:has(button[title="dialog-trigger"]) {
      background-color: var(--colors-bg);
}

    .tab-menu__root[data-placement="center"] {
      justify-content: center;
}

    .tab-menu__root[data-placement="left"] {
      justify-content: flex-start;
}

    .tab-menu__root > div > ul {
      display: flex;
      margin-left: var(--spacing-0);
}

    .tab-menu__root > div > ul li a {
      white-space: nowrap;
}

    .tab-menu__root[data-orientation="vertical"] > div > ul {
      display: flex;
      flex-direction: column;
      justify-content: center;
}

    .tab-menu__item {
      color: var(--colors-neutral-fg);
      font-weight: normal;
      display: flex;
      justify-content: center;
      align-items: center;
}

    .tab-menu__collapsible [data-component="card"] {
      border-top: 1px solid var(--colors-bg) !important;
}

    .toolbar__root {
      gap: var(--spacing-3);
      display: flex;
      align-items: center;
}

    .data-list__root {
      gap: var(--spacing-4);
      display: flex;
      flex-direction: column;
}

    .data-list__item {
      display: grid;
      column-gap: var(--spacing-10);
      row-gap: var(--spacing-4);
}

    .data-list__label {
      color: var(--colors-color-palette-fg-soft);
      font-weight: var(--font-weights-bold);
}

    .dropdown-menu__trigger:is([data-state="open"]) .dropdown-menu__open,.dropdown-menu__trigger[open] .dropdown-menu__open {
      display: none;
}

    .dropdown-menu__trigger:is([data-state="closed"]) .dropdown-menu__close,.dropdown-menu__trigger[closed] .dropdown-menu__close {
      display: none;
}

    .dropdown-menu__content {
      display: flex;
      flex-direction: column;
      min-width: var(--sizes-29);
}

    .dropdown-menu__group > .button {
      flex-grow: 1;
      width: var(--sizes-full);
}

    .dropdown-menu__label {
      padding-inline: var(--spacing-8);
      display: block;
      color: var(--colors-color-palette-bg-solid-hover);
      margin-top: var(--spacing-2);
}

    .dropdown-menu__item {
      justify-content: start;
}

    .dropdown-menu__separator {
      background: var(--colors-color-palette-bg-solid);
      margin-inline: var(--spacing-2);
      margin-block: var(--spacing-4);
      height: 1px;
}

    .dropdown-menu__subTrigger {
      justify-content: start;
}

    .dropdown-menu__subContent {
      display: flex;
      flex-direction: column;
      min-width: var(--sizes-29);
}

    .dropdown-menu__arrow {
      fill: var(--colors-color-palette-bg-solid);
      stroke: var(--colors-color-palette-bg-solid);
}

    .dropdown-menu__collapsible {
      display: flex;
      flex-direction: column;
}

    .dropdown-menu__collapsible > .button {
      flex-grow: 1;
      width: var(--sizes-full);
}

    .dropdown-menu__collapsibleTrigger:is([data-state="open"]) > .icon,.dropdown-menu__collapsibleTrigger[open] > .icon {
      transform: rotate(90deg);
}

    .dropdown-menu__collapsibleContent {
      padding-inline: var(--spacing-8);
      display: flex;
      flex-direction: column;
}

    .dropdown-menu__collapsibleContent .label {
      padding-inline: var(--spacing-0);
}

    .dropdown-menu__collapsibleContent > * {
      flex-grow: 1;
}

    .toggle-group__root {
      border-radius: var(--radii-l2);
      display: flex;
}

    .toggle-group__item:is(:focus-visible, [data-focus-visible]) {
      position: relative;
      z-index: 1;
}

    .alert__root {
      gap: var(--spacing-4);
      border-radius: var(--radii-l2);
}

    .alert__root,.alert__icon {
      display: flex;
      align-items: center;
}

    .alert__close {
      border-radius: var(--radii-full);
      cursor: pointer;
      margin-left: var(--spacing-auto);
}

    .avatar__image {
      object-fit: cover;
}

    .avatar__fallback {
      background-color: var(--colors-color-palette-bg-solid);
      color: var(--colors-color-palette-fg-solid);
}

    .avatar__fallback,.checkbox__root {
      display: flex;
      align-items: center;
      justify-content: center;
}

    .checkbox__root {
      padding: var(--spacing-2);
      border-radius: var(--radii-l3);
      box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-color-palette-border);
      border: none;
      cursor: pointer;
}

    .checkbox__root:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]) {
      background: var(--colors-color-palette-bg-solid);
      box-shadow: none;
}

    .checkbox__root:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"], [data-state="on"]):is(:hover, [data-hover]) {
      box-shadow: none;
}

    .checkbox__root:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
      background: var(--colors-status-disabled-bg-solid) !important;
      cursor: not-allowed;
      box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-status-disabled-border);
      border: none;
}

    .checkbox__root:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) .icon {
      color: var(--colors-status-disabled-fg) !important;
}

    .checkbox__root:is(:invalid, [data-invalid], [aria-invalid=true]) {
      box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-status-error-border);
      border: none;
}

    .checkbox__root:is(:hover, [data-hover]) {
      box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-color-palette-bg-solid);
      border: none;
}

    .checkbox__indicator {
      display: flex;
      align-items: center;
      justify-content: center;
}

    .checkbox__indicator > .icon {
      color: var(--colors-color-palette-fg-solid);
}

    .clipboard__control {
      gap: var(--spacing-4);
      display: flex;
      align-items: center;
      flex-wrap: wrap;
}

    .collapsible__content[data-animate="true"] {
      overflow: hidden;
}

    .collapsible__content[data-animate="true"]:is([data-state="open"]),.collapsible__content[data-animate="true"][open] {
      --height: var(--radix-collapsible-content-height);
      animation: var(--animations-collapse-in);
}

    .collapsible__content[data-animate="true"]:is([data-state="closed"]),.collapsible__content[data-animate="true"][closed] {
      --height: var(--radix-collapsible-content-height);
      animation: var(--animations-collapse-out);
}

    .form__root {
      width: var(--sizes-full);
}

    .form__root,.form__field {
      display: flex;
      flex-direction: column;
}

    .form__field {
      gap: var(--spacing-2);
      justify-content: flex-start;
      align-items: flex-start;
      white-space: nowrap;
}

    .form__fieldLabel {
      gap: var(--spacing-3);
      display: flex;
      align-items: center;
      width: var(--sizes-full);
}

    .form__formInput {
      display: block;
      width: var(--sizes-full);
}

    .form__fieldMessage {
      margin: var(--spacing-0);
      box-shadow: none;
      color: var(--colors-status-error);
}

    .radio-group__root {
      display: flex;
      flex-direction: row;
}

    .radio-group__item {
      display: flex;
      align-items: center;
}

    .radio-group__item:has(button:disabled) {
      color: var(--colors-status-disabled-fg);
}

    @media screen and (min-width: 48rem) {
      .app-layout__sideNav {
        padding-block: var(--spacing-6);
        padding-inline: var(--spacing-4);
}
      .app-layout__topNav {
        padding-block: var(--spacing-6);
        padding-inline: var(--spacing-8);
}
      .navItem__text {
        display: block;
}
}
}

  .app-layout__root--sideNavPosition_left {
    grid-template-areas: "sideNav topNav"
              "sideNav content"
              "sideNav footer";
    grid-template-columns: auto 1fr;
}

  .app-layout__sideNav--sideNavPosition_left {
    left: var(--spacing-0);
    border-top-right-radius: var(--border-radius-l1);
}

  .app-layout__topNav--stickyTopNav_true {
    position: sticky;
    top: var(--spacing-0);
}

  .app-layout__footer--stickyFooter_true {
    position: sticky;
    bottom: var(--spacing-0);
}

  .app-layout__sideNav--collapsedSideNav_true {
    min-width: var(--sizes-21);
}

  .app-layout__root--sideNavPosition_right {
    grid-template-areas: "topNav sideNav"
            "content sideNav"
            "footer sideNav";
    grid-template-columns: 1fr auto;
}

  .app-layout__sideNav--sideNavPosition_right {
    right: var(--spacing-0);
    border-top-left-radius: var(--border-radius-l1);
}

  .dialog__wrapper--layout_floating {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

  .dialog__content--layout_floating {
    margin-block: var(--spacing-4);
    max-width: var(--dialog-width);
    min-width: calc(var(--dialog-width) / 2);
}

  .dialog__content--layout_floating:is([data-state="open"]),.dialog__content--layout_floating[open] {
    animation: var(--animations-dialog-in);
}

  .dialog__content--layout_floating:is([data-state="closed"]),.dialog__content--layout_floating[closed] {
    animation: var(--animations-dialog-out);
}

  .dialog__wrapper--layout_drawer {
    overflow: hidden;
}

  .dialog__content--layout_drawer {
    border: var(--borders-none) !important;
    overflow: auto;
    border-radius: var(--radii-none) !important;
    position: absolute;
}

  .dialog__content--size_xs {
    --dialog-width: min(90vw, var(--breakpoints-sm));
    --dialog-height: min(90vh, var(--breakpoints-sm));
    padding: var(--spacing-8);
    font-size: var(--font-sizes-xs);
    line-height: var(--line-heights-xs);
    letter-spacing: var(--letter-spacings-xs);
}

  .dialog__title--size_xs {
    font-size: var(--font-sizes-sm);
    line-height: var(--line-heights-sm);
    letter-spacing: var(--letter-spacings-sm);
    margin-right: var(--spacing-12);
}

  .dialog__close--size_xs.default {
    top: var(--spacing-3);
    right: var(--spacing-3);
}

  .dialog__content--size_sm {
    --dialog-width: min(90vw, var(--breakpoints-md));
    --dialog-height: min(90vh, var(--breakpoints-md));
    padding: var(--spacing-10);
    font-size: var(--font-sizes-sm);
    line-height: var(--line-heights-sm);
    letter-spacing: var(--letter-spacings-sm);
}

  .dialog__title--size_sm {
    font-size: var(--font-sizes-md);
    line-height: var(--line-heights-md);
    letter-spacing: var(--letter-spacings-md);
    margin-right: var(--spacing-12);
}

  .dialog__close--size_sm.default {
    top: var(--spacing-5);
    right: var(--spacing-5);
}

  .dialog__content--size_md {
    --dialog-width: min(90vw, var(--breakpoints-lg));
    --dialog-height: min(90vh, var(--breakpoints-lg));
    padding: var(--spacing-11);
    font-size: var(--font-sizes-md);
    line-height: var(--line-heights-md);
    letter-spacing: var(--letter-spacings-md);
}

  .dialog__title--size_md {
    font-size: var(--font-sizes-lg);
    line-height: var(--line-heights-lg);
    letter-spacing: var(--letter-spacings-lg);
    margin-right: var(--spacing-11);
}

  .dialog__close--size_md.default {
    top: var(--spacing-6);
    right: var(--spacing-6);
}

  .dialog__content--size_lg {
    --dialog-width: min(90vw, var(--breakpoints-xl));
    --dialog-height: min(90vh, var(--breakpoints-xl));
    padding: var(--spacing-12);
    font-size: var(--font-sizes-lg);
    line-height: var(--line-heights-lg);
    letter-spacing: var(--letter-spacings-lg);
}

  .dialog__title--size_lg {
    font-size: var(--font-sizes-xl);
    line-height: var(--line-heights-xl);
    letter-spacing: var(--letter-spacings-xl);
    margin-right: var(--spacing-11);
}

  .dialog__close--size_lg.default {
    top: var(--spacing-7);
    right: var(--spacing-7);
}

  .dialog__content--size_xl {
    --dialog-width: min(90vw, var(--breakpoints-2xl));
    --dialog-height: min(90vh, var(--breakpoints-2xl));
    padding: var(--spacing-13);
    font-size: var(--font-sizes-xl);
    line-height: var(--line-heights-xl);
    letter-spacing: var(--letter-spacings-xl);
}

  .dialog__title--size_xl {
    font-size: var(--font-sizes-2xl);
    line-height: var(--line-heights-2xl);
    letter-spacing: var(--letter-spacings-2xl);
    margin-right: var(--spacing-10);
}

  .dialog__close--size_xl.default {
    top: var(--spacing-8);
    right: var(--spacing-8);
}

  .dialog__wrapper--fullscreen_true {
    overflow: hidden;
}

  .dialog__content--fullscreen_true {
    inset: var(--spacing-0) !important;
    margin: var(--spacing-0) !important;
    border-radius: var(--radii-none) !important;
    position: absolute;
    max-width: unset !important;
    max-height: unset !important;
}

  .dialog__trigger--relative_true {
    margin-left: var(--spacing-10);
}

  .dialog__overlay--relative_true {
    position: absolute;
    top: var(--nav-height);
}

  .dialog__content--relative_true {
    margin: var(--spacing-0) !important;
    border-radius: var(--radii-none) !important;
    left: var(--spacing-0);
    right: var(--spacing-0);
    top: var(--spacing-0);
    max-width: unset !important;
    max-height: unset !important;
}

  .dialog__root--colorPalette_accent,.dialog__trigger--colorPalette_accent,.dialog__portal--colorPalette_accent,.dialog__overlay--colorPalette_accent,.dialog__wrapper--colorPalette_accent,.dialog__content--colorPalette_accent,.dialog__title--colorPalette_accent,.dialog__description--colorPalette_accent,.dialog__close--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .dialog__root--colorPalette_neutral,.dialog__trigger--colorPalette_neutral,.dialog__portal--colorPalette_neutral,.dialog__overlay--colorPalette_neutral,.dialog__wrapper--colorPalette_neutral,.dialog__content--colorPalette_neutral,.dialog__title--colorPalette_neutral,.dialog__description--colorPalette_neutral,.dialog__close--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .dialog__root--colorPalette_status\.error,.dialog__trigger--colorPalette_status\.error,.dialog__portal--colorPalette_status\.error,.dialog__overlay--colorPalette_status\.error,.dialog__wrapper--colorPalette_status\.error,.dialog__content--colorPalette_status\.error,.dialog__title--colorPalette_status\.error,.dialog__description--colorPalette_status\.error,.dialog__close--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .dialog__root--colorPalette_status\.success,.dialog__trigger--colorPalette_status\.success,.dialog__portal--colorPalette_status\.success,.dialog__overlay--colorPalette_status\.success,.dialog__wrapper--colorPalette_status\.success,.dialog__content--colorPalette_status\.success,.dialog__title--colorPalette_status\.success,.dialog__description--colorPalette_status\.success,.dialog__close--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .dialog__root--colorPalette_status\.warning,.dialog__trigger--colorPalette_status\.warning,.dialog__portal--colorPalette_status\.warning,.dialog__overlay--colorPalette_status\.warning,.dialog__wrapper--colorPalette_status\.warning,.dialog__content--colorPalette_status\.warning,.dialog__title--colorPalette_status\.warning,.dialog__description--colorPalette_status\.warning,.dialog__close--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .dialog__root--colorPalette_dometic,.dialog__trigger--colorPalette_dometic,.dialog__portal--colorPalette_dometic,.dialog__overlay--colorPalette_dometic,.dialog__wrapper--colorPalette_dometic,.dialog__content--colorPalette_dometic,.dialog__title--colorPalette_dometic,.dialog__description--colorPalette_dometic,.dialog__close--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .image-card__root--type_background {
    padding: var(--spacing-0);
}

  .image-card__details--type_background {
    padding: var(--spacing-6);
}

  .image-card__root--selected_true {
    border: var(--borders-thick);
    border-color: black;
}

  .image-card__root--type_corner {
    padding: var(--spacing-0);
}

  .image-card__image--type_corner > .image {
    border-radius: var(--radii-none);
}

  .image-card__details--type_corner {
    padding: var(--spacing-6);
}

  .image-card__root--colorPalette_accent,.image-card__image--colorPalette_accent,.image-card__details--colorPalette_accent,.image-card__slot--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .image-card__root--colorPalette_neutral,.image-card__image--colorPalette_neutral,.image-card__details--colorPalette_neutral,.image-card__slot--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .image-card__root--colorPalette_status\.error,.image-card__image--colorPalette_status\.error,.image-card__details--colorPalette_status\.error,.image-card__slot--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .image-card__root--colorPalette_status\.success,.image-card__image--colorPalette_status\.success,.image-card__details--colorPalette_status\.success,.image-card__slot--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .image-card__root--colorPalette_status\.warning,.image-card__image--colorPalette_status\.warning,.image-card__details--colorPalette_status\.warning,.image-card__slot--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .image-card__root--colorPalette_dometic,.image-card__image--colorPalette_dometic,.image-card__details--colorPalette_dometic,.image-card__slot--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .table__cell--size_md {
    padding: var(--spacing-6);
}

  .table__cell--size_md,.table__columnHeaderCell--size_md,.table__rowHeaderCell--size_md {
    font-size: var(--font-sizes-md);
    line-height: var(--line-heights-md);
    letter-spacing: var(--letter-spacings-md);
}

  .table__root--variant_outline {
    border: var(--border-widths-regular) solid var(--colors-color-palette-border);
}

  .table__header--variant_outline {
    border: var(--border-widths-thick) solid var(--colors-color-palette-border);
    background-color: var(--colors-color-palette-bg-soft);
}

  .table__cell--size_sm {
    padding-inline: var(--spacing-6);
    padding-block: var(--spacing-2);
}

  .table__cell--size_sm,.table__columnHeaderCell--size_sm,.table__rowHeaderCell--size_sm {
    font-size: var(--font-sizes-sm);
    line-height: var(--line-heights-sm);
    letter-spacing: var(--letter-spacings-sm);
}

  .table__cell--size_lg {
    padding-inline: var(--spacing-6);
    padding-block: var(--spacing-12);
}

  .table__cell--size_lg,.table__columnHeaderCell--size_lg,.table__rowHeaderCell--size_lg {
    font-size: var(--font-sizes-lg);
    line-height: var(--line-heights-lg);
    letter-spacing: var(--letter-spacings-lg);
}

  .tabs__list--variant_ghost {
    border-bottom: var(--border-widths-regular) solid var(--colors-color-palette-border);
}

  .tabs__trigger--variant_ghost:is([aria-selected=true], [data-selected]) {
    border-bottom: var(--border-widths-thick) solid var(--colors-color-palette-border);
}

  .tabs__trigger--variant_ghost:is(:hover, [data-hover]) {
    border-bottom: var(--border-widths-thick) solid var(--colors-color-palette-border);
}

  .tabs__trigger--size_md {
    padding-block: var(--spacing-2);
    padding-inline: var(--spacing-5);
    font-size: var(--font-sizes-md);
    line-height: var(--line-heights-md);
    letter-spacing: var(--letter-spacings-md);
}

  .tabs__root--colorPalette_neutral,.tabs__list--colorPalette_neutral,.tabs__trigger--colorPalette_neutral,.tabs__content--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .tabs__list--variant_soft {
    border: var(--border-widths-regular) solid var(--colors-color-palette-border);
    border-radius: var(--radii-l2);
}

  .tabs__trigger--variant_soft {
    margin: var(--spacing-2);
    border-radius: var(--radii-l2);
}

  .tabs__trigger--variant_soft:is([aria-selected=true], [data-selected]) {
    background: var(--colors-color-palette-bg-soft-active);
}

  .tabs__trigger--variant_soft:is(:hover, [data-hover]) {
    background: var(--colors-color-palette-bg-soft-hover);
}

  .tabs__list--variant_solid {
    border: var(--border-widths-regular) solid var(--colors-color-palette-border);
    border-radius: var(--radii-l2);
}

  .tabs__trigger--variant_solid {
    margin: var(--spacing-2);
    border-radius: var(--radii-l2);
}

  .tabs__trigger--variant_solid:is([aria-selected=true], [data-selected]) {
    background: var(--colors-color-palette-bg-solid);
}

  .tabs__trigger--variant_solid:is(:hover, [data-hover]) {
    background: var(--colors-color-palette-bg-solid-hover);
}

  .tabs__trigger--variant_outline {
    border-bottom: var(--border-widths-regular) solid var(--colors-color-palette-border);
}

  .tabs__trigger--variant_outline:is([aria-selected=true], [data-selected]) {
    background: var(--colors-color-palette-bg-soft);
    border: var(--border-widths-regular) solid var(--colors-color-palette-border);
    border-bottom: var(--borders-none);
    border-top-left-radius: var(--radii-l2);
    border-top-right-radius: var(--radii-l2);
}

  .tabs__trigger--variant_outline:is(:hover, [data-hover]) {
    border: var(--border-widths-thick) solid var(--colors-color-palette-border);
    border-bottom: var(--borders-none);
    border-top-left-radius: var(--radii-l2);
    border-top-right-radius: var(--radii-l2);
}

  .tabs__content--variant_outline {
    background: var(--colors-color-palette-bg-soft);
}

  .tabs__trigger--size_sm {
    padding-block: var(--spacing-1);
    padding-inline: var(--spacing-2);
    font-size: var(--font-sizes-sm);
    line-height: var(--line-heights-sm);
    letter-spacing: var(--letter-spacings-sm);
}

  .tabs__trigger--size_lg {
    padding-block: var(--spacing-3);
    padding-inline: var(--spacing-8);
    font-size: var(--font-sizes-lg);
    line-height: var(--line-heights-lg);
    letter-spacing: var(--letter-spacings-lg);
}

  .tabs__root--colorPalette_accent,.tabs__list--colorPalette_accent,.tabs__trigger--colorPalette_accent,.tabs__content--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .tabs__root--colorPalette_status\.error,.tabs__list--colorPalette_status\.error,.tabs__trigger--colorPalette_status\.error,.tabs__content--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .tabs__root--colorPalette_status\.success,.tabs__list--colorPalette_status\.success,.tabs__trigger--colorPalette_status\.success,.tabs__content--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .tabs__root--colorPalette_status\.warning,.tabs__list--colorPalette_status\.warning,.tabs__trigger--colorPalette_status\.warning,.tabs__content--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .tabs__root--colorPalette_dometic,.tabs__list--colorPalette_dometic,.tabs__trigger--colorPalette_dometic,.tabs__content--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .checkbox-group__root--size_md {
    gap: var(--spacing-3);
}

  .checkbox-group__item--size_md {
    gap: var(--spacing-2);
    font-size: var(--font-sizes-md);
    line-height: var(--line-heights-md);
    letter-spacing: var(--letter-spacings-md);
}

  .checkbox-group__root--size_sm {
    gap: var(--spacing-2);
}

  .checkbox-group__item--size_sm {
    gap: var(--spacing-1);
    font-size: var(--font-sizes-sm);
    line-height: var(--line-heights-sm);
    letter-spacing: var(--letter-spacings-sm);
}

  .checkbox-group__root--size_lg {
    gap: var(--spacing-4);
}

  .checkbox-group__item--size_lg {
    gap: var(--spacing-3);
    font-size: var(--font-sizes-lg);
    line-height: var(--line-heights-lg);
    letter-spacing: var(--letter-spacings-lg);
}

  .checkbox-group__root--colorPalette_accent,.checkbox-group__item--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .checkbox-group__root--colorPalette_neutral,.checkbox-group__item--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .checkbox-group__root--colorPalette_status\.error,.checkbox-group__item--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .checkbox-group__root--colorPalette_status\.success,.checkbox-group__item--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .checkbox-group__root--colorPalette_status\.warning,.checkbox-group__item--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .checkbox-group__root--colorPalette_dometic,.checkbox-group__item--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .popover__arrow--variant_outline {
    color: var(--colors-color-palette-bg-solid);
}

  .popover__arrow--variant_soft {
    color: var(--colors-color-palette-border-soft);
}

  .popover__root--colorPalette_accent,.popover__trigger--colorPalette_accent,.popover__anchor--colorPalette_accent,.popover__portal--colorPalette_accent,.popover__content--colorPalette_accent,.popover__arrow--colorPalette_accent,.popover__close--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .popover__root--colorPalette_neutral,.popover__trigger--colorPalette_neutral,.popover__anchor--colorPalette_neutral,.popover__portal--colorPalette_neutral,.popover__content--colorPalette_neutral,.popover__arrow--colorPalette_neutral,.popover__close--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .popover__root--colorPalette_status\.error,.popover__trigger--colorPalette_status\.error,.popover__anchor--colorPalette_status\.error,.popover__portal--colorPalette_status\.error,.popover__content--colorPalette_status\.error,.popover__arrow--colorPalette_status\.error,.popover__close--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .popover__root--colorPalette_status\.success,.popover__trigger--colorPalette_status\.success,.popover__anchor--colorPalette_status\.success,.popover__portal--colorPalette_status\.success,.popover__content--colorPalette_status\.success,.popover__arrow--colorPalette_status\.success,.popover__close--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .popover__root--colorPalette_status\.warning,.popover__trigger--colorPalette_status\.warning,.popover__anchor--colorPalette_status\.warning,.popover__portal--colorPalette_status\.warning,.popover__content--colorPalette_status\.warning,.popover__arrow--colorPalette_status\.warning,.popover__close--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .popover__root--colorPalette_dometic,.popover__trigger--colorPalette_dometic,.popover__anchor--colorPalette_dometic,.popover__portal--colorPalette_dometic,.popover__content--colorPalette_dometic,.popover__arrow--colorPalette_dometic,.popover__close--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .select__root--colorPalette_accent,.select__trigger--colorPalette_accent,.select__value--colorPalette_accent,.select__icon--colorPalette_accent,.select__portal--colorPalette_accent,.select__content--colorPalette_accent,.select__viewport--colorPalette_accent,.select__item--colorPalette_accent,.select__itemText--colorPalette_accent,.select__itemIndicator--colorPalette_accent,.select__scrollUpButton--colorPalette_accent,.select__scrollDownButton--colorPalette_accent,.select__group--colorPalette_accent,.select__label--colorPalette_accent,.select__separator--colorPalette_accent,.select__arrow--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .select__root--colorPalette_neutral,.select__trigger--colorPalette_neutral,.select__value--colorPalette_neutral,.select__icon--colorPalette_neutral,.select__portal--colorPalette_neutral,.select__content--colorPalette_neutral,.select__viewport--colorPalette_neutral,.select__item--colorPalette_neutral,.select__itemText--colorPalette_neutral,.select__itemIndicator--colorPalette_neutral,.select__scrollUpButton--colorPalette_neutral,.select__scrollDownButton--colorPalette_neutral,.select__group--colorPalette_neutral,.select__label--colorPalette_neutral,.select__separator--colorPalette_neutral,.select__arrow--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .select__root--colorPalette_status\.error,.select__trigger--colorPalette_status\.error,.select__value--colorPalette_status\.error,.select__icon--colorPalette_status\.error,.select__portal--colorPalette_status\.error,.select__content--colorPalette_status\.error,.select__viewport--colorPalette_status\.error,.select__item--colorPalette_status\.error,.select__itemText--colorPalette_status\.error,.select__itemIndicator--colorPalette_status\.error,.select__scrollUpButton--colorPalette_status\.error,.select__scrollDownButton--colorPalette_status\.error,.select__group--colorPalette_status\.error,.select__label--colorPalette_status\.error,.select__separator--colorPalette_status\.error,.select__arrow--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .select__root--colorPalette_status\.success,.select__trigger--colorPalette_status\.success,.select__value--colorPalette_status\.success,.select__icon--colorPalette_status\.success,.select__portal--colorPalette_status\.success,.select__content--colorPalette_status\.success,.select__viewport--colorPalette_status\.success,.select__item--colorPalette_status\.success,.select__itemText--colorPalette_status\.success,.select__itemIndicator--colorPalette_status\.success,.select__scrollUpButton--colorPalette_status\.success,.select__scrollDownButton--colorPalette_status\.success,.select__group--colorPalette_status\.success,.select__label--colorPalette_status\.success,.select__separator--colorPalette_status\.success,.select__arrow--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .select__root--colorPalette_status\.warning,.select__trigger--colorPalette_status\.warning,.select__value--colorPalette_status\.warning,.select__icon--colorPalette_status\.warning,.select__portal--colorPalette_status\.warning,.select__content--colorPalette_status\.warning,.select__viewport--colorPalette_status\.warning,.select__item--colorPalette_status\.warning,.select__itemText--colorPalette_status\.warning,.select__itemIndicator--colorPalette_status\.warning,.select__scrollUpButton--colorPalette_status\.warning,.select__scrollDownButton--colorPalette_status\.warning,.select__group--colorPalette_status\.warning,.select__label--colorPalette_status\.warning,.select__separator--colorPalette_status\.warning,.select__arrow--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .select__root--colorPalette_dometic,.select__trigger--colorPalette_dometic,.select__value--colorPalette_dometic,.select__icon--colorPalette_dometic,.select__portal--colorPalette_dometic,.select__content--colorPalette_dometic,.select__viewport--colorPalette_dometic,.select__item--colorPalette_dometic,.select__itemText--colorPalette_dometic,.select__itemIndicator--colorPalette_dometic,.select__scrollUpButton--colorPalette_dometic,.select__scrollDownButton--colorPalette_dometic,.select__group--colorPalette_dometic,.select__label--colorPalette_dometic,.select__separator--colorPalette_dometic,.select__arrow--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .accordion__contentWrapper--size_md {
    padding-inline: var(--spacing-5);
    padding-top: var(--spacing-5);
    padding-bottom: var(--spacing-9);
}

  .accordion__content--size_md,.accordion__trigger--size_md {
    font-size: var(--font-sizes-md);
    line-height: var(--line-heights-md);
    letter-spacing: var(--letter-spacings-md);
}

  .accordion__trigger--size_md {
    padding-block: var(--spacing-5);
    padding-inline: var(--spacing-5);
}

  .accordion__contentWrapper--size_sm {
    padding-inline: var(--spacing-4);
    padding-top: var(--spacing-3);
    padding-bottom: var(--spacing-7);
}

  .accordion__content--size_sm,.accordion__trigger--size_sm {
    font-size: var(--font-sizes-sm);
    line-height: var(--line-heights-sm);
    letter-spacing: var(--letter-spacings-sm);
}

  .accordion__trigger--size_sm {
    padding-block: var(--spacing-3);
    padding-inline: var(--spacing-4);
}

  .accordion__contentWrapper--size_lg {
    padding-inline: var(--spacing-6);
    padding-top: var(--spacing-7);
    padding-bottom: var(--spacing-11);
}

  .accordion__content--size_lg,.accordion__trigger--size_lg {
    font-size: var(--font-sizes-lg);
    line-height: var(--line-heights-lg);
    letter-spacing: var(--letter-spacings-lg);
}

  .accordion__trigger--size_lg {
    padding-inline: var(--spacing-6);
    padding-block: var(--spacing-7);
}

  .accordion__root--colorPalette_accent,.accordion__header--colorPalette_accent,.accordion__item--colorPalette_accent,.accordion__contentWrapper--colorPalette_accent,.accordion__content--colorPalette_accent,.accordion__trigger--colorPalette_accent,.accordion__triggerIcon--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .accordion__root--colorPalette_neutral,.accordion__header--colorPalette_neutral,.accordion__item--colorPalette_neutral,.accordion__contentWrapper--colorPalette_neutral,.accordion__content--colorPalette_neutral,.accordion__trigger--colorPalette_neutral,.accordion__triggerIcon--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .accordion__root--colorPalette_status\.error,.accordion__header--colorPalette_status\.error,.accordion__item--colorPalette_status\.error,.accordion__contentWrapper--colorPalette_status\.error,.accordion__content--colorPalette_status\.error,.accordion__trigger--colorPalette_status\.error,.accordion__triggerIcon--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .accordion__root--colorPalette_status\.success,.accordion__header--colorPalette_status\.success,.accordion__item--colorPalette_status\.success,.accordion__contentWrapper--colorPalette_status\.success,.accordion__content--colorPalette_status\.success,.accordion__trigger--colorPalette_status\.success,.accordion__triggerIcon--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .accordion__root--colorPalette_status\.warning,.accordion__header--colorPalette_status\.warning,.accordion__item--colorPalette_status\.warning,.accordion__contentWrapper--colorPalette_status\.warning,.accordion__content--colorPalette_status\.warning,.accordion__trigger--colorPalette_status\.warning,.accordion__triggerIcon--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .accordion__root--colorPalette_dometic,.accordion__header--colorPalette_dometic,.accordion__item--colorPalette_dometic,.accordion__contentWrapper--colorPalette_dometic,.accordion__content--colorPalette_dometic,.accordion__trigger--colorPalette_dometic,.accordion__triggerIcon--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .text-field__slot--side_left {
    order: -1;
}

  .text-field__root--size_md {
    --input-height: var(--sizes-15);
    padding-inline: var(--spacing-6);
    gap: var(--spacing-4);
    font-size: var(--font-sizes-md);
    line-height: var(--line-heights-md);
    letter-spacing: var(--letter-spacings-md);
    height: var(--input-height);
    min-width: var(--input-height);
}

  .text-field__root--variant_outline {
    box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-neutral-border);
    border: none;
}

  .text-field__root--variant_outline::placeholder,.text-field__root--variant_outline[data-placeholder] {
    color: neutral.solid.hover;
}

  .text-field__root--variant_outline:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    background-color: var(--colors-status-disabled-bg-solid);
    box-shadow: inset 0 0 0 var(--border-widths-thin) var(--colors-status-disabled-border-soft);
    border: none;
    color: var(--colors-status-disabled-fg);
    cursor: not-allowed;
    pointer-events: none;
}

  .text-field__root--variant_outline:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
    background-color: var(--colors-status-disabled-bg-solid);
}

  .text-field__root--variant_outline:is(:invalid, [data-invalid], [aria-invalid=true]) {
    box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-status-error-border);
    border: none;
}

  .text-field__root--variant_outline:is(:focus, [data-focus]) {
    box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-color-palette-bg-solid);
    border: none;
}

  .text-field__root--variant_outline:has(.input:focus):not([data-invalid="true"]) {
    box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-color-palette-bg-solid);
    border: none;
}

  .text-field__root--variant_outline:is(:hover, [data-hover]) {
    background: var(--colors-color-palette-bg-app-soft);
}

  .text-field__slot--side_right {
    order: 0;
}

  .text-field__root--size_xs {
    --input-height: var(--sizes-13);
    padding-inline: var(--spacing-4);
    gap: var(--spacing-2);
    font-size: var(--font-sizes-xs);
    line-height: var(--line-heights-xs);
    letter-spacing: var(--letter-spacings-xs);
}

  .text-field__root--size_xs,.text-field__root--size_sm {
    height: var(--input-height);
    min-width: var(--input-height);
}

  .text-field__root--size_sm {
    --input-height: var(--sizes-14);
    padding-inline: var(--spacing-5);
    gap: var(--spacing-3);
    font-size: var(--font-sizes-sm);
    line-height: var(--line-heights-sm);
    letter-spacing: var(--letter-spacings-sm);
}

  .text-field__root--size_lg {
    --input-height: var(--sizes-16);
    padding-inline: var(--spacing-7);
    gap: var(--spacing-5);
    font-size: var(--font-sizes-lg);
    line-height: var(--line-heights-lg);
    letter-spacing: var(--letter-spacings-lg);
}

  .text-field__root--size_lg,.text-field__root--size_xl {
    height: var(--input-height);
    min-width: var(--input-height);
}

  .text-field__root--size_xl {
    --input-height: var(--sizes-17);
    padding-inline: var(--spacing-8);
    gap: var(--spacing-6);
    font-size: var(--font-sizes-xl);
    line-height: var(--line-heights-xl);
    letter-spacing: var(--letter-spacings-xl);
}

  .text-field__root--variant_soft {
    background-color: var(--colors-color-palette-bg-soft);
}

  .text-field__root--variant_soft::placeholder,.text-field__root--variant_soft[data-placeholder] {
    color: var(--colors-color-palette-fg);
    opacity: 0.65;
}

  .text-field__root--variant_soft:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
    background-color: var(--colors-status-disabled-bg-soft);
    color: var(--colors-status-disabled-fg);
    cursor: not-allowed;
}

  .text-field__root--variant_soft:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])::placeholder,.text-field__root--variant_soft:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])[data-placeholder] {
    color: var(--colors-status-disabled-fg);
}

  .text-field__root--variant_soft:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
    background-color: var(--colors-status-disabled-bg-soft);
}

  .text-field__root--variant_soft:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:focus, [data-focus]) {
    background-color: var(--colors-status-disabled-bg-soft);
}

  .text-field__root--variant_soft:is(:invalid, [data-invalid], [aria-invalid=true]) {
    box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-status-error-border);
    border: none;
}

  .text-field__root--variant_soft:is(:focus, [data-focus]) {
    background-color: var(--colors-color-palette-bg-soft-hover);
    box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-color-palette-border-soft);
    border: none;
}

  .text-field__root--variant_soft:is(:hover, [data-hover]) {
    background-color: var(--colors-color-palette-bg-soft-hover);
}

  .text-field__root--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .text-field__root--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .text-field__root--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .text-field__root--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .text-field__root--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .text-field__root--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .navItem__root--variant_ghost:is(:hover, [data-hover]) .navItem__slot:has(> .icon) {
    background: var(--colors-color-palette-bg-soft);
}

  .navItem__root--variant_ghost:is(:active, [data-active]) .navItem__slot:has(> .icon) {
    background: var(--colors-color-palette-bg-soft-hover);
}

  .navItem__slot--variant_ghost:has(> .icon) {
    color: var(--colors-color-palette-fg-soft);
}

  .navItem__slot--variant_ghost:has(> .icon):is(:hover, [data-hover]) {
    background: var(--colors-color-palette-bg-soft);
}

  .navItem__slot--variant_ghost:has(> .icon):is(:active, [data-active]) {
    background: var(--colors-color-palette-bg-soft-hover);
}

  .navItem__root--colorPalette_neutral,.navItem__text--colorPalette_neutral,.navItem__slot--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .navItem__text--hideText_true {
    display: none;
}

  .navItem__root--variant_solid:is(:hover, [data-hover]) .navItem__slot:has(> .icon) {
    background: var(--colors-color-palette-bg-solid-hover);
}

  .navItem__root--variant_solid:is(:active, [data-active]) .navItem__slot:has(> .icon) {
    background: var(--colors-color-palette-bg-solid-active);
}

  .navItem__slot--variant_solid:has(> .icon) {
    background: var(--colors-color-palette-bg-solid);
    color: var(--colors-color-palette-fg-solid);
}

  .navItem__slot--variant_solid:has(> .icon):is(:hover, [data-hover]) {
    background: var(--colors-color-palette-bg-solid-hover);
}

  .navItem__slot--variant_solid:has(> .icon):is(:active, [data-active]) {
    background: var(--colors-color-palette-bg-solid-active);
}

  .navItem__root--variant_soft:is(:hover, [data-hover]) .navItem__slot:has(> .icon) {
    background: var(--colors-color-palette-bg-soft-hover);
}

  .navItem__root--variant_soft:is(:active, [data-active]) .navItem__slot:has(> .icon) {
    background: var(--colors-color-palette-bg-soft-active);
}

  .navItem__slot--variant_soft:has(> .icon) {
    background: var(--colors-color-palette-bg-soft);
    color: var(--colors-color-palette-fg-soft);
}

  .navItem__slot--variant_soft:has(> .icon):is(:hover, [data-hover]) {
    background: var(--colors-color-palette-bg-soft-hover);
}

  .navItem__slot--variant_soft:has(> .icon):is(:active, [data-active]) {
    background: var(--colors-color-palette-bg-soft-active);
}

  .navItem__root--variant_outline:is(:hover, [data-hover]) .navItem__slot:has(> .icon) {
    background: var(--colors-color-palette-bg-app-soft);
}

  .navItem__root--variant_outline:is(:active, [data-active]) .navItem__slot:has(> .icon) {
    background: var(--colors-color-palette-bg-soft);
}

  .navItem__slot--variant_outline:has(> .icon) {
    box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-color-palette-bg-solid);
    border: none;
    color: var(--colors-color-palette-fg-soft);
}

  .navItem__slot--variant_outline:has(> .icon):is(:hover, [data-hover]) {
    background: var(--colors-color-palette-bg-app-soft);
}

  .navItem__slot--variant_outline:has(> .icon):is(:active, [data-active]) {
    background: var(--colors-color-palette-bg-soft);
}

  .navItem__root--colorPalette_accent,.navItem__text--colorPalette_accent,.navItem__slot--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .navItem__root--colorPalette_status\.error,.navItem__text--colorPalette_status\.error,.navItem__slot--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .navItem__root--colorPalette_status\.success,.navItem__text--colorPalette_status\.success,.navItem__slot--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .navItem__root--colorPalette_status\.warning,.navItem__text--colorPalette_status\.warning,.navItem__slot--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .navItem__root--colorPalette_dometic,.navItem__text--colorPalette_dometic,.navItem__slot--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .tab-menu__root--size_md {
    --nav-height: var(--sizes-18);
    height: var(--nav-height);
}

  .tab-menu__root--size_md > div > ul {
    gap: var(--spacing-2);
}

  .tab-menu__item--size_md {
    --tab-menu-item-height: var(--sizes-15);
    padding-inline: var(--spacing-8);
    gap: var(--spacing-4);
    font-size: var(--font-sizes-md);
    line-height: var(--line-heights-md);
    letter-spacing: var(--letter-spacings-md);
    height: var(--tab-menu-item-height);
    min-width: var(--tab-menu-item-height);
}

  .tab-menu__item--variant_soft[data-active],.tab-menu__item--variant_soft:hover {
    border-radius: var(--radii-l2);
    background-color: var(--colors-color-palette-bg-solid);
    color: var(--colors-color-palette-fg-solid);
}

  .tab-menu__item--variant_ghost {
    position: relative;
}

  .tab-menu__item--variant_ghost:before {
    content: "";
    position: absolute;
    background-color: var(--colors-neutral-bg-soft);
    bottom: var(--spacing-0);
    left: var(--spacing-0);
    right: var(--spacing-0);
    height: 2px;
}

  .tab-menu__item--variant_ghost[data-active],.tab-menu__item--variant_ghost:hover {
    color: var(--colors-color-palette-fg);
}

  .tab-menu__item--variant_ghost[data-active]:before,.tab-menu__item--variant_ghost:hover:before {
    background-color: var(--colors-color-palette-bg-solid);
}

  .tab-menu__root--size_sm {
    --nav-height: var(--sizes-16);
    height: var(--nav-height);
}

  .tab-menu__root--size_sm > div > ul {
    gap: var(--spacing-1);
}

  .tab-menu__item--size_sm {
    --tab-menu-item-height: var(--sizes-12);
    padding-inline: var(--spacing-7);
    gap: var(--spacing-4);
    font-size: var(--font-sizes-sm);
    line-height: var(--line-heights-sm);
    letter-spacing: var(--letter-spacings-sm);
    height: var(--tab-menu-item-height);
    min-width: var(--tab-menu-item-height);
}

  .tab-menu__root--size_lg {
    --nav-height: var(--sizes-20);
    height: var(--nav-height);
}

  .tab-menu__root--size_lg > div > ul {
    gap: var(--spacing-3);
}

  .tab-menu__item--size_lg {
    --tab-menu-item-height: var(--sizes-16);
    padding-inline: var(--spacing-9);
    gap: var(--spacing-4);
    font-size: var(--font-sizes-lg);
    line-height: var(--line-heights-lg);
    letter-spacing: var(--letter-spacings-lg);
    height: var(--tab-menu-item-height);
    min-width: var(--tab-menu-item-height);
}

  .tab-menu__root--colorPalette_accent,.tab-menu__item--colorPalette_accent,.tab-menu__collapsible--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .tab-menu__root--colorPalette_neutral,.tab-menu__item--colorPalette_neutral,.tab-menu__collapsible--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .tab-menu__root--colorPalette_status\.error,.tab-menu__item--colorPalette_status\.error,.tab-menu__collapsible--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .tab-menu__root--colorPalette_status\.success,.tab-menu__item--colorPalette_status\.success,.tab-menu__collapsible--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .tab-menu__root--colorPalette_status\.warning,.tab-menu__item--colorPalette_status\.warning,.tab-menu__collapsible--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .tab-menu__root--colorPalette_dometic,.tab-menu__item--colorPalette_dometic,.tab-menu__collapsible--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .toolbar__root--floating_true {
    --toolbar-inset: var(--spacing-10);
    padding-inline: var(--spacing-6);
    padding-block: var(--spacing-4);
    position: absolute;
}

  .toolbar__root--offset_0 {
    --toolbar-inset: var(--spacing-0);
}

  .toolbar__root--offset_1 {
    --toolbar-inset: var(--spacing-1);
}

  .toolbar__root--offset_2 {
    --toolbar-inset: var(--spacing-2);
}

  .toolbar__root--offset_3 {
    --toolbar-inset: var(--spacing-3);
}

  .toolbar__root--offset_4 {
    --toolbar-inset: var(--spacing-4);
}

  .toolbar__root--offset_5 {
    --toolbar-inset: var(--spacing-5);
}

  .toolbar__root--offset_6 {
    --toolbar-inset: var(--spacing-6);
}

  .toolbar__root--offset_7 {
    --toolbar-inset: var(--spacing-7);
}

  .toolbar__root--offset_8 {
    --toolbar-inset: var(--spacing-8);
}

  .toolbar__root--offset_9 {
    --toolbar-inset: var(--spacing-9);
}

  .toolbar__root--offset_10 {
    --toolbar-inset: var(--spacing-10);
}

  .toolbar__root--offset_11 {
    --toolbar-inset: var(--spacing-11);
}

  .toolbar__root--offset_12 {
    --toolbar-inset: var(--spacing-12);
}

  .toolbar__root--offset_13 {
    --toolbar-inset: var(--spacing-13);
}

  .toolbar__root--offset_14 {
    --toolbar-inset: var(--spacing-14);
}

  .toolbar__root--offset_15 {
    --toolbar-inset: var(--spacing-15);
}

  .toolbar__root--offset_16 {
    --toolbar-inset: var(--spacing-16);
}

  .toolbar__root--offset_17 {
    --toolbar-inset: var(--spacing-17);
}

  .toolbar__root--offset_18 {
    --toolbar-inset: var(--spacing-18);
}

  .toolbar__root--offset_19 {
    --toolbar-inset: var(--spacing-19);
}

  .toolbar__root--offset_20 {
    --toolbar-inset: var(--spacing-20);
}

  .toolbar__root--offset_21 {
    --toolbar-inset: var(--spacing-21);
}

  .toolbar__root--offset_22 {
    --toolbar-inset: var(--spacing-22);
}

  .toolbar__root--offset_23 {
    --toolbar-inset: var(--spacing-23);
}

  .toolbar__root--offset_24 {
    --toolbar-inset: var(--spacing-24);
}

  .toolbar__root--offset_25 {
    --toolbar-inset: var(--spacing-25);
}

  .toolbar__root--offset_26 {
    --toolbar-inset: var(--spacing-26);
}

  .toolbar__root--offset_27 {
    --toolbar-inset: var(--spacing-27);
}

  .toolbar__root--offset_28 {
    --toolbar-inset: var(--spacing-28);
}

  .toolbar__root--offset_29 {
    --toolbar-inset: var(--spacing-29);
}

  .toolbar__root--offset_30 {
    --toolbar-inset: var(--spacing-30);
}

  .toolbar__root--offset_31 {
    --toolbar-inset: var(--spacing-31);
}

  .toolbar__root--offset_32 {
    --toolbar-inset: var(--spacing-32);
}

  .toolbar__root--offset_33 {
    --toolbar-inset: var(--spacing-33);
}

  .toolbar__root--offset_34 {
    --toolbar-inset: var(--spacing-34);
}

  .toolbar__root--offset_35 {
    --toolbar-inset: var(--spacing-35);
}

  .toolbar__root--offset_36 {
    --toolbar-inset: var(--spacing-36);
}

  .toolbar__root--offset_37 {
    --toolbar-inset: var(--spacing-37);
}

  .toolbar__root--offset_38 {
    --toolbar-inset: var(--spacing-38);
}

  .toolbar__root--offset_39 {
    --toolbar-inset: var(--spacing-39);
}

  .toolbar__root--offset_40 {
    --toolbar-inset: var(--spacing-40);
}

  .toolbar__root--offset_auto {
    --toolbar-inset: var(--spacing-auto);
}

  .toolbar__root--colorPalette_accent,.toolbar__button--colorPalette_accent,.toolbar__link--colorPalette_accent,.toolbar__toggleGroup--colorPalette_accent,.toolbar__toggleGroupItem--colorPalette_accent,.toolbar__separator--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .toolbar__root--colorPalette_neutral,.toolbar__button--colorPalette_neutral,.toolbar__link--colorPalette_neutral,.toolbar__toggleGroup--colorPalette_neutral,.toolbar__toggleGroupItem--colorPalette_neutral,.toolbar__separator--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .toolbar__root--colorPalette_status\.error,.toolbar__button--colorPalette_status\.error,.toolbar__link--colorPalette_status\.error,.toolbar__toggleGroup--colorPalette_status\.error,.toolbar__toggleGroupItem--colorPalette_status\.error,.toolbar__separator--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .toolbar__root--colorPalette_status\.success,.toolbar__button--colorPalette_status\.success,.toolbar__link--colorPalette_status\.success,.toolbar__toggleGroup--colorPalette_status\.success,.toolbar__toggleGroupItem--colorPalette_status\.success,.toolbar__separator--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .toolbar__root--colorPalette_status\.warning,.toolbar__button--colorPalette_status\.warning,.toolbar__link--colorPalette_status\.warning,.toolbar__toggleGroup--colorPalette_status\.warning,.toolbar__toggleGroupItem--colorPalette_status\.warning,.toolbar__separator--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .toolbar__root--colorPalette_dometic,.toolbar__button--colorPalette_dometic,.toolbar__link--colorPalette_dometic,.toolbar__toggleGroup--colorPalette_dometic,.toolbar__toggleGroupItem--colorPalette_dometic,.toolbar__separator--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .data-list__item--orientation_horizontal {
    grid-template-columns: repeat(2,minmax(0,1fr));
}

  .data-list__label--size_md {
    font-size: var(--font-sizes-md);
    line-height: var(--line-heights-md);
    letter-spacing: var(--letter-spacings-md);
}

  .data-list__item--orientation_vertical {
    grid-template-rows: repeat(2,minmax(0,1fr));
}

  .data-list__label--size_sm,.data-list__value--size_sm {
    font-size: var(--font-sizes-sm);
    line-height: var(--line-heights-sm);
    letter-spacing: var(--letter-spacings-sm);
}

  .data-list__label--size_lg,.data-list__value--size_lg {
    font-size: var(--font-sizes-lg);
    line-height: var(--line-heights-lg);
    letter-spacing: var(--letter-spacings-lg);
}

  .data-list__item--align_start {
    justify-items: flex-start;
}

  .data-list__item--align_center {
    justify-items: center;
}

  .data-list__item--align_end {
    justify-items: flex-end;
}

  .data-list__root--colorPalette_accent,.data-list__item--colorPalette_accent,.data-list__label--colorPalette_accent,.data-list__value--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .data-list__root--colorPalette_neutral,.data-list__item--colorPalette_neutral,.data-list__label--colorPalette_neutral,.data-list__value--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .data-list__root--colorPalette_status\.error,.data-list__item--colorPalette_status\.error,.data-list__label--colorPalette_status\.error,.data-list__value--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .data-list__root--colorPalette_status\.success,.data-list__item--colorPalette_status\.success,.data-list__label--colorPalette_status\.success,.data-list__value--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .data-list__root--colorPalette_status\.warning,.data-list__item--colorPalette_status\.warning,.data-list__label--colorPalette_status\.warning,.data-list__value--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .data-list__root--colorPalette_dometic,.data-list__item--colorPalette_dometic,.data-list__label--colorPalette_dometic,.data-list__value--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .dropdown-menu__item--variant_soft,.dropdown-menu__subTrigger--variant_soft {
    background-color: transparent;
}

  .dropdown-menu__label--size_md {
    font-size: var(--font-sizes-sm);
    line-height: var(--line-heights-sm);
    letter-spacing: var(--letter-spacings-sm);
}

  .dropdown-menu__checkboxGroup--size_md,.dropdown-menu__radioGroup--size_md {
    margin-block: var(--spacing-4);
}

  .dropdown-menu__item--variant_solid {
    color: var(--colors-color-palette-fg);
    background-color: transparent;
}

  .dropdown-menu__item--variant_solid:is(:hover, [data-hover]) {
    color: var(--colors-color-palette-fg-solid);
}

  .dropdown-menu__subTrigger--variant_solid {
    color: var(--colors-color-palette-fg);
    background-color: transparent;
}

  .dropdown-menu__subTrigger--variant_solid:is(:hover, [data-hover]) {
    color: var(--colors-color-palette-fg-solid);
}

  .dropdown-menu__item--variant_outline {
    box-shadow: none;
}

  .dropdown-menu__item--variant_outline:is(:hover, [data-hover]) {
    box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-color-palette-bg-solid);
    border: none;
}

  .dropdown-menu__subTrigger--variant_outline {
    box-shadow: none;
}

  .dropdown-menu__subTrigger--variant_outline:is(:hover, [data-hover]) {
    box-shadow: inset 0 0 0 var(--border-widths-regular) var(--colors-color-palette-bg-solid);
    border: none;
}

  .dropdown-menu__label--size_sm {
    font-size: var(--font-sizes-xs);
    line-height: var(--line-heights-xs);
    letter-spacing: var(--letter-spacings-xs);
}

  .dropdown-menu__checkboxGroup--size_sm,.dropdown-menu__radioGroup--size_sm {
    margin-block: var(--spacing-2);
}

  .dropdown-menu__label--size_lg {
    font-size: var(--font-sizes-md);
    line-height: var(--line-heights-md);
    letter-spacing: var(--letter-spacings-md);
}

  .dropdown-menu__checkboxGroup--size_lg,.dropdown-menu__radioGroup--size_lg {
    margin-block: var(--spacing-6);
}

  .dropdown-menu__root--colorPalette_accent,.dropdown-menu__trigger--colorPalette_accent,.dropdown-menu__triggerIcon--colorPalette_accent,.dropdown-menu__portal--colorPalette_accent,.dropdown-menu__content--colorPalette_accent,.dropdown-menu__group--colorPalette_accent,.dropdown-menu__label--colorPalette_accent,.dropdown-menu__item--colorPalette_accent,.dropdown-menu__separator--colorPalette_accent,.dropdown-menu__checkboxGroup--colorPalette_accent,.dropdown-menu__checkboxItem--colorPalette_accent,.dropdown-menu__radioGroup--colorPalette_accent,.dropdown-menu__radioItem--colorPalette_accent,.dropdown-menu__itemIndicator--colorPalette_accent,.dropdown-menu__sub--colorPalette_accent,.dropdown-menu__subTrigger--colorPalette_accent,.dropdown-menu__subContent--colorPalette_accent,.dropdown-menu__arrow--colorPalette_accent,.dropdown-menu__collapsible--colorPalette_accent,.dropdown-menu__collapsibleTrigger--colorPalette_accent,.dropdown-menu__collapsibleContent--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .dropdown-menu__root--colorPalette_neutral,.dropdown-menu__trigger--colorPalette_neutral,.dropdown-menu__triggerIcon--colorPalette_neutral,.dropdown-menu__portal--colorPalette_neutral,.dropdown-menu__content--colorPalette_neutral,.dropdown-menu__group--colorPalette_neutral,.dropdown-menu__label--colorPalette_neutral,.dropdown-menu__item--colorPalette_neutral,.dropdown-menu__separator--colorPalette_neutral,.dropdown-menu__checkboxGroup--colorPalette_neutral,.dropdown-menu__checkboxItem--colorPalette_neutral,.dropdown-menu__radioGroup--colorPalette_neutral,.dropdown-menu__radioItem--colorPalette_neutral,.dropdown-menu__itemIndicator--colorPalette_neutral,.dropdown-menu__sub--colorPalette_neutral,.dropdown-menu__subTrigger--colorPalette_neutral,.dropdown-menu__subContent--colorPalette_neutral,.dropdown-menu__arrow--colorPalette_neutral,.dropdown-menu__collapsible--colorPalette_neutral,.dropdown-menu__collapsibleTrigger--colorPalette_neutral,.dropdown-menu__collapsibleContent--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .dropdown-menu__root--colorPalette_status\.error,.dropdown-menu__trigger--colorPalette_status\.error,.dropdown-menu__triggerIcon--colorPalette_status\.error,.dropdown-menu__portal--colorPalette_status\.error,.dropdown-menu__content--colorPalette_status\.error,.dropdown-menu__group--colorPalette_status\.error,.dropdown-menu__label--colorPalette_status\.error,.dropdown-menu__item--colorPalette_status\.error,.dropdown-menu__separator--colorPalette_status\.error,.dropdown-menu__checkboxGroup--colorPalette_status\.error,.dropdown-menu__checkboxItem--colorPalette_status\.error,.dropdown-menu__radioGroup--colorPalette_status\.error,.dropdown-menu__radioItem--colorPalette_status\.error,.dropdown-menu__itemIndicator--colorPalette_status\.error,.dropdown-menu__sub--colorPalette_status\.error,.dropdown-menu__subTrigger--colorPalette_status\.error,.dropdown-menu__subContent--colorPalette_status\.error,.dropdown-menu__arrow--colorPalette_status\.error,.dropdown-menu__collapsible--colorPalette_status\.error,.dropdown-menu__collapsibleTrigger--colorPalette_status\.error,.dropdown-menu__collapsibleContent--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .dropdown-menu__root--colorPalette_status\.success,.dropdown-menu__trigger--colorPalette_status\.success,.dropdown-menu__triggerIcon--colorPalette_status\.success,.dropdown-menu__portal--colorPalette_status\.success,.dropdown-menu__content--colorPalette_status\.success,.dropdown-menu__group--colorPalette_status\.success,.dropdown-menu__label--colorPalette_status\.success,.dropdown-menu__item--colorPalette_status\.success,.dropdown-menu__separator--colorPalette_status\.success,.dropdown-menu__checkboxGroup--colorPalette_status\.success,.dropdown-menu__checkboxItem--colorPalette_status\.success,.dropdown-menu__radioGroup--colorPalette_status\.success,.dropdown-menu__radioItem--colorPalette_status\.success,.dropdown-menu__itemIndicator--colorPalette_status\.success,.dropdown-menu__sub--colorPalette_status\.success,.dropdown-menu__subTrigger--colorPalette_status\.success,.dropdown-menu__subContent--colorPalette_status\.success,.dropdown-menu__arrow--colorPalette_status\.success,.dropdown-menu__collapsible--colorPalette_status\.success,.dropdown-menu__collapsibleTrigger--colorPalette_status\.success,.dropdown-menu__collapsibleContent--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .dropdown-menu__root--colorPalette_status\.warning,.dropdown-menu__trigger--colorPalette_status\.warning,.dropdown-menu__triggerIcon--colorPalette_status\.warning,.dropdown-menu__portal--colorPalette_status\.warning,.dropdown-menu__content--colorPalette_status\.warning,.dropdown-menu__group--colorPalette_status\.warning,.dropdown-menu__label--colorPalette_status\.warning,.dropdown-menu__item--colorPalette_status\.warning,.dropdown-menu__separator--colorPalette_status\.warning,.dropdown-menu__checkboxGroup--colorPalette_status\.warning,.dropdown-menu__checkboxItem--colorPalette_status\.warning,.dropdown-menu__radioGroup--colorPalette_status\.warning,.dropdown-menu__radioItem--colorPalette_status\.warning,.dropdown-menu__itemIndicator--colorPalette_status\.warning,.dropdown-menu__sub--colorPalette_status\.warning,.dropdown-menu__subTrigger--colorPalette_status\.warning,.dropdown-menu__subContent--colorPalette_status\.warning,.dropdown-menu__arrow--colorPalette_status\.warning,.dropdown-menu__collapsible--colorPalette_status\.warning,.dropdown-menu__collapsibleTrigger--colorPalette_status\.warning,.dropdown-menu__collapsibleContent--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .dropdown-menu__root--colorPalette_dometic,.dropdown-menu__trigger--colorPalette_dometic,.dropdown-menu__triggerIcon--colorPalette_dometic,.dropdown-menu__portal--colorPalette_dometic,.dropdown-menu__content--colorPalette_dometic,.dropdown-menu__group--colorPalette_dometic,.dropdown-menu__label--colorPalette_dometic,.dropdown-menu__item--colorPalette_dometic,.dropdown-menu__separator--colorPalette_dometic,.dropdown-menu__checkboxGroup--colorPalette_dometic,.dropdown-menu__checkboxItem--colorPalette_dometic,.dropdown-menu__radioGroup--colorPalette_dometic,.dropdown-menu__radioItem--colorPalette_dometic,.dropdown-menu__itemIndicator--colorPalette_dometic,.dropdown-menu__sub--colorPalette_dometic,.dropdown-menu__subTrigger--colorPalette_dometic,.dropdown-menu__subContent--colorPalette_dometic,.dropdown-menu__arrow--colorPalette_dometic,.dropdown-menu__collapsible--colorPalette_dometic,.dropdown-menu__collapsibleTrigger--colorPalette_dometic,.dropdown-menu__collapsibleContent--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .toggle-group__root--spacing_gap {
    gap: var(--spacing-4);
    box-shadow: none;
}

  .toggle-group__root--spacing_adjacent .toggle:not(:first-of-type, :last-of-type) {
    border-radius: var(--radii-none);
}

  .toggle-group__root--spacing_adjacent .toggle:first-of-type {
    border-top-right-radius: var(--radii-none);
    border-bottom-right-radius: var(--radii-none);
}

  .toggle-group__root--spacing_adjacent .toggle:last-of-type {
    border-top-left-radius: var(--radii-none);
    border-bottom-left-radius: var(--radii-none);
}

  .toggle-group__root--colorPalette_accent,.toggle-group__item--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .toggle-group__root--colorPalette_neutral,.toggle-group__item--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .toggle-group__root--colorPalette_status\.error,.toggle-group__item--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .toggle-group__root--colorPalette_status\.success,.toggle-group__item--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .toggle-group__root--colorPalette_status\.warning,.toggle-group__item--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .toggle-group__root--colorPalette_dometic,.toggle-group__item--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .alert__root--size_md {
    padding: var(--spacing-6);
    min-width: min(90vw, var(--sizes-md));
}

  .alert__text--size_md {
    font-size: var(--font-sizes-md);
    line-height: var(--line-heights-md);
    letter-spacing: var(--letter-spacings-md);
}

  .alert__root--variant_outline {
    box-shadow: inset 0 0 0 var(--border-widths-thick) var(--colors-color-palette-bg-solid);
    border: none;
}

  .alert__root--size_sm {
    padding: var(--spacing-4);
    min-width: min(90vw, var(--sizes-sm));
}

  .alert__text--size_sm {
    font-size: var(--font-sizes-sm);
    line-height: var(--line-heights-sm);
    letter-spacing: var(--letter-spacings-sm);
}

  .alert__root--size_lg {
    padding: var(--spacing-8);
    min-width: min(90vw, var(--sizes-lg));
}

  .alert__text--size_lg {
    font-size: var(--font-sizes-lg);
    line-height: var(--line-heights-lg);
    letter-spacing: var(--letter-spacings-lg);
}

  .alert__root--variant_soft {
    background-color: var(--colors-color-palette-bg-soft);
    box-shadow: inset 0 0 0 var(--border-widths-thick) var(--colors-color-palette-bg-soft-active);
    border: none;
}

  .alert__root--type_accent,.alert__icon--type_accent,.alert__text--type_accent,.alert__close--type_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .alert__root--type_neutral,.alert__icon--type_neutral,.alert__text--type_neutral,.alert__close--type_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .alert__root--type_error,.alert__icon--type_error,.alert__text--type_error,.alert__close--type_error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .alert__root--type_success,.alert__icon--type_success,.alert__text--type_success,.alert__close--type_success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .alert__root--type_warning,.alert__icon--type_warning,.alert__text--type_warning,.alert__close--type_warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .alert__root--type_dometic,.alert__icon--type_dometic,.alert__text--type_dometic,.alert__close--type_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .avatar__image--size_md,.avatar__fallback--size_md {
    width: var(--sizes-15);
    height: var(--sizes-15);
}

  .avatar__fallback--size_md {
    font-size: var(--font-sizes-md);
}

  .avatar__image--shape_circle,.avatar__fallback--shape_circle {
    border-radius: var(--radii-full);
}

  .avatar__image--size_xs,.avatar__fallback--size_xs {
    width: var(--sizes-11);
    height: var(--sizes-11);
}

  .avatar__fallback--size_xs {
    font-size: var(--font-sizes-xs);
}

  .avatar__image--size_sm,.avatar__fallback--size_sm {
    width: var(--sizes-13);
    height: var(--sizes-13);
}

  .avatar__fallback--size_sm {
    font-size: var(--font-sizes-sm);
}

  .avatar__image--size_lg,.avatar__fallback--size_lg {
    width: var(--sizes-17);
    height: var(--sizes-17);
}

  .avatar__fallback--size_lg {
    font-size: var(--font-sizes-lg);
}

  .avatar__image--size_xl,.avatar__fallback--size_xl {
    width: var(--sizes-18);
    height: var(--sizes-18);
}

  .avatar__fallback--size_xl {
    font-size: var(--font-sizes-xl);
}

  .avatar__image--shape_square,.avatar__fallback--shape_square {
    border-radius: 0px;
}

  .avatar__root--colorPalette_accent,.avatar__image--colorPalette_accent,.avatar__fallback--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .avatar__root--colorPalette_neutral,.avatar__image--colorPalette_neutral,.avatar__fallback--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .avatar__root--colorPalette_status\.error,.avatar__image--colorPalette_status\.error,.avatar__fallback--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .avatar__root--colorPalette_status\.success,.avatar__image--colorPalette_status\.success,.avatar__fallback--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .avatar__root--colorPalette_status\.warning,.avatar__image--colorPalette_status\.warning,.avatar__fallback--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .avatar__root--colorPalette_dometic,.avatar__image--colorPalette_dometic,.avatar__fallback--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .checkbox__root--size_md {
    width: var(--sizes-9);
    height: var(--sizes-9);
}

  .checkbox__root--size_sm {
    width: var(--sizes-8);
    height: var(--sizes-8);
}

  .checkbox__root--size_lg {
    width: var(--sizes-10);
    height: var(--sizes-10);
}

  .checkbox__root--colorPalette_accent,.checkbox__indicator--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .checkbox__root--colorPalette_neutral,.checkbox__indicator--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .checkbox__root--colorPalette_status\.error,.checkbox__indicator--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .checkbox__root--colorPalette_status\.success,.checkbox__indicator--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .checkbox__root--colorPalette_status\.warning,.checkbox__indicator--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .checkbox__root--colorPalette_dometic,.checkbox__indicator--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .clipboard__root--colorPalette_accent,.clipboard__clipboardLabel--colorPalette_accent,.clipboard__control--colorPalette_accent,.clipboard__input--colorPalette_accent,.clipboard__trigger--colorPalette_accent,.clipboard__indicator--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .clipboard__root--colorPalette_neutral,.clipboard__clipboardLabel--colorPalette_neutral,.clipboard__control--colorPalette_neutral,.clipboard__input--colorPalette_neutral,.clipboard__trigger--colorPalette_neutral,.clipboard__indicator--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .clipboard__root--colorPalette_status\.error,.clipboard__clipboardLabel--colorPalette_status\.error,.clipboard__control--colorPalette_status\.error,.clipboard__input--colorPalette_status\.error,.clipboard__trigger--colorPalette_status\.error,.clipboard__indicator--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .clipboard__root--colorPalette_status\.success,.clipboard__clipboardLabel--colorPalette_status\.success,.clipboard__control--colorPalette_status\.success,.clipboard__input--colorPalette_status\.success,.clipboard__trigger--colorPalette_status\.success,.clipboard__indicator--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .clipboard__root--colorPalette_status\.warning,.clipboard__clipboardLabel--colorPalette_status\.warning,.clipboard__control--colorPalette_status\.warning,.clipboard__input--colorPalette_status\.warning,.clipboard__trigger--colorPalette_status\.warning,.clipboard__indicator--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .clipboard__root--colorPalette_dometic,.clipboard__clipboardLabel--colorPalette_dometic,.clipboard__control--colorPalette_dometic,.clipboard__input--colorPalette_dometic,.clipboard__trigger--colorPalette_dometic,.clipboard__indicator--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .collapsible__root--colorPalette_accent,.collapsible__trigger--colorPalette_accent,.collapsible__content--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .collapsible__root--colorPalette_neutral,.collapsible__trigger--colorPalette_neutral,.collapsible__content--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .collapsible__root--colorPalette_status\.error,.collapsible__trigger--colorPalette_status\.error,.collapsible__content--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .collapsible__root--colorPalette_status\.success,.collapsible__trigger--colorPalette_status\.success,.collapsible__content--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .collapsible__root--colorPalette_status\.warning,.collapsible__trigger--colorPalette_status\.warning,.collapsible__content--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .collapsible__root--colorPalette_dometic,.collapsible__trigger--colorPalette_dometic,.collapsible__content--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .form__root--size_md {
    gap: var(--spacing-6);
}

  .form__field--size_md {
    gap: var(--spacing-2);
}

  .form__fieldMessage--size_md {
    font-size: var(--font-sizes-sm);
}

  .form__root--size_sm {
    gap: var(--spacing-4);
}

  .form__field--size_sm {
    gap: var(--spacing-1);
}

  .form__fieldMessage--size_sm {
    font-size: var(--font-sizes-xs);
}

  .form__root--size_lg {
    gap: var(--spacing-8);
}

  .form__field--size_lg {
    gap: var(--spacing-3);
}

  .form__fieldMessage--size_lg {
    font-size: var(--font-sizes-md);
}

  .form__root--colorPalette_accent,.form__field--colorPalette_accent,.form__fieldLabel--colorPalette_accent,.form__formInput--colorPalette_accent,.form__formTextArea--colorPalette_accent,.form__formCheckboxGroup--colorPalette_accent,.form__formCheckboxItem--colorPalette_accent,.form__formRadioGroup--colorPalette_accent,.form__formRadioItem--colorPalette_accent,.form__formDropdownMenu--colorPalette_accent,.form__formDropdownMenuTrigger--colorPalette_accent,.form__formDropdownMenuTriggerIcon--colorPalette_accent,.form__formDropdownMenuPortal--colorPalette_accent,.form__formDropdownMenuContent--colorPalette_accent,.form__formDropdownMenuGroup--colorPalette_accent,.form__formDropdownMenuLabel--colorPalette_accent,.form__formDropdownMenuItem--colorPalette_accent,.form__formDropdownMenuSeparator--colorPalette_accent,.form__formDropdownMenuCheckboxGroup--colorPalette_accent,.form__formDropdownMenuCheckboxItem--colorPalette_accent,.form__formDropdownMenuRadioGroup--colorPalette_accent,.form__formDropdownMenuRadioItem--colorPalette_accent,.form__formDropdownMenuIndicator--colorPalette_accent,.form__formDropdownMenuSub--colorPalette_accent,.form__formDropdownMenuSubTrigger--colorPalette_accent,.form__formDropdownMenuSubContent--colorPalette_accent,.form__formDropdownMenuArrow--colorPalette_accent,.form__formDropdownMenuCollapsible--colorPalette_accent,.form__formDropdownMenuCollapsibleTrigger--colorPalette_accent,.form__formDropdownMenuCollapsibleContent--colorPalette_accent,.form__fieldMessage--colorPalette_accent,.form__fieldValidityState--colorPalette_accent,.form__submit--colorPalette_accent,.form__rootMessage--colorPalette_accent,.form__rootValidityState--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .form__root--colorPalette_neutral,.form__field--colorPalette_neutral,.form__fieldLabel--colorPalette_neutral,.form__formInput--colorPalette_neutral,.form__formTextArea--colorPalette_neutral,.form__formCheckboxGroup--colorPalette_neutral,.form__formCheckboxItem--colorPalette_neutral,.form__formRadioGroup--colorPalette_neutral,.form__formRadioItem--colorPalette_neutral,.form__formDropdownMenu--colorPalette_neutral,.form__formDropdownMenuTrigger--colorPalette_neutral,.form__formDropdownMenuTriggerIcon--colorPalette_neutral,.form__formDropdownMenuPortal--colorPalette_neutral,.form__formDropdownMenuContent--colorPalette_neutral,.form__formDropdownMenuGroup--colorPalette_neutral,.form__formDropdownMenuLabel--colorPalette_neutral,.form__formDropdownMenuItem--colorPalette_neutral,.form__formDropdownMenuSeparator--colorPalette_neutral,.form__formDropdownMenuCheckboxGroup--colorPalette_neutral,.form__formDropdownMenuCheckboxItem--colorPalette_neutral,.form__formDropdownMenuRadioGroup--colorPalette_neutral,.form__formDropdownMenuRadioItem--colorPalette_neutral,.form__formDropdownMenuIndicator--colorPalette_neutral,.form__formDropdownMenuSub--colorPalette_neutral,.form__formDropdownMenuSubTrigger--colorPalette_neutral,.form__formDropdownMenuSubContent--colorPalette_neutral,.form__formDropdownMenuArrow--colorPalette_neutral,.form__formDropdownMenuCollapsible--colorPalette_neutral,.form__formDropdownMenuCollapsibleTrigger--colorPalette_neutral,.form__formDropdownMenuCollapsibleContent--colorPalette_neutral,.form__fieldMessage--colorPalette_neutral,.form__fieldValidityState--colorPalette_neutral,.form__submit--colorPalette_neutral,.form__rootMessage--colorPalette_neutral,.form__rootValidityState--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .form__root--colorPalette_status\.error,.form__field--colorPalette_status\.error,.form__fieldLabel--colorPalette_status\.error,.form__formInput--colorPalette_status\.error,.form__formTextArea--colorPalette_status\.error,.form__formCheckboxGroup--colorPalette_status\.error,.form__formCheckboxItem--colorPalette_status\.error,.form__formRadioGroup--colorPalette_status\.error,.form__formRadioItem--colorPalette_status\.error,.form__formDropdownMenu--colorPalette_status\.error,.form__formDropdownMenuTrigger--colorPalette_status\.error,.form__formDropdownMenuTriggerIcon--colorPalette_status\.error,.form__formDropdownMenuPortal--colorPalette_status\.error,.form__formDropdownMenuContent--colorPalette_status\.error,.form__formDropdownMenuGroup--colorPalette_status\.error,.form__formDropdownMenuLabel--colorPalette_status\.error,.form__formDropdownMenuItem--colorPalette_status\.error,.form__formDropdownMenuSeparator--colorPalette_status\.error,.form__formDropdownMenuCheckboxGroup--colorPalette_status\.error,.form__formDropdownMenuCheckboxItem--colorPalette_status\.error,.form__formDropdownMenuRadioGroup--colorPalette_status\.error,.form__formDropdownMenuRadioItem--colorPalette_status\.error,.form__formDropdownMenuIndicator--colorPalette_status\.error,.form__formDropdownMenuSub--colorPalette_status\.error,.form__formDropdownMenuSubTrigger--colorPalette_status\.error,.form__formDropdownMenuSubContent--colorPalette_status\.error,.form__formDropdownMenuArrow--colorPalette_status\.error,.form__formDropdownMenuCollapsible--colorPalette_status\.error,.form__formDropdownMenuCollapsibleTrigger--colorPalette_status\.error,.form__formDropdownMenuCollapsibleContent--colorPalette_status\.error,.form__fieldMessage--colorPalette_status\.error,.form__fieldValidityState--colorPalette_status\.error,.form__submit--colorPalette_status\.error,.form__rootMessage--colorPalette_status\.error,.form__rootValidityState--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .form__root--colorPalette_status\.success,.form__field--colorPalette_status\.success,.form__fieldLabel--colorPalette_status\.success,.form__formInput--colorPalette_status\.success,.form__formTextArea--colorPalette_status\.success,.form__formCheckboxGroup--colorPalette_status\.success,.form__formCheckboxItem--colorPalette_status\.success,.form__formRadioGroup--colorPalette_status\.success,.form__formRadioItem--colorPalette_status\.success,.form__formDropdownMenu--colorPalette_status\.success,.form__formDropdownMenuTrigger--colorPalette_status\.success,.form__formDropdownMenuTriggerIcon--colorPalette_status\.success,.form__formDropdownMenuPortal--colorPalette_status\.success,.form__formDropdownMenuContent--colorPalette_status\.success,.form__formDropdownMenuGroup--colorPalette_status\.success,.form__formDropdownMenuLabel--colorPalette_status\.success,.form__formDropdownMenuItem--colorPalette_status\.success,.form__formDropdownMenuSeparator--colorPalette_status\.success,.form__formDropdownMenuCheckboxGroup--colorPalette_status\.success,.form__formDropdownMenuCheckboxItem--colorPalette_status\.success,.form__formDropdownMenuRadioGroup--colorPalette_status\.success,.form__formDropdownMenuRadioItem--colorPalette_status\.success,.form__formDropdownMenuIndicator--colorPalette_status\.success,.form__formDropdownMenuSub--colorPalette_status\.success,.form__formDropdownMenuSubTrigger--colorPalette_status\.success,.form__formDropdownMenuSubContent--colorPalette_status\.success,.form__formDropdownMenuArrow--colorPalette_status\.success,.form__formDropdownMenuCollapsible--colorPalette_status\.success,.form__formDropdownMenuCollapsibleTrigger--colorPalette_status\.success,.form__formDropdownMenuCollapsibleContent--colorPalette_status\.success,.form__fieldMessage--colorPalette_status\.success,.form__fieldValidityState--colorPalette_status\.success,.form__submit--colorPalette_status\.success,.form__rootMessage--colorPalette_status\.success,.form__rootValidityState--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .form__root--colorPalette_status\.warning,.form__field--colorPalette_status\.warning,.form__fieldLabel--colorPalette_status\.warning,.form__formInput--colorPalette_status\.warning,.form__formTextArea--colorPalette_status\.warning,.form__formCheckboxGroup--colorPalette_status\.warning,.form__formCheckboxItem--colorPalette_status\.warning,.form__formRadioGroup--colorPalette_status\.warning,.form__formRadioItem--colorPalette_status\.warning,.form__formDropdownMenu--colorPalette_status\.warning,.form__formDropdownMenuTrigger--colorPalette_status\.warning,.form__formDropdownMenuTriggerIcon--colorPalette_status\.warning,.form__formDropdownMenuPortal--colorPalette_status\.warning,.form__formDropdownMenuContent--colorPalette_status\.warning,.form__formDropdownMenuGroup--colorPalette_status\.warning,.form__formDropdownMenuLabel--colorPalette_status\.warning,.form__formDropdownMenuItem--colorPalette_status\.warning,.form__formDropdownMenuSeparator--colorPalette_status\.warning,.form__formDropdownMenuCheckboxGroup--colorPalette_status\.warning,.form__formDropdownMenuCheckboxItem--colorPalette_status\.warning,.form__formDropdownMenuRadioGroup--colorPalette_status\.warning,.form__formDropdownMenuRadioItem--colorPalette_status\.warning,.form__formDropdownMenuIndicator--colorPalette_status\.warning,.form__formDropdownMenuSub--colorPalette_status\.warning,.form__formDropdownMenuSubTrigger--colorPalette_status\.warning,.form__formDropdownMenuSubContent--colorPalette_status\.warning,.form__formDropdownMenuArrow--colorPalette_status\.warning,.form__formDropdownMenuCollapsible--colorPalette_status\.warning,.form__formDropdownMenuCollapsibleTrigger--colorPalette_status\.warning,.form__formDropdownMenuCollapsibleContent--colorPalette_status\.warning,.form__fieldMessage--colorPalette_status\.warning,.form__fieldValidityState--colorPalette_status\.warning,.form__submit--colorPalette_status\.warning,.form__rootMessage--colorPalette_status\.warning,.form__rootValidityState--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .form__root--colorPalette_dometic,.form__field--colorPalette_dometic,.form__fieldLabel--colorPalette_dometic,.form__formInput--colorPalette_dometic,.form__formTextArea--colorPalette_dometic,.form__formCheckboxGroup--colorPalette_dometic,.form__formCheckboxItem--colorPalette_dometic,.form__formRadioGroup--colorPalette_dometic,.form__formRadioItem--colorPalette_dometic,.form__formDropdownMenu--colorPalette_dometic,.form__formDropdownMenuTrigger--colorPalette_dometic,.form__formDropdownMenuTriggerIcon--colorPalette_dometic,.form__formDropdownMenuPortal--colorPalette_dometic,.form__formDropdownMenuContent--colorPalette_dometic,.form__formDropdownMenuGroup--colorPalette_dometic,.form__formDropdownMenuLabel--colorPalette_dometic,.form__formDropdownMenuItem--colorPalette_dometic,.form__formDropdownMenuSeparator--colorPalette_dometic,.form__formDropdownMenuCheckboxGroup--colorPalette_dometic,.form__formDropdownMenuCheckboxItem--colorPalette_dometic,.form__formDropdownMenuRadioGroup--colorPalette_dometic,.form__formDropdownMenuRadioItem--colorPalette_dometic,.form__formDropdownMenuIndicator--colorPalette_dometic,.form__formDropdownMenuSub--colorPalette_dometic,.form__formDropdownMenuSubTrigger--colorPalette_dometic,.form__formDropdownMenuSubContent--colorPalette_dometic,.form__formDropdownMenuArrow--colorPalette_dometic,.form__formDropdownMenuCollapsible--colorPalette_dometic,.form__formDropdownMenuCollapsibleTrigger--colorPalette_dometic,.form__formDropdownMenuCollapsibleContent--colorPalette_dometic,.form__fieldMessage--colorPalette_dometic,.form__fieldValidityState--colorPalette_dometic,.form__submit--colorPalette_dometic,.form__rootMessage--colorPalette_dometic,.form__rootValidityState--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .radio-group__root--size_sm {
    gap: var(--spacing-2);
}

  .radio-group__item--size_sm {
    gap: var(--spacing-1);
    font-size: var(--font-sizes-sm);
    line-height: var(--line-heights-sm);
    letter-spacing: var(--letter-spacings-sm);
}

  .radio-group__root--size_md {
    gap: var(--spacing-3);
}

  .radio-group__item--size_md {
    gap: var(--spacing-2);
    font-size: var(--font-sizes-md);
    line-height: var(--line-heights-md);
    letter-spacing: var(--letter-spacings-md);
}

  .radio-group__root--size_lg {
    gap: var(--spacing-4);
}

  .radio-group__item--size_lg {
    gap: var(--spacing-3);
    font-size: var(--font-sizes-lg);
    line-height: var(--line-heights-lg);
    letter-spacing: var(--letter-spacings-lg);
}

  .radio-group__root--colorPalette_accent,.radio-group__item--colorPalette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .radio-group__root--colorPalette_neutral,.radio-group__item--colorPalette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .radio-group__root--colorPalette_status\.error,.radio-group__item--colorPalette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .radio-group__root--colorPalette_status\.success,.radio-group__item--colorPalette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .radio-group__root--colorPalette_status\.warning,.radio-group__item--colorPalette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .radio-group__root--colorPalette_dometic,.radio-group__item--colorPalette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  @media screen and (min-width: 48rem) {
    .dialog__content--layout_floating {
      margin-block: var(--spacing-8);
}
}

  @media screen and (min-width: 80rem) {
    .dialog__content--layout_floating {
      margin-block: var(--spacing-10);
}
}
}

@layer utilities{
  @layer compositions{

    .textStyle_md {
      font-size: var(--font-sizes-md);
      line-height: var(--line-heights-md);
      letter-spacing: var(--letter-spacings-md);
}

    .textStyle_xs {
      font-size: var(--font-sizes-xs);
      line-height: var(--line-heights-xs);
      letter-spacing: var(--letter-spacings-xs);
}

    .textStyle_3xl {
      font-size: var(--font-sizes-3xl);
      line-height: var(--line-heights-3xl);
      letter-spacing: var(--letter-spacings-3xl);
}

    .textStyle_sm {
      font-size: var(--font-sizes-sm);
      line-height: var(--line-heights-sm);
      letter-spacing: var(--letter-spacings-sm);
}

    .textStyle_2xl {
      font-size: var(--font-sizes-2xl);
      line-height: var(--line-heights-2xl);
      letter-spacing: var(--letter-spacings-2xl);
}

    .textStyle_lg {
      font-size: var(--font-sizes-lg);
      line-height: var(--line-heights-lg);
      letter-spacing: var(--letter-spacings-lg);
}

    .textStyle_xl {
      font-size: var(--font-sizes-xl);
      line-height: var(--line-heights-xl);
      letter-spacing: var(--letter-spacings-xl);
}

    .textStyle_4xl {
      font-size: var(--font-sizes-4xl);
      line-height: var(--line-heights-4xl);
      letter-spacing: var(--letter-spacings-4xl);
}

    .textStyle_5xl {
      font-size: var(--font-sizes-5xl);
      line-height: var(--line-heights-5xl);
      letter-spacing: var(--letter-spacings-5xl);
}

    .textStyle_6xl {
      font-size: var(--font-sizes-6xl);
      line-height: var(--line-heights-6xl);
      letter-spacing: var(--letter-spacings-6xl);
}

    .textStyle_7xl {
      font-size: var(--font-sizes-7xl);
      line-height: var(--line-heights-7xl);
      letter-spacing: var(--letter-spacings-7xl);
}
}

  .\--thickness_1px {
    --thickness: 1px;
}

  .bg_colorPalette\.bg\.solid {
    background: var(--colors-color-palette-bg-solid);
}

  .bg_neutral\.3 {
    background: var(--colors-neutral-3);
}

  .p_3 {
    padding: var(--spacing-3);
}

  .bg_bg {
    background: var(--colors-bg);
}

  .p_10 {
    padding: var(--spacing-10);
}

  .p_4 {
    padding: var(--spacing-4);
}

  .p_1 {
    padding: var(--spacing-1);
}

  .p_2 {
    padding: var(--spacing-2);
}

  .m_5 {
    margin: var(--spacing-5);
}

  .bg_black\.a1 {
    background: var(--colors-black-a1);
}

  .bg_black\.a2 {
    background: var(--colors-black-a2);
}

  .bg_black\.a3 {
    background: var(--colors-black-a3);
}

  .bg_black\.a4 {
    background: var(--colors-black-a4);
}

  .bg_black\.a5 {
    background: var(--colors-black-a5);
}

  .bg_black\.a6 {
    background: var(--colors-black-a6);
}

  .bg_black\.a7 {
    background: var(--colors-black-a7);
}

  .bg_black\.a8 {
    background: var(--colors-black-a8);
}

  .bg_black\.a9 {
    background: var(--colors-black-a9);
}

  .bg_black\.a10 {
    background: var(--colors-black-a10);
}

  .bg_black\.a11 {
    background: var(--colors-black-a11);
}

  .bg_black\.a12 {
    background: var(--colors-black-a12);
}

  .bg_white\.a1 {
    background: var(--colors-white-a1);
}

  .bg_white\.a2 {
    background: var(--colors-white-a2);
}

  .bg_white\.a3 {
    background: var(--colors-white-a3);
}

  .bg_white\.a4 {
    background: var(--colors-white-a4);
}

  .bg_white\.a5 {
    background: var(--colors-white-a5);
}

  .bg_white\.a6 {
    background: var(--colors-white-a6);
}

  .bg_white\.a7 {
    background: var(--colors-white-a7);
}

  .bg_white\.a8 {
    background: var(--colors-white-a8);
}

  .bg_white\.a9 {
    background: var(--colors-white-a9);
}

  .bg_white\.a10 {
    background: var(--colors-white-a10);
}

  .bg_white\.a11 {
    background: var(--colors-white-a11);
}

  .bg_white\.a12 {
    background: var(--colors-white-a12);
}

  .bg_bg\.soft {
    background: var(--colors-bg-soft);
}

  .bg_bg\.overlay {
    background: var(--colors-bg-overlay);
}

  .bg_bg\.panel {
    background: var(--colors-bg-panel);
}

  .bg_fg {
    background: var(--colors-fg);
}

  .bg_fg\.soft {
    background: var(--colors-fg-soft);
}

  .bg_accent\.1 {
    background: var(--colors-accent-1);
}

  .bg_accent\.2 {
    background: var(--colors-accent-2);
}

  .bg_accent\.3 {
    background: var(--colors-accent-3);
}

  .bg_accent\.4 {
    background: var(--colors-accent-4);
}

  .bg_accent\.5 {
    background: var(--colors-accent-5);
}

  .bg_accent\.6 {
    background: var(--colors-accent-6);
}

  .bg_accent\.7 {
    background: var(--colors-accent-7);
}

  .bg_accent\.8 {
    background: var(--colors-accent-8);
}

  .bg_accent\.9 {
    background: var(--colors-accent-9);
}

  .bg_accent\.10 {
    background: var(--colors-accent-10);
}

  .bg_accent\.11 {
    background: var(--colors-accent-11);
}

  .bg_accent\.12 {
    background: var(--colors-accent-12);
}

  .bg_accent {
    background: var(--colors-accent);
}

  .bg_accent\.a1 {
    background: var(--colors-accent-a1);
}

  .bg_accent\.a2 {
    background: var(--colors-accent-a2);
}

  .bg_accent\.a3 {
    background: var(--colors-accent-a3);
}

  .bg_accent\.a4 {
    background: var(--colors-accent-a4);
}

  .bg_accent\.a5 {
    background: var(--colors-accent-a5);
}

  .bg_accent\.a6 {
    background: var(--colors-accent-a6);
}

  .bg_accent\.a7 {
    background: var(--colors-accent-a7);
}

  .bg_accent\.a8 {
    background: var(--colors-accent-a8);
}

  .bg_accent\.a9 {
    background: var(--colors-accent-a9);
}

  .bg_accent\.a10 {
    background: var(--colors-accent-a10);
}

  .bg_accent\.a11 {
    background: var(--colors-accent-a11);
}

  .bg_accent\.a12 {
    background: var(--colors-accent-a12);
}

  .bg_accent\.bg\.app {
    background: var(--colors-accent-bg-app);
}

  .bg_accent\.bg\.app\.soft {
    background: var(--colors-accent-bg-app-soft);
}

  .bg_accent\.bg\.solid {
    background: var(--colors-accent-bg-solid);
}

  .bg_accent\.bg\.solid\.hover {
    background: var(--colors-accent-bg-solid-hover);
}

  .bg_accent\.bg\.solid\.active {
    background: var(--colors-accent-bg-solid-active);
}

  .bg_accent\.bg\.soft {
    background: var(--colors-accent-bg-soft);
}

  .bg_accent\.bg\.soft\.hover {
    background: var(--colors-accent-bg-soft-hover);
}

  .bg_accent\.bg\.soft\.active {
    background: var(--colors-accent-bg-soft-active);
}

  .bg_accent\.fg {
    background: var(--colors-accent-fg);
}

  .bg_accent\.fg\.solid {
    background: var(--colors-accent-fg-solid);
}

  .bg_accent\.fg\.soft {
    background: var(--colors-accent-fg-soft);
}

  .bg_accent\.border {
    background: var(--colors-accent-border);
}

  .bg_accent\.border\.soft {
    background: var(--colors-accent-border-soft);
}

  .bg_accent\.border\.hover {
    background: var(--colors-accent-border-hover);
}

  .bg_neutral\.1 {
    background: var(--colors-neutral-1);
}

  .bg_neutral\.2 {
    background: var(--colors-neutral-2);
}

  .bg_neutral\.4 {
    background: var(--colors-neutral-4);
}

  .bg_neutral\.5 {
    background: var(--colors-neutral-5);
}

  .bg_neutral\.6 {
    background: var(--colors-neutral-6);
}

  .bg_neutral\.7 {
    background: var(--colors-neutral-7);
}

  .bg_neutral\.8 {
    background: var(--colors-neutral-8);
}

  .bg_neutral\.9 {
    background: var(--colors-neutral-9);
}

  .bg_neutral\.10 {
    background: var(--colors-neutral-10);
}

  .bg_neutral\.11 {
    background: var(--colors-neutral-11);
}

  .bg_neutral\.12 {
    background: var(--colors-neutral-12);
}

  .bg_neutral {
    background: var(--colors-neutral);
}

  .bg_neutral\.a1 {
    background: var(--colors-neutral-a1);
}

  .bg_neutral\.a2 {
    background: var(--colors-neutral-a2);
}

  .bg_neutral\.a3 {
    background: var(--colors-neutral-a3);
}

  .bg_neutral\.a4 {
    background: var(--colors-neutral-a4);
}

  .bg_neutral\.a5 {
    background: var(--colors-neutral-a5);
}

  .bg_neutral\.a6 {
    background: var(--colors-neutral-a6);
}

  .bg_neutral\.a7 {
    background: var(--colors-neutral-a7);
}

  .bg_neutral\.a8 {
    background: var(--colors-neutral-a8);
}

  .bg_neutral\.a9 {
    background: var(--colors-neutral-a9);
}

  .bg_neutral\.a10 {
    background: var(--colors-neutral-a10);
}

  .bg_neutral\.a11 {
    background: var(--colors-neutral-a11);
}

  .bg_neutral\.a12 {
    background: var(--colors-neutral-a12);
}

  .bg_neutral\.bg\.app {
    background: var(--colors-neutral-bg-app);
}

  .bg_neutral\.bg\.app\.soft {
    background: var(--colors-neutral-bg-app-soft);
}

  .bg_neutral\.bg\.solid {
    background: var(--colors-neutral-bg-solid);
}

  .bg_neutral\.bg\.solid\.hover {
    background: var(--colors-neutral-bg-solid-hover);
}

  .bg_neutral\.bg\.solid\.active {
    background: var(--colors-neutral-bg-solid-active);
}

  .bg_neutral\.bg\.soft {
    background: var(--colors-neutral-bg-soft);
}

  .bg_neutral\.bg\.soft\.hover {
    background: var(--colors-neutral-bg-soft-hover);
}

  .bg_neutral\.bg\.soft\.active {
    background: var(--colors-neutral-bg-soft-active);
}

  .bg_neutral\.fg {
    background: var(--colors-neutral-fg);
}

  .bg_neutral\.fg\.solid {
    background: var(--colors-neutral-fg-solid);
}

  .bg_neutral\.fg\.soft {
    background: var(--colors-neutral-fg-soft);
}

  .bg_neutral\.border {
    background: var(--colors-neutral-border);
}

  .bg_neutral\.border\.soft {
    background: var(--colors-neutral-border-soft);
}

  .bg_neutral\.border\.hover {
    background: var(--colors-neutral-border-hover);
}

  .bg_status\.error\.1 {
    background: var(--colors-status-error-1);
}

  .bg_status\.error\.2 {
    background: var(--colors-status-error-2);
}

  .bg_status\.error\.3 {
    background: var(--colors-status-error-3);
}

  .bg_status\.error\.4 {
    background: var(--colors-status-error-4);
}

  .bg_status\.error\.5 {
    background: var(--colors-status-error-5);
}

  .bg_status\.error\.6 {
    background: var(--colors-status-error-6);
}

  .bg_status\.error\.7 {
    background: var(--colors-status-error-7);
}

  .bg_status\.error\.8 {
    background: var(--colors-status-error-8);
}

  .bg_status\.error\.9 {
    background: var(--colors-status-error-9);
}

  .bg_status\.error\.10 {
    background: var(--colors-status-error-10);
}

  .bg_status\.error\.11 {
    background: var(--colors-status-error-11);
}

  .bg_status\.error\.12 {
    background: var(--colors-status-error-12);
}

  .bg_status\.error {
    background: var(--colors-status-error);
}

  .bg_status\.error\.a1 {
    background: var(--colors-status-error-a1);
}

  .bg_status\.error\.a2 {
    background: var(--colors-status-error-a2);
}

  .bg_status\.error\.a3 {
    background: var(--colors-status-error-a3);
}

  .bg_status\.error\.a4 {
    background: var(--colors-status-error-a4);
}

  .bg_status\.error\.a5 {
    background: var(--colors-status-error-a5);
}

  .bg_status\.error\.a6 {
    background: var(--colors-status-error-a6);
}

  .bg_status\.error\.a7 {
    background: var(--colors-status-error-a7);
}

  .bg_status\.error\.a8 {
    background: var(--colors-status-error-a8);
}

  .bg_status\.error\.a9 {
    background: var(--colors-status-error-a9);
}

  .bg_status\.error\.a10 {
    background: var(--colors-status-error-a10);
}

  .bg_status\.error\.a11 {
    background: var(--colors-status-error-a11);
}

  .bg_status\.error\.a12 {
    background: var(--colors-status-error-a12);
}

  .bg_status\.error\.bg\.app {
    background: var(--colors-status-error-bg-app);
}

  .bg_status\.error\.bg\.app\.soft {
    background: var(--colors-status-error-bg-app-soft);
}

  .bg_status\.error\.bg\.solid {
    background: var(--colors-status-error-bg-solid);
}

  .bg_status\.error\.bg\.solid\.hover {
    background: var(--colors-status-error-bg-solid-hover);
}

  .bg_status\.error\.bg\.solid\.active {
    background: var(--colors-status-error-bg-solid-active);
}

  .bg_status\.error\.bg\.soft {
    background: var(--colors-status-error-bg-soft);
}

  .bg_status\.error\.bg\.soft\.hover {
    background: var(--colors-status-error-bg-soft-hover);
}

  .bg_status\.error\.bg\.soft\.active {
    background: var(--colors-status-error-bg-soft-active);
}

  .bg_status\.error\.fg {
    background: var(--colors-status-error-fg);
}

  .bg_status\.error\.fg\.solid {
    background: var(--colors-status-error-fg-solid);
}

  .bg_status\.error\.fg\.soft {
    background: var(--colors-status-error-fg-soft);
}

  .bg_status\.error\.border {
    background: var(--colors-status-error-border);
}

  .bg_status\.error\.border\.soft {
    background: var(--colors-status-error-border-soft);
}

  .bg_status\.error\.border\.hover {
    background: var(--colors-status-error-border-hover);
}

  .bg_status\.success\.1 {
    background: var(--colors-status-success-1);
}

  .bg_status\.success\.2 {
    background: var(--colors-status-success-2);
}

  .bg_status\.success\.3 {
    background: var(--colors-status-success-3);
}

  .bg_status\.success\.4 {
    background: var(--colors-status-success-4);
}

  .bg_status\.success\.5 {
    background: var(--colors-status-success-5);
}

  .bg_status\.success\.6 {
    background: var(--colors-status-success-6);
}

  .bg_status\.success\.7 {
    background: var(--colors-status-success-7);
}

  .bg_status\.success\.8 {
    background: var(--colors-status-success-8);
}

  .bg_status\.success\.9 {
    background: var(--colors-status-success-9);
}

  .bg_status\.success\.10 {
    background: var(--colors-status-success-10);
}

  .bg_status\.success\.11 {
    background: var(--colors-status-success-11);
}

  .bg_status\.success\.12 {
    background: var(--colors-status-success-12);
}

  .bg_status\.success {
    background: var(--colors-status-success);
}

  .bg_status\.success\.a1 {
    background: var(--colors-status-success-a1);
}

  .bg_status\.success\.a2 {
    background: var(--colors-status-success-a2);
}

  .bg_status\.success\.a3 {
    background: var(--colors-status-success-a3);
}

  .bg_status\.success\.a4 {
    background: var(--colors-status-success-a4);
}

  .bg_status\.success\.a5 {
    background: var(--colors-status-success-a5);
}

  .bg_status\.success\.a6 {
    background: var(--colors-status-success-a6);
}

  .bg_status\.success\.a7 {
    background: var(--colors-status-success-a7);
}

  .bg_status\.success\.a8 {
    background: var(--colors-status-success-a8);
}

  .bg_status\.success\.a9 {
    background: var(--colors-status-success-a9);
}

  .bg_status\.success\.a10 {
    background: var(--colors-status-success-a10);
}

  .bg_status\.success\.a11 {
    background: var(--colors-status-success-a11);
}

  .bg_status\.success\.a12 {
    background: var(--colors-status-success-a12);
}

  .bg_status\.success\.bg\.app {
    background: var(--colors-status-success-bg-app);
}

  .bg_status\.success\.bg\.app\.soft {
    background: var(--colors-status-success-bg-app-soft);
}

  .bg_status\.success\.bg\.solid {
    background: var(--colors-status-success-bg-solid);
}

  .bg_status\.success\.bg\.solid\.hover {
    background: var(--colors-status-success-bg-solid-hover);
}

  .bg_status\.success\.bg\.solid\.active {
    background: var(--colors-status-success-bg-solid-active);
}

  .bg_status\.success\.bg\.soft {
    background: var(--colors-status-success-bg-soft);
}

  .bg_status\.success\.bg\.soft\.hover {
    background: var(--colors-status-success-bg-soft-hover);
}

  .bg_status\.success\.bg\.soft\.active {
    background: var(--colors-status-success-bg-soft-active);
}

  .bg_status\.success\.fg {
    background: var(--colors-status-success-fg);
}

  .bg_status\.success\.fg\.solid {
    background: var(--colors-status-success-fg-solid);
}

  .bg_status\.success\.fg\.soft {
    background: var(--colors-status-success-fg-soft);
}

  .bg_status\.success\.border {
    background: var(--colors-status-success-border);
}

  .bg_status\.success\.border\.soft {
    background: var(--colors-status-success-border-soft);
}

  .bg_status\.success\.border\.hover {
    background: var(--colors-status-success-border-hover);
}

  .bg_status\.warning\.1 {
    background: var(--colors-status-warning-1);
}

  .bg_status\.warning\.2 {
    background: var(--colors-status-warning-2);
}

  .bg_status\.warning\.3 {
    background: var(--colors-status-warning-3);
}

  .bg_status\.warning\.4 {
    background: var(--colors-status-warning-4);
}

  .bg_status\.warning\.5 {
    background: var(--colors-status-warning-5);
}

  .bg_status\.warning\.6 {
    background: var(--colors-status-warning-6);
}

  .bg_status\.warning\.7 {
    background: var(--colors-status-warning-7);
}

  .bg_status\.warning\.8 {
    background: var(--colors-status-warning-8);
}

  .bg_status\.warning\.9 {
    background: var(--colors-status-warning-9);
}

  .bg_status\.warning\.10 {
    background: var(--colors-status-warning-10);
}

  .bg_status\.warning\.11 {
    background: var(--colors-status-warning-11);
}

  .bg_status\.warning\.12 {
    background: var(--colors-status-warning-12);
}

  .bg_status\.warning {
    background: var(--colors-status-warning);
}

  .bg_status\.warning\.a1 {
    background: var(--colors-status-warning-a1);
}

  .bg_status\.warning\.a2 {
    background: var(--colors-status-warning-a2);
}

  .bg_status\.warning\.a3 {
    background: var(--colors-status-warning-a3);
}

  .bg_status\.warning\.a4 {
    background: var(--colors-status-warning-a4);
}

  .bg_status\.warning\.a5 {
    background: var(--colors-status-warning-a5);
}

  .bg_status\.warning\.a6 {
    background: var(--colors-status-warning-a6);
}

  .bg_status\.warning\.a7 {
    background: var(--colors-status-warning-a7);
}

  .bg_status\.warning\.a8 {
    background: var(--colors-status-warning-a8);
}

  .bg_status\.warning\.a9 {
    background: var(--colors-status-warning-a9);
}

  .bg_status\.warning\.a10 {
    background: var(--colors-status-warning-a10);
}

  .bg_status\.warning\.a11 {
    background: var(--colors-status-warning-a11);
}

  .bg_status\.warning\.a12 {
    background: var(--colors-status-warning-a12);
}

  .bg_status\.warning\.bg\.app {
    background: var(--colors-status-warning-bg-app);
}

  .bg_status\.warning\.bg\.app\.soft {
    background: var(--colors-status-warning-bg-app-soft);
}

  .bg_status\.warning\.bg\.solid {
    background: var(--colors-status-warning-bg-solid);
}

  .bg_status\.warning\.bg\.solid\.hover {
    background: var(--colors-status-warning-bg-solid-hover);
}

  .bg_status\.warning\.bg\.solid\.active {
    background: var(--colors-status-warning-bg-solid-active);
}

  .bg_status\.warning\.bg\.soft {
    background: var(--colors-status-warning-bg-soft);
}

  .bg_status\.warning\.bg\.soft\.hover {
    background: var(--colors-status-warning-bg-soft-hover);
}

  .bg_status\.warning\.bg\.soft\.active {
    background: var(--colors-status-warning-bg-soft-active);
}

  .bg_status\.warning\.fg {
    background: var(--colors-status-warning-fg);
}

  .bg_status\.warning\.fg\.solid {
    background: var(--colors-status-warning-fg-solid);
}

  .bg_status\.warning\.fg\.soft {
    background: var(--colors-status-warning-fg-soft);
}

  .bg_status\.warning\.border {
    background: var(--colors-status-warning-border);
}

  .bg_status\.warning\.border\.soft {
    background: var(--colors-status-warning-border-soft);
}

  .bg_status\.warning\.border\.hover {
    background: var(--colors-status-warning-border-hover);
}

  .bg_status\.disabled\.bg\.solid {
    background: var(--colors-status-disabled-bg-solid);
}

  .bg_status\.disabled\.bg\.soft {
    background: var(--colors-status-disabled-bg-soft);
}

  .bg_status\.disabled\.fg {
    background: var(--colors-status-disabled-fg);
}

  .bg_status\.disabled\.border {
    background: var(--colors-status-disabled-border);
}

  .bg_status\.disabled\.border\.soft {
    background: var(--colors-status-disabled-border-soft);
}

  .bg_dometic\.1 {
    background: var(--colors-dometic-1);
}

  .bg_dometic\.2 {
    background: var(--colors-dometic-2);
}

  .bg_dometic\.3 {
    background: var(--colors-dometic-3);
}

  .bg_dometic\.4 {
    background: var(--colors-dometic-4);
}

  .bg_dometic\.5 {
    background: var(--colors-dometic-5);
}

  .bg_dometic\.6 {
    background: var(--colors-dometic-6);
}

  .bg_dometic\.7 {
    background: var(--colors-dometic-7);
}

  .bg_dometic\.8 {
    background: var(--colors-dometic-8);
}

  .bg_dometic\.9 {
    background: var(--colors-dometic-9);
}

  .bg_dometic\.10 {
    background: var(--colors-dometic-10);
}

  .bg_dometic\.11 {
    background: var(--colors-dometic-11);
}

  .bg_dometic\.12 {
    background: var(--colors-dometic-12);
}

  .bg_dometic {
    background: var(--colors-dometic);
}

  .bg_dometic\.a1 {
    background: var(--colors-dometic-a1);
}

  .bg_dometic\.a2 {
    background: var(--colors-dometic-a2);
}

  .bg_dometic\.a3 {
    background: var(--colors-dometic-a3);
}

  .bg_dometic\.a4 {
    background: var(--colors-dometic-a4);
}

  .bg_dometic\.a5 {
    background: var(--colors-dometic-a5);
}

  .bg_dometic\.a6 {
    background: var(--colors-dometic-a6);
}

  .bg_dometic\.a7 {
    background: var(--colors-dometic-a7);
}

  .bg_dometic\.a8 {
    background: var(--colors-dometic-a8);
}

  .bg_dometic\.a9 {
    background: var(--colors-dometic-a9);
}

  .bg_dometic\.a10 {
    background: var(--colors-dometic-a10);
}

  .bg_dometic\.a11 {
    background: var(--colors-dometic-a11);
}

  .bg_dometic\.a12 {
    background: var(--colors-dometic-a12);
}

  .bg_dometic\.bg\.app {
    background: var(--colors-dometic-bg-app);
}

  .bg_dometic\.bg\.app\.soft {
    background: var(--colors-dometic-bg-app-soft);
}

  .bg_dometic\.bg\.solid {
    background: var(--colors-dometic-bg-solid);
}

  .bg_dometic\.bg\.solid\.hover {
    background: var(--colors-dometic-bg-solid-hover);
}

  .bg_dometic\.bg\.solid\.active {
    background: var(--colors-dometic-bg-solid-active);
}

  .bg_dometic\.bg\.soft {
    background: var(--colors-dometic-bg-soft);
}

  .bg_dometic\.bg\.soft\.hover {
    background: var(--colors-dometic-bg-soft-hover);
}

  .bg_dometic\.bg\.soft\.active {
    background: var(--colors-dometic-bg-soft-active);
}

  .bg_dometic\.fg {
    background: var(--colors-dometic-fg);
}

  .bg_dometic\.fg\.solid {
    background: var(--colors-dometic-fg-solid);
}

  .bg_dometic\.fg\.soft {
    background: var(--colors-dometic-fg-soft);
}

  .bg_dometic\.border {
    background: var(--colors-dometic-border);
}

  .bg_dometic\.border\.soft {
    background: var(--colors-dometic-border-soft);
}

  .bg_dometic\.border\.hover {
    background: var(--colors-dometic-border-hover);
}

  .bg_colorPalette\.a1 {
    background: var(--colors-color-palette-a1);
}

  .bg_colorPalette\.a2 {
    background: var(--colors-color-palette-a2);
}

  .bg_colorPalette\.a3 {
    background: var(--colors-color-palette-a3);
}

  .bg_colorPalette\.a4 {
    background: var(--colors-color-palette-a4);
}

  .bg_colorPalette\.a5 {
    background: var(--colors-color-palette-a5);
}

  .bg_colorPalette\.a6 {
    background: var(--colors-color-palette-a6);
}

  .bg_colorPalette\.a7 {
    background: var(--colors-color-palette-a7);
}

  .bg_colorPalette\.a8 {
    background: var(--colors-color-palette-a8);
}

  .bg_colorPalette\.a9 {
    background: var(--colors-color-palette-a9);
}

  .bg_colorPalette\.a10 {
    background: var(--colors-color-palette-a10);
}

  .bg_colorPalette\.a11 {
    background: var(--colors-color-palette-a11);
}

  .bg_colorPalette\.a12 {
    background: var(--colors-color-palette-a12);
}

  .bg_colorPalette {
    background: var(--colors-color-palette);
}

  .bg_colorPalette\.soft {
    background: var(--colors-color-palette-soft);
}

  .bg_colorPalette\.overlay {
    background: var(--colors-color-palette-overlay);
}

  .bg_colorPalette\.panel {
    background: var(--colors-color-palette-panel);
}

  .bg_colorPalette\.1 {
    background: var(--colors-color-palette-1);
}

  .bg_colorPalette\.2 {
    background: var(--colors-color-palette-2);
}

  .bg_colorPalette\.3 {
    background: var(--colors-color-palette-3);
}

  .bg_colorPalette\.4 {
    background: var(--colors-color-palette-4);
}

  .bg_colorPalette\.5 {
    background: var(--colors-color-palette-5);
}

  .bg_colorPalette\.6 {
    background: var(--colors-color-palette-6);
}

  .bg_colorPalette\.7 {
    background: var(--colors-color-palette-7);
}

  .bg_colorPalette\.8 {
    background: var(--colors-color-palette-8);
}

  .bg_colorPalette\.9 {
    background: var(--colors-color-palette-9);
}

  .bg_colorPalette\.10 {
    background: var(--colors-color-palette-10);
}

  .bg_colorPalette\.11 {
    background: var(--colors-color-palette-11);
}

  .bg_colorPalette\.12 {
    background: var(--colors-color-palette-12);
}

  .bg_colorPalette\.bg\.app {
    background: var(--colors-color-palette-bg-app);
}

  .bg_colorPalette\.app {
    background: var(--colors-color-palette-app);
}

  .bg_colorPalette\.bg\.app\.soft {
    background: var(--colors-color-palette-bg-app-soft);
}

  .bg_colorPalette\.app\.soft {
    background: var(--colors-color-palette-app-soft);
}

  .bg_colorPalette\.solid {
    background: var(--colors-color-palette-solid);
}

  .bg_colorPalette\.bg\.solid\.hover {
    background: var(--colors-color-palette-bg-solid-hover);
}

  .bg_colorPalette\.solid\.hover {
    background: var(--colors-color-palette-solid-hover);
}

  .bg_colorPalette\.hover {
    background: var(--colors-color-palette-hover);
}

  .bg_colorPalette\.bg\.solid\.active {
    background: var(--colors-color-palette-bg-solid-active);
}

  .bg_colorPalette\.solid\.active {
    background: var(--colors-color-palette-solid-active);
}

  .bg_colorPalette\.active {
    background: var(--colors-color-palette-active);
}

  .bg_colorPalette\.bg\.soft {
    background: var(--colors-color-palette-bg-soft);
}

  .bg_colorPalette\.bg\.soft\.hover {
    background: var(--colors-color-palette-bg-soft-hover);
}

  .bg_colorPalette\.soft\.hover {
    background: var(--colors-color-palette-soft-hover);
}

  .bg_colorPalette\.bg\.soft\.active {
    background: var(--colors-color-palette-bg-soft-active);
}

  .bg_colorPalette\.soft\.active {
    background: var(--colors-color-palette-soft-active);
}

  .bg_colorPalette\.fg {
    background: var(--colors-color-palette-fg);
}

  .bg_colorPalette\.fg\.solid {
    background: var(--colors-color-palette-fg-solid);
}

  .bg_colorPalette\.fg\.soft {
    background: var(--colors-color-palette-fg-soft);
}

  .bg_colorPalette\.border {
    background: var(--colors-color-palette-border);
}

  .bg_colorPalette\.border\.soft {
    background: var(--colors-color-palette-border-soft);
}

  .bg_colorPalette\.border\.hover {
    background: var(--colors-color-palette-border-hover);
}

  .bg_colorPalette\.error\.1 {
    background: var(--colors-color-palette-error-1);
}

  .bg_colorPalette\.error\.2 {
    background: var(--colors-color-palette-error-2);
}

  .bg_colorPalette\.error\.3 {
    background: var(--colors-color-palette-error-3);
}

  .bg_colorPalette\.error\.4 {
    background: var(--colors-color-palette-error-4);
}

  .bg_colorPalette\.error\.5 {
    background: var(--colors-color-palette-error-5);
}

  .bg_colorPalette\.error\.6 {
    background: var(--colors-color-palette-error-6);
}

  .bg_colorPalette\.error\.7 {
    background: var(--colors-color-palette-error-7);
}

  .bg_colorPalette\.error\.8 {
    background: var(--colors-color-palette-error-8);
}

  .bg_colorPalette\.error\.9 {
    background: var(--colors-color-palette-error-9);
}

  .bg_colorPalette\.error\.10 {
    background: var(--colors-color-palette-error-10);
}

  .bg_colorPalette\.error\.11 {
    background: var(--colors-color-palette-error-11);
}

  .bg_colorPalette\.error\.12 {
    background: var(--colors-color-palette-error-12);
}

  .bg_colorPalette\.error {
    background: var(--colors-color-palette-error);
}

  .bg_colorPalette\.error\.a1 {
    background: var(--colors-color-palette-error-a1);
}

  .bg_colorPalette\.error\.a2 {
    background: var(--colors-color-palette-error-a2);
}

  .bg_colorPalette\.error\.a3 {
    background: var(--colors-color-palette-error-a3);
}

  .bg_colorPalette\.error\.a4 {
    background: var(--colors-color-palette-error-a4);
}

  .bg_colorPalette\.error\.a5 {
    background: var(--colors-color-palette-error-a5);
}

  .bg_colorPalette\.error\.a6 {
    background: var(--colors-color-palette-error-a6);
}

  .bg_colorPalette\.error\.a7 {
    background: var(--colors-color-palette-error-a7);
}

  .bg_colorPalette\.error\.a8 {
    background: var(--colors-color-palette-error-a8);
}

  .bg_colorPalette\.error\.a9 {
    background: var(--colors-color-palette-error-a9);
}

  .bg_colorPalette\.error\.a10 {
    background: var(--colors-color-palette-error-a10);
}

  .bg_colorPalette\.error\.a11 {
    background: var(--colors-color-palette-error-a11);
}

  .bg_colorPalette\.error\.a12 {
    background: var(--colors-color-palette-error-a12);
}

  .bg_colorPalette\.error\.bg\.app {
    background: var(--colors-color-palette-error-bg-app);
}

  .bg_colorPalette\.error\.bg\.app\.soft {
    background: var(--colors-color-palette-error-bg-app-soft);
}

  .bg_colorPalette\.error\.bg\.solid {
    background: var(--colors-color-palette-error-bg-solid);
}

  .bg_colorPalette\.error\.bg\.solid\.hover {
    background: var(--colors-color-palette-error-bg-solid-hover);
}

  .bg_colorPalette\.error\.bg\.solid\.active {
    background: var(--colors-color-palette-error-bg-solid-active);
}

  .bg_colorPalette\.error\.bg\.soft {
    background: var(--colors-color-palette-error-bg-soft);
}

  .bg_colorPalette\.error\.bg\.soft\.hover {
    background: var(--colors-color-palette-error-bg-soft-hover);
}

  .bg_colorPalette\.error\.bg\.soft\.active {
    background: var(--colors-color-palette-error-bg-soft-active);
}

  .bg_colorPalette\.error\.fg {
    background: var(--colors-color-palette-error-fg);
}

  .bg_colorPalette\.error\.fg\.solid {
    background: var(--colors-color-palette-error-fg-solid);
}

  .bg_colorPalette\.error\.fg\.soft {
    background: var(--colors-color-palette-error-fg-soft);
}

  .bg_colorPalette\.error\.border {
    background: var(--colors-color-palette-error-border);
}

  .bg_colorPalette\.error\.border\.soft {
    background: var(--colors-color-palette-error-border-soft);
}

  .bg_colorPalette\.error\.border\.hover {
    background: var(--colors-color-palette-error-border-hover);
}

  .bg_colorPalette\.success\.1 {
    background: var(--colors-color-palette-success-1);
}

  .bg_colorPalette\.success\.2 {
    background: var(--colors-color-palette-success-2);
}

  .bg_colorPalette\.success\.3 {
    background: var(--colors-color-palette-success-3);
}

  .bg_colorPalette\.success\.4 {
    background: var(--colors-color-palette-success-4);
}

  .bg_colorPalette\.success\.5 {
    background: var(--colors-color-palette-success-5);
}

  .bg_colorPalette\.success\.6 {
    background: var(--colors-color-palette-success-6);
}

  .bg_colorPalette\.success\.7 {
    background: var(--colors-color-palette-success-7);
}

  .bg_colorPalette\.success\.8 {
    background: var(--colors-color-palette-success-8);
}

  .bg_colorPalette\.success\.9 {
    background: var(--colors-color-palette-success-9);
}

  .bg_colorPalette\.success\.10 {
    background: var(--colors-color-palette-success-10);
}

  .bg_colorPalette\.success\.11 {
    background: var(--colors-color-palette-success-11);
}

  .bg_colorPalette\.success\.12 {
    background: var(--colors-color-palette-success-12);
}

  .bg_colorPalette\.success {
    background: var(--colors-color-palette-success);
}

  .bg_colorPalette\.success\.a1 {
    background: var(--colors-color-palette-success-a1);
}

  .bg_colorPalette\.success\.a2 {
    background: var(--colors-color-palette-success-a2);
}

  .bg_colorPalette\.success\.a3 {
    background: var(--colors-color-palette-success-a3);
}

  .bg_colorPalette\.success\.a4 {
    background: var(--colors-color-palette-success-a4);
}

  .bg_colorPalette\.success\.a5 {
    background: var(--colors-color-palette-success-a5);
}

  .bg_colorPalette\.success\.a6 {
    background: var(--colors-color-palette-success-a6);
}

  .bg_colorPalette\.success\.a7 {
    background: var(--colors-color-palette-success-a7);
}

  .bg_colorPalette\.success\.a8 {
    background: var(--colors-color-palette-success-a8);
}

  .bg_colorPalette\.success\.a9 {
    background: var(--colors-color-palette-success-a9);
}

  .bg_colorPalette\.success\.a10 {
    background: var(--colors-color-palette-success-a10);
}

  .bg_colorPalette\.success\.a11 {
    background: var(--colors-color-palette-success-a11);
}

  .bg_colorPalette\.success\.a12 {
    background: var(--colors-color-palette-success-a12);
}

  .bg_colorPalette\.success\.bg\.app {
    background: var(--colors-color-palette-success-bg-app);
}

  .bg_colorPalette\.success\.bg\.app\.soft {
    background: var(--colors-color-palette-success-bg-app-soft);
}

  .bg_colorPalette\.success\.bg\.solid {
    background: var(--colors-color-palette-success-bg-solid);
}

  .bg_colorPalette\.success\.bg\.solid\.hover {
    background: var(--colors-color-palette-success-bg-solid-hover);
}

  .bg_colorPalette\.success\.bg\.solid\.active {
    background: var(--colors-color-palette-success-bg-solid-active);
}

  .bg_colorPalette\.success\.bg\.soft {
    background: var(--colors-color-palette-success-bg-soft);
}

  .bg_colorPalette\.success\.bg\.soft\.hover {
    background: var(--colors-color-palette-success-bg-soft-hover);
}

  .bg_colorPalette\.success\.bg\.soft\.active {
    background: var(--colors-color-palette-success-bg-soft-active);
}

  .bg_colorPalette\.success\.fg {
    background: var(--colors-color-palette-success-fg);
}

  .bg_colorPalette\.success\.fg\.solid {
    background: var(--colors-color-palette-success-fg-solid);
}

  .bg_colorPalette\.success\.fg\.soft {
    background: var(--colors-color-palette-success-fg-soft);
}

  .bg_colorPalette\.success\.border {
    background: var(--colors-color-palette-success-border);
}

  .bg_colorPalette\.success\.border\.soft {
    background: var(--colors-color-palette-success-border-soft);
}

  .bg_colorPalette\.success\.border\.hover {
    background: var(--colors-color-palette-success-border-hover);
}

  .bg_colorPalette\.warning\.1 {
    background: var(--colors-color-palette-warning-1);
}

  .bg_colorPalette\.warning\.2 {
    background: var(--colors-color-palette-warning-2);
}

  .bg_colorPalette\.warning\.3 {
    background: var(--colors-color-palette-warning-3);
}

  .bg_colorPalette\.warning\.4 {
    background: var(--colors-color-palette-warning-4);
}

  .bg_colorPalette\.warning\.5 {
    background: var(--colors-color-palette-warning-5);
}

  .bg_colorPalette\.warning\.6 {
    background: var(--colors-color-palette-warning-6);
}

  .bg_colorPalette\.warning\.7 {
    background: var(--colors-color-palette-warning-7);
}

  .bg_colorPalette\.warning\.8 {
    background: var(--colors-color-palette-warning-8);
}

  .bg_colorPalette\.warning\.9 {
    background: var(--colors-color-palette-warning-9);
}

  .bg_colorPalette\.warning\.10 {
    background: var(--colors-color-palette-warning-10);
}

  .bg_colorPalette\.warning\.11 {
    background: var(--colors-color-palette-warning-11);
}

  .bg_colorPalette\.warning\.12 {
    background: var(--colors-color-palette-warning-12);
}

  .bg_colorPalette\.warning {
    background: var(--colors-color-palette-warning);
}

  .bg_colorPalette\.warning\.a1 {
    background: var(--colors-color-palette-warning-a1);
}

  .bg_colorPalette\.warning\.a2 {
    background: var(--colors-color-palette-warning-a2);
}

  .bg_colorPalette\.warning\.a3 {
    background: var(--colors-color-palette-warning-a3);
}

  .bg_colorPalette\.warning\.a4 {
    background: var(--colors-color-palette-warning-a4);
}

  .bg_colorPalette\.warning\.a5 {
    background: var(--colors-color-palette-warning-a5);
}

  .bg_colorPalette\.warning\.a6 {
    background: var(--colors-color-palette-warning-a6);
}

  .bg_colorPalette\.warning\.a7 {
    background: var(--colors-color-palette-warning-a7);
}

  .bg_colorPalette\.warning\.a8 {
    background: var(--colors-color-palette-warning-a8);
}

  .bg_colorPalette\.warning\.a9 {
    background: var(--colors-color-palette-warning-a9);
}

  .bg_colorPalette\.warning\.a10 {
    background: var(--colors-color-palette-warning-a10);
}

  .bg_colorPalette\.warning\.a11 {
    background: var(--colors-color-palette-warning-a11);
}

  .bg_colorPalette\.warning\.a12 {
    background: var(--colors-color-palette-warning-a12);
}

  .bg_colorPalette\.warning\.bg\.app {
    background: var(--colors-color-palette-warning-bg-app);
}

  .bg_colorPalette\.warning\.bg\.app\.soft {
    background: var(--colors-color-palette-warning-bg-app-soft);
}

  .bg_colorPalette\.warning\.bg\.solid {
    background: var(--colors-color-palette-warning-bg-solid);
}

  .bg_colorPalette\.warning\.bg\.solid\.hover {
    background: var(--colors-color-palette-warning-bg-solid-hover);
}

  .bg_colorPalette\.warning\.bg\.solid\.active {
    background: var(--colors-color-palette-warning-bg-solid-active);
}

  .bg_colorPalette\.warning\.bg\.soft {
    background: var(--colors-color-palette-warning-bg-soft);
}

  .bg_colorPalette\.warning\.bg\.soft\.hover {
    background: var(--colors-color-palette-warning-bg-soft-hover);
}

  .bg_colorPalette\.warning\.bg\.soft\.active {
    background: var(--colors-color-palette-warning-bg-soft-active);
}

  .bg_colorPalette\.warning\.fg {
    background: var(--colors-color-palette-warning-fg);
}

  .bg_colorPalette\.warning\.fg\.solid {
    background: var(--colors-color-palette-warning-fg-solid);
}

  .bg_colorPalette\.warning\.fg\.soft {
    background: var(--colors-color-palette-warning-fg-soft);
}

  .bg_colorPalette\.warning\.border {
    background: var(--colors-color-palette-warning-border);
}

  .bg_colorPalette\.warning\.border\.soft {
    background: var(--colors-color-palette-warning-border-soft);
}

  .bg_colorPalette\.warning\.border\.hover {
    background: var(--colors-color-palette-warning-border-hover);
}

  .bg_colorPalette\.disabled\.bg\.solid {
    background: var(--colors-color-palette-disabled-bg-solid);
}

  .bg_colorPalette\.disabled\.bg\.soft {
    background: var(--colors-color-palette-disabled-bg-soft);
}

  .bg_colorPalette\.disabled\.fg {
    background: var(--colors-color-palette-disabled-fg);
}

  .bg_colorPalette\.disabled\.border {
    background: var(--colors-color-palette-disabled-border);
}

  .bg_colorPalette\.disabled\.border\.soft {
    background: var(--colors-color-palette-disabled-border-soft);
}

  .p_5 {
    padding: var(--spacing-5);
}

  .p_6 {
    padding: var(--spacing-6);
}

  .p_7 {
    padding: var(--spacing-7);
}

  .p_8 {
    padding: var(--spacing-8);
}

  .p_9 {
    padding: var(--spacing-9);
}

  .p_11 {
    padding: var(--spacing-11);
}

  .p_12 {
    padding: var(--spacing-12);
}

  .p_13 {
    padding: var(--spacing-13);
}

  .p_14 {
    padding: var(--spacing-14);
}

  .p_15 {
    padding: var(--spacing-15);
}

  .p_16 {
    padding: var(--spacing-16);
}

  .p_17 {
    padding: var(--spacing-17);
}

  .p_18 {
    padding: var(--spacing-18);
}

  .p_19 {
    padding: var(--spacing-19);
}

  .p_20 {
    padding: var(--spacing-20);
}

  .p_21 {
    padding: var(--spacing-21);
}

  .p_22 {
    padding: var(--spacing-22);
}

  .p_23 {
    padding: var(--spacing-23);
}

  .p_24 {
    padding: var(--spacing-24);
}

  .p_25 {
    padding: var(--spacing-25);
}

  .p_26 {
    padding: var(--spacing-26);
}

  .p_27 {
    padding: var(--spacing-27);
}

  .p_28 {
    padding: var(--spacing-28);
}

  .p_29 {
    padding: var(--spacing-29);
}

  .p_30 {
    padding: var(--spacing-30);
}

  .p_31 {
    padding: var(--spacing-31);
}

  .p_32 {
    padding: var(--spacing-32);
}

  .p_33 {
    padding: var(--spacing-33);
}

  .p_34 {
    padding: var(--spacing-34);
}

  .p_35 {
    padding: var(--spacing-35);
}

  .p_36 {
    padding: var(--spacing-36);
}

  .p_37 {
    padding: var(--spacing-37);
}

  .p_38 {
    padding: var(--spacing-38);
}

  .p_39 {
    padding: var(--spacing-39);
}

  .p_40 {
    padding: var(--spacing-40);
}

  .p_auto {
    padding: var(--spacing-auto);
}

  .p_0 {
    padding: var(--spacing-0);
}

  .p_-1 {
    padding: calc(var(--spacing-1) * -1);
}

  .p_-2 {
    padding: calc(var(--spacing-2) * -1);
}

  .p_-3 {
    padding: calc(var(--spacing-3) * -1);
}

  .p_-4 {
    padding: calc(var(--spacing-4) * -1);
}

  .p_-5 {
    padding: calc(var(--spacing-5) * -1);
}

  .p_-6 {
    padding: calc(var(--spacing-6) * -1);
}

  .p_-7 {
    padding: calc(var(--spacing-7) * -1);
}

  .p_-8 {
    padding: calc(var(--spacing-8) * -1);
}

  .p_-9 {
    padding: calc(var(--spacing-9) * -1);
}

  .p_-10 {
    padding: calc(var(--spacing-10) * -1);
}

  .p_-11 {
    padding: calc(var(--spacing-11) * -1);
}

  .p_-12 {
    padding: calc(var(--spacing-12) * -1);
}

  .p_-13 {
    padding: calc(var(--spacing-13) * -1);
}

  .p_-14 {
    padding: calc(var(--spacing-14) * -1);
}

  .p_-15 {
    padding: calc(var(--spacing-15) * -1);
}

  .p_-16 {
    padding: calc(var(--spacing-16) * -1);
}

  .p_-17 {
    padding: calc(var(--spacing-17) * -1);
}

  .p_-18 {
    padding: calc(var(--spacing-18) * -1);
}

  .p_-19 {
    padding: calc(var(--spacing-19) * -1);
}

  .p_-20 {
    padding: calc(var(--spacing-20) * -1);
}

  .p_-21 {
    padding: calc(var(--spacing-21) * -1);
}

  .p_-22 {
    padding: calc(var(--spacing-22) * -1);
}

  .p_-23 {
    padding: calc(var(--spacing-23) * -1);
}

  .p_-24 {
    padding: calc(var(--spacing-24) * -1);
}

  .p_-25 {
    padding: calc(var(--spacing-25) * -1);
}

  .p_-26 {
    padding: calc(var(--spacing-26) * -1);
}

  .p_-27 {
    padding: calc(var(--spacing-27) * -1);
}

  .p_-28 {
    padding: calc(var(--spacing-28) * -1);
}

  .p_-29 {
    padding: calc(var(--spacing-29) * -1);
}

  .p_-30 {
    padding: calc(var(--spacing-30) * -1);
}

  .p_-31 {
    padding: calc(var(--spacing-31) * -1);
}

  .p_-32 {
    padding: calc(var(--spacing-32) * -1);
}

  .p_-33 {
    padding: calc(var(--spacing-33) * -1);
}

  .p_-34 {
    padding: calc(var(--spacing-34) * -1);
}

  .p_-35 {
    padding: calc(var(--spacing-35) * -1);
}

  .p_-36 {
    padding: calc(var(--spacing-36) * -1);
}

  .p_-37 {
    padding: calc(var(--spacing-37) * -1);
}

  .p_-38 {
    padding: calc(var(--spacing-38) * -1);
}

  .p_-39 {
    padding: calc(var(--spacing-39) * -1);
}

  .p_-40 {
    padding: calc(var(--spacing-40) * -1);
}

  .p_-auto {
    padding: calc(var(--spacing-auto) * -1);
}

  .m_1 {
    margin: var(--spacing-1);
}

  .m_2 {
    margin: var(--spacing-2);
}

  .m_3 {
    margin: var(--spacing-3);
}

  .m_4 {
    margin: var(--spacing-4);
}

  .m_6 {
    margin: var(--spacing-6);
}

  .m_7 {
    margin: var(--spacing-7);
}

  .m_8 {
    margin: var(--spacing-8);
}

  .m_9 {
    margin: var(--spacing-9);
}

  .m_10 {
    margin: var(--spacing-10);
}

  .m_11 {
    margin: var(--spacing-11);
}

  .m_12 {
    margin: var(--spacing-12);
}

  .m_13 {
    margin: var(--spacing-13);
}

  .m_14 {
    margin: var(--spacing-14);
}

  .m_15 {
    margin: var(--spacing-15);
}

  .m_16 {
    margin: var(--spacing-16);
}

  .m_17 {
    margin: var(--spacing-17);
}

  .m_18 {
    margin: var(--spacing-18);
}

  .m_19 {
    margin: var(--spacing-19);
}

  .m_20 {
    margin: var(--spacing-20);
}

  .m_21 {
    margin: var(--spacing-21);
}

  .m_22 {
    margin: var(--spacing-22);
}

  .m_23 {
    margin: var(--spacing-23);
}

  .m_24 {
    margin: var(--spacing-24);
}

  .m_25 {
    margin: var(--spacing-25);
}

  .m_26 {
    margin: var(--spacing-26);
}

  .m_27 {
    margin: var(--spacing-27);
}

  .m_28 {
    margin: var(--spacing-28);
}

  .m_29 {
    margin: var(--spacing-29);
}

  .m_30 {
    margin: var(--spacing-30);
}

  .m_31 {
    margin: var(--spacing-31);
}

  .m_32 {
    margin: var(--spacing-32);
}

  .m_33 {
    margin: var(--spacing-33);
}

  .m_34 {
    margin: var(--spacing-34);
}

  .m_35 {
    margin: var(--spacing-35);
}

  .m_36 {
    margin: var(--spacing-36);
}

  .m_37 {
    margin: var(--spacing-37);
}

  .m_38 {
    margin: var(--spacing-38);
}

  .m_39 {
    margin: var(--spacing-39);
}

  .m_40 {
    margin: var(--spacing-40);
}

  .m_auto {
    margin: var(--spacing-auto);
}

  .m_0 {
    margin: var(--spacing-0);
}

  .m_-1 {
    margin: calc(var(--spacing-1) * -1);
}

  .m_-2 {
    margin: calc(var(--spacing-2) * -1);
}

  .m_-3 {
    margin: calc(var(--spacing-3) * -1);
}

  .m_-4 {
    margin: calc(var(--spacing-4) * -1);
}

  .m_-5 {
    margin: calc(var(--spacing-5) * -1);
}

  .m_-6 {
    margin: calc(var(--spacing-6) * -1);
}

  .m_-7 {
    margin: calc(var(--spacing-7) * -1);
}

  .m_-8 {
    margin: calc(var(--spacing-8) * -1);
}

  .m_-9 {
    margin: calc(var(--spacing-9) * -1);
}

  .m_-10 {
    margin: calc(var(--spacing-10) * -1);
}

  .m_-11 {
    margin: calc(var(--spacing-11) * -1);
}

  .m_-12 {
    margin: calc(var(--spacing-12) * -1);
}

  .m_-13 {
    margin: calc(var(--spacing-13) * -1);
}

  .m_-14 {
    margin: calc(var(--spacing-14) * -1);
}

  .m_-15 {
    margin: calc(var(--spacing-15) * -1);
}

  .m_-16 {
    margin: calc(var(--spacing-16) * -1);
}

  .m_-17 {
    margin: calc(var(--spacing-17) * -1);
}

  .m_-18 {
    margin: calc(var(--spacing-18) * -1);
}

  .m_-19 {
    margin: calc(var(--spacing-19) * -1);
}

  .m_-20 {
    margin: calc(var(--spacing-20) * -1);
}

  .m_-21 {
    margin: calc(var(--spacing-21) * -1);
}

  .m_-22 {
    margin: calc(var(--spacing-22) * -1);
}

  .m_-23 {
    margin: calc(var(--spacing-23) * -1);
}

  .m_-24 {
    margin: calc(var(--spacing-24) * -1);
}

  .m_-25 {
    margin: calc(var(--spacing-25) * -1);
}

  .m_-26 {
    margin: calc(var(--spacing-26) * -1);
}

  .m_-27 {
    margin: calc(var(--spacing-27) * -1);
}

  .m_-28 {
    margin: calc(var(--spacing-28) * -1);
}

  .m_-29 {
    margin: calc(var(--spacing-29) * -1);
}

  .m_-30 {
    margin: calc(var(--spacing-30) * -1);
}

  .m_-31 {
    margin: calc(var(--spacing-31) * -1);
}

  .m_-32 {
    margin: calc(var(--spacing-32) * -1);
}

  .m_-33 {
    margin: calc(var(--spacing-33) * -1);
}

  .m_-34 {
    margin: calc(var(--spacing-34) * -1);
}

  .m_-35 {
    margin: calc(var(--spacing-35) * -1);
}

  .m_-36 {
    margin: calc(var(--spacing-36) * -1);
}

  .m_-37 {
    margin: calc(var(--spacing-37) * -1);
}

  .m_-38 {
    margin: calc(var(--spacing-38) * -1);
}

  .m_-39 {
    margin: calc(var(--spacing-39) * -1);
}

  .m_-40 {
    margin: calc(var(--spacing-40) * -1);
}

  .m_-auto {
    margin: calc(var(--spacing-auto) * -1);
}

  .gap_2 {
    gap: var(--spacing-2);
}

  .px_13 {
    padding-inline: var(--spacing-13);
}

  .bdr_l1 {
    border-radius: var(--radii-l1);
}

  .py_10 {
    padding-block: var(--spacing-10);
}

  .py_6 {
    padding-block: var(--spacing-6);
}

  .gap_10px {
    gap: 10px;
}

  .gap_3 {
    gap: var(--spacing-3);
}

  .gap_1 {
    gap: var(--spacing-1);
}

  .ov_hidden {
    overflow: hidden;
}

  .bdr_full {
    border-radius: var(--radii-full);
}

  .gap_5 {
    gap: var(--spacing-5);
}

  .gap_6 {
    gap: var(--spacing-6);
}

  .gap_4 {
    gap: var(--spacing-4);
}

  .my_2 {
    margin-block: var(--spacing-2);
}

  .px_6 {
    padding-inline: var(--spacing-6);
}

  .py_2 {
    padding-block: var(--spacing-2);
}

  .my_4 {
    margin-block: var(--spacing-4);
}

  .td_underline {
    text-decoration: underline;
}

  .td_line-through {
    text-decoration: line-through;
}

  .place-items_center {
    place-items: center;
}

  .gap_unset {
    gap: unset;
}

  .bdr_l2 {
    border-radius: var(--radii-l2);
}

  .bdr_l3 {
    border-radius: var(--radii-l3);
}

  .bdr_none {
    border-radius: var(--radii-none);
}

  .gap_7 {
    gap: var(--spacing-7);
}

  .gap_8 {
    gap: var(--spacing-8);
}

  .gap_9 {
    gap: var(--spacing-9);
}

  .gap_10 {
    gap: var(--spacing-10);
}

  .gap_11 {
    gap: var(--spacing-11);
}

  .gap_12 {
    gap: var(--spacing-12);
}

  .gap_13 {
    gap: var(--spacing-13);
}

  .gap_14 {
    gap: var(--spacing-14);
}

  .gap_15 {
    gap: var(--spacing-15);
}

  .gap_16 {
    gap: var(--spacing-16);
}

  .gap_17 {
    gap: var(--spacing-17);
}

  .gap_18 {
    gap: var(--spacing-18);
}

  .gap_19 {
    gap: var(--spacing-19);
}

  .gap_20 {
    gap: var(--spacing-20);
}

  .gap_21 {
    gap: var(--spacing-21);
}

  .gap_22 {
    gap: var(--spacing-22);
}

  .gap_23 {
    gap: var(--spacing-23);
}

  .gap_24 {
    gap: var(--spacing-24);
}

  .gap_25 {
    gap: var(--spacing-25);
}

  .gap_26 {
    gap: var(--spacing-26);
}

  .gap_27 {
    gap: var(--spacing-27);
}

  .gap_28 {
    gap: var(--spacing-28);
}

  .gap_29 {
    gap: var(--spacing-29);
}

  .gap_30 {
    gap: var(--spacing-30);
}

  .gap_31 {
    gap: var(--spacing-31);
}

  .gap_32 {
    gap: var(--spacing-32);
}

  .gap_33 {
    gap: var(--spacing-33);
}

  .gap_34 {
    gap: var(--spacing-34);
}

  .gap_35 {
    gap: var(--spacing-35);
}

  .gap_36 {
    gap: var(--spacing-36);
}

  .gap_37 {
    gap: var(--spacing-37);
}

  .gap_38 {
    gap: var(--spacing-38);
}

  .gap_39 {
    gap: var(--spacing-39);
}

  .gap_40 {
    gap: var(--spacing-40);
}

  .gap_auto {
    gap: var(--spacing-auto);
}

  .gap_0 {
    gap: var(--spacing-0);
}

  .gap_-1 {
    gap: calc(var(--spacing-1) * -1);
}

  .gap_-2 {
    gap: calc(var(--spacing-2) * -1);
}

  .gap_-3 {
    gap: calc(var(--spacing-3) * -1);
}

  .gap_-4 {
    gap: calc(var(--spacing-4) * -1);
}

  .gap_-5 {
    gap: calc(var(--spacing-5) * -1);
}

  .gap_-6 {
    gap: calc(var(--spacing-6) * -1);
}

  .gap_-7 {
    gap: calc(var(--spacing-7) * -1);
}

  .gap_-8 {
    gap: calc(var(--spacing-8) * -1);
}

  .gap_-9 {
    gap: calc(var(--spacing-9) * -1);
}

  .gap_-10 {
    gap: calc(var(--spacing-10) * -1);
}

  .gap_-11 {
    gap: calc(var(--spacing-11) * -1);
}

  .gap_-12 {
    gap: calc(var(--spacing-12) * -1);
}

  .gap_-13 {
    gap: calc(var(--spacing-13) * -1);
}

  .gap_-14 {
    gap: calc(var(--spacing-14) * -1);
}

  .gap_-15 {
    gap: calc(var(--spacing-15) * -1);
}

  .gap_-16 {
    gap: calc(var(--spacing-16) * -1);
}

  .gap_-17 {
    gap: calc(var(--spacing-17) * -1);
}

  .gap_-18 {
    gap: calc(var(--spacing-18) * -1);
}

  .gap_-19 {
    gap: calc(var(--spacing-19) * -1);
}

  .gap_-20 {
    gap: calc(var(--spacing-20) * -1);
}

  .gap_-21 {
    gap: calc(var(--spacing-21) * -1);
}

  .gap_-22 {
    gap: calc(var(--spacing-22) * -1);
}

  .gap_-23 {
    gap: calc(var(--spacing-23) * -1);
}

  .gap_-24 {
    gap: calc(var(--spacing-24) * -1);
}

  .gap_-25 {
    gap: calc(var(--spacing-25) * -1);
}

  .gap_-26 {
    gap: calc(var(--spacing-26) * -1);
}

  .gap_-27 {
    gap: calc(var(--spacing-27) * -1);
}

  .gap_-28 {
    gap: calc(var(--spacing-28) * -1);
}

  .gap_-29 {
    gap: calc(var(--spacing-29) * -1);
}

  .gap_-30 {
    gap: calc(var(--spacing-30) * -1);
}

  .gap_-31 {
    gap: calc(var(--spacing-31) * -1);
}

  .gap_-32 {
    gap: calc(var(--spacing-32) * -1);
}

  .gap_-33 {
    gap: calc(var(--spacing-33) * -1);
}

  .gap_-34 {
    gap: calc(var(--spacing-34) * -1);
}

  .gap_-35 {
    gap: calc(var(--spacing-35) * -1);
}

  .gap_-36 {
    gap: calc(var(--spacing-36) * -1);
}

  .gap_-37 {
    gap: calc(var(--spacing-37) * -1);
}

  .gap_-38 {
    gap: calc(var(--spacing-38) * -1);
}

  .gap_-39 {
    gap: calc(var(--spacing-39) * -1);
}

  .gap_-40 {
    gap: calc(var(--spacing-40) * -1);
}

  .gap_-auto {
    gap: calc(var(--spacing-auto) * -1);
}

  .bd-be-w_var\(--thickness\) {
    border-block-end-width: var(--thickness);
}

  .ai_center {
    align-items: center;
}

  .jc_left {
    justify-content: left;
}

  .bg-c_\#F1F1F1 {
    background-color: #F1F1F1;
}

  .bdr-b_0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

  .bdr-t_0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

  .rg_6 {
    row-gap: var(--spacing-6);
}

  .sr_true {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

  .d_flex {
    display: flex;
}

  .flex-d_column {
    flex-direction: column;
}

  .flex-d_row {
    flex-direction: row;
}

  .flex-wrap_wrap {
    flex-wrap: wrap;
}

  .d_grid {
    display: grid;
}

  .bg-c_white {
    background-color: white;
}

  .jc_center {
    justify-content: center;
}

  .direction_horizontal {
    direction: horizontal;
}

  .jc_space-between {
    justify-content: space-between;
}

  .ta_center {
    text-align: center;
}

  .fw_semibold {
    font-weight: var(--font-weights-semibold);
}

  .obj-f_cover {
    object-fit: cover;
}

  .z_popover {
    z-index: var(--z-index-popover);
}

  .cursor_pointer {
    cursor: pointer;
}

  .bg-c_colorPalette\.bg\.soft\.active {
    background-color: var(--colors-color-palette-bg-soft-active);
}

  .bg-c_none {
    background-color: none;
}

  .trf_scaleY\(-1\) {
    transform: scaleY(-1);
}

  .obj-f_contain {
    object-fit: contain;
}

  .lh_normal {
    line-height: normal;
}

  .color-palette_accent {
    --colors-color-palette-1: var(--colors-accent-1);
    --colors-color-palette-2: var(--colors-accent-2);
    --colors-color-palette-3: var(--colors-accent-3);
    --colors-color-palette-4: var(--colors-accent-4);
    --colors-color-palette-5: var(--colors-accent-5);
    --colors-color-palette-6: var(--colors-accent-6);
    --colors-color-palette-7: var(--colors-accent-7);
    --colors-color-palette-8: var(--colors-accent-8);
    --colors-color-palette-9: var(--colors-accent-9);
    --colors-color-palette-10: var(--colors-accent-10);
    --colors-color-palette-11: var(--colors-accent-11);
    --colors-color-palette-12: var(--colors-accent-12);
    --colors-color-palette: var(--colors-accent);
    --colors-color-palette-a1: var(--colors-accent-a1);
    --colors-color-palette-a2: var(--colors-accent-a2);
    --colors-color-palette-a3: var(--colors-accent-a3);
    --colors-color-palette-a4: var(--colors-accent-a4);
    --colors-color-palette-a5: var(--colors-accent-a5);
    --colors-color-palette-a6: var(--colors-accent-a6);
    --colors-color-palette-a7: var(--colors-accent-a7);
    --colors-color-palette-a8: var(--colors-accent-a8);
    --colors-color-palette-a9: var(--colors-accent-a9);
    --colors-color-palette-a10: var(--colors-accent-a10);
    --colors-color-palette-a11: var(--colors-accent-a11);
    --colors-color-palette-a12: var(--colors-accent-a12);
    --colors-color-palette-bg-app: var(--colors-accent-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-accent-bg-soft-active);
    --colors-color-palette-fg: var(--colors-accent-fg);
    --colors-color-palette-fg-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-accent-fg-soft);
    --colors-color-palette-border: var(--colors-accent-border);
    --colors-color-palette-border-soft: var(--colors-accent-border-soft);
    --colors-color-palette-border-hover: var(--colors-accent-border-hover);
}

  .font-style_italic {
    font-style: italic;
}

  .fw_600 {
    font-weight: 600;
}

  .ff_monospace {
    font-family: monospace;
}

  .d_inline {
    display: inline;
}

  .trf_translateX\(-50\%\) {
    transform: translateX(-50%);
}

  .fw_bold {
    font-weight: var(--font-weights-bold);
}

  .grid-tc_repeat\(2\,_minmax\(0\,_1fr\)\) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

  .grid-ar_1fr {
    grid-auto-rows: 1fr;
}

  .grid-tc_repeat\(auto-fit\,_minmax\(12rem\,_1fr\)\) {
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
}

  .grid-tc_repeat\(auto-fit\,_minmax\(24rem\,_1fr\)\) {
    grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
}

  .grid-tc_repeat\(auto-fit\,_minmax\(32rem\,_1fr\)\) {
    grid-template-columns: repeat(auto-fit, minmax(32rem, 1fr));
}

  .grid-tr_auto {
    grid-template-rows: auto;
}

  .grid-tr_1fr {
    grid-template-rows: 1fr;
}

  .color-palette_black {
    --colors-color-palette-a1: var(--colors-black-a1);
    --colors-color-palette-a2: var(--colors-black-a2);
    --colors-color-palette-a3: var(--colors-black-a3);
    --colors-color-palette-a4: var(--colors-black-a4);
    --colors-color-palette-a5: var(--colors-black-a5);
    --colors-color-palette-a6: var(--colors-black-a6);
    --colors-color-palette-a7: var(--colors-black-a7);
    --colors-color-palette-a8: var(--colors-black-a8);
    --colors-color-palette-a9: var(--colors-black-a9);
    --colors-color-palette-a10: var(--colors-black-a10);
    --colors-color-palette-a11: var(--colors-black-a11);
    --colors-color-palette-a12: var(--colors-black-a12);
}

  .color-palette_white {
    --colors-color-palette-a1: var(--colors-white-a1);
    --colors-color-palette-a2: var(--colors-white-a2);
    --colors-color-palette-a3: var(--colors-white-a3);
    --colors-color-palette-a4: var(--colors-white-a4);
    --colors-color-palette-a5: var(--colors-white-a5);
    --colors-color-palette-a6: var(--colors-white-a6);
    --colors-color-palette-a7: var(--colors-white-a7);
    --colors-color-palette-a8: var(--colors-white-a8);
    --colors-color-palette-a9: var(--colors-white-a9);
    --colors-color-palette-a10: var(--colors-white-a10);
    --colors-color-palette-a11: var(--colors-white-a11);
    --colors-color-palette-a12: var(--colors-white-a12);
}

  .color-palette_bg {
    --colors-color-palette: var(--colors-bg);
    --colors-color-palette-soft: var(--colors-bg-soft);
    --colors-color-palette-overlay: var(--colors-bg-overlay);
    --colors-color-palette-panel: var(--colors-bg-panel);
}

  .color-palette_fg {
    --colors-color-palette: var(--colors-fg);
    --colors-color-palette-soft: var(--colors-fg-soft);
}

  .color-palette_accent\.bg\.app {
    --colors-color-palette: var(--colors-accent-bg-app);
    --colors-color-palette-soft: var(--colors-accent-bg-app-soft);
}

  .color-palette_accent\.bg {
    --colors-color-palette-app: var(--colors-accent-bg-app);
    --colors-color-palette-app-soft: var(--colors-accent-bg-app-soft);
    --colors-color-palette-solid: var(--colors-accent-bg-solid);
    --colors-color-palette-solid-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-solid-active: var(--colors-accent-bg-solid-active);
    --colors-color-palette-soft: var(--colors-accent-bg-soft);
    --colors-color-palette-soft-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-soft-active: var(--colors-accent-bg-soft-active);
}

  .color-palette_accent\.bg\.solid {
    --colors-color-palette: var(--colors-accent-bg-solid);
    --colors-color-palette-hover: var(--colors-accent-bg-solid-hover);
    --colors-color-palette-active: var(--colors-accent-bg-solid-active);
}

  .color-palette_accent\.bg\.soft {
    --colors-color-palette: var(--colors-accent-bg-soft);
    --colors-color-palette-hover: var(--colors-accent-bg-soft-hover);
    --colors-color-palette-active: var(--colors-accent-bg-soft-active);
}

  .color-palette_accent\.fg {
    --colors-color-palette: var(--colors-accent-fg);
    --colors-color-palette-solid: var(--colors-accent-fg-solid);
    --colors-color-palette-soft: var(--colors-accent-fg-soft);
}

  .color-palette_accent\.border {
    --colors-color-palette: var(--colors-accent-border);
    --colors-color-palette-soft: var(--colors-accent-border-soft);
    --colors-color-palette-hover: var(--colors-accent-border-hover);
}

  .color-palette_neutral {
    --colors-color-palette-1: var(--colors-neutral-1);
    --colors-color-palette-2: var(--colors-neutral-2);
    --colors-color-palette-3: var(--colors-neutral-3);
    --colors-color-palette-4: var(--colors-neutral-4);
    --colors-color-palette-5: var(--colors-neutral-5);
    --colors-color-palette-6: var(--colors-neutral-6);
    --colors-color-palette-7: var(--colors-neutral-7);
    --colors-color-palette-8: var(--colors-neutral-8);
    --colors-color-palette-9: var(--colors-neutral-9);
    --colors-color-palette-10: var(--colors-neutral-10);
    --colors-color-palette-11: var(--colors-neutral-11);
    --colors-color-palette-12: var(--colors-neutral-12);
    --colors-color-palette: var(--colors-neutral);
    --colors-color-palette-a1: var(--colors-neutral-a1);
    --colors-color-palette-a2: var(--colors-neutral-a2);
    --colors-color-palette-a3: var(--colors-neutral-a3);
    --colors-color-palette-a4: var(--colors-neutral-a4);
    --colors-color-palette-a5: var(--colors-neutral-a5);
    --colors-color-palette-a6: var(--colors-neutral-a6);
    --colors-color-palette-a7: var(--colors-neutral-a7);
    --colors-color-palette-a8: var(--colors-neutral-a8);
    --colors-color-palette-a9: var(--colors-neutral-a9);
    --colors-color-palette-a10: var(--colors-neutral-a10);
    --colors-color-palette-a11: var(--colors-neutral-a11);
    --colors-color-palette-a12: var(--colors-neutral-a12);
    --colors-color-palette-bg-app: var(--colors-neutral-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-neutral-bg-soft-active);
    --colors-color-palette-fg: var(--colors-neutral-fg);
    --colors-color-palette-fg-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-neutral-fg-soft);
    --colors-color-palette-border: var(--colors-neutral-border);
    --colors-color-palette-border-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-border-hover: var(--colors-neutral-border-hover);
}

  .color-palette_neutral\.bg\.app {
    --colors-color-palette: var(--colors-neutral-bg-app);
    --colors-color-palette-soft: var(--colors-neutral-bg-app-soft);
}

  .color-palette_neutral\.bg {
    --colors-color-palette-app: var(--colors-neutral-bg-app);
    --colors-color-palette-app-soft: var(--colors-neutral-bg-app-soft);
    --colors-color-palette-solid: var(--colors-neutral-bg-solid);
    --colors-color-palette-solid-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-solid-active: var(--colors-neutral-bg-solid-active);
    --colors-color-palette-soft: var(--colors-neutral-bg-soft);
    --colors-color-palette-soft-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-soft-active: var(--colors-neutral-bg-soft-active);
}

  .color-palette_neutral\.bg\.solid {
    --colors-color-palette: var(--colors-neutral-bg-solid);
    --colors-color-palette-hover: var(--colors-neutral-bg-solid-hover);
    --colors-color-palette-active: var(--colors-neutral-bg-solid-active);
}

  .color-palette_neutral\.bg\.soft {
    --colors-color-palette: var(--colors-neutral-bg-soft);
    --colors-color-palette-hover: var(--colors-neutral-bg-soft-hover);
    --colors-color-palette-active: var(--colors-neutral-bg-soft-active);
}

  .color-palette_neutral\.fg {
    --colors-color-palette: var(--colors-neutral-fg);
    --colors-color-palette-solid: var(--colors-neutral-fg-solid);
    --colors-color-palette-soft: var(--colors-neutral-fg-soft);
}

  .color-palette_neutral\.border {
    --colors-color-palette: var(--colors-neutral-border);
    --colors-color-palette-soft: var(--colors-neutral-border-soft);
    --colors-color-palette-hover: var(--colors-neutral-border-hover);
}

  .color-palette_status {
    --colors-color-palette-error-1: var(--colors-status-error-1);
    --colors-color-palette-error-2: var(--colors-status-error-2);
    --colors-color-palette-error-3: var(--colors-status-error-3);
    --colors-color-palette-error-4: var(--colors-status-error-4);
    --colors-color-palette-error-5: var(--colors-status-error-5);
    --colors-color-palette-error-6: var(--colors-status-error-6);
    --colors-color-palette-error-7: var(--colors-status-error-7);
    --colors-color-palette-error-8: var(--colors-status-error-8);
    --colors-color-palette-error-9: var(--colors-status-error-9);
    --colors-color-palette-error-10: var(--colors-status-error-10);
    --colors-color-palette-error-11: var(--colors-status-error-11);
    --colors-color-palette-error-12: var(--colors-status-error-12);
    --colors-color-palette-error: var(--colors-status-error);
    --colors-color-palette-error-a1: var(--colors-status-error-a1);
    --colors-color-palette-error-a2: var(--colors-status-error-a2);
    --colors-color-palette-error-a3: var(--colors-status-error-a3);
    --colors-color-palette-error-a4: var(--colors-status-error-a4);
    --colors-color-palette-error-a5: var(--colors-status-error-a5);
    --colors-color-palette-error-a6: var(--colors-status-error-a6);
    --colors-color-palette-error-a7: var(--colors-status-error-a7);
    --colors-color-palette-error-a8: var(--colors-status-error-a8);
    --colors-color-palette-error-a9: var(--colors-status-error-a9);
    --colors-color-palette-error-a10: var(--colors-status-error-a10);
    --colors-color-palette-error-a11: var(--colors-status-error-a11);
    --colors-color-palette-error-a12: var(--colors-status-error-a12);
    --colors-color-palette-error-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-error-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-error-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-error-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-error-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-error-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-error-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-error-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-error-fg: var(--colors-status-error-fg);
    --colors-color-palette-error-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-error-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-error-border: var(--colors-status-error-border);
    --colors-color-palette-error-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-error-border-hover: var(--colors-status-error-border-hover);
    --colors-color-palette-success-1: var(--colors-status-success-1);
    --colors-color-palette-success-2: var(--colors-status-success-2);
    --colors-color-palette-success-3: var(--colors-status-success-3);
    --colors-color-palette-success-4: var(--colors-status-success-4);
    --colors-color-palette-success-5: var(--colors-status-success-5);
    --colors-color-palette-success-6: var(--colors-status-success-6);
    --colors-color-palette-success-7: var(--colors-status-success-7);
    --colors-color-palette-success-8: var(--colors-status-success-8);
    --colors-color-palette-success-9: var(--colors-status-success-9);
    --colors-color-palette-success-10: var(--colors-status-success-10);
    --colors-color-palette-success-11: var(--colors-status-success-11);
    --colors-color-palette-success-12: var(--colors-status-success-12);
    --colors-color-palette-success: var(--colors-status-success);
    --colors-color-palette-success-a1: var(--colors-status-success-a1);
    --colors-color-palette-success-a2: var(--colors-status-success-a2);
    --colors-color-palette-success-a3: var(--colors-status-success-a3);
    --colors-color-palette-success-a4: var(--colors-status-success-a4);
    --colors-color-palette-success-a5: var(--colors-status-success-a5);
    --colors-color-palette-success-a6: var(--colors-status-success-a6);
    --colors-color-palette-success-a7: var(--colors-status-success-a7);
    --colors-color-palette-success-a8: var(--colors-status-success-a8);
    --colors-color-palette-success-a9: var(--colors-status-success-a9);
    --colors-color-palette-success-a10: var(--colors-status-success-a10);
    --colors-color-palette-success-a11: var(--colors-status-success-a11);
    --colors-color-palette-success-a12: var(--colors-status-success-a12);
    --colors-color-palette-success-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-success-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-success-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-success-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-success-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-success-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-success-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-success-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-success-fg: var(--colors-status-success-fg);
    --colors-color-palette-success-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-success-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-success-border: var(--colors-status-success-border);
    --colors-color-palette-success-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-success-border-hover: var(--colors-status-success-border-hover);
    --colors-color-palette-warning-1: var(--colors-status-warning-1);
    --colors-color-palette-warning-2: var(--colors-status-warning-2);
    --colors-color-palette-warning-3: var(--colors-status-warning-3);
    --colors-color-palette-warning-4: var(--colors-status-warning-4);
    --colors-color-palette-warning-5: var(--colors-status-warning-5);
    --colors-color-palette-warning-6: var(--colors-status-warning-6);
    --colors-color-palette-warning-7: var(--colors-status-warning-7);
    --colors-color-palette-warning-8: var(--colors-status-warning-8);
    --colors-color-palette-warning-9: var(--colors-status-warning-9);
    --colors-color-palette-warning-10: var(--colors-status-warning-10);
    --colors-color-palette-warning-11: var(--colors-status-warning-11);
    --colors-color-palette-warning-12: var(--colors-status-warning-12);
    --colors-color-palette-warning: var(--colors-status-warning);
    --colors-color-palette-warning-a1: var(--colors-status-warning-a1);
    --colors-color-palette-warning-a2: var(--colors-status-warning-a2);
    --colors-color-palette-warning-a3: var(--colors-status-warning-a3);
    --colors-color-palette-warning-a4: var(--colors-status-warning-a4);
    --colors-color-palette-warning-a5: var(--colors-status-warning-a5);
    --colors-color-palette-warning-a6: var(--colors-status-warning-a6);
    --colors-color-palette-warning-a7: var(--colors-status-warning-a7);
    --colors-color-palette-warning-a8: var(--colors-status-warning-a8);
    --colors-color-palette-warning-a9: var(--colors-status-warning-a9);
    --colors-color-palette-warning-a10: var(--colors-status-warning-a10);
    --colors-color-palette-warning-a11: var(--colors-status-warning-a11);
    --colors-color-palette-warning-a12: var(--colors-status-warning-a12);
    --colors-color-palette-warning-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-warning-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-warning-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-warning-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-warning-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-warning-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-warning-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-warning-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-warning-fg: var(--colors-status-warning-fg);
    --colors-color-palette-warning-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-warning-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-warning-border: var(--colors-status-warning-border);
    --colors-color-palette-warning-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-warning-border-hover: var(--colors-status-warning-border-hover);
    --colors-color-palette-disabled-bg-solid: var(--colors-status-disabled-bg-solid);
    --colors-color-palette-disabled-bg-soft: var(--colors-status-disabled-bg-soft);
    --colors-color-palette-disabled-fg: var(--colors-status-disabled-fg);
    --colors-color-palette-disabled-border: var(--colors-status-disabled-border);
    --colors-color-palette-disabled-border-soft: var(--colors-status-disabled-border-soft);
}

  .color-palette_status\.error {
    --colors-color-palette-1: var(--colors-status-error-1);
    --colors-color-palette-2: var(--colors-status-error-2);
    --colors-color-palette-3: var(--colors-status-error-3);
    --colors-color-palette-4: var(--colors-status-error-4);
    --colors-color-palette-5: var(--colors-status-error-5);
    --colors-color-palette-6: var(--colors-status-error-6);
    --colors-color-palette-7: var(--colors-status-error-7);
    --colors-color-palette-8: var(--colors-status-error-8);
    --colors-color-palette-9: var(--colors-status-error-9);
    --colors-color-palette-10: var(--colors-status-error-10);
    --colors-color-palette-11: var(--colors-status-error-11);
    --colors-color-palette-12: var(--colors-status-error-12);
    --colors-color-palette: var(--colors-status-error);
    --colors-color-palette-a1: var(--colors-status-error-a1);
    --colors-color-palette-a2: var(--colors-status-error-a2);
    --colors-color-palette-a3: var(--colors-status-error-a3);
    --colors-color-palette-a4: var(--colors-status-error-a4);
    --colors-color-palette-a5: var(--colors-status-error-a5);
    --colors-color-palette-a6: var(--colors-status-error-a6);
    --colors-color-palette-a7: var(--colors-status-error-a7);
    --colors-color-palette-a8: var(--colors-status-error-a8);
    --colors-color-palette-a9: var(--colors-status-error-a9);
    --colors-color-palette-a10: var(--colors-status-error-a10);
    --colors-color-palette-a11: var(--colors-status-error-a11);
    --colors-color-palette-a12: var(--colors-status-error-a12);
    --colors-color-palette-bg-app: var(--colors-status-error-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-error-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-error-fg);
    --colors-color-palette-fg-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-error-fg-soft);
    --colors-color-palette-border: var(--colors-status-error-border);
    --colors-color-palette-border-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-error-border-hover);
}

  .color-palette_status\.error\.bg\.app {
    --colors-color-palette: var(--colors-status-error-bg-app);
    --colors-color-palette-soft: var(--colors-status-error-bg-app-soft);
}

  .color-palette_status\.error\.bg {
    --colors-color-palette-app: var(--colors-status-error-bg-app);
    --colors-color-palette-app-soft: var(--colors-status-error-bg-app-soft);
    --colors-color-palette-solid: var(--colors-status-error-bg-solid);
    --colors-color-palette-solid-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-solid-active: var(--colors-status-error-bg-solid-active);
    --colors-color-palette-soft: var(--colors-status-error-bg-soft);
    --colors-color-palette-soft-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-soft-active: var(--colors-status-error-bg-soft-active);
}

  .color-palette_status\.error\.bg\.solid {
    --colors-color-palette: var(--colors-status-error-bg-solid);
    --colors-color-palette-hover: var(--colors-status-error-bg-solid-hover);
    --colors-color-palette-active: var(--colors-status-error-bg-solid-active);
}

  .color-palette_status\.error\.bg\.soft {
    --colors-color-palette: var(--colors-status-error-bg-soft);
    --colors-color-palette-hover: var(--colors-status-error-bg-soft-hover);
    --colors-color-palette-active: var(--colors-status-error-bg-soft-active);
}

  .color-palette_status\.error\.fg {
    --colors-color-palette: var(--colors-status-error-fg);
    --colors-color-palette-solid: var(--colors-status-error-fg-solid);
    --colors-color-palette-soft: var(--colors-status-error-fg-soft);
}

  .color-palette_status\.error\.border {
    --colors-color-palette: var(--colors-status-error-border);
    --colors-color-palette-soft: var(--colors-status-error-border-soft);
    --colors-color-palette-hover: var(--colors-status-error-border-hover);
}

  .color-palette_status\.success {
    --colors-color-palette-1: var(--colors-status-success-1);
    --colors-color-palette-2: var(--colors-status-success-2);
    --colors-color-palette-3: var(--colors-status-success-3);
    --colors-color-palette-4: var(--colors-status-success-4);
    --colors-color-palette-5: var(--colors-status-success-5);
    --colors-color-palette-6: var(--colors-status-success-6);
    --colors-color-palette-7: var(--colors-status-success-7);
    --colors-color-palette-8: var(--colors-status-success-8);
    --colors-color-palette-9: var(--colors-status-success-9);
    --colors-color-palette-10: var(--colors-status-success-10);
    --colors-color-palette-11: var(--colors-status-success-11);
    --colors-color-palette-12: var(--colors-status-success-12);
    --colors-color-palette: var(--colors-status-success);
    --colors-color-palette-a1: var(--colors-status-success-a1);
    --colors-color-palette-a2: var(--colors-status-success-a2);
    --colors-color-palette-a3: var(--colors-status-success-a3);
    --colors-color-palette-a4: var(--colors-status-success-a4);
    --colors-color-palette-a5: var(--colors-status-success-a5);
    --colors-color-palette-a6: var(--colors-status-success-a6);
    --colors-color-palette-a7: var(--colors-status-success-a7);
    --colors-color-palette-a8: var(--colors-status-success-a8);
    --colors-color-palette-a9: var(--colors-status-success-a9);
    --colors-color-palette-a10: var(--colors-status-success-a10);
    --colors-color-palette-a11: var(--colors-status-success-a11);
    --colors-color-palette-a12: var(--colors-status-success-a12);
    --colors-color-palette-bg-app: var(--colors-status-success-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-success-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-success-fg);
    --colors-color-palette-fg-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-success-fg-soft);
    --colors-color-palette-border: var(--colors-status-success-border);
    --colors-color-palette-border-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-success-border-hover);
}

  .color-palette_status\.success\.bg\.app {
    --colors-color-palette: var(--colors-status-success-bg-app);
    --colors-color-palette-soft: var(--colors-status-success-bg-app-soft);
}

  .color-palette_status\.success\.bg {
    --colors-color-palette-app: var(--colors-status-success-bg-app);
    --colors-color-palette-app-soft: var(--colors-status-success-bg-app-soft);
    --colors-color-palette-solid: var(--colors-status-success-bg-solid);
    --colors-color-palette-solid-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-solid-active: var(--colors-status-success-bg-solid-active);
    --colors-color-palette-soft: var(--colors-status-success-bg-soft);
    --colors-color-palette-soft-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-soft-active: var(--colors-status-success-bg-soft-active);
}

  .color-palette_status\.success\.bg\.solid {
    --colors-color-palette: var(--colors-status-success-bg-solid);
    --colors-color-palette-hover: var(--colors-status-success-bg-solid-hover);
    --colors-color-palette-active: var(--colors-status-success-bg-solid-active);
}

  .color-palette_status\.success\.bg\.soft {
    --colors-color-palette: var(--colors-status-success-bg-soft);
    --colors-color-palette-hover: var(--colors-status-success-bg-soft-hover);
    --colors-color-palette-active: var(--colors-status-success-bg-soft-active);
}

  .color-palette_status\.success\.fg {
    --colors-color-palette: var(--colors-status-success-fg);
    --colors-color-palette-solid: var(--colors-status-success-fg-solid);
    --colors-color-palette-soft: var(--colors-status-success-fg-soft);
}

  .color-palette_status\.success\.border {
    --colors-color-palette: var(--colors-status-success-border);
    --colors-color-palette-soft: var(--colors-status-success-border-soft);
    --colors-color-palette-hover: var(--colors-status-success-border-hover);
}

  .color-palette_status\.warning {
    --colors-color-palette-1: var(--colors-status-warning-1);
    --colors-color-palette-2: var(--colors-status-warning-2);
    --colors-color-palette-3: var(--colors-status-warning-3);
    --colors-color-palette-4: var(--colors-status-warning-4);
    --colors-color-palette-5: var(--colors-status-warning-5);
    --colors-color-palette-6: var(--colors-status-warning-6);
    --colors-color-palette-7: var(--colors-status-warning-7);
    --colors-color-palette-8: var(--colors-status-warning-8);
    --colors-color-palette-9: var(--colors-status-warning-9);
    --colors-color-palette-10: var(--colors-status-warning-10);
    --colors-color-palette-11: var(--colors-status-warning-11);
    --colors-color-palette-12: var(--colors-status-warning-12);
    --colors-color-palette: var(--colors-status-warning);
    --colors-color-palette-a1: var(--colors-status-warning-a1);
    --colors-color-palette-a2: var(--colors-status-warning-a2);
    --colors-color-palette-a3: var(--colors-status-warning-a3);
    --colors-color-palette-a4: var(--colors-status-warning-a4);
    --colors-color-palette-a5: var(--colors-status-warning-a5);
    --colors-color-palette-a6: var(--colors-status-warning-a6);
    --colors-color-palette-a7: var(--colors-status-warning-a7);
    --colors-color-palette-a8: var(--colors-status-warning-a8);
    --colors-color-palette-a9: var(--colors-status-warning-a9);
    --colors-color-palette-a10: var(--colors-status-warning-a10);
    --colors-color-palette-a11: var(--colors-status-warning-a11);
    --colors-color-palette-a12: var(--colors-status-warning-a12);
    --colors-color-palette-bg-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-status-warning-bg-soft-active);
    --colors-color-palette-fg: var(--colors-status-warning-fg);
    --colors-color-palette-fg-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-status-warning-fg-soft);
    --colors-color-palette-border: var(--colors-status-warning-border);
    --colors-color-palette-border-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-border-hover: var(--colors-status-warning-border-hover);
}

  .color-palette_status\.warning\.bg\.app {
    --colors-color-palette: var(--colors-status-warning-bg-app);
    --colors-color-palette-soft: var(--colors-status-warning-bg-app-soft);
}

  .color-palette_status\.warning\.bg {
    --colors-color-palette-app: var(--colors-status-warning-bg-app);
    --colors-color-palette-app-soft: var(--colors-status-warning-bg-app-soft);
    --colors-color-palette-solid: var(--colors-status-warning-bg-solid);
    --colors-color-palette-solid-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-solid-active: var(--colors-status-warning-bg-solid-active);
    --colors-color-palette-soft: var(--colors-status-warning-bg-soft);
    --colors-color-palette-soft-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-soft-active: var(--colors-status-warning-bg-soft-active);
}

  .color-palette_status\.warning\.bg\.solid {
    --colors-color-palette: var(--colors-status-warning-bg-solid);
    --colors-color-palette-hover: var(--colors-status-warning-bg-solid-hover);
    --colors-color-palette-active: var(--colors-status-warning-bg-solid-active);
}

  .color-palette_status\.warning\.bg\.soft {
    --colors-color-palette: var(--colors-status-warning-bg-soft);
    --colors-color-palette-hover: var(--colors-status-warning-bg-soft-hover);
    --colors-color-palette-active: var(--colors-status-warning-bg-soft-active);
}

  .color-palette_status\.warning\.fg {
    --colors-color-palette: var(--colors-status-warning-fg);
    --colors-color-palette-solid: var(--colors-status-warning-fg-solid);
    --colors-color-palette-soft: var(--colors-status-warning-fg-soft);
}

  .color-palette_status\.warning\.border {
    --colors-color-palette: var(--colors-status-warning-border);
    --colors-color-palette-soft: var(--colors-status-warning-border-soft);
    --colors-color-palette-hover: var(--colors-status-warning-border-hover);
}

  .color-palette_status\.disabled {
    --colors-color-palette-bg-solid: var(--colors-status-disabled-bg-solid);
    --colors-color-palette-bg-soft: var(--colors-status-disabled-bg-soft);
    --colors-color-palette-fg: var(--colors-status-disabled-fg);
    --colors-color-palette-border: var(--colors-status-disabled-border);
    --colors-color-palette-border-soft: var(--colors-status-disabled-border-soft);
}

  .color-palette_status\.disabled\.bg {
    --colors-color-palette-solid: var(--colors-status-disabled-bg-solid);
    --colors-color-palette-soft: var(--colors-status-disabled-bg-soft);
}

  .color-palette_status\.disabled\.border {
    --colors-color-palette: var(--colors-status-disabled-border);
    --colors-color-palette-soft: var(--colors-status-disabled-border-soft);
}

  .color-palette_dometic {
    --colors-color-palette-1: var(--colors-dometic-1);
    --colors-color-palette-2: var(--colors-dometic-2);
    --colors-color-palette-3: var(--colors-dometic-3);
    --colors-color-palette-4: var(--colors-dometic-4);
    --colors-color-palette-5: var(--colors-dometic-5);
    --colors-color-palette-6: var(--colors-dometic-6);
    --colors-color-palette-7: var(--colors-dometic-7);
    --colors-color-palette-8: var(--colors-dometic-8);
    --colors-color-palette-9: var(--colors-dometic-9);
    --colors-color-palette-10: var(--colors-dometic-10);
    --colors-color-palette-11: var(--colors-dometic-11);
    --colors-color-palette-12: var(--colors-dometic-12);
    --colors-color-palette: var(--colors-dometic);
    --colors-color-palette-a1: var(--colors-dometic-a1);
    --colors-color-palette-a2: var(--colors-dometic-a2);
    --colors-color-palette-a3: var(--colors-dometic-a3);
    --colors-color-palette-a4: var(--colors-dometic-a4);
    --colors-color-palette-a5: var(--colors-dometic-a5);
    --colors-color-palette-a6: var(--colors-dometic-a6);
    --colors-color-palette-a7: var(--colors-dometic-a7);
    --colors-color-palette-a8: var(--colors-dometic-a8);
    --colors-color-palette-a9: var(--colors-dometic-a9);
    --colors-color-palette-a10: var(--colors-dometic-a10);
    --colors-color-palette-a11: var(--colors-dometic-a11);
    --colors-color-palette-a12: var(--colors-dometic-a12);
    --colors-color-palette-bg-app: var(--colors-dometic-bg-app);
    --colors-color-palette-bg-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-bg-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-bg-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-bg-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-bg-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-bg-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-bg-soft-active: var(--colors-dometic-bg-soft-active);
    --colors-color-palette-fg: var(--colors-dometic-fg);
    --colors-color-palette-fg-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-fg-soft: var(--colors-dometic-fg-soft);
    --colors-color-palette-border: var(--colors-dometic-border);
    --colors-color-palette-border-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-border-hover: var(--colors-dometic-border-hover);
}

  .color-palette_dometic\.bg\.app {
    --colors-color-palette: var(--colors-dometic-bg-app);
    --colors-color-palette-soft: var(--colors-dometic-bg-app-soft);
}

  .color-palette_dometic\.bg {
    --colors-color-palette-app: var(--colors-dometic-bg-app);
    --colors-color-palette-app-soft: var(--colors-dometic-bg-app-soft);
    --colors-color-palette-solid: var(--colors-dometic-bg-solid);
    --colors-color-palette-solid-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-solid-active: var(--colors-dometic-bg-solid-active);
    --colors-color-palette-soft: var(--colors-dometic-bg-soft);
    --colors-color-palette-soft-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-soft-active: var(--colors-dometic-bg-soft-active);
}

  .color-palette_dometic\.bg\.solid {
    --colors-color-palette: var(--colors-dometic-bg-solid);
    --colors-color-palette-hover: var(--colors-dometic-bg-solid-hover);
    --colors-color-palette-active: var(--colors-dometic-bg-solid-active);
}

  .color-palette_dometic\.bg\.soft {
    --colors-color-palette: var(--colors-dometic-bg-soft);
    --colors-color-palette-hover: var(--colors-dometic-bg-soft-hover);
    --colors-color-palette-active: var(--colors-dometic-bg-soft-active);
}

  .color-palette_dometic\.fg {
    --colors-color-palette: var(--colors-dometic-fg);
    --colors-color-palette-solid: var(--colors-dometic-fg-solid);
    --colors-color-palette-soft: var(--colors-dometic-fg-soft);
}

  .color-palette_dometic\.border {
    --colors-color-palette: var(--colors-dometic-border);
    --colors-color-palette-soft: var(--colors-dometic-border-soft);
    --colors-color-palette-hover: var(--colors-dometic-border-hover);
}

  .bg-c_black\.a1 {
    background-color: var(--colors-black-a1);
}

  .bg-c_black\.a2 {
    background-color: var(--colors-black-a2);
}

  .bg-c_black\.a3 {
    background-color: var(--colors-black-a3);
}

  .bg-c_black\.a4 {
    background-color: var(--colors-black-a4);
}

  .bg-c_black\.a5 {
    background-color: var(--colors-black-a5);
}

  .bg-c_black\.a6 {
    background-color: var(--colors-black-a6);
}

  .bg-c_black\.a7 {
    background-color: var(--colors-black-a7);
}

  .bg-c_black\.a8 {
    background-color: var(--colors-black-a8);
}

  .bg-c_black\.a9 {
    background-color: var(--colors-black-a9);
}

  .bg-c_black\.a10 {
    background-color: var(--colors-black-a10);
}

  .bg-c_black\.a11 {
    background-color: var(--colors-black-a11);
}

  .bg-c_black\.a12 {
    background-color: var(--colors-black-a12);
}

  .bg-c_white\.a1 {
    background-color: var(--colors-white-a1);
}

  .bg-c_white\.a2 {
    background-color: var(--colors-white-a2);
}

  .bg-c_white\.a3 {
    background-color: var(--colors-white-a3);
}

  .bg-c_white\.a4 {
    background-color: var(--colors-white-a4);
}

  .bg-c_white\.a5 {
    background-color: var(--colors-white-a5);
}

  .bg-c_white\.a6 {
    background-color: var(--colors-white-a6);
}

  .bg-c_white\.a7 {
    background-color: var(--colors-white-a7);
}

  .bg-c_white\.a8 {
    background-color: var(--colors-white-a8);
}

  .bg-c_white\.a9 {
    background-color: var(--colors-white-a9);
}

  .bg-c_white\.a10 {
    background-color: var(--colors-white-a10);
}

  .bg-c_white\.a11 {
    background-color: var(--colors-white-a11);
}

  .bg-c_white\.a12 {
    background-color: var(--colors-white-a12);
}

  .bg-c_bg {
    background-color: var(--colors-bg);
}

  .bg-c_bg\.soft {
    background-color: var(--colors-bg-soft);
}

  .bg-c_bg\.overlay {
    background-color: var(--colors-bg-overlay);
}

  .bg-c_bg\.panel {
    background-color: var(--colors-bg-panel);
}

  .bg-c_fg {
    background-color: var(--colors-fg);
}

  .bg-c_fg\.soft {
    background-color: var(--colors-fg-soft);
}

  .bg-c_accent\.1 {
    background-color: var(--colors-accent-1);
}

  .bg-c_accent\.2 {
    background-color: var(--colors-accent-2);
}

  .bg-c_accent\.3 {
    background-color: var(--colors-accent-3);
}

  .bg-c_accent\.4 {
    background-color: var(--colors-accent-4);
}

  .bg-c_accent\.5 {
    background-color: var(--colors-accent-5);
}

  .bg-c_accent\.6 {
    background-color: var(--colors-accent-6);
}

  .bg-c_accent\.7 {
    background-color: var(--colors-accent-7);
}

  .bg-c_accent\.8 {
    background-color: var(--colors-accent-8);
}

  .bg-c_accent\.9 {
    background-color: var(--colors-accent-9);
}

  .bg-c_accent\.10 {
    background-color: var(--colors-accent-10);
}

  .bg-c_accent\.11 {
    background-color: var(--colors-accent-11);
}

  .bg-c_accent\.12 {
    background-color: var(--colors-accent-12);
}

  .bg-c_accent {
    background-color: var(--colors-accent);
}

  .bg-c_accent\.a1 {
    background-color: var(--colors-accent-a1);
}

  .bg-c_accent\.a2 {
    background-color: var(--colors-accent-a2);
}

  .bg-c_accent\.a3 {
    background-color: var(--colors-accent-a3);
}

  .bg-c_accent\.a4 {
    background-color: var(--colors-accent-a4);
}

  .bg-c_accent\.a5 {
    background-color: var(--colors-accent-a5);
}

  .bg-c_accent\.a6 {
    background-color: var(--colors-accent-a6);
}

  .bg-c_accent\.a7 {
    background-color: var(--colors-accent-a7);
}

  .bg-c_accent\.a8 {
    background-color: var(--colors-accent-a8);
}

  .bg-c_accent\.a9 {
    background-color: var(--colors-accent-a9);
}

  .bg-c_accent\.a10 {
    background-color: var(--colors-accent-a10);
}

  .bg-c_accent\.a11 {
    background-color: var(--colors-accent-a11);
}

  .bg-c_accent\.a12 {
    background-color: var(--colors-accent-a12);
}

  .bg-c_accent\.bg\.app {
    background-color: var(--colors-accent-bg-app);
}

  .bg-c_accent\.bg\.app\.soft {
    background-color: var(--colors-accent-bg-app-soft);
}

  .bg-c_accent\.bg\.solid {
    background-color: var(--colors-accent-bg-solid);
}

  .bg-c_accent\.bg\.solid\.hover {
    background-color: var(--colors-accent-bg-solid-hover);
}

  .bg-c_accent\.bg\.solid\.active {
    background-color: var(--colors-accent-bg-solid-active);
}

  .bg-c_accent\.bg\.soft {
    background-color: var(--colors-accent-bg-soft);
}

  .bg-c_accent\.bg\.soft\.hover {
    background-color: var(--colors-accent-bg-soft-hover);
}

  .bg-c_accent\.bg\.soft\.active {
    background-color: var(--colors-accent-bg-soft-active);
}

  .bg-c_accent\.fg {
    background-color: var(--colors-accent-fg);
}

  .bg-c_accent\.fg\.solid {
    background-color: var(--colors-accent-fg-solid);
}

  .bg-c_accent\.fg\.soft {
    background-color: var(--colors-accent-fg-soft);
}

  .bg-c_accent\.border {
    background-color: var(--colors-accent-border);
}

  .bg-c_accent\.border\.soft {
    background-color: var(--colors-accent-border-soft);
}

  .bg-c_accent\.border\.hover {
    background-color: var(--colors-accent-border-hover);
}

  .bg-c_neutral\.1 {
    background-color: var(--colors-neutral-1);
}

  .bg-c_neutral\.2 {
    background-color: var(--colors-neutral-2);
}

  .bg-c_neutral\.3 {
    background-color: var(--colors-neutral-3);
}

  .bg-c_neutral\.4 {
    background-color: var(--colors-neutral-4);
}

  .bg-c_neutral\.5 {
    background-color: var(--colors-neutral-5);
}

  .bg-c_neutral\.6 {
    background-color: var(--colors-neutral-6);
}

  .bg-c_neutral\.7 {
    background-color: var(--colors-neutral-7);
}

  .bg-c_neutral\.8 {
    background-color: var(--colors-neutral-8);
}

  .bg-c_neutral\.9 {
    background-color: var(--colors-neutral-9);
}

  .bg-c_neutral\.10 {
    background-color: var(--colors-neutral-10);
}

  .bg-c_neutral\.11 {
    background-color: var(--colors-neutral-11);
}

  .bg-c_neutral\.12 {
    background-color: var(--colors-neutral-12);
}

  .bg-c_neutral {
    background-color: var(--colors-neutral);
}

  .bg-c_neutral\.a1 {
    background-color: var(--colors-neutral-a1);
}

  .bg-c_neutral\.a2 {
    background-color: var(--colors-neutral-a2);
}

  .bg-c_neutral\.a3 {
    background-color: var(--colors-neutral-a3);
}

  .bg-c_neutral\.a4 {
    background-color: var(--colors-neutral-a4);
}

  .bg-c_neutral\.a5 {
    background-color: var(--colors-neutral-a5);
}

  .bg-c_neutral\.a6 {
    background-color: var(--colors-neutral-a6);
}

  .bg-c_neutral\.a7 {
    background-color: var(--colors-neutral-a7);
}

  .bg-c_neutral\.a8 {
    background-color: var(--colors-neutral-a8);
}

  .bg-c_neutral\.a9 {
    background-color: var(--colors-neutral-a9);
}

  .bg-c_neutral\.a10 {
    background-color: var(--colors-neutral-a10);
}

  .bg-c_neutral\.a11 {
    background-color: var(--colors-neutral-a11);
}

  .bg-c_neutral\.a12 {
    background-color: var(--colors-neutral-a12);
}

  .bg-c_neutral\.bg\.app {
    background-color: var(--colors-neutral-bg-app);
}

  .bg-c_neutral\.bg\.app\.soft {
    background-color: var(--colors-neutral-bg-app-soft);
}

  .bg-c_neutral\.bg\.solid {
    background-color: var(--colors-neutral-bg-solid);
}

  .bg-c_neutral\.bg\.solid\.hover {
    background-color: var(--colors-neutral-bg-solid-hover);
}

  .bg-c_neutral\.bg\.solid\.active {
    background-color: var(--colors-neutral-bg-solid-active);
}

  .bg-c_neutral\.bg\.soft {
    background-color: var(--colors-neutral-bg-soft);
}

  .bg-c_neutral\.bg\.soft\.hover {
    background-color: var(--colors-neutral-bg-soft-hover);
}

  .bg-c_neutral\.bg\.soft\.active {
    background-color: var(--colors-neutral-bg-soft-active);
}

  .bg-c_neutral\.fg {
    background-color: var(--colors-neutral-fg);
}

  .bg-c_neutral\.fg\.solid {
    background-color: var(--colors-neutral-fg-solid);
}

  .bg-c_neutral\.fg\.soft {
    background-color: var(--colors-neutral-fg-soft);
}

  .bg-c_neutral\.border {
    background-color: var(--colors-neutral-border);
}

  .bg-c_neutral\.border\.soft {
    background-color: var(--colors-neutral-border-soft);
}

  .bg-c_neutral\.border\.hover {
    background-color: var(--colors-neutral-border-hover);
}

  .bg-c_status\.error\.1 {
    background-color: var(--colors-status-error-1);
}

  .bg-c_status\.error\.2 {
    background-color: var(--colors-status-error-2);
}

  .bg-c_status\.error\.3 {
    background-color: var(--colors-status-error-3);
}

  .bg-c_status\.error\.4 {
    background-color: var(--colors-status-error-4);
}

  .bg-c_status\.error\.5 {
    background-color: var(--colors-status-error-5);
}

  .bg-c_status\.error\.6 {
    background-color: var(--colors-status-error-6);
}

  .bg-c_status\.error\.7 {
    background-color: var(--colors-status-error-7);
}

  .bg-c_status\.error\.8 {
    background-color: var(--colors-status-error-8);
}

  .bg-c_status\.error\.9 {
    background-color: var(--colors-status-error-9);
}

  .bg-c_status\.error\.10 {
    background-color: var(--colors-status-error-10);
}

  .bg-c_status\.error\.11 {
    background-color: var(--colors-status-error-11);
}

  .bg-c_status\.error\.12 {
    background-color: var(--colors-status-error-12);
}

  .bg-c_status\.error {
    background-color: var(--colors-status-error);
}

  .bg-c_status\.error\.a1 {
    background-color: var(--colors-status-error-a1);
}

  .bg-c_status\.error\.a2 {
    background-color: var(--colors-status-error-a2);
}

  .bg-c_status\.error\.a3 {
    background-color: var(--colors-status-error-a3);
}

  .bg-c_status\.error\.a4 {
    background-color: var(--colors-status-error-a4);
}

  .bg-c_status\.error\.a5 {
    background-color: var(--colors-status-error-a5);
}

  .bg-c_status\.error\.a6 {
    background-color: var(--colors-status-error-a6);
}

  .bg-c_status\.error\.a7 {
    background-color: var(--colors-status-error-a7);
}

  .bg-c_status\.error\.a8 {
    background-color: var(--colors-status-error-a8);
}

  .bg-c_status\.error\.a9 {
    background-color: var(--colors-status-error-a9);
}

  .bg-c_status\.error\.a10 {
    background-color: var(--colors-status-error-a10);
}

  .bg-c_status\.error\.a11 {
    background-color: var(--colors-status-error-a11);
}

  .bg-c_status\.error\.a12 {
    background-color: var(--colors-status-error-a12);
}

  .bg-c_status\.error\.bg\.app {
    background-color: var(--colors-status-error-bg-app);
}

  .bg-c_status\.error\.bg\.app\.soft {
    background-color: var(--colors-status-error-bg-app-soft);
}

  .bg-c_status\.error\.bg\.solid {
    background-color: var(--colors-status-error-bg-solid);
}

  .bg-c_status\.error\.bg\.solid\.hover {
    background-color: var(--colors-status-error-bg-solid-hover);
}

  .bg-c_status\.error\.bg\.solid\.active {
    background-color: var(--colors-status-error-bg-solid-active);
}

  .bg-c_status\.error\.bg\.soft {
    background-color: var(--colors-status-error-bg-soft);
}

  .bg-c_status\.error\.bg\.soft\.hover {
    background-color: var(--colors-status-error-bg-soft-hover);
}

  .bg-c_status\.error\.bg\.soft\.active {
    background-color: var(--colors-status-error-bg-soft-active);
}

  .bg-c_status\.error\.fg {
    background-color: var(--colors-status-error-fg);
}

  .bg-c_status\.error\.fg\.solid {
    background-color: var(--colors-status-error-fg-solid);
}

  .bg-c_status\.error\.fg\.soft {
    background-color: var(--colors-status-error-fg-soft);
}

  .bg-c_status\.error\.border {
    background-color: var(--colors-status-error-border);
}

  .bg-c_status\.error\.border\.soft {
    background-color: var(--colors-status-error-border-soft);
}

  .bg-c_status\.error\.border\.hover {
    background-color: var(--colors-status-error-border-hover);
}

  .bg-c_status\.success\.1 {
    background-color: var(--colors-status-success-1);
}

  .bg-c_status\.success\.2 {
    background-color: var(--colors-status-success-2);
}

  .bg-c_status\.success\.3 {
    background-color: var(--colors-status-success-3);
}

  .bg-c_status\.success\.4 {
    background-color: var(--colors-status-success-4);
}

  .bg-c_status\.success\.5 {
    background-color: var(--colors-status-success-5);
}

  .bg-c_status\.success\.6 {
    background-color: var(--colors-status-success-6);
}

  .bg-c_status\.success\.7 {
    background-color: var(--colors-status-success-7);
}

  .bg-c_status\.success\.8 {
    background-color: var(--colors-status-success-8);
}

  .bg-c_status\.success\.9 {
    background-color: var(--colors-status-success-9);
}

  .bg-c_status\.success\.10 {
    background-color: var(--colors-status-success-10);
}

  .bg-c_status\.success\.11 {
    background-color: var(--colors-status-success-11);
}

  .bg-c_status\.success\.12 {
    background-color: var(--colors-status-success-12);
}

  .bg-c_status\.success {
    background-color: var(--colors-status-success);
}

  .bg-c_status\.success\.a1 {
    background-color: var(--colors-status-success-a1);
}

  .bg-c_status\.success\.a2 {
    background-color: var(--colors-status-success-a2);
}

  .bg-c_status\.success\.a3 {
    background-color: var(--colors-status-success-a3);
}

  .bg-c_status\.success\.a4 {
    background-color: var(--colors-status-success-a4);
}

  .bg-c_status\.success\.a5 {
    background-color: var(--colors-status-success-a5);
}

  .bg-c_status\.success\.a6 {
    background-color: var(--colors-status-success-a6);
}

  .bg-c_status\.success\.a7 {
    background-color: var(--colors-status-success-a7);
}

  .bg-c_status\.success\.a8 {
    background-color: var(--colors-status-success-a8);
}

  .bg-c_status\.success\.a9 {
    background-color: var(--colors-status-success-a9);
}

  .bg-c_status\.success\.a10 {
    background-color: var(--colors-status-success-a10);
}

  .bg-c_status\.success\.a11 {
    background-color: var(--colors-status-success-a11);
}

  .bg-c_status\.success\.a12 {
    background-color: var(--colors-status-success-a12);
}

  .bg-c_status\.success\.bg\.app {
    background-color: var(--colors-status-success-bg-app);
}

  .bg-c_status\.success\.bg\.app\.soft {
    background-color: var(--colors-status-success-bg-app-soft);
}

  .bg-c_status\.success\.bg\.solid {
    background-color: var(--colors-status-success-bg-solid);
}

  .bg-c_status\.success\.bg\.solid\.hover {
    background-color: var(--colors-status-success-bg-solid-hover);
}

  .bg-c_status\.success\.bg\.solid\.active {
    background-color: var(--colors-status-success-bg-solid-active);
}

  .bg-c_status\.success\.bg\.soft {
    background-color: var(--colors-status-success-bg-soft);
}

  .bg-c_status\.success\.bg\.soft\.hover {
    background-color: var(--colors-status-success-bg-soft-hover);
}

  .bg-c_status\.success\.bg\.soft\.active {
    background-color: var(--colors-status-success-bg-soft-active);
}

  .bg-c_status\.success\.fg {
    background-color: var(--colors-status-success-fg);
}

  .bg-c_status\.success\.fg\.solid {
    background-color: var(--colors-status-success-fg-solid);
}

  .bg-c_status\.success\.fg\.soft {
    background-color: var(--colors-status-success-fg-soft);
}

  .bg-c_status\.success\.border {
    background-color: var(--colors-status-success-border);
}

  .bg-c_status\.success\.border\.soft {
    background-color: var(--colors-status-success-border-soft);
}

  .bg-c_status\.success\.border\.hover {
    background-color: var(--colors-status-success-border-hover);
}

  .bg-c_status\.warning\.1 {
    background-color: var(--colors-status-warning-1);
}

  .bg-c_status\.warning\.2 {
    background-color: var(--colors-status-warning-2);
}

  .bg-c_status\.warning\.3 {
    background-color: var(--colors-status-warning-3);
}

  .bg-c_status\.warning\.4 {
    background-color: var(--colors-status-warning-4);
}

  .bg-c_status\.warning\.5 {
    background-color: var(--colors-status-warning-5);
}

  .bg-c_status\.warning\.6 {
    background-color: var(--colors-status-warning-6);
}

  .bg-c_status\.warning\.7 {
    background-color: var(--colors-status-warning-7);
}

  .bg-c_status\.warning\.8 {
    background-color: var(--colors-status-warning-8);
}

  .bg-c_status\.warning\.9 {
    background-color: var(--colors-status-warning-9);
}

  .bg-c_status\.warning\.10 {
    background-color: var(--colors-status-warning-10);
}

  .bg-c_status\.warning\.11 {
    background-color: var(--colors-status-warning-11);
}

  .bg-c_status\.warning\.12 {
    background-color: var(--colors-status-warning-12);
}

  .bg-c_status\.warning {
    background-color: var(--colors-status-warning);
}

  .bg-c_status\.warning\.a1 {
    background-color: var(--colors-status-warning-a1);
}

  .bg-c_status\.warning\.a2 {
    background-color: var(--colors-status-warning-a2);
}

  .bg-c_status\.warning\.a3 {
    background-color: var(--colors-status-warning-a3);
}

  .bg-c_status\.warning\.a4 {
    background-color: var(--colors-status-warning-a4);
}

  .bg-c_status\.warning\.a5 {
    background-color: var(--colors-status-warning-a5);
}

  .bg-c_status\.warning\.a6 {
    background-color: var(--colors-status-warning-a6);
}

  .bg-c_status\.warning\.a7 {
    background-color: var(--colors-status-warning-a7);
}

  .bg-c_status\.warning\.a8 {
    background-color: var(--colors-status-warning-a8);
}

  .bg-c_status\.warning\.a9 {
    background-color: var(--colors-status-warning-a9);
}

  .bg-c_status\.warning\.a10 {
    background-color: var(--colors-status-warning-a10);
}

  .bg-c_status\.warning\.a11 {
    background-color: var(--colors-status-warning-a11);
}

  .bg-c_status\.warning\.a12 {
    background-color: var(--colors-status-warning-a12);
}

  .bg-c_status\.warning\.bg\.app {
    background-color: var(--colors-status-warning-bg-app);
}

  .bg-c_status\.warning\.bg\.app\.soft {
    background-color: var(--colors-status-warning-bg-app-soft);
}

  .bg-c_status\.warning\.bg\.solid {
    background-color: var(--colors-status-warning-bg-solid);
}

  .bg-c_status\.warning\.bg\.solid\.hover {
    background-color: var(--colors-status-warning-bg-solid-hover);
}

  .bg-c_status\.warning\.bg\.solid\.active {
    background-color: var(--colors-status-warning-bg-solid-active);
}

  .bg-c_status\.warning\.bg\.soft {
    background-color: var(--colors-status-warning-bg-soft);
}

  .bg-c_status\.warning\.bg\.soft\.hover {
    background-color: var(--colors-status-warning-bg-soft-hover);
}

  .bg-c_status\.warning\.bg\.soft\.active {
    background-color: var(--colors-status-warning-bg-soft-active);
}

  .bg-c_status\.warning\.fg {
    background-color: var(--colors-status-warning-fg);
}

  .bg-c_status\.warning\.fg\.solid {
    background-color: var(--colors-status-warning-fg-solid);
}

  .bg-c_status\.warning\.fg\.soft {
    background-color: var(--colors-status-warning-fg-soft);
}

  .bg-c_status\.warning\.border {
    background-color: var(--colors-status-warning-border);
}

  .bg-c_status\.warning\.border\.soft {
    background-color: var(--colors-status-warning-border-soft);
}

  .bg-c_status\.warning\.border\.hover {
    background-color: var(--colors-status-warning-border-hover);
}

  .bg-c_status\.disabled\.bg\.solid {
    background-color: var(--colors-status-disabled-bg-solid);
}

  .bg-c_status\.disabled\.bg\.soft {
    background-color: var(--colors-status-disabled-bg-soft);
}

  .bg-c_status\.disabled\.fg {
    background-color: var(--colors-status-disabled-fg);
}

  .bg-c_status\.disabled\.border {
    background-color: var(--colors-status-disabled-border);
}

  .bg-c_status\.disabled\.border\.soft {
    background-color: var(--colors-status-disabled-border-soft);
}

  .bg-c_dometic\.1 {
    background-color: var(--colors-dometic-1);
}

  .bg-c_dometic\.2 {
    background-color: var(--colors-dometic-2);
}

  .bg-c_dometic\.3 {
    background-color: var(--colors-dometic-3);
}

  .bg-c_dometic\.4 {
    background-color: var(--colors-dometic-4);
}

  .bg-c_dometic\.5 {
    background-color: var(--colors-dometic-5);
}

  .bg-c_dometic\.6 {
    background-color: var(--colors-dometic-6);
}

  .bg-c_dometic\.7 {
    background-color: var(--colors-dometic-7);
}

  .bg-c_dometic\.8 {
    background-color: var(--colors-dometic-8);
}

  .bg-c_dometic\.9 {
    background-color: var(--colors-dometic-9);
}

  .bg-c_dometic\.10 {
    background-color: var(--colors-dometic-10);
}

  .bg-c_dometic\.11 {
    background-color: var(--colors-dometic-11);
}

  .bg-c_dometic\.12 {
    background-color: var(--colors-dometic-12);
}

  .bg-c_dometic {
    background-color: var(--colors-dometic);
}

  .bg-c_dometic\.a1 {
    background-color: var(--colors-dometic-a1);
}

  .bg-c_dometic\.a2 {
    background-color: var(--colors-dometic-a2);
}

  .bg-c_dometic\.a3 {
    background-color: var(--colors-dometic-a3);
}

  .bg-c_dometic\.a4 {
    background-color: var(--colors-dometic-a4);
}

  .bg-c_dometic\.a5 {
    background-color: var(--colors-dometic-a5);
}

  .bg-c_dometic\.a6 {
    background-color: var(--colors-dometic-a6);
}

  .bg-c_dometic\.a7 {
    background-color: var(--colors-dometic-a7);
}

  .bg-c_dometic\.a8 {
    background-color: var(--colors-dometic-a8);
}

  .bg-c_dometic\.a9 {
    background-color: var(--colors-dometic-a9);
}

  .bg-c_dometic\.a10 {
    background-color: var(--colors-dometic-a10);
}

  .bg-c_dometic\.a11 {
    background-color: var(--colors-dometic-a11);
}

  .bg-c_dometic\.a12 {
    background-color: var(--colors-dometic-a12);
}

  .bg-c_dometic\.bg\.app {
    background-color: var(--colors-dometic-bg-app);
}

  .bg-c_dometic\.bg\.app\.soft {
    background-color: var(--colors-dometic-bg-app-soft);
}

  .bg-c_dometic\.bg\.solid {
    background-color: var(--colors-dometic-bg-solid);
}

  .bg-c_dometic\.bg\.solid\.hover {
    background-color: var(--colors-dometic-bg-solid-hover);
}

  .bg-c_dometic\.bg\.solid\.active {
    background-color: var(--colors-dometic-bg-solid-active);
}

  .bg-c_dometic\.bg\.soft {
    background-color: var(--colors-dometic-bg-soft);
}

  .bg-c_dometic\.bg\.soft\.hover {
    background-color: var(--colors-dometic-bg-soft-hover);
}

  .bg-c_dometic\.bg\.soft\.active {
    background-color: var(--colors-dometic-bg-soft-active);
}

  .bg-c_dometic\.fg {
    background-color: var(--colors-dometic-fg);
}

  .bg-c_dometic\.fg\.solid {
    background-color: var(--colors-dometic-fg-solid);
}

  .bg-c_dometic\.fg\.soft {
    background-color: var(--colors-dometic-fg-soft);
}

  .bg-c_dometic\.border {
    background-color: var(--colors-dometic-border);
}

  .bg-c_dometic\.border\.soft {
    background-color: var(--colors-dometic-border-soft);
}

  .bg-c_dometic\.border\.hover {
    background-color: var(--colors-dometic-border-hover);
}

  .bg-c_colorPalette\.a1 {
    background-color: var(--colors-color-palette-a1);
}

  .bg-c_colorPalette\.a2 {
    background-color: var(--colors-color-palette-a2);
}

  .bg-c_colorPalette\.a3 {
    background-color: var(--colors-color-palette-a3);
}

  .bg-c_colorPalette\.a4 {
    background-color: var(--colors-color-palette-a4);
}

  .bg-c_colorPalette\.a5 {
    background-color: var(--colors-color-palette-a5);
}

  .bg-c_colorPalette\.a6 {
    background-color: var(--colors-color-palette-a6);
}

  .bg-c_colorPalette\.a7 {
    background-color: var(--colors-color-palette-a7);
}

  .bg-c_colorPalette\.a8 {
    background-color: var(--colors-color-palette-a8);
}

  .bg-c_colorPalette\.a9 {
    background-color: var(--colors-color-palette-a9);
}

  .bg-c_colorPalette\.a10 {
    background-color: var(--colors-color-palette-a10);
}

  .bg-c_colorPalette\.a11 {
    background-color: var(--colors-color-palette-a11);
}

  .bg-c_colorPalette\.a12 {
    background-color: var(--colors-color-palette-a12);
}

  .bg-c_colorPalette {
    background-color: var(--colors-color-palette);
}

  .bg-c_colorPalette\.soft {
    background-color: var(--colors-color-palette-soft);
}

  .bg-c_colorPalette\.overlay {
    background-color: var(--colors-color-palette-overlay);
}

  .bg-c_colorPalette\.panel {
    background-color: var(--colors-color-palette-panel);
}

  .bg-c_colorPalette\.1 {
    background-color: var(--colors-color-palette-1);
}

  .bg-c_colorPalette\.2 {
    background-color: var(--colors-color-palette-2);
}

  .bg-c_colorPalette\.3 {
    background-color: var(--colors-color-palette-3);
}

  .bg-c_colorPalette\.4 {
    background-color: var(--colors-color-palette-4);
}

  .bg-c_colorPalette\.5 {
    background-color: var(--colors-color-palette-5);
}

  .bg-c_colorPalette\.6 {
    background-color: var(--colors-color-palette-6);
}

  .bg-c_colorPalette\.7 {
    background-color: var(--colors-color-palette-7);
}

  .bg-c_colorPalette\.8 {
    background-color: var(--colors-color-palette-8);
}

  .bg-c_colorPalette\.9 {
    background-color: var(--colors-color-palette-9);
}

  .bg-c_colorPalette\.10 {
    background-color: var(--colors-color-palette-10);
}

  .bg-c_colorPalette\.11 {
    background-color: var(--colors-color-palette-11);
}

  .bg-c_colorPalette\.12 {
    background-color: var(--colors-color-palette-12);
}

  .bg-c_colorPalette\.bg\.app {
    background-color: var(--colors-color-palette-bg-app);
}

  .bg-c_colorPalette\.app {
    background-color: var(--colors-color-palette-app);
}

  .bg-c_colorPalette\.bg\.app\.soft {
    background-color: var(--colors-color-palette-bg-app-soft);
}

  .bg-c_colorPalette\.app\.soft {
    background-color: var(--colors-color-palette-app-soft);
}

  .bg-c_colorPalette\.bg\.solid {
    background-color: var(--colors-color-palette-bg-solid);
}

  .bg-c_colorPalette\.solid {
    background-color: var(--colors-color-palette-solid);
}

  .bg-c_colorPalette\.bg\.solid\.hover {
    background-color: var(--colors-color-palette-bg-solid-hover);
}

  .bg-c_colorPalette\.solid\.hover {
    background-color: var(--colors-color-palette-solid-hover);
}

  .bg-c_colorPalette\.hover {
    background-color: var(--colors-color-palette-hover);
}

  .bg-c_colorPalette\.bg\.solid\.active {
    background-color: var(--colors-color-palette-bg-solid-active);
}

  .bg-c_colorPalette\.solid\.active {
    background-color: var(--colors-color-palette-solid-active);
}

  .bg-c_colorPalette\.active {
    background-color: var(--colors-color-palette-active);
}

  .bg-c_colorPalette\.bg\.soft {
    background-color: var(--colors-color-palette-bg-soft);
}

  .bg-c_colorPalette\.bg\.soft\.hover {
    background-color: var(--colors-color-palette-bg-soft-hover);
}

  .bg-c_colorPalette\.soft\.hover {
    background-color: var(--colors-color-palette-soft-hover);
}

  .bg-c_colorPalette\.soft\.active {
    background-color: var(--colors-color-palette-soft-active);
}

  .bg-c_colorPalette\.fg {
    background-color: var(--colors-color-palette-fg);
}

  .bg-c_colorPalette\.fg\.solid {
    background-color: var(--colors-color-palette-fg-solid);
}

  .bg-c_colorPalette\.fg\.soft {
    background-color: var(--colors-color-palette-fg-soft);
}

  .bg-c_colorPalette\.border {
    background-color: var(--colors-color-palette-border);
}

  .bg-c_colorPalette\.border\.soft {
    background-color: var(--colors-color-palette-border-soft);
}

  .bg-c_colorPalette\.border\.hover {
    background-color: var(--colors-color-palette-border-hover);
}

  .bg-c_colorPalette\.error\.1 {
    background-color: var(--colors-color-palette-error-1);
}

  .bg-c_colorPalette\.error\.2 {
    background-color: var(--colors-color-palette-error-2);
}

  .bg-c_colorPalette\.error\.3 {
    background-color: var(--colors-color-palette-error-3);
}

  .bg-c_colorPalette\.error\.4 {
    background-color: var(--colors-color-palette-error-4);
}

  .bg-c_colorPalette\.error\.5 {
    background-color: var(--colors-color-palette-error-5);
}

  .bg-c_colorPalette\.error\.6 {
    background-color: var(--colors-color-palette-error-6);
}

  .bg-c_colorPalette\.error\.7 {
    background-color: var(--colors-color-palette-error-7);
}

  .bg-c_colorPalette\.error\.8 {
    background-color: var(--colors-color-palette-error-8);
}

  .bg-c_colorPalette\.error\.9 {
    background-color: var(--colors-color-palette-error-9);
}

  .bg-c_colorPalette\.error\.10 {
    background-color: var(--colors-color-palette-error-10);
}

  .bg-c_colorPalette\.error\.11 {
    background-color: var(--colors-color-palette-error-11);
}

  .bg-c_colorPalette\.error\.12 {
    background-color: var(--colors-color-palette-error-12);
}

  .bg-c_colorPalette\.error {
    background-color: var(--colors-color-palette-error);
}

  .bg-c_colorPalette\.error\.a1 {
    background-color: var(--colors-color-palette-error-a1);
}

  .bg-c_colorPalette\.error\.a2 {
    background-color: var(--colors-color-palette-error-a2);
}

  .bg-c_colorPalette\.error\.a3 {
    background-color: var(--colors-color-palette-error-a3);
}

  .bg-c_colorPalette\.error\.a4 {
    background-color: var(--colors-color-palette-error-a4);
}

  .bg-c_colorPalette\.error\.a5 {
    background-color: var(--colors-color-palette-error-a5);
}

  .bg-c_colorPalette\.error\.a6 {
    background-color: var(--colors-color-palette-error-a6);
}

  .bg-c_colorPalette\.error\.a7 {
    background-color: var(--colors-color-palette-error-a7);
}

  .bg-c_colorPalette\.error\.a8 {
    background-color: var(--colors-color-palette-error-a8);
}

  .bg-c_colorPalette\.error\.a9 {
    background-color: var(--colors-color-palette-error-a9);
}

  .bg-c_colorPalette\.error\.a10 {
    background-color: var(--colors-color-palette-error-a10);
}

  .bg-c_colorPalette\.error\.a11 {
    background-color: var(--colors-color-palette-error-a11);
}

  .bg-c_colorPalette\.error\.a12 {
    background-color: var(--colors-color-palette-error-a12);
}

  .bg-c_colorPalette\.error\.bg\.app {
    background-color: var(--colors-color-palette-error-bg-app);
}

  .bg-c_colorPalette\.error\.bg\.app\.soft {
    background-color: var(--colors-color-palette-error-bg-app-soft);
}

  .bg-c_colorPalette\.error\.bg\.solid {
    background-color: var(--colors-color-palette-error-bg-solid);
}

  .bg-c_colorPalette\.error\.bg\.solid\.hover {
    background-color: var(--colors-color-palette-error-bg-solid-hover);
}

  .bg-c_colorPalette\.error\.bg\.solid\.active {
    background-color: var(--colors-color-palette-error-bg-solid-active);
}

  .bg-c_colorPalette\.error\.bg\.soft {
    background-color: var(--colors-color-palette-error-bg-soft);
}

  .bg-c_colorPalette\.error\.bg\.soft\.hover {
    background-color: var(--colors-color-palette-error-bg-soft-hover);
}

  .bg-c_colorPalette\.error\.bg\.soft\.active {
    background-color: var(--colors-color-palette-error-bg-soft-active);
}

  .bg-c_colorPalette\.error\.fg {
    background-color: var(--colors-color-palette-error-fg);
}

  .bg-c_colorPalette\.error\.fg\.solid {
    background-color: var(--colors-color-palette-error-fg-solid);
}

  .bg-c_colorPalette\.error\.fg\.soft {
    background-color: var(--colors-color-palette-error-fg-soft);
}

  .bg-c_colorPalette\.error\.border {
    background-color: var(--colors-color-palette-error-border);
}

  .bg-c_colorPalette\.error\.border\.soft {
    background-color: var(--colors-color-palette-error-border-soft);
}

  .bg-c_colorPalette\.error\.border\.hover {
    background-color: var(--colors-color-palette-error-border-hover);
}

  .bg-c_colorPalette\.success\.1 {
    background-color: var(--colors-color-palette-success-1);
}

  .bg-c_colorPalette\.success\.2 {
    background-color: var(--colors-color-palette-success-2);
}

  .bg-c_colorPalette\.success\.3 {
    background-color: var(--colors-color-palette-success-3);
}

  .bg-c_colorPalette\.success\.4 {
    background-color: var(--colors-color-palette-success-4);
}

  .bg-c_colorPalette\.success\.5 {
    background-color: var(--colors-color-palette-success-5);
}

  .bg-c_colorPalette\.success\.6 {
    background-color: var(--colors-color-palette-success-6);
}

  .bg-c_colorPalette\.success\.7 {
    background-color: var(--colors-color-palette-success-7);
}

  .bg-c_colorPalette\.success\.8 {
    background-color: var(--colors-color-palette-success-8);
}

  .bg-c_colorPalette\.success\.9 {
    background-color: var(--colors-color-palette-success-9);
}

  .bg-c_colorPalette\.success\.10 {
    background-color: var(--colors-color-palette-success-10);
}

  .bg-c_colorPalette\.success\.11 {
    background-color: var(--colors-color-palette-success-11);
}

  .bg-c_colorPalette\.success\.12 {
    background-color: var(--colors-color-palette-success-12);
}

  .bg-c_colorPalette\.success {
    background-color: var(--colors-color-palette-success);
}

  .bg-c_colorPalette\.success\.a1 {
    background-color: var(--colors-color-palette-success-a1);
}

  .bg-c_colorPalette\.success\.a2 {
    background-color: var(--colors-color-palette-success-a2);
}

  .bg-c_colorPalette\.success\.a3 {
    background-color: var(--colors-color-palette-success-a3);
}

  .bg-c_colorPalette\.success\.a4 {
    background-color: var(--colors-color-palette-success-a4);
}

  .bg-c_colorPalette\.success\.a5 {
    background-color: var(--colors-color-palette-success-a5);
}

  .bg-c_colorPalette\.success\.a6 {
    background-color: var(--colors-color-palette-success-a6);
}

  .bg-c_colorPalette\.success\.a7 {
    background-color: var(--colors-color-palette-success-a7);
}

  .bg-c_colorPalette\.success\.a8 {
    background-color: var(--colors-color-palette-success-a8);
}

  .bg-c_colorPalette\.success\.a9 {
    background-color: var(--colors-color-palette-success-a9);
}

  .bg-c_colorPalette\.success\.a10 {
    background-color: var(--colors-color-palette-success-a10);
}

  .bg-c_colorPalette\.success\.a11 {
    background-color: var(--colors-color-palette-success-a11);
}

  .bg-c_colorPalette\.success\.a12 {
    background-color: var(--colors-color-palette-success-a12);
}

  .bg-c_colorPalette\.success\.bg\.app {
    background-color: var(--colors-color-palette-success-bg-app);
}

  .bg-c_colorPalette\.success\.bg\.app\.soft {
    background-color: var(--colors-color-palette-success-bg-app-soft);
}

  .bg-c_colorPalette\.success\.bg\.solid {
    background-color: var(--colors-color-palette-success-bg-solid);
}

  .bg-c_colorPalette\.success\.bg\.solid\.hover {
    background-color: var(--colors-color-palette-success-bg-solid-hover);
}

  .bg-c_colorPalette\.success\.bg\.solid\.active {
    background-color: var(--colors-color-palette-success-bg-solid-active);
}

  .bg-c_colorPalette\.success\.bg\.soft {
    background-color: var(--colors-color-palette-success-bg-soft);
}

  .bg-c_colorPalette\.success\.bg\.soft\.hover {
    background-color: var(--colors-color-palette-success-bg-soft-hover);
}

  .bg-c_colorPalette\.success\.bg\.soft\.active {
    background-color: var(--colors-color-palette-success-bg-soft-active);
}

  .bg-c_colorPalette\.success\.fg {
    background-color: var(--colors-color-palette-success-fg);
}

  .bg-c_colorPalette\.success\.fg\.solid {
    background-color: var(--colors-color-palette-success-fg-solid);
}

  .bg-c_colorPalette\.success\.fg\.soft {
    background-color: var(--colors-color-palette-success-fg-soft);
}

  .bg-c_colorPalette\.success\.border {
    background-color: var(--colors-color-palette-success-border);
}

  .bg-c_colorPalette\.success\.border\.soft {
    background-color: var(--colors-color-palette-success-border-soft);
}

  .bg-c_colorPalette\.success\.border\.hover {
    background-color: var(--colors-color-palette-success-border-hover);
}

  .bg-c_colorPalette\.warning\.1 {
    background-color: var(--colors-color-palette-warning-1);
}

  .bg-c_colorPalette\.warning\.2 {
    background-color: var(--colors-color-palette-warning-2);
}

  .bg-c_colorPalette\.warning\.3 {
    background-color: var(--colors-color-palette-warning-3);
}

  .bg-c_colorPalette\.warning\.4 {
    background-color: var(--colors-color-palette-warning-4);
}

  .bg-c_colorPalette\.warning\.5 {
    background-color: var(--colors-color-palette-warning-5);
}

  .bg-c_colorPalette\.warning\.6 {
    background-color: var(--colors-color-palette-warning-6);
}

  .bg-c_colorPalette\.warning\.7 {
    background-color: var(--colors-color-palette-warning-7);
}

  .bg-c_colorPalette\.warning\.8 {
    background-color: var(--colors-color-palette-warning-8);
}

  .bg-c_colorPalette\.warning\.9 {
    background-color: var(--colors-color-palette-warning-9);
}

  .bg-c_colorPalette\.warning\.10 {
    background-color: var(--colors-color-palette-warning-10);
}

  .bg-c_colorPalette\.warning\.11 {
    background-color: var(--colors-color-palette-warning-11);
}

  .bg-c_colorPalette\.warning\.12 {
    background-color: var(--colors-color-palette-warning-12);
}

  .bg-c_colorPalette\.warning {
    background-color: var(--colors-color-palette-warning);
}

  .bg-c_colorPalette\.warning\.a1 {
    background-color: var(--colors-color-palette-warning-a1);
}

  .bg-c_colorPalette\.warning\.a2 {
    background-color: var(--colors-color-palette-warning-a2);
}

  .bg-c_colorPalette\.warning\.a3 {
    background-color: var(--colors-color-palette-warning-a3);
}

  .bg-c_colorPalette\.warning\.a4 {
    background-color: var(--colors-color-palette-warning-a4);
}

  .bg-c_colorPalette\.warning\.a5 {
    background-color: var(--colors-color-palette-warning-a5);
}

  .bg-c_colorPalette\.warning\.a6 {
    background-color: var(--colors-color-palette-warning-a6);
}

  .bg-c_colorPalette\.warning\.a7 {
    background-color: var(--colors-color-palette-warning-a7);
}

  .bg-c_colorPalette\.warning\.a8 {
    background-color: var(--colors-color-palette-warning-a8);
}

  .bg-c_colorPalette\.warning\.a9 {
    background-color: var(--colors-color-palette-warning-a9);
}

  .bg-c_colorPalette\.warning\.a10 {
    background-color: var(--colors-color-palette-warning-a10);
}

  .bg-c_colorPalette\.warning\.a11 {
    background-color: var(--colors-color-palette-warning-a11);
}

  .bg-c_colorPalette\.warning\.a12 {
    background-color: var(--colors-color-palette-warning-a12);
}

  .bg-c_colorPalette\.warning\.bg\.app {
    background-color: var(--colors-color-palette-warning-bg-app);
}

  .bg-c_colorPalette\.warning\.bg\.app\.soft {
    background-color: var(--colors-color-palette-warning-bg-app-soft);
}

  .bg-c_colorPalette\.warning\.bg\.solid {
    background-color: var(--colors-color-palette-warning-bg-solid);
}

  .bg-c_colorPalette\.warning\.bg\.solid\.hover {
    background-color: var(--colors-color-palette-warning-bg-solid-hover);
}

  .bg-c_colorPalette\.warning\.bg\.solid\.active {
    background-color: var(--colors-color-palette-warning-bg-solid-active);
}

  .bg-c_colorPalette\.warning\.bg\.soft {
    background-color: var(--colors-color-palette-warning-bg-soft);
}

  .bg-c_colorPalette\.warning\.bg\.soft\.hover {
    background-color: var(--colors-color-palette-warning-bg-soft-hover);
}

  .bg-c_colorPalette\.warning\.bg\.soft\.active {
    background-color: var(--colors-color-palette-warning-bg-soft-active);
}

  .bg-c_colorPalette\.warning\.fg {
    background-color: var(--colors-color-palette-warning-fg);
}

  .bg-c_colorPalette\.warning\.fg\.solid {
    background-color: var(--colors-color-palette-warning-fg-solid);
}

  .bg-c_colorPalette\.warning\.fg\.soft {
    background-color: var(--colors-color-palette-warning-fg-soft);
}

  .bg-c_colorPalette\.warning\.border {
    background-color: var(--colors-color-palette-warning-border);
}

  .bg-c_colorPalette\.warning\.border\.soft {
    background-color: var(--colors-color-palette-warning-border-soft);
}

  .bg-c_colorPalette\.warning\.border\.hover {
    background-color: var(--colors-color-palette-warning-border-hover);
}

  .bg-c_colorPalette\.disabled\.bg\.solid {
    background-color: var(--colors-color-palette-disabled-bg-solid);
}

  .bg-c_colorPalette\.disabled\.bg\.soft {
    background-color: var(--colors-color-palette-disabled-bg-soft);
}

  .bg-c_colorPalette\.disabled\.fg {
    background-color: var(--colors-color-palette-disabled-fg);
}

  .bg-c_colorPalette\.disabled\.border {
    background-color: var(--colors-color-palette-disabled-border);
}

  .bg-c_colorPalette\.disabled\.border\.soft {
    background-color: var(--colors-color-palette-disabled-border-soft);
}

  .z_hide {
    z-index: var(--z-index-hide);
}

  .z_base {
    z-index: var(--z-index-base);
}

  .z_docked {
    z-index: var(--z-index-docked);
}

  .z_dropdown {
    z-index: var(--z-index-dropdown);
}

  .z_sticky {
    z-index: var(--z-index-sticky);
}

  .z_banner {
    z-index: var(--z-index-banner);
}

  .z_overlay {
    z-index: var(--z-index-overlay);
}

  .z_modal {
    z-index: var(--z-index-modal);
}

  .z_skipLink {
    z-index: var(--z-index-skip-link);
}

  .z_toast {
    z-index: var(--z-index-toast);
}

  .z_tooltip {
    z-index: var(--z-index-tooltip);
}

  .lh_xs {
    line-height: var(--line-heights-xs);
}

  .lh_sm {
    line-height: var(--line-heights-sm);
}

  .lh_md {
    line-height: var(--line-heights-md);
}

  .lh_lg {
    line-height: var(--line-heights-lg);
}

  .lh_xl {
    line-height: var(--line-heights-xl);
}

  .lh_2xl {
    line-height: var(--line-heights-2xl);
}

  .lh_3xl {
    line-height: var(--line-heights-3xl);
}

  .lh_4xl {
    line-height: var(--line-heights-4xl);
}

  .lh_5xl {
    line-height: var(--line-heights-5xl);
}

  .lh_6xl {
    line-height: var(--line-heights-6xl);
}

  .lh_7xl {
    line-height: var(--line-heights-7xl);
}

  .rg_1 {
    row-gap: var(--spacing-1);
}

  .rg_2 {
    row-gap: var(--spacing-2);
}

  .rg_3 {
    row-gap: var(--spacing-3);
}

  .rg_4 {
    row-gap: var(--spacing-4);
}

  .rg_5 {
    row-gap: var(--spacing-5);
}

  .rg_7 {
    row-gap: var(--spacing-7);
}

  .rg_8 {
    row-gap: var(--spacing-8);
}

  .rg_9 {
    row-gap: var(--spacing-9);
}

  .rg_10 {
    row-gap: var(--spacing-10);
}

  .rg_11 {
    row-gap: var(--spacing-11);
}

  .rg_12 {
    row-gap: var(--spacing-12);
}

  .rg_13 {
    row-gap: var(--spacing-13);
}

  .rg_14 {
    row-gap: var(--spacing-14);
}

  .rg_15 {
    row-gap: var(--spacing-15);
}

  .rg_16 {
    row-gap: var(--spacing-16);
}

  .rg_17 {
    row-gap: var(--spacing-17);
}

  .rg_18 {
    row-gap: var(--spacing-18);
}

  .rg_19 {
    row-gap: var(--spacing-19);
}

  .rg_20 {
    row-gap: var(--spacing-20);
}

  .rg_21 {
    row-gap: var(--spacing-21);
}

  .rg_22 {
    row-gap: var(--spacing-22);
}

  .rg_23 {
    row-gap: var(--spacing-23);
}

  .rg_24 {
    row-gap: var(--spacing-24);
}

  .rg_25 {
    row-gap: var(--spacing-25);
}

  .rg_26 {
    row-gap: var(--spacing-26);
}

  .rg_27 {
    row-gap: var(--spacing-27);
}

  .rg_28 {
    row-gap: var(--spacing-28);
}

  .rg_29 {
    row-gap: var(--spacing-29);
}

  .rg_30 {
    row-gap: var(--spacing-30);
}

  .rg_31 {
    row-gap: var(--spacing-31);
}

  .rg_32 {
    row-gap: var(--spacing-32);
}

  .rg_33 {
    row-gap: var(--spacing-33);
}

  .rg_34 {
    row-gap: var(--spacing-34);
}

  .rg_35 {
    row-gap: var(--spacing-35);
}

  .rg_36 {
    row-gap: var(--spacing-36);
}

  .rg_37 {
    row-gap: var(--spacing-37);
}

  .rg_38 {
    row-gap: var(--spacing-38);
}

  .rg_39 {
    row-gap: var(--spacing-39);
}

  .rg_40 {
    row-gap: var(--spacing-40);
}

  .rg_auto {
    row-gap: var(--spacing-auto);
}

  .rg_0 {
    row-gap: var(--spacing-0);
}

  .rg_-1 {
    row-gap: calc(var(--spacing-1) * -1);
}

  .rg_-2 {
    row-gap: calc(var(--spacing-2) * -1);
}

  .rg_-3 {
    row-gap: calc(var(--spacing-3) * -1);
}

  .rg_-4 {
    row-gap: calc(var(--spacing-4) * -1);
}

  .rg_-5 {
    row-gap: calc(var(--spacing-5) * -1);
}

  .rg_-6 {
    row-gap: calc(var(--spacing-6) * -1);
}

  .rg_-7 {
    row-gap: calc(var(--spacing-7) * -1);
}

  .rg_-8 {
    row-gap: calc(var(--spacing-8) * -1);
}

  .rg_-9 {
    row-gap: calc(var(--spacing-9) * -1);
}

  .rg_-10 {
    row-gap: calc(var(--spacing-10) * -1);
}

  .rg_-11 {
    row-gap: calc(var(--spacing-11) * -1);
}

  .rg_-12 {
    row-gap: calc(var(--spacing-12) * -1);
}

  .rg_-13 {
    row-gap: calc(var(--spacing-13) * -1);
}

  .rg_-14 {
    row-gap: calc(var(--spacing-14) * -1);
}

  .rg_-15 {
    row-gap: calc(var(--spacing-15) * -1);
}

  .rg_-16 {
    row-gap: calc(var(--spacing-16) * -1);
}

  .rg_-17 {
    row-gap: calc(var(--spacing-17) * -1);
}

  .rg_-18 {
    row-gap: calc(var(--spacing-18) * -1);
}

  .rg_-19 {
    row-gap: calc(var(--spacing-19) * -1);
}

  .rg_-20 {
    row-gap: calc(var(--spacing-20) * -1);
}

  .rg_-21 {
    row-gap: calc(var(--spacing-21) * -1);
}

  .rg_-22 {
    row-gap: calc(var(--spacing-22) * -1);
}

  .rg_-23 {
    row-gap: calc(var(--spacing-23) * -1);
}

  .rg_-24 {
    row-gap: calc(var(--spacing-24) * -1);
}

  .rg_-25 {
    row-gap: calc(var(--spacing-25) * -1);
}

  .rg_-26 {
    row-gap: calc(var(--spacing-26) * -1);
}

  .rg_-27 {
    row-gap: calc(var(--spacing-27) * -1);
}

  .rg_-28 {
    row-gap: calc(var(--spacing-28) * -1);
}

  .rg_-29 {
    row-gap: calc(var(--spacing-29) * -1);
}

  .rg_-30 {
    row-gap: calc(var(--spacing-30) * -1);
}

  .rg_-31 {
    row-gap: calc(var(--spacing-31) * -1);
}

  .rg_-32 {
    row-gap: calc(var(--spacing-32) * -1);
}

  .rg_-33 {
    row-gap: calc(var(--spacing-33) * -1);
}

  .rg_-34 {
    row-gap: calc(var(--spacing-34) * -1);
}

  .rg_-35 {
    row-gap: calc(var(--spacing-35) * -1);
}

  .rg_-36 {
    row-gap: calc(var(--spacing-36) * -1);
}

  .rg_-37 {
    row-gap: calc(var(--spacing-37) * -1);
}

  .rg_-38 {
    row-gap: calc(var(--spacing-38) * -1);
}

  .rg_-39 {
    row-gap: calc(var(--spacing-39) * -1);
}

  .rg_-40 {
    row-gap: calc(var(--spacing-40) * -1);
}

  .rg_-auto {
    row-gap: calc(var(--spacing-auto) * -1);
}

  .cg_1 {
    column-gap: var(--spacing-1);
}

  .cg_2 {
    column-gap: var(--spacing-2);
}

  .cg_3 {
    column-gap: var(--spacing-3);
}

  .cg_4 {
    column-gap: var(--spacing-4);
}

  .cg_5 {
    column-gap: var(--spacing-5);
}

  .cg_6 {
    column-gap: var(--spacing-6);
}

  .cg_7 {
    column-gap: var(--spacing-7);
}

  .cg_8 {
    column-gap: var(--spacing-8);
}

  .cg_9 {
    column-gap: var(--spacing-9);
}

  .cg_10 {
    column-gap: var(--spacing-10);
}

  .cg_11 {
    column-gap: var(--spacing-11);
}

  .cg_12 {
    column-gap: var(--spacing-12);
}

  .cg_13 {
    column-gap: var(--spacing-13);
}

  .cg_14 {
    column-gap: var(--spacing-14);
}

  .cg_15 {
    column-gap: var(--spacing-15);
}

  .cg_16 {
    column-gap: var(--spacing-16);
}

  .cg_17 {
    column-gap: var(--spacing-17);
}

  .cg_18 {
    column-gap: var(--spacing-18);
}

  .cg_19 {
    column-gap: var(--spacing-19);
}

  .cg_20 {
    column-gap: var(--spacing-20);
}

  .cg_21 {
    column-gap: var(--spacing-21);
}

  .cg_22 {
    column-gap: var(--spacing-22);
}

  .cg_23 {
    column-gap: var(--spacing-23);
}

  .cg_24 {
    column-gap: var(--spacing-24);
}

  .cg_25 {
    column-gap: var(--spacing-25);
}

  .cg_26 {
    column-gap: var(--spacing-26);
}

  .cg_27 {
    column-gap: var(--spacing-27);
}

  .cg_28 {
    column-gap: var(--spacing-28);
}

  .cg_29 {
    column-gap: var(--spacing-29);
}

  .cg_30 {
    column-gap: var(--spacing-30);
}

  .cg_31 {
    column-gap: var(--spacing-31);
}

  .cg_32 {
    column-gap: var(--spacing-32);
}

  .cg_33 {
    column-gap: var(--spacing-33);
}

  .cg_34 {
    column-gap: var(--spacing-34);
}

  .cg_35 {
    column-gap: var(--spacing-35);
}

  .cg_36 {
    column-gap: var(--spacing-36);
}

  .cg_37 {
    column-gap: var(--spacing-37);
}

  .cg_38 {
    column-gap: var(--spacing-38);
}

  .cg_39 {
    column-gap: var(--spacing-39);
}

  .cg_40 {
    column-gap: var(--spacing-40);
}

  .cg_auto {
    column-gap: var(--spacing-auto);
}

  .cg_0 {
    column-gap: var(--spacing-0);
}

  .cg_-1 {
    column-gap: calc(var(--spacing-1) * -1);
}

  .cg_-2 {
    column-gap: calc(var(--spacing-2) * -1);
}

  .cg_-3 {
    column-gap: calc(var(--spacing-3) * -1);
}

  .cg_-4 {
    column-gap: calc(var(--spacing-4) * -1);
}

  .cg_-5 {
    column-gap: calc(var(--spacing-5) * -1);
}

  .cg_-6 {
    column-gap: calc(var(--spacing-6) * -1);
}

  .cg_-7 {
    column-gap: calc(var(--spacing-7) * -1);
}

  .cg_-8 {
    column-gap: calc(var(--spacing-8) * -1);
}

  .cg_-9 {
    column-gap: calc(var(--spacing-9) * -1);
}

  .cg_-10 {
    column-gap: calc(var(--spacing-10) * -1);
}

  .cg_-11 {
    column-gap: calc(var(--spacing-11) * -1);
}

  .cg_-12 {
    column-gap: calc(var(--spacing-12) * -1);
}

  .cg_-13 {
    column-gap: calc(var(--spacing-13) * -1);
}

  .cg_-14 {
    column-gap: calc(var(--spacing-14) * -1);
}

  .cg_-15 {
    column-gap: calc(var(--spacing-15) * -1);
}

  .cg_-16 {
    column-gap: calc(var(--spacing-16) * -1);
}

  .cg_-17 {
    column-gap: calc(var(--spacing-17) * -1);
}

  .cg_-18 {
    column-gap: calc(var(--spacing-18) * -1);
}

  .cg_-19 {
    column-gap: calc(var(--spacing-19) * -1);
}

  .cg_-20 {
    column-gap: calc(var(--spacing-20) * -1);
}

  .cg_-21 {
    column-gap: calc(var(--spacing-21) * -1);
}

  .cg_-22 {
    column-gap: calc(var(--spacing-22) * -1);
}

  .cg_-23 {
    column-gap: calc(var(--spacing-23) * -1);
}

  .cg_-24 {
    column-gap: calc(var(--spacing-24) * -1);
}

  .cg_-25 {
    column-gap: calc(var(--spacing-25) * -1);
}

  .cg_-26 {
    column-gap: calc(var(--spacing-26) * -1);
}

  .cg_-27 {
    column-gap: calc(var(--spacing-27) * -1);
}

  .cg_-28 {
    column-gap: calc(var(--spacing-28) * -1);
}

  .cg_-29 {
    column-gap: calc(var(--spacing-29) * -1);
}

  .cg_-30 {
    column-gap: calc(var(--spacing-30) * -1);
}

  .cg_-31 {
    column-gap: calc(var(--spacing-31) * -1);
}

  .cg_-32 {
    column-gap: calc(var(--spacing-32) * -1);
}

  .cg_-33 {
    column-gap: calc(var(--spacing-33) * -1);
}

  .cg_-34 {
    column-gap: calc(var(--spacing-34) * -1);
}

  .cg_-35 {
    column-gap: calc(var(--spacing-35) * -1);
}

  .cg_-36 {
    column-gap: calc(var(--spacing-36) * -1);
}

  .cg_-37 {
    column-gap: calc(var(--spacing-37) * -1);
}

  .cg_-38 {
    column-gap: calc(var(--spacing-38) * -1);
}

  .cg_-39 {
    column-gap: calc(var(--spacing-39) * -1);
}

  .cg_-40 {
    column-gap: calc(var(--spacing-40) * -1);
}

  .cg_-auto {
    column-gap: calc(var(--spacing-auto) * -1);
}

  .fw_light {
    font-weight: var(--font-weights-light);
}

  .fw_regular {
    font-weight: var(--font-weights-regular);
}

  .fw_medium {
    font-weight: var(--font-weights-medium);
}

  .fw_extrabold {
    font-weight: var(--font-weights-extrabold);
}

  .w_100\% {
    width: 100%;
}

  .w_21 {
    width: var(--sizes-21);
}

  .ml_-3 {
    margin-left: calc(var(--spacing-3) * -1);
}

  .max-w_var\(--dialog-width\) {
    max-width: var(--dialog-width);
}

  .min-w_calc\(var\(--dialog-width\)_\/_2\) {
    min-width: calc(var(--dialog-width) / 2);
}

  .top_0 {
    top: var(--spacing-0);
}

  .bottom_0 {
    bottom: var(--spacing-0);
}

  .max-h_var\(--dialog-height\) {
    max-height: var(--dialog-height);
}

  .min-h_calc\(var\(--dialog-height\)_\/_2\) {
    min-height: calc(var(--dialog-height) / 2);
}

  .min-w_full {
    min-width: var(--sizes-full);
}

  .w_full {
    width: var(--sizes-full);
}

  .h_lvh {
    height: 100lvh;
}

  .h_full {
    height: var(--sizes-full);
}

  .ml_2 {
    margin-left: var(--spacing-2);
}

  .ml_4 {
    margin-left: var(--spacing-4);
}

  .mb_6 {
    margin-bottom: var(--spacing-6);
}

  .ml_auto {
    margin-left: var(--spacing-auto);
}

  .h_15 {
    height: var(--sizes-15);
}

  .max-w_30 {
    max-width: var(--sizes-30);
}

  .mb_0\! {
    margin-bottom: var(--spacing-0) !important;
}

  .mb_4 {
    margin-bottom: var(--spacing-4);
}

  .mb_\.75em {
    margin-bottom: .75em;
}

  .mt_1\.25em {
    margin-top: 1.25em;
}

  .mb_1 {
    margin-bottom: var(--spacing-1);
}

  .mb_3 {
    margin-bottom: var(--spacing-3);
}

  .top_var\(--toolbar-inset\) {
    top: var(--toolbar-inset);
}

  .left_var\(--toolbar-inset\) {
    left: var(--toolbar-inset);
}

  .left_50\% {
    left: 50%;
}

  .right_var\(--toolbar-inset\) {
    right: var(--toolbar-inset);
}

  .bottom_var\(--toolbar-inset\) {
    bottom: var(--toolbar-inset);
}

  .mr_2 {
    margin-right: var(--spacing-2);
}

  .pl_6 {
    padding-left: var(--spacing-6);
}

  .h_0 {
    height: var(--sizes-0);
}

  .h_1 {
    height: var(--sizes-1);
}

  .h_2 {
    height: var(--sizes-2);
}

  .h_3 {
    height: var(--sizes-3);
}

  .h_4 {
    height: var(--sizes-4);
}

  .h_5 {
    height: var(--sizes-5);
}

  .h_6 {
    height: var(--sizes-6);
}

  .h_7 {
    height: var(--sizes-7);
}

  .h_8 {
    height: var(--sizes-8);
}

  .h_9 {
    height: var(--sizes-9);
}

  .h_10 {
    height: var(--sizes-10);
}

  .h_11 {
    height: var(--sizes-11);
}

  .h_12 {
    height: var(--sizes-12);
}

  .h_13 {
    height: var(--sizes-13);
}

  .h_14 {
    height: var(--sizes-14);
}

  .h_16 {
    height: var(--sizes-16);
}

  .h_17 {
    height: var(--sizes-17);
}

  .h_18 {
    height: var(--sizes-18);
}

  .h_19 {
    height: var(--sizes-19);
}

  .h_20 {
    height: var(--sizes-20);
}

  .h_21 {
    height: var(--sizes-21);
}

  .h_22 {
    height: var(--sizes-22);
}

  .h_23 {
    height: var(--sizes-23);
}

  .h_24 {
    height: var(--sizes-24);
}

  .h_25 {
    height: var(--sizes-25);
}

  .h_26 {
    height: var(--sizes-26);
}

  .h_27 {
    height: var(--sizes-27);
}

  .h_28 {
    height: var(--sizes-28);
}

  .h_29 {
    height: var(--sizes-29);
}

  .h_30 {
    height: var(--sizes-30);
}

  .h_31 {
    height: var(--sizes-31);
}

  .h_32 {
    height: var(--sizes-32);
}

  .h_33 {
    height: var(--sizes-33);
}

  .h_34 {
    height: var(--sizes-34);
}

  .h_35 {
    height: var(--sizes-35);
}

  .h_36 {
    height: var(--sizes-36);
}

  .h_37 {
    height: var(--sizes-37);
}

  .h_38 {
    height: var(--sizes-38);
}

  .h_39 {
    height: var(--sizes-39);
}

  .h_40 {
    height: var(--sizes-40);
}

  .h_auto {
    height: var(--sizes-auto);
}

  .h_2xs {
    height: var(--sizes-2xs);
}

  .h_xs {
    height: var(--sizes-xs);
}

  .h_sm {
    height: var(--sizes-sm);
}

  .h_md {
    height: var(--sizes-md);
}

  .h_lg {
    height: var(--sizes-lg);
}

  .h_xl {
    height: var(--sizes-xl);
}

  .h_2xl {
    height: var(--sizes-2xl);
}

  .h_3xl {
    height: var(--sizes-3xl);
}

  .h_4xl {
    height: var(--sizes-4xl);
}

  .h_5xl {
    height: var(--sizes-5xl);
}

  .h_6xl {
    height: var(--sizes-6xl);
}

  .h_7xl {
    height: var(--sizes-7xl);
}

  .h_8xl {
    height: var(--sizes-8xl);
}

  .h_min {
    height: var(--sizes-min);
}

  .h_max {
    height: var(--sizes-max);
}

  .h_fit {
    height: var(--sizes-fit);
}

  .h_breakpoint-sm {
    height: var(--sizes-breakpoint-sm);
}

  .h_breakpoint-md {
    height: var(--sizes-breakpoint-md);
}

  .h_breakpoint-lg {
    height: var(--sizes-breakpoint-lg);
}

  .h_breakpoint-xl {
    height: var(--sizes-breakpoint-xl);
}

  .h_breakpoint-2xl {
    height: var(--sizes-breakpoint-2xl);
}

  .h_svh {
    height: 100svh;
}

  .h_dvh {
    height: 100dvh;
}

  .h_screen {
    height: 100vh;
}

  .h_1\/2 {
    height: 50%;
}

  .h_1\/3 {
    height: 33.333333%;
}

  .h_2\/3 {
    height: 66.666667%;
}

  .h_1\/4 {
    height: 25%;
}

  .h_2\/4 {
    height: 50%;
}

  .h_3\/4 {
    height: 75%;
}

  .h_1\/5 {
    height: 20%;
}

  .h_2\/5 {
    height: 40%;
}

  .h_3\/5 {
    height: 60%;
}

  .h_4\/5 {
    height: 80%;
}

  .h_1\/6 {
    height: 16.666667%;
}

  .h_2\/6 {
    height: 33.333333%;
}

  .h_3\/6 {
    height: 50%;
}

  .h_4\/6 {
    height: 66.666667%;
}

  .h_5\/6 {
    height: 83.333333%;
}

  .w_0 {
    width: var(--sizes-0);
}

  .w_1 {
    width: var(--sizes-1);
}

  .w_2 {
    width: var(--sizes-2);
}

  .w_3 {
    width: var(--sizes-3);
}

  .w_4 {
    width: var(--sizes-4);
}

  .w_5 {
    width: var(--sizes-5);
}

  .w_6 {
    width: var(--sizes-6);
}

  .w_7 {
    width: var(--sizes-7);
}

  .w_8 {
    width: var(--sizes-8);
}

  .w_9 {
    width: var(--sizes-9);
}

  .w_10 {
    width: var(--sizes-10);
}

  .w_11 {
    width: var(--sizes-11);
}

  .w_12 {
    width: var(--sizes-12);
}

  .w_13 {
    width: var(--sizes-13);
}

  .w_14 {
    width: var(--sizes-14);
}

  .w_15 {
    width: var(--sizes-15);
}

  .w_16 {
    width: var(--sizes-16);
}

  .w_17 {
    width: var(--sizes-17);
}

  .w_18 {
    width: var(--sizes-18);
}

  .w_19 {
    width: var(--sizes-19);
}

  .w_20 {
    width: var(--sizes-20);
}

  .w_22 {
    width: var(--sizes-22);
}

  .w_23 {
    width: var(--sizes-23);
}

  .w_24 {
    width: var(--sizes-24);
}

  .w_25 {
    width: var(--sizes-25);
}

  .w_26 {
    width: var(--sizes-26);
}

  .w_27 {
    width: var(--sizes-27);
}

  .w_28 {
    width: var(--sizes-28);
}

  .w_29 {
    width: var(--sizes-29);
}

  .w_30 {
    width: var(--sizes-30);
}

  .w_31 {
    width: var(--sizes-31);
}

  .w_32 {
    width: var(--sizes-32);
}

  .w_33 {
    width: var(--sizes-33);
}

  .w_34 {
    width: var(--sizes-34);
}

  .w_35 {
    width: var(--sizes-35);
}

  .w_36 {
    width: var(--sizes-36);
}

  .w_37 {
    width: var(--sizes-37);
}

  .w_38 {
    width: var(--sizes-38);
}

  .w_39 {
    width: var(--sizes-39);
}

  .w_40 {
    width: var(--sizes-40);
}

  .w_auto {
    width: var(--sizes-auto);
}

  .w_2xs {
    width: var(--sizes-2xs);
}

  .w_xs {
    width: var(--sizes-xs);
}

  .w_sm {
    width: var(--sizes-sm);
}

  .w_md {
    width: var(--sizes-md);
}

  .w_lg {
    width: var(--sizes-lg);
}

  .w_xl {
    width: var(--sizes-xl);
}

  .w_2xl {
    width: var(--sizes-2xl);
}

  .w_3xl {
    width: var(--sizes-3xl);
}

  .w_4xl {
    width: var(--sizes-4xl);
}

  .w_5xl {
    width: var(--sizes-5xl);
}

  .w_6xl {
    width: var(--sizes-6xl);
}

  .w_7xl {
    width: var(--sizes-7xl);
}

  .w_8xl {
    width: var(--sizes-8xl);
}

  .w_min {
    width: var(--sizes-min);
}

  .w_max {
    width: var(--sizes-max);
}

  .w_fit {
    width: var(--sizes-fit);
}

  .w_breakpoint-sm {
    width: var(--sizes-breakpoint-sm);
}

  .w_breakpoint-md {
    width: var(--sizes-breakpoint-md);
}

  .w_breakpoint-lg {
    width: var(--sizes-breakpoint-lg);
}

  .w_breakpoint-xl {
    width: var(--sizes-breakpoint-xl);
}

  .w_breakpoint-2xl {
    width: var(--sizes-breakpoint-2xl);
}

  .w_1\/2 {
    width: 50%;
}

  .w_1\/3 {
    width: 33.333333%;
}

  .w_2\/3 {
    width: 66.666667%;
}

  .w_1\/4 {
    width: 25%;
}

  .w_2\/4 {
    width: 50%;
}

  .w_3\/4 {
    width: 75%;
}

  .w_1\/5 {
    width: 20%;
}

  .w_2\/5 {
    width: 40%;
}

  .w_3\/5 {
    width: 60%;
}

  .w_4\/5 {
    width: 80%;
}

  .w_1\/6 {
    width: 16.666667%;
}

  .w_2\/6 {
    width: 33.333333%;
}

  .w_3\/6 {
    width: 50%;
}

  .w_4\/6 {
    width: 66.666667%;
}

  .w_5\/6 {
    width: 83.333333%;
}

  .w_1\/12 {
    width: 8.333333%;
}

  .w_2\/12 {
    width: 16.666667%;
}

  .w_3\/12 {
    width: 25%;
}

  .w_4\/12 {
    width: 33.333333%;
}

  .w_5\/12 {
    width: 41.666667%;
}

  .w_6\/12 {
    width: 50%;
}

  .w_7\/12 {
    width: 58.333333%;
}

  .w_8\/12 {
    width: 66.666667%;
}

  .w_9\/12 {
    width: 75%;
}

  .w_10\/12 {
    width: 83.333333%;
}

  .w_11\/12 {
    width: 91.666667%;
}

  .w_screen {
    width: 100vw;
}

  .left_1 {
    left: var(--spacing-1);
}

  .left_2 {
    left: var(--spacing-2);
}

  .left_3 {
    left: var(--spacing-3);
}

  .left_4 {
    left: var(--spacing-4);
}

  .left_5 {
    left: var(--spacing-5);
}

  .left_6 {
    left: var(--spacing-6);
}

  .left_7 {
    left: var(--spacing-7);
}

  .left_8 {
    left: var(--spacing-8);
}

  .left_9 {
    left: var(--spacing-9);
}

  .left_10 {
    left: var(--spacing-10);
}

  .left_11 {
    left: var(--spacing-11);
}

  .left_12 {
    left: var(--spacing-12);
}

  .left_13 {
    left: var(--spacing-13);
}

  .left_14 {
    left: var(--spacing-14);
}

  .left_15 {
    left: var(--spacing-15);
}

  .left_16 {
    left: var(--spacing-16);
}

  .left_17 {
    left: var(--spacing-17);
}

  .left_18 {
    left: var(--spacing-18);
}

  .left_19 {
    left: var(--spacing-19);
}

  .left_20 {
    left: var(--spacing-20);
}

  .left_21 {
    left: var(--spacing-21);
}

  .left_22 {
    left: var(--spacing-22);
}

  .left_23 {
    left: var(--spacing-23);
}

  .left_24 {
    left: var(--spacing-24);
}

  .left_25 {
    left: var(--spacing-25);
}

  .left_26 {
    left: var(--spacing-26);
}

  .left_27 {
    left: var(--spacing-27);
}

  .left_28 {
    left: var(--spacing-28);
}

  .left_29 {
    left: var(--spacing-29);
}

  .left_30 {
    left: var(--spacing-30);
}

  .left_31 {
    left: var(--spacing-31);
}

  .left_32 {
    left: var(--spacing-32);
}

  .left_33 {
    left: var(--spacing-33);
}

  .left_34 {
    left: var(--spacing-34);
}

  .left_35 {
    left: var(--spacing-35);
}

  .left_36 {
    left: var(--spacing-36);
}

  .left_37 {
    left: var(--spacing-37);
}

  .left_38 {
    left: var(--spacing-38);
}

  .left_39 {
    left: var(--spacing-39);
}

  .left_40 {
    left: var(--spacing-40);
}

  .left_auto {
    left: var(--spacing-auto);
}

  .left_0 {
    left: var(--spacing-0);
}

  .left_-1 {
    left: calc(var(--spacing-1) * -1);
}

  .left_-2 {
    left: calc(var(--spacing-2) * -1);
}

  .left_-3 {
    left: calc(var(--spacing-3) * -1);
}

  .left_-4 {
    left: calc(var(--spacing-4) * -1);
}

  .left_-5 {
    left: calc(var(--spacing-5) * -1);
}

  .left_-6 {
    left: calc(var(--spacing-6) * -1);
}

  .left_-7 {
    left: calc(var(--spacing-7) * -1);
}

  .left_-8 {
    left: calc(var(--spacing-8) * -1);
}

  .left_-9 {
    left: calc(var(--spacing-9) * -1);
}

  .left_-10 {
    left: calc(var(--spacing-10) * -1);
}

  .left_-11 {
    left: calc(var(--spacing-11) * -1);
}

  .left_-12 {
    left: calc(var(--spacing-12) * -1);
}

  .left_-13 {
    left: calc(var(--spacing-13) * -1);
}

  .left_-14 {
    left: calc(var(--spacing-14) * -1);
}

  .left_-15 {
    left: calc(var(--spacing-15) * -1);
}

  .left_-16 {
    left: calc(var(--spacing-16) * -1);
}

  .left_-17 {
    left: calc(var(--spacing-17) * -1);
}

  .left_-18 {
    left: calc(var(--spacing-18) * -1);
}

  .left_-19 {
    left: calc(var(--spacing-19) * -1);
}

  .left_-20 {
    left: calc(var(--spacing-20) * -1);
}

  .left_-21 {
    left: calc(var(--spacing-21) * -1);
}

  .left_-22 {
    left: calc(var(--spacing-22) * -1);
}

  .left_-23 {
    left: calc(var(--spacing-23) * -1);
}

  .left_-24 {
    left: calc(var(--spacing-24) * -1);
}

  .left_-25 {
    left: calc(var(--spacing-25) * -1);
}

  .left_-26 {
    left: calc(var(--spacing-26) * -1);
}

  .left_-27 {
    left: calc(var(--spacing-27) * -1);
}

  .left_-28 {
    left: calc(var(--spacing-28) * -1);
}

  .left_-29 {
    left: calc(var(--spacing-29) * -1);
}

  .left_-30 {
    left: calc(var(--spacing-30) * -1);
}

  .left_-31 {
    left: calc(var(--spacing-31) * -1);
}

  .left_-32 {
    left: calc(var(--spacing-32) * -1);
}

  .left_-33 {
    left: calc(var(--spacing-33) * -1);
}

  .left_-34 {
    left: calc(var(--spacing-34) * -1);
}

  .left_-35 {
    left: calc(var(--spacing-35) * -1);
}

  .left_-36 {
    left: calc(var(--spacing-36) * -1);
}

  .left_-37 {
    left: calc(var(--spacing-37) * -1);
}

  .left_-38 {
    left: calc(var(--spacing-38) * -1);
}

  .left_-39 {
    left: calc(var(--spacing-39) * -1);
}

  .left_-40 {
    left: calc(var(--spacing-40) * -1);
}

  .left_-auto {
    left: calc(var(--spacing-auto) * -1);
}

  .right_1 {
    right: var(--spacing-1);
}

  .right_2 {
    right: var(--spacing-2);
}

  .right_3 {
    right: var(--spacing-3);
}

  .right_4 {
    right: var(--spacing-4);
}

  .right_5 {
    right: var(--spacing-5);
}

  .right_6 {
    right: var(--spacing-6);
}

  .right_7 {
    right: var(--spacing-7);
}

  .right_8 {
    right: var(--spacing-8);
}

  .right_9 {
    right: var(--spacing-9);
}

  .right_10 {
    right: var(--spacing-10);
}

  .right_11 {
    right: var(--spacing-11);
}

  .right_12 {
    right: var(--spacing-12);
}

  .right_13 {
    right: var(--spacing-13);
}

  .right_14 {
    right: var(--spacing-14);
}

  .right_15 {
    right: var(--spacing-15);
}

  .right_16 {
    right: var(--spacing-16);
}

  .right_17 {
    right: var(--spacing-17);
}

  .right_18 {
    right: var(--spacing-18);
}

  .right_19 {
    right: var(--spacing-19);
}

  .right_20 {
    right: var(--spacing-20);
}

  .right_21 {
    right: var(--spacing-21);
}

  .right_22 {
    right: var(--spacing-22);
}

  .right_23 {
    right: var(--spacing-23);
}

  .right_24 {
    right: var(--spacing-24);
}

  .right_25 {
    right: var(--spacing-25);
}

  .right_26 {
    right: var(--spacing-26);
}

  .right_27 {
    right: var(--spacing-27);
}

  .right_28 {
    right: var(--spacing-28);
}

  .right_29 {
    right: var(--spacing-29);
}

  .right_30 {
    right: var(--spacing-30);
}

  .right_31 {
    right: var(--spacing-31);
}

  .right_32 {
    right: var(--spacing-32);
}

  .right_33 {
    right: var(--spacing-33);
}

  .right_34 {
    right: var(--spacing-34);
}

  .right_35 {
    right: var(--spacing-35);
}

  .right_36 {
    right: var(--spacing-36);
}

  .right_37 {
    right: var(--spacing-37);
}

  .right_38 {
    right: var(--spacing-38);
}

  .right_39 {
    right: var(--spacing-39);
}

  .right_40 {
    right: var(--spacing-40);
}

  .right_auto {
    right: var(--spacing-auto);
}

  .right_0 {
    right: var(--spacing-0);
}

  .right_-1 {
    right: calc(var(--spacing-1) * -1);
}

  .right_-2 {
    right: calc(var(--spacing-2) * -1);
}

  .right_-3 {
    right: calc(var(--spacing-3) * -1);
}

  .right_-4 {
    right: calc(var(--spacing-4) * -1);
}

  .right_-5 {
    right: calc(var(--spacing-5) * -1);
}

  .right_-6 {
    right: calc(var(--spacing-6) * -1);
}

  .right_-7 {
    right: calc(var(--spacing-7) * -1);
}

  .right_-8 {
    right: calc(var(--spacing-8) * -1);
}

  .right_-9 {
    right: calc(var(--spacing-9) * -1);
}

  .right_-10 {
    right: calc(var(--spacing-10) * -1);
}

  .right_-11 {
    right: calc(var(--spacing-11) * -1);
}

  .right_-12 {
    right: calc(var(--spacing-12) * -1);
}

  .right_-13 {
    right: calc(var(--spacing-13) * -1);
}

  .right_-14 {
    right: calc(var(--spacing-14) * -1);
}

  .right_-15 {
    right: calc(var(--spacing-15) * -1);
}

  .right_-16 {
    right: calc(var(--spacing-16) * -1);
}

  .right_-17 {
    right: calc(var(--spacing-17) * -1);
}

  .right_-18 {
    right: calc(var(--spacing-18) * -1);
}

  .right_-19 {
    right: calc(var(--spacing-19) * -1);
}

  .right_-20 {
    right: calc(var(--spacing-20) * -1);
}

  .right_-21 {
    right: calc(var(--spacing-21) * -1);
}

  .right_-22 {
    right: calc(var(--spacing-22) * -1);
}

  .right_-23 {
    right: calc(var(--spacing-23) * -1);
}

  .right_-24 {
    right: calc(var(--spacing-24) * -1);
}

  .right_-25 {
    right: calc(var(--spacing-25) * -1);
}

  .right_-26 {
    right: calc(var(--spacing-26) * -1);
}

  .right_-27 {
    right: calc(var(--spacing-27) * -1);
}

  .right_-28 {
    right: calc(var(--spacing-28) * -1);
}

  .right_-29 {
    right: calc(var(--spacing-29) * -1);
}

  .right_-30 {
    right: calc(var(--spacing-30) * -1);
}

  .right_-31 {
    right: calc(var(--spacing-31) * -1);
}

  .right_-32 {
    right: calc(var(--spacing-32) * -1);
}

  .right_-33 {
    right: calc(var(--spacing-33) * -1);
}

  .right_-34 {
    right: calc(var(--spacing-34) * -1);
}

  .right_-35 {
    right: calc(var(--spacing-35) * -1);
}

  .right_-36 {
    right: calc(var(--spacing-36) * -1);
}

  .right_-37 {
    right: calc(var(--spacing-37) * -1);
}

  .right_-38 {
    right: calc(var(--spacing-38) * -1);
}

  .right_-39 {
    right: calc(var(--spacing-39) * -1);
}

  .right_-40 {
    right: calc(var(--spacing-40) * -1);
}

  .right_-auto {
    right: calc(var(--spacing-auto) * -1);
}

  .min-w_0 {
    min-width: var(--sizes-0);
}

  .min-w_1 {
    min-width: var(--sizes-1);
}

  .min-w_2 {
    min-width: var(--sizes-2);
}

  .min-w_3 {
    min-width: var(--sizes-3);
}

  .min-w_4 {
    min-width: var(--sizes-4);
}

  .min-w_5 {
    min-width: var(--sizes-5);
}

  .min-w_6 {
    min-width: var(--sizes-6);
}

  .min-w_7 {
    min-width: var(--sizes-7);
}

  .min-w_8 {
    min-width: var(--sizes-8);
}

  .min-w_9 {
    min-width: var(--sizes-9);
}

  .min-w_10 {
    min-width: var(--sizes-10);
}

  .min-w_11 {
    min-width: var(--sizes-11);
}

  .min-w_12 {
    min-width: var(--sizes-12);
}

  .min-w_13 {
    min-width: var(--sizes-13);
}

  .min-w_14 {
    min-width: var(--sizes-14);
}

  .min-w_15 {
    min-width: var(--sizes-15);
}

  .min-w_16 {
    min-width: var(--sizes-16);
}

  .min-w_17 {
    min-width: var(--sizes-17);
}

  .min-w_18 {
    min-width: var(--sizes-18);
}

  .min-w_19 {
    min-width: var(--sizes-19);
}

  .min-w_20 {
    min-width: var(--sizes-20);
}

  .min-w_21 {
    min-width: var(--sizes-21);
}

  .min-w_22 {
    min-width: var(--sizes-22);
}

  .min-w_23 {
    min-width: var(--sizes-23);
}

  .min-w_24 {
    min-width: var(--sizes-24);
}

  .min-w_25 {
    min-width: var(--sizes-25);
}

  .min-w_26 {
    min-width: var(--sizes-26);
}

  .min-w_27 {
    min-width: var(--sizes-27);
}

  .min-w_28 {
    min-width: var(--sizes-28);
}

  .min-w_29 {
    min-width: var(--sizes-29);
}

  .min-w_30 {
    min-width: var(--sizes-30);
}

  .min-w_31 {
    min-width: var(--sizes-31);
}

  .min-w_32 {
    min-width: var(--sizes-32);
}

  .min-w_33 {
    min-width: var(--sizes-33);
}

  .min-w_34 {
    min-width: var(--sizes-34);
}

  .min-w_35 {
    min-width: var(--sizes-35);
}

  .min-w_36 {
    min-width: var(--sizes-36);
}

  .min-w_37 {
    min-width: var(--sizes-37);
}

  .min-w_38 {
    min-width: var(--sizes-38);
}

  .min-w_39 {
    min-width: var(--sizes-39);
}

  .min-w_40 {
    min-width: var(--sizes-40);
}

  .min-w_auto {
    min-width: var(--sizes-auto);
}

  .min-w_2xs {
    min-width: var(--sizes-2xs);
}

  .min-w_xs {
    min-width: var(--sizes-xs);
}

  .min-w_sm {
    min-width: var(--sizes-sm);
}

  .min-w_md {
    min-width: var(--sizes-md);
}

  .min-w_lg {
    min-width: var(--sizes-lg);
}

  .min-w_xl {
    min-width: var(--sizes-xl);
}

  .min-w_2xl {
    min-width: var(--sizes-2xl);
}

  .min-w_3xl {
    min-width: var(--sizes-3xl);
}

  .min-w_4xl {
    min-width: var(--sizes-4xl);
}

  .min-w_5xl {
    min-width: var(--sizes-5xl);
}

  .min-w_6xl {
    min-width: var(--sizes-6xl);
}

  .min-w_7xl {
    min-width: var(--sizes-7xl);
}

  .min-w_8xl {
    min-width: var(--sizes-8xl);
}

  .min-w_min {
    min-width: var(--sizes-min);
}

  .min-w_max {
    min-width: var(--sizes-max);
}

  .min-w_fit {
    min-width: var(--sizes-fit);
}

  .min-w_breakpoint-sm {
    min-width: var(--sizes-breakpoint-sm);
}

  .min-w_breakpoint-md {
    min-width: var(--sizes-breakpoint-md);
}

  .min-w_breakpoint-lg {
    min-width: var(--sizes-breakpoint-lg);
}

  .min-w_breakpoint-xl {
    min-width: var(--sizes-breakpoint-xl);
}

  .min-w_breakpoint-2xl {
    min-width: var(--sizes-breakpoint-2xl);
}

  .min-w_1\/2 {
    min-width: 50%;
}

  .min-w_1\/3 {
    min-width: 33.333333%;
}

  .min-w_2\/3 {
    min-width: 66.666667%;
}

  .min-w_1\/4 {
    min-width: 25%;
}

  .min-w_2\/4 {
    min-width: 50%;
}

  .min-w_3\/4 {
    min-width: 75%;
}

  .min-w_1\/5 {
    min-width: 20%;
}

  .min-w_2\/5 {
    min-width: 40%;
}

  .min-w_3\/5 {
    min-width: 60%;
}

  .min-w_4\/5 {
    min-width: 80%;
}

  .min-w_1\/6 {
    min-width: 16.666667%;
}

  .min-w_2\/6 {
    min-width: 33.333333%;
}

  .min-w_3\/6 {
    min-width: 50%;
}

  .min-w_4\/6 {
    min-width: 66.666667%;
}

  .min-w_5\/6 {
    min-width: 83.333333%;
}

  .min-w_1\/12 {
    min-width: 8.333333%;
}

  .min-w_2\/12 {
    min-width: 16.666667%;
}

  .min-w_3\/12 {
    min-width: 25%;
}

  .min-w_4\/12 {
    min-width: 33.333333%;
}

  .min-w_5\/12 {
    min-width: 41.666667%;
}

  .min-w_6\/12 {
    min-width: 50%;
}

  .min-w_7\/12 {
    min-width: 58.333333%;
}

  .min-w_8\/12 {
    min-width: 66.666667%;
}

  .min-w_9\/12 {
    min-width: 75%;
}

  .min-w_10\/12 {
    min-width: 83.333333%;
}

  .min-w_11\/12 {
    min-width: 91.666667%;
}

  .min-w_screen {
    min-width: 100vw;
}

  .open\:anim_drawer-in-left:is([data-state="open"]),.open\:anim_drawer-in-left[open] {
    animation: var(--animations-drawer-in-left);
}

  .closed\:anim_drawer-out-left:is([data-state="closed"]),.closed\:anim_drawer-out-left[closed] {
    animation: var(--animations-drawer-out-left);
}

  .open\:anim_drawer-in-right:is([data-state="open"]),.open\:anim_drawer-in-right[open] {
    animation: var(--animations-drawer-in-right);
}

  .closed\:anim_drawer-out-right:is([data-state="closed"]),.closed\:anim_drawer-out-right[closed] {
    animation: var(--animations-drawer-out-right);
}

  .open\:anim_drawer-in-top:is([data-state="open"]),.open\:anim_drawer-in-top[open] {
    animation: var(--animations-drawer-in-top);
}

  .closed\:anim_drawer-out-top:is([data-state="closed"]),.closed\:anim_drawer-out-top[closed] {
    animation: var(--animations-drawer-out-top);
}

  .open\:anim_drawer-in-bottom:is([data-state="open"]),.open\:anim_drawer-in-bottom[open] {
    animation: var(--animations-drawer-in-bottom);
}

  .closed\:anim_drawer-out-bottom:is([data-state="closed"]),.closed\:anim_drawer-out-bottom[closed] {
    animation: var(--animations-drawer-out-bottom);
}

  .\[\&_ol\]\:mb_0 ol,.\[\&_ul\]\:mb_0 ul,.\[\&_\>_\:last-child\]\:mb_0 > :last-child {
    margin-bottom: var(--spacing-0);
}

  .\[\&_\>_\:first-child\]\:mt_0 > :first-child {
    margin-top: var(--spacing-0);
}

  .hover\:bg-c_colorPalette\.bg\.soft\.hover:is(:hover, [data-hover]) {
    background-color: var(--colors-color-palette-bg-soft-hover);
}

  @media screen and (min-width: 40rem) {
    .hide_sm {
      display: none;
}
}

  @media screen and (min-width: 48rem) {
    .hide_md {
      display: none;
}
    .md\:gap_6 {
      gap: var(--spacing-6);
}
}

  @media screen and (min-width: 64rem) {
    .hide_lg {
      display: none;
}
}

  @media screen and (min-width: 80rem) {
    .hide_xl {
      display: none;
}
}

  @media screen and (min-width: 96rem) {
    .hide_2xl {
      display: none;
}
}
}