@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';
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
    line-height: 1.5;
    font-family: var(--global-font-body, var(--font-fallback));
}

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

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

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

  img {
    border-style: none;
}

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

  img,video {
    max-width: 100%;
    height: 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;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    background: var(--colors-transparent);
}

  ::placeholder {
    opacity: 1;
    --placeholder-fallback: rgba(0, 0, 0, 0.5);
    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 {
    text-indent: 0px;
    border-collapse: collapse;
    border-color: inherit;
}

  summary {
    display: list-item;
}

  small {
    font-size: 80%;
}

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

  sub {
    bottom: -0.25em;
}

  sup {
    top: -0.5em;
}

  dialog {
    padding: 0px;
}

  a {
    color: inherit;
    text-decoration: 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-feature-settings: normal;
    font-variation-settings: normal;
    font-family: var(--global-font-mono, var(--font-mono-fallback));
    font-size: 1em;
}

  progress {
    vertical-align: baseline;
}

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

  ::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: 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: '🐼';
}

  *,::before,::after,::backdrop {
    --blur: /*-*/ /*-*/;
    --brightness: /*-*/ /*-*/;
    --contrast: /*-*/ /*-*/;
    --grayscale: /*-*/ /*-*/;
    --hue-rotate: /*-*/ /*-*/;
    --invert: /*-*/ /*-*/;
    --saturate: /*-*/ /*-*/;
    --sepia: /*-*/ /*-*/;
    --drop-shadow: /*-*/ /*-*/;
    --backdrop-blur: /*-*/ /*-*/;
    --backdrop-brightness: /*-*/ /*-*/;
    --backdrop-contrast: /*-*/ /*-*/;
    --backdrop-grayscale: /*-*/ /*-*/;
    --backdrop-hue-rotate: /*-*/ /*-*/;
    --backdrop-invert: /*-*/ /*-*/;
    --backdrop-opacity: /*-*/ /*-*/;
    --backdrop-saturate: /*-*/ /*-*/;
    --backdrop-sepia: /*-*/ /*-*/;
    --gradient-from-position: /*-*/ /*-*/;
    --gradient-to-position: /*-*/ /*-*/;
    --gradient-via-position: /*-*/ /*-*/;
    --scroll-snap-strictness: proximity;
    --border-spacing-x: 0;
    --border-spacing-y: 0;
    --translate-x: 0;
    --translate-y: 0;
    --rotate: 0;
    --rotate-x: 0;
    --rotate-y: 0;
    --skew-x: 0;
    --skew-y: 0;
    --scale-x: 1;
    --scale-y: 1;
}
}

@layer tokens{
  :where(:root, :host) {
    --colors-current: currentColor;
    --colors-black: #000000;
    --colors-black-a1: rgba(0, 0, 0, 0.05);
    --colors-black-a2: rgba(0, 0, 0, 0.1);
    --colors-black-a3: rgba(0, 0, 0, 0.15);
    --colors-black-a4: rgba(0, 0, 0, 0.2);
    --colors-black-a5: rgba(0, 0, 0, 0.3);
    --colors-black-a6: rgba(0, 0, 0, 0.4);
    --colors-black-a7: rgba(0, 0, 0, 0.5);
    --colors-black-a8: rgba(0, 0, 0, 0.6);
    --colors-black-a9: rgba(0, 0, 0, 0.7);
    --colors-black-a10: rgba(0, 0, 0, 0.8);
    --colors-black-a11: rgba(0, 0, 0, 0.9);
    --colors-black-a12: rgba(0, 0, 0, 0.95);
    --colors-white: #ffffff;
    --colors-white-a1: rgba(255, 255, 255, 0.05);
    --colors-white-a2: rgba(255, 255, 255, 0.1);
    --colors-white-a3: rgba(255, 255, 255, 0.15);
    --colors-white-a4: rgba(255, 255, 255, 0.2);
    --colors-white-a5: rgba(255, 255, 255, 0.3);
    --colors-white-a6: rgba(255, 255, 255, 0.4);
    --colors-white-a7: rgba(255, 255, 255, 0.5);
    --colors-white-a8: rgba(255, 255, 255, 0.6);
    --colors-white-a9: rgba(255, 255, 255, 0.7);
    --colors-white-a10: rgba(255, 255, 255, 0.8);
    --colors-white-a11: rgba(255, 255, 255, 0.9);
    --colors-white-a12: rgba(255, 255, 255, 0.95);
    --colors-transparent: rgb(0 0 0 / 0);
    --colors-blue\.50: #e5f0ff;
    --colors-blue\.100: #bedaff;
    --colors-blue\.200: #93c1ff;
    --colors-blue\.300: #67a8ff;
    --colors-blue\.400: #4796ff;
    --colors-blue\.500: #2683ff;
    --colors-blue\.600: #227bff;
    --colors-blue\.700: #1c70ff;
    --colors-blue\.800: #1766ff;
    --colors-blue\.900: #0d53ff;
    --colors-yellow\.50: #fdfbec;
    --colors-yellow\.100: #fbf5ce;
    --colors-yellow\.200: #f9eeae;
    --colors-yellow\.300: #f6e78e;
    --colors-yellow\.400: #f4e175;
    --colors-yellow\.500: #f2dc5d;
    --colors-yellow\.600: #f0d855;
    --colors-yellow\.700: #eed34b;
    --colors-yellow\.800: #ecce41;
    --colors-yellow\.900: #e8c530;
    --colors-coral\.50: #fff3f0;
    --colors-coral\.100: #ffe0db;
    --colors-coral\.200: #ffccc3;
    --colors-coral\.300: #ffb8aa;
    --colors-coral\.400: #ffa898;
    --colors-coral\.500: #ff9986;
    --colors-coral\.600: #ff917e;
    --colors-coral\.700: #ff8673;
    --colors-coral\.800: #ff7c69;
    --colors-coral\.900: #ff6b56;
    --colors-aqua\.50: #f3fafa;
    --colors-aqua\.100: #e2f4f2;
    --colors-aqua\.200: #ceece9;
    --colors-aqua\.300: #bae4e0;
    --colors-aqua\.400: #acdfd9;
    --colors-aqua\.500: #9dd9d2;
    --colors-aqua\.600: #95d5cd;
    --colors-aqua\.700: #8bcfc7;
    --colors-aqua\.800: #81cac1;
    --colors-aqua\.900: #6fc0b6;
    --colors-salmon\.50: #fff3ed;
    --colors-salmon\.100: #ffe0d3;
    --colors-salmon\.200: #ffccb5;
    --colors-salmon\.300: #ffb797;
    --colors-salmon\.400: #ffa781;
    --colors-salmon\.500: #ff986b;
    --colors-salmon\.600: #ff9063;
    --colors-salmon\.700: #ff8558;
    --colors-salmon\.800: #ff7b4e;
    --colors-salmon\.900: #ff6a3c;
    --colors-purple\.50: #f2f1f8;
    --colors-purple\.100: #dfdded;
    --colors-purple\.200: #c9c7e1;
    --colors-purple\.300: #b3b0d5;
    --colors-purple\.400: #a39fcc;
    --colors-purple\.500: #938ec3;
    --colors-purple\.600: #8b86bd;
    --colors-purple\.700: #807bb5;
    --colors-purple\.800: #7671ae;
    --colors-purple\.900: #645fa1;
    --colors-green\.50: #f8fbf3;
    --colors-green\.100: #eff4e0;
    --colors-green\.200: #e4edcc;
    --colors-green\.300: #d9e6b7;
    --colors-green\.400: #d0e0a7;
    --colors-green\.500: #c8db98;
    --colors-green\.600: #c2d790;
    --colors-green\.700: #bbd285;
    --colors-green\.800: #b4cd7b;
    --colors-green\.900: #a7c46a;
    --colors-smoke\.50: #fbfbfb;
    --colors-smoke\.100: #f4f4f4;
    --colors-smoke\.200: #efefef;
    --colors-smoke\.300: #e8e8e8;
    --colors-smoke\.400: #e3e3e3;
    --colors-smoke\.500: #dedede;
    --colors-smoke\.600: #dadada;
    --colors-smoke\.700: #d5d5d5;
    --colors-smoke\.800: #d1d1d1;
    --colors-smoke\.900: #c8c8c8;
    --colors-grey\.50: #e4e4e4;
    --colors-grey\.100: #bcbcbc;
    --colors-grey\.200: #8f8f8f;
    --colors-grey\.300: #626262;
    --colors-grey\.400: #414141;
    --colors-grey\.500: #1f1f1f;
    --colors-grey\.600: #181818;
    --colors-grey\.700: #141414;
    --colors-grey\.800: #101010;
    --colors-grey\.900: #0c0c0c;
    --colors-base\.white: #ffffff;
    --colors-dark\.50: #494949;
    --colors-dark\.100: #3e3e3e;
    --colors-dark\.200: #383838;
    --colors-dark\.300: #333333;
    --colors-dark\.400: #2d2d2d;
    --colors-dark\.500: #282828;
    --colors-dark\.600: #222222;
    --colors-dark\.700: #1d1d1d;
    --colors-dark\.800: #181818;
    --colors-dark\.900: #121212;
    --colors-base\.black: #000000;
    --colors-background-third: #efefef;
    --colors-background-fifth: #dadada;
    --colors-background-primary: #fbfbfb;
    --colors-background-secondary: #f4f4f4;
    --colors-background-news-primary: #fff3f0;
    --colors-background-news-secondary: #f3fafa;
    --colors-background-forth: #fbfbfb;
    --colors-background-sixth: #ffe0d3;
    --colors-background-tag-secondary: #e2f4f2;
    --colors-background-aifeedback: #f2f1f8;
    --colors-labels-primary: #1f1f1f;
    --colors-labels-secondary: #3c3c4399;
    --colors-labels-third: #3c3c434c;
    --colors-labels-forth: #3c3c432d;
    --colors-links-primary: #2683ff;
    --colors-links-secondary: #ff6b56;
    --colors-links-tertiary: #6fc0b6;
    --colors-stroke-quinary: #ff986b;
    --colors-stroke-secondary: #2683ff;
    --colors-stroke-tertiary: #9dd9d2;
    --colors-stroke-primary: #e8e8e8;
    --colors-content-primary: #1f1f1f;
    --colors-content-secondary: #8f8f8f;
    --colors-content-button-premium-label-primary: #1f1f1f;
    --colors-content-tertiary: #ff6a3c;
    --colors-content-quaternary: #6fc0b6;
    --colors-content-notification-number: #ffffff;
    --colors-buttons-primary-bg-default: #0d53ff;
    --colors-buttons-secondary-bg-default: #f2dc5d;
    --colors-buttons-tertiary-bg-default: #938ec3;
    --colors-buttons-primary-label-default: #1f1f1f;
    --colors-buttons-secondary-label-default: #ffffff;
    --colors-buttons-tertiary-label-default: #0d53ff;
    --colors-buttons-primary-bg-hover: #e5f0ff;
    --colors-stroke-quaternary: #1f1f1f;
    --colors-stroke-similar: #f2dc5d;
    --colors-stroke-exact: #2683ff;
    --colors-status-primary-success: #c8db98;
    --colors-status-secondary-success: #a7c46a;
    --colors-status-primary-alert: #f9eeae;
    --colors-status-secondary-alert: #e8c530;
    --colors-status-primary-error: #ff9986;
    --colors-status-secondary-error: #ff6b56;
    --colors-stroke-white: #ffffff;
    --colors-buttons-quaternary-bg: #1f1f1f;
    --colors-labels-fifth: #ffffff;
    --colors-status-tertiary-error: #ffe0db;
    --colors-buttons-secondary-bg-hover: #fdfbec;
    --colors-buttons-tertiary-bg-hover: #f2f1f8;
    --colors-stroke-sixth: #938ec3;
    --colors-buttons-forth-bg-default: #8f8f8f;
    --colors-buttons-forth-label-hover: #1f1f1f;
    --colors-buttons-forth-bg-hover: #e4e4e4;
    --colors-buttons-tertiary-label: #645fa1;
    --colors-buttons-fifth-label-default: #e8c530;
    --colors-buttons-primary-label-disabled: #bedaff;
    --colors-buttons-primary-bg-disabled: #e5f0ff;
    --colors-buttons-sixth-label-default: #f9eeae;
    --colors-buttons-seventh-label-default: #c9c7e1;
    --colors-dark\.blue\.50: #e5f0ff;
    --colors-dark\.blue\.100: #bedaff;
    --colors-dark\.blue\.200: #93c1ff;
    --colors-dark\.blue\.300: #67a8ff;
    --colors-dark\.blue\.400: #4796ff;
    --colors-dark\.blue\.500: #2683ff;
    --colors-dark\.blue\.600: #227bff;
    --colors-dark\.blue\.700: #1c70ff;
    --colors-dark\.blue\.800: #1766ff;
    --colors-dark\.blue\.900: #0d53ff;
    --colors-dark\.yellow\.50: #fdfbec;
    --colors-dark\.yellow\.100: #fbf5ce;
    --colors-dark\.yellow\.200: #f9eeae;
    --colors-dark\.yellow\.300: #f6e78e;
    --colors-dark\.yellow\.400: #f4e175;
    --colors-dark\.yellow\.500: #f2dc5d;
    --colors-dark\.yellow\.600: #f0d855;
    --colors-dark\.yellow\.700: #eed34b;
    --colors-dark\.yellow\.800: #ecce41;
    --colors-dark\.yellow\.900: #e8c530;
    --colors-dark\.coral\.50: #fff3f0;
    --colors-dark\.coral\.100: #ffe0db;
    --colors-dark\.coral\.200: #ffccc3;
    --colors-dark\.coral\.300: #ffb8aa;
    --colors-dark\.coral\.400: #ffa898;
    --colors-dark\.coral\.500: #ff9986;
    --colors-dark\.coral\.600: #ff917e;
    --colors-dark\.coral\.700: #ff8673;
    --colors-dark\.coral\.800: #ff7c69;
    --colors-dark\.coral\.900: #ff6b56;
    --colors-dark\.aqua\.50: #f3fafa;
    --colors-dark\.aqua\.100: #e2f4f2;
    --colors-dark\.aqua\.200: #ceece9;
    --colors-dark\.aqua\.300: #bae4e0;
    --colors-dark\.aqua\.400: #acdfd9;
    --colors-dark\.aqua\.500: #9dd9d2;
    --colors-dark\.aqua\.600: #95d5cd;
    --colors-dark\.aqua\.700: #8bcfc7;
    --colors-dark\.aqua\.800: #81cac1;
    --colors-dark\.aqua\.900: #6fc0b6;
    --colors-dark\.salmon\.50: #fff3ed;
    --colors-dark\.salmon\.100: #ffe0d3;
    --colors-dark\.salmon\.200: #ffccb5;
    --colors-dark\.salmon\.300: #ffb797;
    --colors-dark\.salmon\.400: #ffa781;
    --colors-dark\.salmon\.500: #ff986b;
    --colors-dark\.salmon\.600: #ff9063;
    --colors-dark\.salmon\.700: #ff8558;
    --colors-dark\.salmon\.800: #ff7b4e;
    --colors-dark\.salmon\.900: #ff6a3c;
    --colors-dark\.purple\.50: #f2f1f8;
    --colors-dark\.purple\.100: #dfdded;
    --colors-dark\.purple\.200: #c9c7e1;
    --colors-dark\.purple\.300: #b3b0d5;
    --colors-dark\.purple\.400: #a39fcc;
    --colors-dark\.purple\.500: #938ec3;
    --colors-dark\.purple\.600: #8b86bd;
    --colors-dark\.purple\.700: #807bb5;
    --colors-dark\.purple\.800: #7671ae;
    --colors-dark\.purple\.900: #645fa1;
    --colors-dark\.green\.50: #f8fbf3;
    --colors-dark\.green\.100: #eff4e0;
    --colors-dark\.green\.200: #e4edcc;
    --colors-dark\.green\.300: #d9e6b7;
    --colors-dark\.green\.400: #d0e0a7;
    --colors-dark\.green\.500: #c8db98;
    --colors-dark\.green\.600: #c2d790;
    --colors-dark\.green\.700: #bbd285;
    --colors-dark\.green\.800: #b4cd7b;
    --colors-dark\.green\.900: #a7c46a;
    --colors-dark\.smoke\.50: #fbfbfb;
    --colors-dark\.smoke\.100: #f4f4f4;
    --colors-dark\.smoke\.200: #efefef;
    --colors-dark\.smoke\.300: #e8e8e8;
    --colors-dark\.smoke\.400: #e3e3e3;
    --colors-dark\.smoke\.500: #dedede;
    --colors-dark\.smoke\.600: #dadada;
    --colors-dark\.smoke\.700: #d5d5d5;
    --colors-dark\.smoke\.800: #d1d1d1;
    --colors-dark\.smoke\.900: #c8c8c8;
    --colors-dark\.grey\.50: #b6b6b6;
    --colors-dark\.grey\.100: #a4a4a4;
    --colors-dark\.grey\.200: #8f8f8f;
    --colors-dark\.grey\.300: #626262;
    --colors-dark\.grey\.400: #414141;
    --colors-dark\.grey\.500: #1f1f1f;
    --colors-dark\.grey\.600: #181818;
    --colors-dark\.grey\.700: #141414;
    --colors-dark\.grey\.800: #101010;
    --colors-dark\.grey\.900: #0c0c0c;
    --colors-dark\.base\.white: #ffffff;
    --colors-dark\.dark\.50: #494949;
    --colors-dark\.dark\.100: #3e3e3e;
    --colors-dark\.dark\.200: #383838;
    --colors-dark\.dark\.300: #333333;
    --colors-dark\.dark\.400: #2d2d2d;
    --colors-dark\.dark\.500: #282828;
    --colors-dark\.dark\.600: #222222;
    --colors-dark\.dark\.700: #1d1d1d;
    --colors-dark\.dark\.800: #181818;
    --colors-dark\.dark\.900: #121212;
    --colors-dark\.base\.black: #000000;
    --colors-dark-background-third: #1d1d1d;
    --colors-dark-background-fifth: #282828;
    --colors-dark-background-primary: #121212;
    --colors-dark-background-secondary: #181818;
    --colors-dark-background-news-primary: #222222;
    --colors-dark-background-news-secondary: #222222;
    --colors-dark-background-forth: #222222;
    --colors-dark-background-sixth: #282828;
    --colors-dark-background-tag-secondary: #333333;
    --colors-dark-background-aifeedback: #383838;
    --colors-dark-labels-primary: #ffffff;
    --colors-dark-labels-secondary: #ebebf599;
    --colors-dark-labels-third: #ebebf54c;
    --colors-dark-labels-forth: #ebebf528;
    --colors-dark-links-primary: #93c1ff;
    --colors-dark-links-secondary: #ffccc3;
    --colors-dark-links-tertiary: #ceece9;
    --colors-dark-stroke-quinary: #494949;
    --colors-dark-stroke-secondary: #3e3e3e;
    --colors-dark-stroke-tertiary: #494949;
    --colors-dark-stroke-primary: #494949;
    --colors-dark-content-primary: #fbfbfb;
    --colors-dark-content-secondary: #ffffff;
    --colors-dark-content-button-premium-label-primary: #1f1f1f;
    --colors-dark-content-tertiary: #ffffff;
    --colors-dark-content-quaternary: #ffffff;
    --colors-dark-content-notification-number: #ffffff;
    --colors-dark-buttons-primary-bg-default: #1c70ff;
    --colors-dark-buttons-secondary-bg-default: #f2dc5d;
    --colors-dark-buttons-tertiary-bg-default: #938ec3;
    --colors-dark-buttons-primary-label-default: #1f1f1f;
    --colors-dark-buttons-secondary-label-default: #ffffff;
    --colors-dark-buttons-tertiary-label-default: #2683ff;
    --colors-dark-buttons-primary-bg-hover: #e5f0ff;
    --colors-dark-stroke-quaternary: #2d2d2d;
    --colors-dark-stroke-similar: #f2dc5d;
    --colors-dark-stroke-exact: #93c1ff;
    --colors-dark-status-primary-success: #c8db98;
    --colors-dark-status-secondary-success: #a7c46a;
    --colors-dark-status-primary-alert: #f9eeae;
    --colors-dark-status-secondary-alert: #e8c530;
    --colors-dark-status-primary-error: #ff9986;
    --colors-dark-status-secondary-error: #ff6b56;
    --colors-dark-stroke-white: #494949;
    --colors-dark-buttons-quaternary-bg: #222222;
    --colors-dark-labels-fifth: #1f1f1f;
    --colors-dark-status-tertiary-error: #ffe0db;
    --colors-dark-buttons-secondary-bg-hover: #fdfbec;
    --colors-dark-buttons-tertiary-bg-hover: #f2f1f8;
    --colors-dark-stroke-sixth: #494949;
    --colors-dark-buttons-forth-bg-default: #8f8f8f;
    --colors-dark-buttons-forth-label-hover: #1f1f1f;
    --colors-dark-buttons-forth-bg-hover: #e4e4e4;
    --colors-dark-buttons-tertiary-label: #645fa1;
    --colors-dark-buttons-fifth-label-default: #e8c530;
    --colors-dark-buttons-primary-label-disabled: #bedaff;
    --colors-dark-buttons-primary-bg-disabled: #e5f0ff;
    --colors-dark-buttons-sixth-label-default: #f9eeae;
    --colors-dark-buttons-seventh-label-default: #c9c7e1;
    --colors-dark-purple: #36305B;
    --colors-gradients-purple-to-blue: linear-gradient(116deg, #B6B2F6 20%, #6B86AA 80%, #2683FF 100%);
    --colors-gradients-lavander-to-lightblue: linear-gradient(261.23deg, rgba(211, 227, 253, 0) -17.14%, rgba(153, 240, 255, 0.00832429) -15.01%, #D0F8FF 11.93%, rgba(211, 227, 253, 0.0593476) 47.34%, rgba(153, 240, 255, 0.109737) 65.76%, rgba(168, 199, 250, 0.156073) 80.78%, rgba(208, 248, 255, 0.203125) 97.16%, #D3E3FD 117.75%),linear-gradient(0deg, #F2F1F8, #F2F1F8);
    --colors-gradients-dark-lavander-to-lightblue: linear-gradient(230deg, rgba(211, 227, 253, 0) -17.14%, rgba(153, 240, 255, 0.00832429) -15.01%, rgba(168, 199, 250, 0.0114994) -28%, #0d2e47 11.93%, rgba(211, 227, 253, 0.0304102) 45%, rgba(211, 227, 253, 0.0593476) 58%, rgba(153, 240, 255, 0.109737) 75%, rgba(168, 199, 250, 0.156073) 80.78%, rgba(208, 248, 255, 0.203125) 97.16%, #2d2751 117.75%), linear-gradient(0deg, #36305B, #3b3189);
    --colors-neutral-light-1: #fcfcfc;
    --colors-neutral-light-2: #f9f9f9;
    --colors-neutral-light-3: #f0f0f0;
    --colors-neutral-light-4: #e8e8e8;
    --colors-neutral-light-5: #e0e0e0;
    --colors-neutral-light-6: #d9d9d9;
    --colors-neutral-light-7: #cecece;
    --colors-neutral-light-8: #bbbbbb;
    --colors-neutral-light-9: #8d8d8d;
    --colors-neutral-light-10: #838383;
    --colors-neutral-light-11: #646464;
    --colors-neutral-light-12: #202020;
    --colors-neutral-light-a1: #00000003;
    --colors-neutral-light-a2: #00000006;
    --colors-neutral-light-a3: #0000000f;
    --colors-neutral-light-a4: #00000017;
    --colors-neutral-light-a5: #0000001f;
    --colors-neutral-light-a6: #00000026;
    --colors-neutral-light-a7: #00000031;
    --colors-neutral-light-a8: #00000044;
    --colors-neutral-light-a9: #00000072;
    --colors-neutral-light-a10: #0000007c;
    --colors-neutral-light-a11: #0000009b;
    --colors-neutral-light-a12: #000000df;
    --colors-neutral-dark-1: #111111;
    --colors-neutral-dark-2: #191919;
    --colors-neutral-dark-3: #222222;
    --colors-neutral-dark-4: #2a2a2a;
    --colors-neutral-dark-5: #313131;
    --colors-neutral-dark-6: #3a3a3a;
    --colors-neutral-dark-7: #484848;
    --colors-neutral-dark-8: #606060;
    --colors-neutral-dark-9: #6e6e6e;
    --colors-neutral-dark-10: #7b7b7b;
    --colors-neutral-dark-11: #b4b4b4;
    --colors-neutral-dark-12: #eeeeee;
    --colors-neutral-dark-a1: #00000000;
    --colors-neutral-dark-a2: #ffffff09;
    --colors-neutral-dark-a3: #ffffff12;
    --colors-neutral-dark-a4: #ffffff1b;
    --colors-neutral-dark-a5: #ffffff22;
    --colors-neutral-dark-a6: #ffffff2c;
    --colors-neutral-dark-a7: #ffffff3b;
    --colors-neutral-dark-a8: #ffffff55;
    --colors-neutral-dark-a9: #ffffff64;
    --colors-neutral-dark-a10: #ffffff72;
    --colors-neutral-dark-a11: #ffffffaf;
    --colors-neutral-dark-a12: #ffffffed;
    --colors-red-light-1: #fffcfc;
    --colors-red-light-2: #fff7f7;
    --colors-red-light-3: #feebec;
    --colors-red-light-4: #ffdbdc;
    --colors-red-light-5: #ffcdce;
    --colors-red-light-6: #fdbdbe;
    --colors-red-light-7: #f4a9aa;
    --colors-red-light-8: #eb8e90;
    --colors-red-light-9: #e5484d;
    --colors-red-light-10: #dc3e42;
    --colors-red-light-11: #ce2c31;
    --colors-red-light-12: #641723;
    --colors-red-light-a1: #ff000003;
    --colors-red-light-a2: #ff000008;
    --colors-red-light-a3: #f3000d14;
    --colors-red-light-a4: #ff000824;
    --colors-red-light-a5: #ff000632;
    --colors-red-light-a6: #f8000442;
    --colors-red-light-a7: #df000356;
    --colors-red-light-a8: #d2000571;
    --colors-red-light-a9: #db0007b7;
    --colors-red-light-a10: #d10005c1;
    --colors-red-light-a11: #c40006d3;
    --colors-red-light-a12: #55000de8;
    --colors-red-dark-1: #191111;
    --colors-red-dark-2: #201314;
    --colors-red-dark-3: #3b1219;
    --colors-red-dark-4: #500f1c;
    --colors-red-dark-5: #611623;
    --colors-red-dark-6: #72232d;
    --colors-red-dark-7: #8c333a;
    --colors-red-dark-8: #b54548;
    --colors-red-dark-9: #e5484d;
    --colors-red-dark-10: #ec5d5e;
    --colors-red-dark-11: #ff9592;
    --colors-red-dark-12: #ffd1d9;
    --colors-red-dark-a1: #f4121209;
    --colors-red-dark-a2: #f22f3e11;
    --colors-red-dark-a3: #ff173f2d;
    --colors-red-dark-a4: #fe0a3b44;
    --colors-red-dark-a5: #ff204756;
    --colors-red-dark-a6: #ff3e5668;
    --colors-red-dark-a7: #ff536184;
    --colors-red-dark-a8: #ff5d61b0;
    --colors-red-dark-a9: #fe4e54e4;
    --colors-red-dark-a10: #ff6465eb;
    --colors-red-dark-a11: #ff9592;
    --colors-red-dark-a12: #ffd1d9;
    --spacing-0: 0rem;
    --spacing-1: 0.25rem;
    --spacing-2: 0.5rem;
    --spacing-3: 0.75rem;
    --spacing-4: 1rem;
    --spacing-5: 1.25rem;
    --spacing-6: 1.5rem;
    --spacing-7: 1.75rem;
    --spacing-8: 2rem;
    --spacing-9: 2.25rem;
    --spacing-10: 2.5rem;
    --spacing-11: 2.75rem;
    --spacing-12: 3rem;
    --spacing-14: 3.5rem;
    --spacing-16: 4rem;
    --spacing-20: 5rem;
    --spacing-24: 6rem;
    --spacing-28: 7rem;
    --spacing-32: 8rem;
    --spacing-36: 9rem;
    --spacing-40: 10rem;
    --spacing-44: 11rem;
    --spacing-48: 12rem;
    --spacing-52: 13rem;
    --spacing-56: 14rem;
    --spacing-60: 15rem;
    --spacing-64: 16rem;
    --spacing-72: 18rem;
    --spacing-80: 20rem;
    --spacing-96: 24rem;
    --spacing-none: 0px;
    --spacing-xxs: 2px;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-ms: 12px;
    --spacing-mds: 12px;
    --spacing-md: 16px;
    --spacing-mdl: 20px;
    --spacing-ml: 24px;
    --spacing-lg: 32px;
    --spacing-xl: 48px;
    --spacing-xxl: 64px;
    --spacing-xxxl: 80px;
    --spacing-0\.5: 0.125rem;
    --spacing-1\.5: 0.375rem;
    --spacing-2\.5: 0.625rem;
    --spacing-3\.5: 0.875rem;
    --spacing-4\.5: 1.125rem;
    --radii-none: 0px;
    --radii-xxs: 2px;
    --radii-xs: 4px;
    --radii-sm: 8px;
    --radii-ms: 12px;
    --radii-mds: 12px;
    --radii-md: 16px;
    --radii-mdl: 20px;
    --radii-ml: 24px;
    --radii-lg: 32px;
    --radii-xl: 48px;
    --radii-xxl: 64px;
    --radii-xxxl: 80px;
    --fonts-serif: "DM Serif Display", serif;
    --fonts-sans-serif: Nunito Sans, sans-serif, monospace;
    --fonts-old-sans-serif: Gelasio, sans-serif;
    --font-sizes-none: 0px;
    --font-sizes-xxs: 2px;
    --font-sizes-xs: 4px;
    --font-sizes-sm: 8px;
    --font-sizes-ms: 12px;
    --font-sizes-mds: 12px;
    --font-sizes-md: 16px;
    --font-sizes-mdl: 20px;
    --font-sizes-ml: 24px;
    --font-sizes-lg: 32px;
    --font-sizes-xl: 48px;
    --font-sizes-xxl: 64px;
    --font-sizes-xxxl: 80px;
    --font-weights-thin: 100;
    --font-weights-extralight: 200;
    --font-weights-light: 300;
    --font-weights-normal: 400;
    --font-weights-medium: 500;
    --font-weights-semibold: 600;
    --font-weights-bold: 700;
    --font-weights-extrabold: 800;
    --font-weights-black: 900;
    --line-heights-none: 1;
    --line-heights-tight: 1.25;
    --line-heights-normal: 1.5;
    --line-heights-relaxed: 1.75;
    --line-heights-loose: 2;
    --letter-spacings-tighter: -0.05em;
    --letter-spacings-tight: -0.025em;
    --letter-spacings-normal: 0em;
    --letter-spacings-wide: 0.025em;
    --letter-spacings-wider: 0.05em;
    --letter-spacings-widest: 0.1em;
    --animations-loop: keyframes.loop 2s linear infinite;
    --animations-pulse: keyframes.pulse 1s infinite;
    --animations-fade-in-to-top: keyframes.fadeInToTop 8s cubic-bezier(0.19, 1, 0.22, 1) forwards;
    --animations-backdrop-in: fade-in 250ms var(--easings-emphasized-in);
    --animations-backdrop-out: fade-out 200ms var(--easings-emphasized-out);
    --animations-dialog-in: slide-in 400ms var(--easings-emphasized-in);
    --animations-dialog-out: slide-out 200ms var(--easings-emphasized-out);
    --animations-drawer-in-left: slide-in-left 400ms var(--easings-emphasized-in);
    --animations-drawer-out-left: slide-out-left 200ms var(--easings-emphasized-out);
    --animations-drawer-in-right: slide-in-right 400ms var(--easings-emphasized-in);
    --animations-drawer-out-right: slide-out-right 200ms var(--easings-emphasized-out);
    --animations-skeleton-pulse: skeleton-pulse 2s var(--easings-pulse) infinite;
    --animations-fade-in: fade-in 400ms var(--easings-emphasized-in);
    --animations-collapse-in: collapse-in 250ms var(--easings-emphasized-in);
    --animations-collapse-out: collapse-out 200ms var(--easings-emphasized-out);
    --animations-spin: spin 1s linear infinite;
    --shadows-xs: 0 8px 8px -5px var(--colors-grey\.50);
    --shadows-sm: 1px 3px 8px -2px rgba(0,0,0,0.22);
    --shadows-md: 0px 7px 8px #0000000a,0px 5px 22px #00000005,0px 12px 17px #00000003;
    --shadows-dark-sh: transparent;
    --shadows-focus-vs: 0 0 0 2px var(--colors-base\.black);
    --shadows-sm-top: 0px -5px 10px -5px rgba(0,0,0,0.12);
    --shadows-md-top: 0px -5px 10px 0px var(--colors-neutral-a5);
    --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);
    --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;
    --sizes-2xl: 42rem;
    --sizes-3xl: 48rem;
    --sizes-4xl: 56rem;
    --sizes-5xl: 64rem;
    --sizes-6xl: 72rem;
    --sizes-7xl: 80rem;
    --sizes-8xl: 90rem;
    --sizes-full: 100%;
    --sizes-min: min-content;
    --sizes-max: max-content;
    --sizes-fit: fit-content;
    --sizes-breakpoint-xs: 320px;
    --sizes-breakpoint-sm: 480px;
    --sizes-breakpoint-ms: 640px;
    --sizes-breakpoint-mds: 640px;
    --sizes-breakpoint-sidebar: 800px;
    --sizes-breakpoint-md: 880px;
    --sizes-breakpoint-lg: 1024px;
    --sizes-breakpoint-xl: 1140px;
    --sizes-breakpoint-xxl: 1160px;
    --sizes-breakpoint-adl: 1280px;
    --sizes-breakpoint-huge: 1380px;
    --sizes-breakpoint-huge-xl: 1500px;
    --border-widths-solid-x-s: 1px;
    --border-widths-solid-m-d: 2px;
    --borders-colors-ultra-light: #e4e4e4ff;
    --borders-colors-light: #bcbcbcff;
    --borders-colors-medium: #8f8f8fff;
    --borders-colors-dark: #626262ff;
    --borders-normal: var(--border-widths-solid-x-s) solid var(--colors-grey\.50);
    --borders-medium: var(--border-widths-solid-m-d) solid var(--colors-grey\.50);
    --gradients-purple-to-blue: linear-gradient(116deg, #B6B2F6 20%, #6B86AA 80%, #2683FF 100%);
    --gradients-lavander-to-lightblue: linear-gradient(261.23deg, rgba(211, 227, 253, 0) -17.14%, rgba(153, 240, 255, 0.00832429) -15.01%, #D0F8FF 11.93%, rgba(211, 227, 253, 0.0593476) 47.34%, rgba(153, 240, 255, 0.109737) 65.76%, rgba(168, 199, 250, 0.156073) 80.78%, rgba(208, 248, 255, 0.203125) 97.16%, #D3E3FD 117.75%),linear-gradient(0deg, #F2F1F8, #F2F1F8);
    --gradients-dark-lavander-to-lightblue: linear-gradient(230deg, rgba(211, 227, 253, 0) -17.14%, rgba(153, 240, 255, 0.00832429) -15.01%, rgba(168, 199, 250, 0.0114994) -28%, #0d2e47 11.93%, rgba(211, 227, 253, 0.0304102) 45%, rgba(211, 227, 253, 0.0593476) 58%, rgba(153, 240, 255, 0.109737) 75%, rgba(168, 199, 250, 0.156073) 80.78%, rgba(208, 248, 255, 0.203125) 97.16%, #2d2751 117.75%), linear-gradient(0deg, #36305B, #3b3189);
    --durations-fastest: 50ms;
    --durations-faster: 100ms;
    --durations-fast: 150ms;
    --durations-normal: 200ms;
    --durations-slow: 300ms;
    --durations-slower: 400ms;
    --durations-slowest: 500ms;
    --durations-transition-delay-250: 250ms;
    --durations-transition-delay-500: 500ms;
    --durations-transition-delay-1000: 1000ms;
    --durations-transition-delay-1250: 1250ms;
    --durations-transition-delay-xs: 250ms;
    --durations-transition-delay-sm: 500ms;
    --durations-transition-delay-md: 1000ms;
    --durations-transition-delay-lg: 1250ms;
    --breakpoints-xs: 320px;
    --breakpoints-sm: 480px;
    --breakpoints-ms: 640px;
    --breakpoints-mds: 640px;
    --breakpoints-sidebar: 800px;
    --breakpoints-md: 880px;
    --breakpoints-lg: 1024px;
    --breakpoints-xl: 1140px;
    --breakpoints-xxl: 1160px;
    --breakpoints-adl: 1280px;
    --breakpoints-huge: 1380px;
    --breakpoints-huge-xl: 1500px;
    --colors-primary-button-solid-bg: var(--colors-buttons-primary-bg-default);
    --colors-primary-button-solid-text: var(--colors-buttons-secondary-label-default);
    --colors-primary-button-solid-hover-bg: var(--colors-buttons-primary-bg-hover);
    --colors-primary-button-solid-hover-text: var(--colors-buttons-tertiary-label-default);
    --colors-primary-button-solid-disabled-bg: var(--colors-buttons-primary-bg-disabled);
    --colors-primary-button-solid-disabled-text: var(--colors-buttons-primary-label-disabled);
    --colors-primary-button-outline-bg: var(--colors-transparent);
    --colors-primary-button-outline-text: var(--colors-buttons-tertiary-label-default);
    --colors-primary-button-outline-border: var(--colors-stroke-secondary);
    --colors-primary-button-outline-hover-bg: var(--colors-buttons-primary-bg-hover);
    --colors-primary-button-outline-hover-text: var(--colors-buttons-tertiary-label-default);
    --colors-primary-button-outline-hover-border: var(--colors-transparent);
    --colors-primary-button-outline-disabled-bg: var(--colors-transparent);
    --colors-primary-button-outline-disabled-text: var(--colors-buttons-primary-label-disabled);
    --colors-primary-button-outline-disabled-border: var(--colors-stroke-secondary);
    --colors-primary-button-ghost-bg: var(--colors-transparent);
    --colors-primary-button-ghost-text: var(--colors-buttons-tertiary-label-default);
    --colors-primary-button-ghost-hover-bg: var(--colors-blue\.50);
    --colors-primary-button-ghost-hover-text: var(--colors-buttons-tertiary-label-default);
    --colors-primary-button-ghost-disabled-bg: var(--colors-blue\.50);
    --colors-primary-button-ghost-disabled-text: var(--colors-buttons-primary-label-disabled);
    --colors-primary-button-link-btn-bg: var(--colors-transparent);
    --colors-primary-button-link-btn-text: var(--colors-buttons-tertiary-label-default);
    --colors-primary-button-link-btn-hover-bg: var(--colors-transparent);
    --colors-primary-button-link-btn-hover-text: var(--colors-buttons-primary-label-disabled);
    --colors-primary-button-link-btn-disabled-bg: var(--colors-transparent);
    --colors-primary-button-link-btn-disabled-text: var(--colors-blue\.100);
    --colors-primary-cards-bg-container: var(--colors-background-secondary);
    --colors-primary-cards-bg-content: var(--colors-background-forth);
    --colors-primary-cards-color: var(--colors-labels-primary);
    --colors-primary-cards-border-color: var(--colors-stroke-primary);
    --colors-primary-box-bg: var(--colors-base\.white);
    --colors-primary-box-color: var(--colors-labels-primary);
    --colors-primary-dropdown-error-text: var(--colors-coral\.800);
    --colors-primary-dropdown-error-border: var(--colors-coral\.800);
    --colors-primary-dropdown-error-bg: var(--colors-coral\.200);
    --colors-primary-dropdown-solid-bg: var(--colors-smoke\.500);
    --colors-primary-dropdown-solid-text: var(--colors-grey\.900);
    --colors-primary-dropdown-solid-hover-bg: var(--colors-blue\.50);
    --colors-primary-dropdown-solid-hover-text: var(--colors-buttons-tertiary-label-default);
    --colors-primary-dropdown-solid-disabled-bg: var(--colors-grey\.100);
    --colors-primary-dropdown-solid-disabled-text: var(--colors-labels-forth);
    --colors-primary-dropdown-outline-bg: var(--colors-transparent);
    --colors-primary-dropdown-outline-text: var(--colors-grey\.900);
    --colors-primary-dropdown-outline-border: var(--colors-grey\.900);
    --colors-primary-dropdown-outline-hover-bg: var(--colors-blue\.50);
    --colors-primary-dropdown-outline-hover-text: var(--colors-buttons-tertiary-label-default);
    --colors-primary-dropdown-outline-hover-border: var(--colors-transparent);
    --colors-primary-dropdown-outline-disabled-bg: var(--colors-transparent);
    --colors-primary-dropdown-outline-disabled-text: var(--colors-labels-forth);
    --colors-primary-dropdown-outline-disabled-border: var(--colors-grey\.200);
    --colors-primary-input-text-text: var(--colors-grey\.800);
    --colors-primary-input-text-placeholder: var(--colors-grey\.200);
    --colors-primary-input-text-invalid-border: var(--colors-coral\.800);
    --colors-primary-input-text-invalid-text: var(--colors-coral\.800);
    --colors-primary-input-text-invalid-placeholder: var(--colors-coral\.600);
    --colors-primary-input-text-focused-border: var(--colors-blue\.500);
    --colors-primary-input-text-disabled-border: var(--colors-smoke\.300);
    --colors-primary-input-text-disabled-text: var(--colors-smoke\.300);
    --colors-primary-input-text-disabled-placeholder: var(--colors-smoke\.300);
    --colors-primary-input-text-solid-bg: var(--colors-smoke\.300);
    --colors-primary-input-text-solid-border: var(--colors-smoke\.500);
    --colors-primary-input-text-solid-bg-disabled: var(--colors-base\.white);
    --colors-primary-input-text-outline-bg: var(--colors-base\.white);
    --colors-primary-input-text-outline-border: var(--colors-smoke\.500);
    --colors-primary-input-text-ghost-bg: var(--colors-transparent);
    --colors-primary-input-text-ghost-border: var(--colors-smoke\.500);
    --colors-primary-label-bg: var(--colors-yellow\.900);
    --colors-primary-label-text: var(--colors-grey\.800);
    --colors-primary-label-active-bg: var(--colors-green\.200);
    --colors-primary-label-active-text: var(--colors-grey\.800);
    --colors-primary-label-pending-bg: var(--colors-yellow\.200);
    --colors-primary-label-pending-text: var(--colors-grey\.800);
    --colors-primary-label-inactive-bg: var(--colors-coral\.200);
    --colors-primary-label-inactive-text: var(--colors-grey\.300);
    --colors-primary-logo-bg: var(--colors-base\.black);
    --colors-primary-nav-link-sidebar-item-bg: var(--colors-transparent);
    --colors-primary-nav-link-sidebar-item-text: var(--colors-grey\.800);
    --colors-primary-nav-link-sidebar-item-hover-bg: var(--colors-transparent);
    --colors-primary-nav-link-sidebar-item-hover-text: var(--colors-blue\.500);
    --colors-primary-nav-link-sidebar-item-disabled-bg: var(--colors-transparent);
    --colors-primary-nav-link-sidebar-item-disabled-text: var(--colors-blue\.100);
    --colors-primary-page-bg: var(--colors-background-primary);
    --colors-primary-page-color: var(--colors-labels-primary);
    --colors-primary-sidebar-main-bg: var(--colors-background-third);
    --colors-primary-sidebar-main-color: var(--colors-labels-primary);
    --colors-primary-sidebar-main-hover-bg: var(--colors-smoke\.200);
    --colors-primary-sidebar-main-hover-color: var(--colors-blue\.900);
    --colors-primary-tag-bg: var(--colors-blue\.500);
    --colors-primary-tag-text: var(--colors-base\.white);
    --colors-primary-tag-hover-bg: var(--colors-blue\.200);
    --colors-primary-tag-hover-text: var(--colors-grey\.800);
    --colors-primary-toast-bg: var(--colors-base\.white);
    --colors-primary-toast-text: var(--colors-grey\.500);
    --colors-primary-toast-info-icon: var(--colors-blue\.500);
    --colors-primary-toast-success-icon: var(--colors-aqua\.900);
    --colors-primary-toast-alert-icon: var(--colors-coral\.900);
    --colors-primary-toggle-bg-switch: var(--colors-background-forth);
    --colors-primary-toggle-circle-bg: var(--colors-background-primary);
    --colors-primary-toggle-bg-icon: var(--colors-grey\.500);
    --colors-primary-toggle-checked-bg: var(--colors-base\.white);
    --colors-primary-tooltip-main-bg: var(--colors-base\.black);
    --colors-primary-tooltip-main-text: var(--colors-base\.white);
    --colors-primary-top-search-bar-bg: var(--colors-base\.white);
    --colors-primary-top-search-bar-border: var(--colors-stroke-primary);
    --colors-primary-top-search-bar-color: var(--colors-labels-secondary);
    --colors-primary-top-search-bar-input-bg: var(--colors-base\.white);
    --colors-primary-top-search-bar-input-border: var(--colors-stroke-primary);
    --colors-primary-top-search-bar-input-color-placeholder: var(--colors-labels-secondary);
    --colors-primary-top-search-bar-input-color: var(--colors-labels-primary);
    --colors-primary-inverted-button-solid-bg: var(--colors-buttons-primary-bg-hover);
    --colors-primary-inverted-button-solid-text: var(--colors-buttons-tertiary-label-default);
    --colors-primary-inverted-button-solid-hover-bg: var(--colors-buttons-primary-bg-default);
    --colors-primary-inverted-button-solid-hover-text: var(--colors-buttons-secondary-label-default);
    --colors-primary-inverted-button-outline-bg: var(--colors-transparent);
    --colors-primary-inverted-button-outline-text: var(--colors-blue\.200);
    --colors-primary-inverted-button-outline-border: var(--colors-blue\.200);
    --colors-primary-inverted-button-outline-hover-bg: var(--colors-transparent);
    --colors-primary-inverted-button-outline-hover-text: var(--colors-buttons-tertiary-label-default);
    --colors-primary-inverted-button-outline-hover-border: var(--colors-buttons-tertiary-label-default);
    --colors-primary-inverted-button-outline-disabled-bg: var(--colors-transparent);
    --colors-primary-inverted-button-outline-disabled-text: var(--colors-blue\.100);
    --colors-primary-inverted-button-outline-disabled-border: var(--colors-blue\.100);
    --colors-primary-inverted-button-ghost-bg: var(--colors-transparent);
    --colors-primary-inverted-button-ghost-text: var(--colors-buttons-tertiary-label-default);
    --colors-primary-inverted-button-ghost-hover-bg: var(--colors-buttons-primary-bg-default);
    --colors-primary-inverted-button-ghost-hover-text: var(--colors-base\.white);
    --colors-primary-inverted-button-ghost-disabled-bg: var(--colors-blue\.100);
    --colors-primary-inverted-button-ghost-disabled-text: var(--colors-base\.white);
    --colors-primary-inverted-button-link-btn-bg: var(--colors-transparent);
    --colors-primary-inverted-button-link-btn-text: var(--colors-blue\.300);
    --colors-primary-inverted-button-link-btn-hover-bg: var(--colors-transparent);
    --colors-primary-inverted-button-link-btn-hover-text: var(--colors-blue\.100);
    --colors-primary-inverted-button-link-btn-disabled-bg: var(--colors-transparent);
    --colors-primary-inverted-button-link-btn-disabled-text: var(--colors-blue\.50);
    --colors-secondary-button-solid-bg: var(--colors-buttons-secondary-bg-default);
    --colors-secondary-button-solid-text: var(--colors-buttons-primary-label-default);
    --colors-secondary-button-solid-hover-bg: var(--colors-buttons-secondary-bg-hover);
    --colors-secondary-button-solid-hover-text: var(--colors-buttons-primary-label-default);
    --colors-secondary-button-solid-disabled-bg: var(--colors-buttons-secondary-bg-hover);
    --colors-secondary-button-solid-disabled-text: var(--colors-labels-forth);
    --colors-secondary-button-outline-bg: var(--colors-transparent);
    --colors-secondary-button-outline-text: var(--colors-buttons-primary-label-default);
    --colors-secondary-button-outline-border: var(--colors-stroke-similar);
    --colors-secondary-button-outline-hover-bg: var(--colors-buttons-secondary-bg-hover);
    --colors-secondary-button-outline-hover-text: var(--colors-buttons-primary-label-default);
    --colors-secondary-button-outline-hover-border: transparent;
    --colors-secondary-button-outline-disabled-bg: var(--colors-transparent);
    --colors-secondary-button-outline-disabled-text: var(--colors-labels-forth);
    --colors-secondary-button-outline-disabled-border: var(--colors-stroke-similar);
    --colors-secondary-button-ghost-bg: var(--colors-transparent);
    --colors-secondary-button-ghost-text: var(--colors-buttons-fifth-label-default);
    --colors-secondary-button-ghost-hover-bg: var(--colors-buttons-secondary-bg-hover);
    --colors-secondary-button-ghost-hover-text: var(--colors-buttons-primary-label-default);
    --colors-secondary-button-ghost-disabled-bg: var(--colors-transparent);
    --colors-secondary-button-ghost-disabled-text: var(--colors-buttons-sixth-label-default);
    --colors-secondary-button-link-btn-bg: var(--colors-transparent);
    --colors-secondary-button-link-btn-text: var(--colors-buttons-fifth-label-default);
    --colors-secondary-button-link-btn-hover-bg: var(--colors-transparent);
    --colors-secondary-button-link-btn-hover-text: var(--colors-yellow\.300);
    --colors-secondary-button-link-btn-disabled-bg: var(--colors-transparent);
    --colors-secondary-button-link-btn-disabled-text: var(--colors-yellow\.100);
    --colors-secondary-inverted-button-solid-bg: var(--colors-buttons-secondary-bg-hover);
    --colors-secondary-inverted-button-solid-text: var(--colors-buttons-primary-label-default);
    --colors-secondary-inverted-button-solid-hover-bg: var(--colors-buttons-secondary-bg-default);
    --colors-secondary-inverted-button-solid-hover-text: var(--colors-buttons-primary-label-default);
    --colors-secondary-inverted-button-solid-disabled-bg: var(--colors-buttons-secondary-bg-hover);
    --colors-secondary-inverted-button-solid-disabled-text: var(--colors-labels-forth);
    --colors-secondary-inverted-button-outline-bg: var(--colors-transparent);
    --colors-secondary-inverted-button-outline-text: var(--colors-buttons-primary-label-default);
    --colors-secondary-inverted-button-outline-border: var(--colors-stroke-similar);
    --colors-secondary-inverted-button-outline-hover-bg: var(--colors-buttons-secondary-bg-hover);
    --colors-secondary-inverted-button-outline-hover-text: var(--colors-buttons-primary-label-default);
    --colors-secondary-inverted-button-outline-hover-border: transparent;
    --colors-secondary-inverted-button-outline-disabled-bg: var(--colors-transparent);
    --colors-secondary-inverted-button-outline-disabled-text: var(--colors-labels-forth);
    --colors-secondary-inverted-button-outline-disabled-border: var(--colors-stroke-similar);
    --colors-secondary-inverted-button-ghost-bg: var(--colors-transparent);
    --colors-secondary-inverted-button-ghost-text: var(--colors-buttons-fifth-label-default);
    --colors-secondary-inverted-button-ghost-hover-bg: var(--colors-buttons-secondary-bg-hover);
    --colors-secondary-inverted-button-ghost-hover-text: var(--colors-buttons-primary-label-default);
    --colors-secondary-inverted-button-ghost-disabled-bg: var(--colors-transparent);
    --colors-secondary-inverted-button-ghost-disabled-text: var(--colors-buttons-sixth-label-default);
    --colors-secondary-inverted-button-link-btn-bg: var(--colors-transparent);
    --colors-secondary-inverted-button-link-btn-text: var(--colors-buttons-fifth-label-default);
    --colors-secondary-inverted-button-link-btn-hover-bg: var(--colors-transparent);
    --colors-secondary-inverted-button-link-btn-hover-text: var(--colors-yellow\.300);
    --colors-secondary-inverted-button-link-btn-disabled-bg: var(--colors-transparent);
    --colors-secondary-inverted-button-link-btn-disabled-text: var(--colors-yellow\.100);
    --colors-third-button-solid-bg: var(--colors-purple\.500);
    --colors-third-button-solid-text: var(--colors-base\.white);
    --colors-third-button-solid-hover-bg: var(--colors-purple\.50);
    --colors-third-button-solid-hover-text: var(--colors-purple\.500);
    --colors-third-button-solid-disabled-bg: var(--colors-purple\.100);
    --colors-third-button-solid-disabled-text: var(--colors-base\.white);
    --colors-third-button-outline-bg: var(--colors-transparent);
    --colors-third-button-outline-text: var(--colors-purple\.500);
    --colors-third-button-outline-border: var(--colors-purple\.500);
    --colors-third-button-outline-hover-bg: var(--colors-transparent);
    --colors-third-button-outline-hover-text: var(--colors-purple\.300);
    --colors-third-button-outline-hover-border: var(--colors-purple\.500);
    --colors-third-button-outline-disabled-bg: var(--colors-transparent);
    --colors-third-button-outline-disabled-text: var(--colors-purple\.300);
    --colors-third-button-outline-disabled-border: var(--colors-purple\.200);
    --colors-third-button-ghost-bg: var(--colors-transparent);
    --colors-third-button-ghost-text: var(--colors-purple\.500);
    --colors-third-button-ghost-hover-bg: var(--colors-purple\.50);
    --colors-third-button-ghost-hover-text: var(--colors-purple\.500);
    --colors-third-button-ghost-disabled-bg: var(--colors-purple\.50);
    --colors-third-button-ghost-disabled-text: var(--colors-purple\.200);
    --colors-third-button-link-btn-bg: var(--colors-transparent);
    --colors-third-button-link-btn-text: var(--colors-purple\.500);
    --colors-third-button-link-btn-hover-bg: var(--colors-transparent);
    --colors-third-button-link-btn-hover-text: var(--colors-purple\.300);
    --colors-third-button-link-btn-disabled-bg: var(--colors-transparent);
    --colors-third-button-link-btn-disabled-text: var(--colors-purple\.100);
    --colors-fourth-button-solid-bg: var(--colors-buttons-forth-bg-default);
    --colors-fourth-button-solid-text: var(--colors-buttons-forth-label-hover);
    --colors-fourth-button-solid-hover-bg: var(--colors-buttons-forth-bg-hover);
    --colors-fourth-button-solid-hover-text: var(--colors-buttons-forth-label-hover);
    --colors-fourth-button-solid-disabled-bg: var(--colors-buttons-forth-bg-hover);
    --colors-fourth-button-solid-disabled-text: var(--colors-buttons-forth-bg-default);
    --colors-fourth-button-outline-bg: var(--colors-transparent);
    --colors-fourth-button-outline-text: var(--colors-buttons-primary-label-default);
    --colors-fourth-button-outline-border: var(--colors-stroke-quaternary);
    --colors-fourth-button-outline-hover-bg: var(--colors-buttons-quaternary-bg);
    --colors-fourth-button-outline-hover-text: var(--colors-base\.white);
    --colors-fourth-button-outline-hover-border: var(--colors-stroke-quaternary);
    --colors-fourth-button-outline-disabled-bg: var(--colors-transparent);
    --colors-fourth-button-outline-disabled-text: var(--colors-grey\.200);
    --colors-fourth-button-outline-disabled-border: var(--colors-grey\.200);
    --colors-fourth-button-outline-light-bg: var(--colors-transparent);
    --colors-fourth-button-outline-light-text: var(--colors-buttons-primary-label-default);
    --colors-fourth-button-outline-light-border: var(--colors-stroke-primary);
    --colors-fourth-button-outline-light-hover-bg: var(--colors-stroke-primary);
    --colors-fourth-button-outline-light-hover-text: var(--colors-buttons-primary-label-default);
    --colors-fourth-button-outline-light-hover-border: var(--colors-transparent);
    --colors-fourth-button-outline-light-disabled-bg: var(--colors-transparent);
    --colors-fourth-button-outline-light-disabled-text: var(--colors-grey\.100);
    --colors-fourth-button-outline-light-disabled-border: var(--colors-stroke-primary);
    --colors-fourth-button-ghost-bg: var(--colors-transparent);
    --colors-fourth-button-ghost-text: var(--colors-buttons-primary-label-default);
    --colors-fourth-button-ghost-hover-bg: var(--colors-buttons-forth-bg-hover);
    --colors-fourth-button-ghost-hover-text: var(--colors-buttons-forth-label-hover);
    --colors-fourth-button-ghost-disabled-bg: var(--colors-transparent);
    --colors-fourth-button-ghost-disabled-text: var(--colors-buttons-forth-bg-default);
    --colors-fourth-button-link-btn-bg: var(--colors-transparent);
    --colors-fourth-button-link-btn-text: var(--colors-buttons-primary-label-default);
    --colors-fourth-button-link-btn-hover-bg: var(--colors-transparent);
    --colors-fourth-button-link-btn-hover-text: var(--colors-buttons-tertiary-label-default);
    --colors-fourth-button-link-btn-disabled-bg: var(--colors-transparent);
    --colors-fourth-button-link-btn-disabled-text: var(--colors-buttons-forth-bg-default);
    --colors-fifth-button-solid-bg: var(--colors-salmon\.500);
    --colors-fifth-button-solid-text: var(--colors-base\.white);
    --colors-fifth-button-solid-hover-bg: var(--colors-salmon\.100);
    --colors-fifth-button-solid-hover-text: var(--colors-salmon\.500);
    --colors-fifth-button-solid-disabled-bg: var(--colors-salmon\.100);
    --colors-fifth-button-solid-disabled-text: var(--colors-salmon\.400);
    --colors-fifth-button-outline-bg: var(--colors-transparent);
    --colors-fifth-button-outline-text: var(--colors-salmon\.200);
    --colors-fifth-button-outline-border: var(--colors-salmon\.200);
    --colors-fifth-button-outline-hover-bg: var(--colors-transparent);
    --colors-fifth-button-outline-hover-text: var(--colors-salmon\.500);
    --colors-fifth-button-outline-hover-border: var(--colors-salmon\.500);
    --colors-fifth-button-outline-disabled-bg: var(--colors-transparent);
    --colors-fifth-button-outline-disabled-text: var(--colors-salmon\.100);
    --colors-fifth-button-outline-disabled-border: var(--colors-salmon\.100);
    --colors-fifth-button-ghost-bg: var(--colors-transparent);
    --colors-fifth-button-ghost-text: var(--colors-salmon\.500);
    --colors-fifth-button-ghost-hover-bg: var(--colors-salmon\.500);
    --colors-fifth-button-ghost-hover-text: var(--colors-base\.white);
    --colors-fifth-button-ghost-disabled-bg: var(--colors-salmon\.100);
    --colors-fifth-button-ghost-disabled-text: var(--colors-base\.white);
    --colors-fifth-button-link-btn-bg: var(--colors-transparent);
    --colors-fifth-button-link-btn-text: var(--colors-salmon\.500);
    --colors-fifth-button-link-btn-hover-bg: var(--colors-transparent);
    --colors-fifth-button-link-btn-hover-text: var(--colors-salmon\.300);
    --colors-fifth-button-link-btn-disabled-bg: var(--colors-transparent);
    --colors-fifth-button-link-btn-disabled-text: var(--colors-salmon\.100);
    --colors-fifth-inverted-button-solid-bg: var(--colors-salmon\.100);
    --colors-fifth-inverted-button-solid-text: var(--colors-salmon\.800);
    --colors-fifth-inverted-button-solid-hover-bg: var(--colors-salmon\.500);
    --colors-fifth-inverted-button-solid-hover-text: var(--colors-base\.white);
    --colors-fifth-inverted-button-solid-disabled-bg: var(--colors-salmon\.50);
    --colors-fifth-inverted-button-solid-disabled-text: var(--colors-salmon\.100);
    --colors-danger-button-solid-bg: var(--colors-coral\.800);
    --colors-danger-button-solid-text: var(--colors-base\.white);
    --colors-danger-button-solid-hover-bg: var(--colors-coral\.900);
    --colors-danger-button-solid-hover-text: var(--colors-base\.white);
    --colors-danger-button-solid-disabled-bg: var(--colors-coral\.50);
    --colors-danger-button-solid-disabled-text: var(--colors-coral\.400);
    --colors-danger-button-link-btn-bg: var(--colors-transparent);
    --colors-danger-button-link-btn-text: var(--colors-coral\.800);
    --colors-danger-button-link-btn-hover-bg: var(--colors-transparent);
    --colors-danger-button-link-btn-hover-text: var(--colors-coral\.900);
    --colors-danger-button-link-btn-disabled-bg: var(--colors-transparent);
    --colors-danger-button-link-btn-disabled-text: var(--colors-coral\.400);
    --colors-rewrite-button-solid-bg: var(--colors-salmon\.500);
    --colors-rewrite-button-solid-text: var(--colors-buttons-primary-label-default);
    --colors-rewrite-button-solid-hover-bg: var(--colors-salmon\.100);
    --colors-rewrite-button-solid-hover-text: var(--colors-buttons-primary-label-default);
    --colors-rewrite-button-solid-disabled-bg: var(--colors-salmon\.100);
    --colors-rewrite-button-solid-disabled-text: var(--colors-grey\.300);
    --colors-translate-button-solid-bg: var(--colors-links-tertiary);
    --colors-translate-button-solid-text: var(--colors-grey\.800);
    --colors-translate-button-solid-hover-bg: var(--colors-aqua\.100);
    --colors-translate-button-solid-hover-text: var(--colors-grey\.800);
    --colors-translate-button-solid-disabled-bg: var(--colors-aqua\.100);
    --colors-translate-button-solid-disabled-text: var(--colors-aqua\.500);
    --colors-ask-button-solid-bg: linear-gradient(30deg, #D0F8FF, #c9c7e1, #D0F8FF);
    --colors-ask-button-solid-text: var(--colors-grey\.800);
    --colors-ask-button-solid-hover-bg: linear-gradient(30deg,#DBFAFF, #E3E2EF, #DBFAFF);
    --colors-ask-button-solid-hover-text: var(--colors-grey\.800);
    --colors-ask-button-solid-disabled-bg: linear-gradient(30deg,#DBFAFF, #E3E2EF, #DBFAFF);
    --colors-ask-button-solid-disabled-text: var(--colors-buttons-forth-bg-default);
    --colors-detect-button-solid-bg: linear-gradient(271.74deg, #FF9986 0.74%, #93C1FF 99.26%);
    --colors-detect-button-solid-text: var(--colors-grey\.800);
    --colors-detect-button-solid-hover-bg: linear-gradient(271.74deg, rgba(255, 153, 134, 0.3) 0.76%, rgba(147, 193, 255, 0.3) 99.29%);
    --colors-detect-button-solid-hover-text: var(--colors-grey\.800);
    --colors-detect-button-solid-disabled-bg: linear-gradient(271.74deg, rgba(255, 153, 134, 0.3) 0.76%, rgba(147, 193, 255, 0.3) 99.29%);
    --colors-detect-button-solid-disabled-text: var(--colors-buttons-forth-bg-default);
    --shadows-main-shadows-small: var(--shadows-xs);
    --shadows-main-shadows-medium: var(--shadows-sm);
    --shadows-main-shadows-large: var(--shadows-md);
    --gradients-main-gradients-light: var(--gradients-lavander-to-lightblue);
    --radii-l1: var(--radii-xs);
    --radii-l2: var(--radii-sm);
    --radii-l3: var(--radii-md);
}

  .light {
    --colors-red-1: var(--colors-red-light-1);
    --colors-red-2: var(--colors-red-light-2);
    --colors-red-3: var(--colors-red-light-3);
    --colors-red-4: var(--colors-red-light-4);
    --colors-red-5: var(--colors-red-light-5);
    --colors-red-6: var(--colors-red-light-6);
    --colors-red-7: var(--colors-red-light-7);
    --colors-red-8: var(--colors-red-light-8);
    --colors-red-9: var(--colors-red-light-9);
    --colors-red-10: var(--colors-red-light-10);
    --colors-red-11: var(--colors-red-light-11);
    --colors-red-12: var(--colors-red-light-12);
    --colors-red-a1: var(--colors-red-light-a1);
    --colors-red-a2: var(--colors-red-light-a2);
    --colors-red-a3: var(--colors-red-light-a3);
    --colors-red-a4: var(--colors-red-light-a4);
    --colors-red-a5: var(--colors-red-light-a5);
    --colors-red-a6: var(--colors-red-light-a6);
    --colors-red-a7: var(--colors-red-light-a7);
    --colors-red-a8: var(--colors-red-light-a8);
    --colors-red-a9: var(--colors-red-light-a9);
    --colors-red-a10: var(--colors-red-light-a10);
    --colors-red-a11: var(--colors-red-light-a11);
    --colors-red-a12: var(--colors-red-light-a12);
    --colors-red-default: var(--colors-red-light-9);
    --colors-red-emphasized: var(--colors-red-light-10);
    --colors-red-fg: white;
    --colors-red-text: var(--colors-red-light-a11);
    --colors-neutral-1: var(--colors-neutral-light-1);
    --colors-neutral-2: var(--colors-neutral-light-2);
    --colors-neutral-3: var(--colors-neutral-light-3);
    --colors-neutral-4: var(--colors-neutral-light-4);
    --colors-neutral-5: var(--colors-neutral-light-5);
    --colors-neutral-6: var(--colors-neutral-light-6);
    --colors-neutral-7: var(--colors-neutral-light-7);
    --colors-neutral-8: var(--colors-neutral-light-8);
    --colors-neutral-9: var(--colors-neutral-light-9);
    --colors-neutral-10: var(--colors-neutral-light-10);
    --colors-neutral-11: var(--colors-neutral-light-11);
    --colors-neutral-12: var(--colors-neutral-light-12);
    --colors-neutral-a1: var(--colors-neutral-light-a1);
    --colors-neutral-a2: var(--colors-neutral-light-a2);
    --colors-neutral-a3: var(--colors-neutral-light-a3);
    --colors-neutral-a4: var(--colors-neutral-light-a4);
    --colors-neutral-a5: var(--colors-neutral-light-a5);
    --colors-neutral-a6: var(--colors-neutral-light-a6);
    --colors-neutral-a7: var(--colors-neutral-light-a7);
    --colors-neutral-a8: var(--colors-neutral-light-a8);
    --colors-neutral-a9: var(--colors-neutral-light-a9);
    --colors-neutral-a10: var(--colors-neutral-light-a10);
    --colors-neutral-a11: var(--colors-neutral-light-a11);
    --colors-neutral-a12: var(--colors-neutral-light-a12);
    --colors-neutral-default: black;
    --colors-neutral-fg: white;
    --colors-neutral-text: black
}

  .dark {
    --colors-red-1: var(--colors-red-dark-1);
    --colors-red-2: var(--colors-red-dark-2);
    --colors-red-3: var(--colors-red-dark-3);
    --colors-red-4: var(--colors-red-dark-4);
    --colors-red-5: var(--colors-red-dark-5);
    --colors-red-6: var(--colors-red-dark-6);
    --colors-red-7: var(--colors-red-dark-7);
    --colors-red-8: var(--colors-red-dark-8);
    --colors-red-9: var(--colors-red-dark-9);
    --colors-red-10: var(--colors-red-dark-10);
    --colors-red-11: var(--colors-red-dark-11);
    --colors-red-12: var(--colors-red-dark-12);
    --colors-red-a1: var(--colors-red-dark-a1);
    --colors-red-a2: var(--colors-red-dark-a2);
    --colors-red-a3: var(--colors-red-dark-a3);
    --colors-red-a4: var(--colors-red-dark-a4);
    --colors-red-a5: var(--colors-red-dark-a5);
    --colors-red-a6: var(--colors-red-dark-a6);
    --colors-red-a7: var(--colors-red-dark-a7);
    --colors-red-a8: var(--colors-red-dark-a8);
    --colors-red-a9: var(--colors-red-dark-a9);
    --colors-red-a10: var(--colors-red-dark-a10);
    --colors-red-a11: var(--colors-red-dark-a11);
    --colors-red-a12: var(--colors-red-dark-a12);
    --colors-red-default: var(--colors-red-dark-9);
    --colors-red-emphasized: var(--colors-red-dark-10);
    --colors-red-fg: white;
    --colors-red-text: var(--colors-red-dark-a11);
    --colors-neutral-1: var(--colors-neutral-dark-1);
    --colors-neutral-2: var(--colors-neutral-dark-2);
    --colors-neutral-3: var(--colors-neutral-dark-3);
    --colors-neutral-4: var(--colors-neutral-dark-4);
    --colors-neutral-5: var(--colors-neutral-dark-5);
    --colors-neutral-6: var(--colors-neutral-dark-6);
    --colors-neutral-7: var(--colors-neutral-dark-7);
    --colors-neutral-8: var(--colors-neutral-dark-8);
    --colors-neutral-9: var(--colors-neutral-dark-9);
    --colors-neutral-10: var(--colors-neutral-dark-10);
    --colors-neutral-11: var(--colors-neutral-dark-11);
    --colors-neutral-12: var(--colors-neutral-dark-12);
    --colors-neutral-a1: var(--colors-neutral-dark-a1);
    --colors-neutral-a2: var(--colors-neutral-dark-a2);
    --colors-neutral-a3: var(--colors-neutral-dark-a3);
    --colors-neutral-a4: var(--colors-neutral-dark-a4);
    --colors-neutral-a5: var(--colors-neutral-dark-a5);
    --colors-neutral-a6: var(--colors-neutral-dark-a6);
    --colors-neutral-a7: var(--colors-neutral-dark-a7);
    --colors-neutral-a8: var(--colors-neutral-dark-a8);
    --colors-neutral-a9: var(--colors-neutral-dark-a9);
    --colors-neutral-a10: var(--colors-neutral-dark-a10);
    --colors-neutral-a11: var(--colors-neutral-dark-a11);
    --colors-neutral-a12: var(--colors-neutral-dark-a12);
    --colors-neutral-default: white;
    --colors-neutral-fg: black;
    --colors-neutral-text: white;
    --colors-primary-button-solid-bg: var(--colors-dark-buttons-primary-bg-default);
    --colors-primary-button-solid-text: var(--colors-dark-buttons-secondary-label-default);
    --colors-primary-button-solid-hover-bg: var(--colors-dark-buttons-primary-bg-hover);
    --colors-primary-button-solid-hover-text: var(--colors-dark-buttons-tertiary-label-default);
    --colors-primary-button-solid-disabled-bg: var(--colors-dark-buttons-primary-bg-disabled);
    --colors-primary-button-solid-disabled-text: var(--colors-dark-buttons-primary-label-disabled);
    --colors-primary-cards-bg-container: var(--colors-dark-background-secondary);
    --colors-primary-cards-bg-content: var(--colors-dark-background-forth);
    --colors-primary-cards-color: var(--colors-dark-labels-primary);
    --colors-primary-cards-border-color: var(--colors-dark-stroke-primary);
    --colors-primary-box-bg: var(--colors-dark-background-secondary);
    --colors-primary-box-color: var(--colors-dark-labels-primary);
    --colors-primary-logo-bg: var(--colors-base\.white);
    --colors-primary-page-bg: var(--colors-dark-background-primary);
    --colors-primary-page-color: var(--colors-dark-labels-primary);
    --colors-primary-sidebar-main-bg: var(--colors-dark-background-third);
    --colors-primary-sidebar-main-color: var(--colors-dark-labels-primary);
    --colors-primary-sidebar-main-hover-bg: var(--colors-grey\.500);
    --colors-primary-sidebar-main-hover-color: var(--colors-smoke\.50);
    --colors-primary-toggle-bg-switch: var(--colors-dark-background-secondary);
    --colors-primary-toggle-circle-bg: var(--colors-dark-background-primary);
    --colors-primary-top-search-bar-bg: var(--colors-base\.black);
    --colors-primary-top-search-bar-border: var(--colors-grey\.300);
    --colors-primary-top-search-bar-color: var(--colors-smoke\.50);
    --colors-primary-top-search-bar-input-bg: var(--colors-dark-background-secondary);
    --colors-primary-top-search-bar-input-border: var(--colors-dark-stroke-primary);
    --colors-primary-top-search-bar-input-color-placeholder: var(--colors-dark-labels-secondary);
    --colors-primary-top-search-bar-input-color: var(--colors-dark-labels-primary);
    --colors-third-button-solid-bg: var(--colors-grey\.800);
    --colors-third-button-solid-text: var(--colors-grey\.100);
    --colors-fourth-button-solid-bg: var(--colors-grey\.800);
    --colors-fourth-button-solid-text: var(--colors-grey\.100);
    --colors-fourth-button-outline-bg: var(--colors-transparent);
    --colors-fourth-button-outline-text: var(--colors-grey\.50);
    --colors-fourth-button-outline-border: var(--colors-grey\.50);
    --colors-fourth-button-outline-hover-bg: var(--colors-grey\.50);
    --colors-fourth-button-outline-hover-text: var(--colors-base\.black);
    --colors-fourth-button-outline-hover-border: var(--colors-grey\.50);
    --colors-rewrite-button-solid-hover-text: var(--colors-dark-buttons-primary-label-default);
    --shadows-main-shadows-small: var(--shadows-dark-sh);
    --shadows-main-shadows-medium: var(--shadows-dark-sh);
    --shadows-main-shadows-large: var(--shadows-dark-sh);
    --gradients-main-gradients-light: var(--gradients-dark-lavander-to-lightblue)
}

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

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

  @keyframes infiniteBarLoader {
    0% {
      transform: translateX(-100%);
}

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

  @keyframes pulseBig {
    0% {
      transform: scale(1);
}

    50% {
      transform: scale(1.2);
}

    100% {
      transform: scale(1);
}
}

  @keyframes fadeInToTop {
    0% {
      opacity: 0;
      transform: translateY(20px);
}

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

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

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

  @keyframes bounce {
    0%,20%,53%,to {
      transform: translateZ(0);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    40%,43% {
      transform: translate3d(0, -30px, 0) scaleY(1.1);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

    70% {
      transform: translate3d(0, -15px, 0) scaleY(1.05);
      animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

    80% {
      transform: translateZ(0) scaleY(0.95);
      --transition-easing: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    90% {
      transform: translate3d(0, -4px, 0) scaleY(1.02);
}
}

  @keyframes flash {
    0%,50%,to {
      opacity: 1;
}

    25%,75% {
      opacity: 0;
}
}

  @keyframes pulse {
    0% {
      transform: scaleX(1);
}

    50% {
      transform: scale3d(1.05, 1.05, 1.05);
}

    to {
      transform: scaleX(1);
}
}

  @keyframes rubberBand {
    0% {
      transform: scaleX(1);
}

    30% {
      transform: scale3d(1.25, 0.75, 1);
}

    40% {
      transform: scale3d(0.75, 1.25, 1);
}

    50% {
      transform: scale3d(1.15, 0.85, 1);
}

    65% {
      transform: scale3d(0.95, 1.05, 1);
}

    75% {
      transform: scale3d(1.05, 0.95, 1);
}

    to {
      transform: scaleX(1);
}
}

  @keyframes shakeX {
    0%,to {
      transform: translateZ(0);
}

    10%,30%,50%,70%,90% {
      transform: translate3d(-10px, 0, 0);
}

    20%,40%,60%,80% {
      transform: translate3d(10px, 0, 0);
}
}

  @keyframes shakeY {
    0%,to {
      transform: translateZ(0);
}

    10%,30%,50%,70%,90% {
      transform: translate3d(0, -10px, 0);
}

    20%,40%,60%,80% {
      transform: translate3d(0, 10px, 0);
}
}

  @keyframes headShake {
    0% {
      transform: translateX(0);
}

    6.5% {
      transform: translateX(-6px) rotateY(-9deg);
}

    18.5% {
      transform: translateX(5px) rotateY(7deg);
}

    31.5% {
      transform: translateX(-3px) rotateY(-5deg);
}

    43.5% {
      transform: translateX(2px) rotateY(3deg);
}

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

  @keyframes swing {
    20% {
      transform: rotate(15deg);
}

    40% {
      transform: rotate(-10deg);
}

    60% {
      transform: rotate(5deg);
}

    80% {
      transform: rotate(-5deg);
}

    to {
      transform: rotate(0deg);
}
}

  @keyframes tada {
    0% {
      transform: scaleX(1);
}

    10%,20% {
      transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
}

    30%,50%,70%,90% {
      transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
}

    40%,60%,80% {
      transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
}

    to {
      transform: scaleX(1);
}
}

  @keyframes wobble {
    0% {
      transform: translateZ(0);
}

    15% {
      transform: translate3d(-25%, 0, 0) rotate(-5deg);
}

    30% {
      transform: translate3d(20%, 0, 0) rotate(3deg);
}

    45% {
      transform: translate3d(-15%, 0, 0) rotate(-3deg);
}

    60% {
      transform: translate3d(10%, 0, 0) rotate(2deg);
}

    75% {
      transform: translate3d(-5%, 0, 0) rotate(-1deg);
}

    to {
      transform: translateZ(0);
}
}

  @keyframes jello {
    0%,11.1%,to {
      transform: translateZ(0);
}

    22.2% {
      transform: skewX(-12.5deg) skewY(-12.5deg);
}

    33.3% {
      transform: skewX(6.25deg) skewY(6.25deg);
}

    44.4% {
      transform: skewX(-3.125deg) skewY(-3.125deg);
}

    55.5% {
      transform: skewX(1.5625deg) skewY(1.5625deg);
}

    66.6% {
      transform: skewX(-0.78125deg) skewY(-0.78125deg);
}

    77.7% {
      transform: skewX(0.390625deg) skewY(0.390625deg);
}

    88.8% {
      transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}

  @keyframes heartBeat {
    0% {
      transform: scale(1);
}

    14% {
      transform: scale(1.3);
}

    28% {
      transform: scale(1);
}

    42% {
      transform: scale(1.3);
}

    70% {
      transform: scale(1);
}
}

  @keyframes backInDown {
    0% {
      transform: translateY(-1200px) scale(0.7);
      opacity: 0.7;
}

    80% {
      transform: translateY(0) scale(0.7);
      opacity: 0.7;
}

    to {
      transform: scale(1);
      opacity: 1;
}
}

  @keyframes backInLeft {
    0% {
      transform: translateX(-2000px) scale(0.7);
      opacity: 0.7;
}

    80% {
      transform: translateX(0) scale(0.7);
      opacity: 0.7;
}

    to {
      transform: scale(1);
      opacity: 1;
}
}

  @keyframes backInRight {
    0% {
      transform: translateX(2000px) scale(0.7);
      opacity: 0.7;
}

    80% {
      transform: translateX(0) scale(0.7);
      opacity: 0.7;
}

    to {
      transform: scale(1);
      opacity: 1;
}
}

  @keyframes backInUp {
    0% {
      transform: translateY(1200px) scale(0.7);
      opacity: 0.7;
}

    80% {
      transform: translateY(0) scale(0.7);
      opacity: 0.7;
}

    to {
      transform: scale(1);
      opacity: 1;
}
}

  @keyframes backOutDown {
    0% {
      transform: scale(1);
      opacity: 1;
}

    20% {
      transform: translateY(0) scale(0.7);
      opacity: 0.7;
}

    to {
      transform: translateY(700px) scale(0.7);
      opacity: 0.7;
}
}

  @keyframes backOutLeft {
    0% {
      transform: scale(1);
      opacity: 1;
}

    20% {
      transform: translateX(0) scale(0.7);
      opacity: 0.7;
}

    to {
      transform: translateX(-2000px) scale(0.7);
      opacity: 0.7;
}
}

  @keyframes backOutRight {
    0% {
      transform: scale(1);
      opacity: 1;
}

    20% {
      transform: translateX(0) scale(0.7);
      opacity: 0.7;
}

    to {
      transform: translateX(2000px) scale(0.7);
      opacity: 0.7;
}
}

  @keyframes backOutUp {
    0% {
      transform: scale(1);
      opacity: 1;
}

    20% {
      transform: translateY(0) scale(0.7);
      opacity: 0.7;
}

    to {
      transform: translateY(-700px) scale(0.7);
      opacity: 0.7;
}
}

  @keyframes bounceIn {
    0% {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
}

    20% {
      transform: scale3d(1.1, 1.1, 1.1);
}

    40% {
      transform: scale3d(0.9, 0.9, 0.9);
}

    60% {
      opacity: 1;
      transform: scale3d(1.03, 1.03, 1.03);
}

    80% {
      transform: scale3d(0.97, 0.97, 0.97);
}

    to {
      opacity: 1;
      transform: scaleX(1);
}

    0%,20%,40%,60%,80%,to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
}

  @keyframes bounceInDown {
    0% {
      opacity: 0;
      transform: translate3d(0, -3000px, 0) scaleY(3);
}

    60% {
      opacity: 1;
      transform: translate3d(0, 25px, 0) scaleY(0.9);
}

    75% {
      transform: translate3d(0, -10px, 0) scaleY(0.95);
}

    90% {
      transform: translate3d(0, 5px, 0) scaleY(0.985);
}

    to {
      transform: translateZ(0);
}

    0%,60%,75%,90%,to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
}

  @keyframes bounceInLeft {
    0% {
      opacity: 0;
      transform: translate3d(-3000px, 0, 0) scaleX(3);
}

    60% {
      opacity: 1;
      transform: translate3d(25px, 0, 0) scaleX(1);
}

    75% {
      transform: translate3d(-10px, 0, 0) scaleX(0.98);
}

    90% {
      transform: translate3d(5px, 0, 0) scaleX(0.995);
}

    to {
      transform: translateZ(0);
}

    0%,60%,75%,90%,to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
}

  @keyframes bounceInRight {
    0% {
      opacity: 0;
      transform: translate3d(3000px, 0, 0) scaleX(3);
}

    60% {
      opacity: 1;
      transform: translate3d(-25px, 0, 0) scaleX(1);
}

    75% {
      transform: translate3d(10px, 0, 0) scaleX(0.98);
}

    90% {
      transform: translate3d(-5px, 0, 0) scaleX(0.995);
}

    to {
      transform: translateZ(0);
}

    0%,60%,75%,90%,to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
}

  @keyframes bounceInUp {
    0% {
      opacity: 0;
      transform: translate3d(0, 3000px, 0) scaleY(5);
}

    60% {
      opacity: 1;
      transform: translate3d(0, -20px, 0) scaleY(0.9);
}

    75% {
      transform: translate3d(0, 10px, 0) scaleY(0.95);
}

    90% {
      transform: translate3d(0, -5px, 0) scaleY(0.985);
}

    to {
      transform: translateZ(0);
}

    0%,60%,75%,90%,to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
}

  @keyframes bounceOut {
    20% {
      transform: scale3d(0.9, 0.9, 0.9);
}

    50%,55% {
      opacity: 1;
      transform: scale3d(1.1, 1.1, 1.1);
}

    to {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
}
}

  @keyframes bounceOutDown {
    20% {
      transform: translate3d(0, 10px, 0) scaleY(0.985);
}

    40%,45% {
      opacity: 1;
      transform: translate3d(0, -20px, 0) scaleY(0.9);
}

    to {
      opacity: 0;
      transform: translate3d(0, 2000px, 0) scaleY(3);
}
}

  @keyframes bounceOutLeft {
    20% {
      opacity: 1;
      transform: translate3d(20px, 0, 0) scaleX(0.9);
}

    to {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0) scaleX(2);
}
}

  @keyframes bounceOutRight {
    20% {
      opacity: 1;
      transform: translate3d(-20px, 0, 0) scaleX(0.9);
}

    to {
      opacity: 0;
      transform: translate3d(2000px, 0, 0) scaleX(2);
}
}

  @keyframes bounceOutUp {
    20% {
      transform: translate3d(0, -10px, 0) scaleY(0.985);
}

    40%,45% {
      opacity: 1;
      transform: translate3d(0, 20px, 0) scaleY(0.9);
}

    to {
      opacity: 0;
      transform: translate3d(0, -2000px, 0) scaleY(3);
}
}

  @keyframes fadeIn {
    0% {
      opacity: 0;
}

    to {
      opacity: 1;
}
}

  @keyframes fadeInDown {
    0% {
      opacity: 0;
      transform: translate3d(0, -100%, 0);
}

    to {
      opacity: 1;
      transform: translateZ(0);
}
}

  @keyframes fadeInDownBig {
    0% {
      opacity: 0;
      transform: translate3d(0, -2000px, 0);
}

    to {
      opacity: 1;
      transform: translateZ(0);
}
}

  @keyframes fadeInLeft {
    0% {
      opacity: 0;
      transform: translate3d(-100%, 0, 0);
}

    to {
      opacity: 1;
      transform: translateZ(0);
}
}

  @keyframes fadeInLeftBig {
    0% {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0);
}

    to {
      opacity: 1;
      transform: translateZ(0);
}
}

  @keyframes fadeInRight {
    0% {
      opacity: 0;
      transform: translate3d(100%, 0, 0);
}

    to {
      opacity: 1;
      transform: translateZ(0);
}
}

  @keyframes fadeInRightBig {
    0% {
      opacity: 0;
      transform: translate3d(2000px, 0, 0);
}

    to {
      opacity: 1;
      transform: translateZ(0);
}
}

  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
}

    to {
      opacity: 1;
      transform: translateZ(0);
}
}

  @keyframes fadeInUpBig {
    0% {
      opacity: 0;
      transform: translate3d(0, 2000px, 0);
}

    to {
      opacity: 1;
      transform: translateZ(0);
}
}

  @keyframes fadeInTopLeft {
    0% {
      opacity: 0;
      transform: translate3d(-100%, -100%, 0);
}

    to {
      opacity: 1;
      transform: translateZ(0);
}
}

  @keyframes fadeInTopRight {
    0% {
      opacity: 0;
      transform: translate3d(100%, -100%, 0);
}

    to {
      opacity: 1;
      transform: translateZ(0);
}
}

  @keyframes fadeInBottomLeft {
    0% {
      opacity: 0;
      transform: translate3d(-100%, 100%, 0);
}

    to {
      opacity: 1;
      transform: translateZ(0);
}
}

  @keyframes fadeInBottomRight {
    0% {
      opacity: 0;
      transform: translate3d(100%, 100%, 0);
}

    to {
      opacity: 1;
      transform: translateZ(0);
}
}

  @keyframes fadeOut {
    0% {
      opacity: 1;
}

    to {
      opacity: 0;
}
}

  @keyframes fadeOutDown {
    0% {
      opacity: 1;
}

    to {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
}
}

  @keyframes fadeOutDownBig {
    0% {
      opacity: 1;
}

    to {
      opacity: 0;
      transform: translate3d(0, 2000px, 0);
}
}

  @keyframes fadeOutLeft {
    0% {
      opacity: 1;
}

    to {
      opacity: 0;
      transform: translate3d(-100%, 0, 0);
}
}

  @keyframes fadeOutLeftBig {
    0% {
      opacity: 1;
}

    to {
      opacity: 0;
      transform: translate3d(-2000px, 0, 0);
}
}

  @keyframes fadeOutRight {
    0% {
      opacity: 1;
}

    to {
      opacity: 0;
      transform: translate3d(100%, 0, 0);
}
}

  @keyframes fadeOutRightBig {
    0% {
      opacity: 1;
}

    to {
      opacity: 0;
      transform: translate3d(2000px, 0, 0);
}
}

  @keyframes fadeOutUp {
    0% {
      opacity: 1;
}

    to {
      opacity: 0;
      transform: translate3d(0, -100%, 0);
}
}

  @keyframes fadeOutUpBig {
    0% {
      opacity: 1;
}

    to {
      opacity: 0;
      transform: translate3d(0, -2000px, 0);
}
}

  @keyframes fadeOutTopLeft {
    0% {
      opacity: 1;
      transform: translateZ(0);
}

    to {
      opacity: 0;
      transform: translate3d(-100%, -100%, 0);
}
}

  @keyframes fadeOutTopRight {
    0% {
      opacity: 1;
      transform: translateZ(0);
}

    to {
      opacity: 0;
      transform: translate3d(100%, -100%, 0);
}
}

  @keyframes fadeOutBottomRight {
    0% {
      opacity: 1;
      transform: translateZ(0);
}

    to {
      opacity: 0;
      transform: translate3d(100%, 100%, 0);
}
}

  @keyframes fadeOutBottomLeft {
    0% {
      opacity: 1;
      transform: translateZ(0);
}

    to {
      opacity: 0;
      transform: translate3d(-100%, 100%, 0);
}
}

  @keyframes flip {
    0% {
      transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
      animation-timing-function: ease-out;
}

    40% {
      transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
      animation-timing-function: ease-out;
}

    50% {
      transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
      animation-timing-function: ease-in;
}

    80% {
      transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0)      rotateY(0deg);
      animation-timing-function: ease-in;
}

    to {
      transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
      animation-timing-function: ease-in;
}
}

  @keyframes flipInX {
    0% {
      transform: perspective(400px) rotateX(90deg);
      opacity: 0;
      animation-timing-function: ease-in;
}

    40% {
      transform: perspective(400px) rotateX(-20deg);
      animation-timing-function: ease-in;
}

    60% {
      transform: perspective(400px) rotateX(10deg);
      opacity: 1;
}

    80% {
      transform: perspective(400px) rotateX(-5deg);
}

    to {
      transform: perspective(400px);
}
}

  @keyframes flipInY {
    0% {
      transform: perspective(400px) rotateY(90deg);
      opacity: 0;
      animation-timing-function: ease-in;
}

    40% {
      transform: perspective(400px) rotateY(-20deg);
      animation-timing-function: ease-in;
}

    60% {
      transform: perspective(400px) rotateY(10deg);
      opacity: 1;
}

    80% {
      transform: perspective(400px) rotateY(-5deg);
}

    to {
      transform: perspective(400px);
}
}

  @keyframes flipOutX {
    0% {
      transform: perspective(400px);
}

    30% {
      transform: perspective(400px) rotateX(-20deg);
      opacity: 1;
}

    to {
      transform: perspective(400px) rotateX(90deg);
      opacity: 0;
}
}

  @keyframes flipOutY {
    0% {
      transform: perspective(400px);
}

    30% {
      transform: perspective(400px) rotateY(-15deg);
      opacity: 1;
}

    to {
      transform: perspective(400px) rotateY(90deg);
      opacity: 0;
}
}

  @keyframes lightSpeedInRight {
    0% {
      transform: translate3d(100%, 0, 0) skewX(-30deg);
      opacity: 0;
}

    60% {
      transform: skewX(20deg);
      opacity: 1;
}

    80% {
      transform: skewX(-5deg);
}

    to {
      transform: translateZ(0);
}
}

  @keyframes lightSpeedInLeft {
    0% {
      transform: translate3d(-100%, 0, 0) skewX(30deg);
      opacity: 0;
}

    60% {
      transform: skewX(-20deg);
      opacity: 1;
}

    80% {
      transform: skewX(5deg);
}

    to {
      transform: translateZ(0);
}
}

  @keyframes lightSpeedOutRight {
    0% {
      opacity: 1;
}

    to {
      transform: translate3d(100%, 0, 0) skewX(30deg);
      opacity: 0;
}
}

  @keyframes lightSpeedOutLeft {
    0% {
      opacity: 1;
}

    to {
      transform: translate3d(-100%, 0, 0) skewX(-30deg);
      opacity: 0;
}
}

  @keyframes rotateIn {
    0% {
      transform: rotate(-200deg);
      opacity: 0;
}

    to {
      transform: translateZ(0);
      opacity: 1;
}
}

  @keyframes rotateInDownLeft {
    0% {
      transform: rotate(-45deg);
      opacity: 0;
}

    to {
      transform: translateZ(0);
      opacity: 1;
}
}

  @keyframes rotateInDownRight {
    0% {
      transform: rotate(45deg);
      opacity: 0;
}

    to {
      transform: translateZ(0);
      opacity: 1;
}
}

  @keyframes rotateInUpLeft {
    0% {
      transform: rotate(45deg);
      opacity: 0;
}

    to {
      transform: translateZ(0);
      opacity: 1;
}
}

  @keyframes rotateInUpRight {
    0% {
      transform: rotate(-90deg);
      opacity: 0;
}

    to {
      transform: translateZ(0);
      opacity: 1;
}
}

  @keyframes rotateOut {
    0% {
      opacity: 1;
}

    to {
      transform: rotate(200deg);
      opacity: 0;
}
}

  @keyframes rotateOutDownLeft {
    0% {
      opacity: 1;
}

    to {
      transform: rotate(45deg);
      opacity: 0;
}
}

  @keyframes rotateOutDownRight {
    0% {
      opacity: 1;
}

    to {
      transform: rotate(-45deg);
      opacity: 0;
}
}

  @keyframes rotateOutUpLeft {
    0% {
      opacity: 1;
}

    to {
      transform: rotate(-45deg);
      opacity: 0;
}
}

  @keyframes rotateOutUpRight {
    0% {
      opacity: 1;
}

    to {
      transform: rotate(90deg);
      opacity: 0;
}
}

  @keyframes hinge {
    20%,60% {
      transform: rotate(80deg);
      animation-timing-function: ease-in-out;
}

    40%,80% {
      transform: rotate(60deg);
      opacity: 1;
      animation-timing-function: ease-in-out;
}

    to {
      transform: translate3d(0, 700px, 0);
      opacity: 0;
}

    0% {
      animation-timing-function: ease-in-out;
}
}

  @keyframes jackInTheBox {
    0% {
      opacity: 0;
      transform: scale(0.1) rotate(30deg);
      transform-origin: center bottom;
}

    50% {
      transform: rotate(-10deg);
}

    70% {
      transform: rotate(3deg);
}

    to {
      opacity: 1;
      transform: scale(1);
}
}

  @keyframes rollIn {
    0% {
      opacity: 0;
      transform: translate3d(-100%, 0, 0) rotate(-120deg);
}

    to {
      opacity: 1;
      transform: translateZ(0);
}
}

  @keyframes rollOut {
    0% {
      opacity: 1;
}

    to {
      opacity: 0;
      transform: translate3d(100%, 0, 0) rotate(120deg);
}
}

  @keyframes zoomIn {
    0% {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
}

    50% {
      opacity: 1;
}
}

  @keyframes zoomInDown {
    0% {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    60% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}

  @keyframes zoomInLeft {
    0% {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    60% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}

  @keyframes zoomInRight {
    0% {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    60% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}

  @keyframes zoomInUp {
    0% {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    60% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}

  @keyframes zoomOut {
    0% {
      opacity: 1;
}

    50% {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
}

    to {
      opacity: 0;
}
}

  @keyframes zoomOutDown {
    40% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    to {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}

  @keyframes zoomOutLeft {
    40% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}

    to {
      opacity: 0;
      transform: scale(0.1) translate3d(-2000px, 0, 0);
}
}

  @keyframes zoomOutRight {
    40% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}

    to {
      opacity: 0;
      transform: scale(0.1) translate3d(2000px, 0, 0);
}
}

  @keyframes zoomOutUp {
    40% {
      opacity: 1;
      transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    to {
      opacity: 0;
      transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
      animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}

  @keyframes slideInDown {
    0% {
      transform: translate3d(0, -100%, 0);
      visibility: visible;
}

    to {
      transform: translateZ(0);
}
}

  @keyframes slideInLeft {
    0% {
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
}

    to {
      transform: translateZ(0);
}
}

  @keyframes slideInRight {
    0% {
      transform: translate3d(100%, 0, 0);
      visibility: visible;
}

    to {
      transform: translateZ(0);
}
}

  @keyframes slideInUp {
    0% {
      transform: translate3d(0, 100%, 0);
      visibility: visible;
}

    to {
      transform: translateZ(0);
}
}

  @keyframes slideOutDown {
    0% {
      transform: translateZ(0);
}

    to {
      visibility: hidden;
      transform: translate3d(0, 100%, 0);
}
}

  @keyframes slideOutLeft {
    0% {
      transform: translateZ(0);
}

    to {
      visibility: hidden;
      transform: translate3d(-100%, 0, 0);
}
}

  @keyframes slideOutRight {
    0% {
      transform: translateZ(0);
}

    to {
      visibility: hidden;
      transform: translate3d(100%, 0, 0);
}
}

  @keyframes slideOutUp {
    0% {
      transform: translateZ(0);
}

    to {
      visibility: hidden;
      transform: translate3d(0, -100%, 0);
}
}

  @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 collapse-in {
    0% {
      height: 0;
}

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

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

    100% {
      height: 0;
}
}

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

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

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

@layer recipes{
  @layer _base{

    .beta {
      position: absolute;
      padding-inline: var(--spacing-xs);
      padding-block: var(--spacing-none);
      color: var(--colors-base\.white);
      background: var(--colors-blue\.400);
      text-align: center;
      letter-spacing: 1px;
      font-weight: 400;
}

    .beta,.button {
      width: fit-content;
      border-radius: var(--radii-xs);
      overflow: hidden;
      cursor: pointer;
      font-size: var(--font-sizes-md);
}

    .button {
      --colors-color-palette-button-solid-bg: var(--colors-primary-button-solid-bg);
      --colors-color-palette-button-solid-text: var(--colors-primary-button-solid-text);
      --colors-color-palette-button-solid-hover-bg: var(--colors-primary-button-solid-hover-bg);
      --colors-color-palette-button-solid-hover-text: var(--colors-primary-button-solid-hover-text);
      --colors-color-palette-button-solid-disabled-bg: var(--colors-primary-button-solid-disabled-bg);
      --colors-color-palette-button-solid-disabled-text: var(--colors-primary-button-solid-disabled-text);
      --colors-color-palette-button-outline-bg: var(--colors-primary-button-outline-bg);
      --colors-color-palette-button-outline-text: var(--colors-primary-button-outline-text);
      --colors-color-palette-button-outline-border: var(--colors-primary-button-outline-border);
      --colors-color-palette-button-outline-hover-bg: var(--colors-primary-button-outline-hover-bg);
      --colors-color-palette-button-outline-hover-text: var(--colors-primary-button-outline-hover-text);
      --colors-color-palette-button-outline-hover-border: var(--colors-primary-button-outline-hover-border);
      --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-button-outline-disabled-bg);
      --colors-color-palette-button-outline-disabled-text: var(--colors-primary-button-outline-disabled-text);
      --colors-color-palette-button-outline-disabled-border: var(--colors-primary-button-outline-disabled-border);
      --colors-color-palette-button-ghost-bg: var(--colors-primary-button-ghost-bg);
      --colors-color-palette-button-ghost-text: var(--colors-primary-button-ghost-text);
      --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-button-ghost-hover-bg);
      --colors-color-palette-button-ghost-hover-text: var(--colors-primary-button-ghost-hover-text);
      --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-button-ghost-disabled-bg);
      --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-button-ghost-disabled-text);
      --colors-color-palette-button-link-btn-bg: var(--colors-primary-button-link-btn-bg);
      --colors-color-palette-button-link-btn-text: var(--colors-primary-button-link-btn-text);
      --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-button-link-btn-hover-bg);
      --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-button-link-btn-hover-text);
      --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-button-link-btn-disabled-bg);
      --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-button-link-btn-disabled-text);
      --colors-color-palette-cards-bg-container: var(--colors-primary-cards-bg-container);
      --colors-color-palette-cards-bg-content: var(--colors-primary-cards-bg-content);
      --colors-color-palette-cards-color: var(--colors-primary-cards-color);
      --colors-color-palette-cards-border-color: var(--colors-primary-cards-border-color);
      --colors-color-palette-box-bg: var(--colors-primary-box-bg);
      --colors-color-palette-box-color: var(--colors-primary-box-color);
      --colors-color-palette-dropdown-error-text: var(--colors-primary-dropdown-error-text);
      --colors-color-palette-dropdown-error-border: var(--colors-primary-dropdown-error-border);
      --colors-color-palette-dropdown-error-bg: var(--colors-primary-dropdown-error-bg);
      --colors-color-palette-dropdown-solid-bg: var(--colors-primary-dropdown-solid-bg);
      --colors-color-palette-dropdown-solid-text: var(--colors-primary-dropdown-solid-text);
      --colors-color-palette-dropdown-solid-hover-bg: var(--colors-primary-dropdown-solid-hover-bg);
      --colors-color-palette-dropdown-solid-hover-text: var(--colors-primary-dropdown-solid-hover-text);
      --colors-color-palette-dropdown-solid-disabled-bg: var(--colors-primary-dropdown-solid-disabled-bg);
      --colors-color-palette-dropdown-solid-disabled-text: var(--colors-primary-dropdown-solid-disabled-text);
      --colors-color-palette-dropdown-outline-bg: var(--colors-primary-dropdown-outline-bg);
      --colors-color-palette-dropdown-outline-text: var(--colors-primary-dropdown-outline-text);
      --colors-color-palette-dropdown-outline-border: var(--colors-primary-dropdown-outline-border);
      --colors-color-palette-dropdown-outline-hover-bg: var(--colors-primary-dropdown-outline-hover-bg);
      --colors-color-palette-dropdown-outline-hover-text: var(--colors-primary-dropdown-outline-hover-text);
      --colors-color-palette-dropdown-outline-hover-border: var(--colors-primary-dropdown-outline-hover-border);
      --colors-color-palette-dropdown-outline-disabled-bg: var(--colors-primary-dropdown-outline-disabled-bg);
      --colors-color-palette-dropdown-outline-disabled-text: var(--colors-primary-dropdown-outline-disabled-text);
      --colors-color-palette-dropdown-outline-disabled-border: var(--colors-primary-dropdown-outline-disabled-border);
      --colors-color-palette-input-text-text: var(--colors-primary-input-text-text);
      --colors-color-palette-input-text-placeholder: var(--colors-primary-input-text-placeholder);
      --colors-color-palette-input-text-invalid-border: var(--colors-primary-input-text-invalid-border);
      --colors-color-palette-input-text-invalid-text: var(--colors-primary-input-text-invalid-text);
      --colors-color-palette-input-text-invalid-placeholder: var(--colors-primary-input-text-invalid-placeholder);
      --colors-color-palette-input-text-focused-border: var(--colors-primary-input-text-focused-border);
      --colors-color-palette-input-text-disabled-border: var(--colors-primary-input-text-disabled-border);
      --colors-color-palette-input-text-disabled-text: var(--colors-primary-input-text-disabled-text);
      --colors-color-palette-input-text-disabled-placeholder: var(--colors-primary-input-text-disabled-placeholder);
      --colors-color-palette-input-text-solid-bg: var(--colors-primary-input-text-solid-bg);
      --colors-color-palette-input-text-solid-border: var(--colors-primary-input-text-solid-border);
      --colors-color-palette-input-text-solid-bg-disabled: var(--colors-primary-input-text-solid-bg-disabled);
      --colors-color-palette-input-text-outline-bg: var(--colors-primary-input-text-outline-bg);
      --colors-color-palette-input-text-outline-border: var(--colors-primary-input-text-outline-border);
      --colors-color-palette-input-text-ghost-bg: var(--colors-primary-input-text-ghost-bg);
      --colors-color-palette-input-text-ghost-border: var(--colors-primary-input-text-ghost-border);
      --colors-color-palette-label-bg: var(--colors-primary-label-bg);
      --colors-color-palette-label-text: var(--colors-primary-label-text);
      --colors-color-palette-label-active-bg: var(--colors-primary-label-active-bg);
      --colors-color-palette-label-active-text: var(--colors-primary-label-active-text);
      --colors-color-palette-label-pending-bg: var(--colors-primary-label-pending-bg);
      --colors-color-palette-label-pending-text: var(--colors-primary-label-pending-text);
      --colors-color-palette-label-inactive-bg: var(--colors-primary-label-inactive-bg);
      --colors-color-palette-label-inactive-text: var(--colors-primary-label-inactive-text);
      --colors-color-palette-logo-bg: var(--colors-primary-logo-bg);
      --colors-color-palette-nav-link-sidebar-item-bg: var(--colors-primary-nav-link-sidebar-item-bg);
      --colors-color-palette-nav-link-sidebar-item-text: var(--colors-primary-nav-link-sidebar-item-text);
      --colors-color-palette-nav-link-sidebar-item-hover-bg: var(--colors-primary-nav-link-sidebar-item-hover-bg);
      --colors-color-palette-nav-link-sidebar-item-hover-text: var(--colors-primary-nav-link-sidebar-item-hover-text);
      --colors-color-palette-nav-link-sidebar-item-disabled-bg: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
      --colors-color-palette-nav-link-sidebar-item-disabled-text: var(--colors-primary-nav-link-sidebar-item-disabled-text);
      --colors-color-palette-page-bg: var(--colors-primary-page-bg);
      --colors-color-palette-page-color: var(--colors-primary-page-color);
      --colors-color-palette-sidebar-main-bg: var(--colors-primary-sidebar-main-bg);
      --colors-color-palette-sidebar-main-color: var(--colors-primary-sidebar-main-color);
      --colors-color-palette-sidebar-main-hover-bg: var(--colors-primary-sidebar-main-hover-bg);
      --colors-color-palette-sidebar-main-hover-color: var(--colors-primary-sidebar-main-hover-color);
      --colors-color-palette-tag-bg: var(--colors-primary-tag-bg);
      --colors-color-palette-tag-text: var(--colors-primary-tag-text);
      --colors-color-palette-tag-hover-bg: var(--colors-primary-tag-hover-bg);
      --colors-color-palette-tag-hover-text: var(--colors-primary-tag-hover-text);
      --colors-color-palette-toast-bg: var(--colors-primary-toast-bg);
      --colors-color-palette-toast-text: var(--colors-primary-toast-text);
      --colors-color-palette-toast-info-icon: var(--colors-primary-toast-info-icon);
      --colors-color-palette-toast-success-icon: var(--colors-primary-toast-success-icon);
      --colors-color-palette-toast-alert-icon: var(--colors-primary-toast-alert-icon);
      --colors-color-palette-toggle-bg-switch: var(--colors-primary-toggle-bg-switch);
      --colors-color-palette-toggle-circle-bg: var(--colors-primary-toggle-circle-bg);
      --colors-color-palette-toggle-bg-icon: var(--colors-primary-toggle-bg-icon);
      --colors-color-palette-toggle-checked-bg: var(--colors-primary-toggle-checked-bg);
      --colors-color-palette-tooltip-main-bg: var(--colors-primary-tooltip-main-bg);
      --colors-color-palette-tooltip-main-text: var(--colors-primary-tooltip-main-text);
      --colors-color-palette-top-search-bar-bg: var(--colors-primary-top-search-bar-bg);
      --colors-color-palette-top-search-bar-border: var(--colors-primary-top-search-bar-border);
      --colors-color-palette-top-search-bar-color: var(--colors-primary-top-search-bar-color);
      --colors-color-palette-top-search-bar-input-bg: var(--colors-primary-top-search-bar-input-bg);
      --colors-color-palette-top-search-bar-input-border: var(--colors-primary-top-search-bar-input-border);
      --colors-color-palette-top-search-bar-input-color-placeholder: var(--colors-primary-top-search-bar-input-color-placeholder);
      --colors-color-palette-top-search-bar-input-color: var(--colors-primary-top-search-bar-input-color);
      position: relative;
      display: inline-flex;
      gap: var(--spacing-sm);
      text-align: unset;
      letter-spacing: 0.2px;
      -webkit-user-select: none;
      user-select: none;
      justify-content: center;
      align-items: center;
      font-weight: 700;
}

    .button .buttonText {
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      display: inline-block;
      vertical-align: middle;
      flex-grow: 1;
}

    .contentWrapper {
      display: flex;
      flex: 1 1 0%;
      position: relative;
      width: 960px;
      max-width: 100%;
      flex-direction: column;
      padding-left: 2em;
      padding-top: 60px;
      padding-right: 10vh;
}

    .dropdown {
      --colors-color-palette-button-solid-bg: var(--colors-primary-button-solid-bg);
      --colors-color-palette-button-solid-text: var(--colors-primary-button-solid-text);
      --colors-color-palette-button-solid-hover-bg: var(--colors-primary-button-solid-hover-bg);
      --colors-color-palette-button-solid-hover-text: var(--colors-primary-button-solid-hover-text);
      --colors-color-palette-button-solid-disabled-bg: var(--colors-primary-button-solid-disabled-bg);
      --colors-color-palette-button-solid-disabled-text: var(--colors-primary-button-solid-disabled-text);
      --colors-color-palette-button-outline-bg: var(--colors-primary-button-outline-bg);
      --colors-color-palette-button-outline-text: var(--colors-primary-button-outline-text);
      --colors-color-palette-button-outline-border: var(--colors-primary-button-outline-border);
      --colors-color-palette-button-outline-hover-bg: var(--colors-primary-button-outline-hover-bg);
      --colors-color-palette-button-outline-hover-text: var(--colors-primary-button-outline-hover-text);
      --colors-color-palette-button-outline-hover-border: var(--colors-primary-button-outline-hover-border);
      --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-button-outline-disabled-bg);
      --colors-color-palette-button-outline-disabled-text: var(--colors-primary-button-outline-disabled-text);
      --colors-color-palette-button-outline-disabled-border: var(--colors-primary-button-outline-disabled-border);
      --colors-color-palette-button-ghost-bg: var(--colors-primary-button-ghost-bg);
      --colors-color-palette-button-ghost-text: var(--colors-primary-button-ghost-text);
      --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-button-ghost-hover-bg);
      --colors-color-palette-button-ghost-hover-text: var(--colors-primary-button-ghost-hover-text);
      --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-button-ghost-disabled-bg);
      --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-button-ghost-disabled-text);
      --colors-color-palette-button-link-btn-bg: var(--colors-primary-button-link-btn-bg);
      --colors-color-palette-button-link-btn-text: var(--colors-primary-button-link-btn-text);
      --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-button-link-btn-hover-bg);
      --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-button-link-btn-hover-text);
      --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-button-link-btn-disabled-bg);
      --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-button-link-btn-disabled-text);
      --colors-color-palette-cards-bg-container: var(--colors-primary-cards-bg-container);
      --colors-color-palette-cards-bg-content: var(--colors-primary-cards-bg-content);
      --colors-color-palette-cards-color: var(--colors-primary-cards-color);
      --colors-color-palette-cards-border-color: var(--colors-primary-cards-border-color);
      --colors-color-palette-box-bg: var(--colors-primary-box-bg);
      --colors-color-palette-box-color: var(--colors-primary-box-color);
      --colors-color-palette-dropdown-error-text: var(--colors-primary-dropdown-error-text);
      --colors-color-palette-dropdown-error-border: var(--colors-primary-dropdown-error-border);
      --colors-color-palette-dropdown-error-bg: var(--colors-primary-dropdown-error-bg);
      --colors-color-palette-dropdown-solid-bg: var(--colors-primary-dropdown-solid-bg);
      --colors-color-palette-dropdown-solid-text: var(--colors-primary-dropdown-solid-text);
      --colors-color-palette-dropdown-solid-hover-bg: var(--colors-primary-dropdown-solid-hover-bg);
      --colors-color-palette-dropdown-solid-hover-text: var(--colors-primary-dropdown-solid-hover-text);
      --colors-color-palette-dropdown-solid-disabled-bg: var(--colors-primary-dropdown-solid-disabled-bg);
      --colors-color-palette-dropdown-solid-disabled-text: var(--colors-primary-dropdown-solid-disabled-text);
      --colors-color-palette-dropdown-outline-bg: var(--colors-primary-dropdown-outline-bg);
      --colors-color-palette-dropdown-outline-text: var(--colors-primary-dropdown-outline-text);
      --colors-color-palette-dropdown-outline-border: var(--colors-primary-dropdown-outline-border);
      --colors-color-palette-dropdown-outline-hover-bg: var(--colors-primary-dropdown-outline-hover-bg);
      --colors-color-palette-dropdown-outline-hover-text: var(--colors-primary-dropdown-outline-hover-text);
      --colors-color-palette-dropdown-outline-hover-border: var(--colors-primary-dropdown-outline-hover-border);
      --colors-color-palette-dropdown-outline-disabled-bg: var(--colors-primary-dropdown-outline-disabled-bg);
      --colors-color-palette-dropdown-outline-disabled-text: var(--colors-primary-dropdown-outline-disabled-text);
      --colors-color-palette-dropdown-outline-disabled-border: var(--colors-primary-dropdown-outline-disabled-border);
      --colors-color-palette-input-text-text: var(--colors-primary-input-text-text);
      --colors-color-palette-input-text-placeholder: var(--colors-primary-input-text-placeholder);
      --colors-color-palette-input-text-invalid-border: var(--colors-primary-input-text-invalid-border);
      --colors-color-palette-input-text-invalid-text: var(--colors-primary-input-text-invalid-text);
      --colors-color-palette-input-text-invalid-placeholder: var(--colors-primary-input-text-invalid-placeholder);
      --colors-color-palette-input-text-focused-border: var(--colors-primary-input-text-focused-border);
      --colors-color-palette-input-text-disabled-border: var(--colors-primary-input-text-disabled-border);
      --colors-color-palette-input-text-disabled-text: var(--colors-primary-input-text-disabled-text);
      --colors-color-palette-input-text-disabled-placeholder: var(--colors-primary-input-text-disabled-placeholder);
      --colors-color-palette-input-text-solid-bg: var(--colors-primary-input-text-solid-bg);
      --colors-color-palette-input-text-solid-border: var(--colors-primary-input-text-solid-border);
      --colors-color-palette-input-text-solid-bg-disabled: var(--colors-primary-input-text-solid-bg-disabled);
      --colors-color-palette-input-text-outline-bg: var(--colors-primary-input-text-outline-bg);
      --colors-color-palette-input-text-outline-border: var(--colors-primary-input-text-outline-border);
      --colors-color-palette-input-text-ghost-bg: var(--colors-primary-input-text-ghost-bg);
      --colors-color-palette-input-text-ghost-border: var(--colors-primary-input-text-ghost-border);
      --colors-color-palette-label-bg: var(--colors-primary-label-bg);
      --colors-color-palette-label-text: var(--colors-primary-label-text);
      --colors-color-palette-label-active-bg: var(--colors-primary-label-active-bg);
      --colors-color-palette-label-active-text: var(--colors-primary-label-active-text);
      --colors-color-palette-label-pending-bg: var(--colors-primary-label-pending-bg);
      --colors-color-palette-label-pending-text: var(--colors-primary-label-pending-text);
      --colors-color-palette-label-inactive-bg: var(--colors-primary-label-inactive-bg);
      --colors-color-palette-label-inactive-text: var(--colors-primary-label-inactive-text);
      --colors-color-palette-logo-bg: var(--colors-primary-logo-bg);
      --colors-color-palette-nav-link-sidebar-item-bg: var(--colors-primary-nav-link-sidebar-item-bg);
      --colors-color-palette-nav-link-sidebar-item-text: var(--colors-primary-nav-link-sidebar-item-text);
      --colors-color-palette-nav-link-sidebar-item-hover-bg: var(--colors-primary-nav-link-sidebar-item-hover-bg);
      --colors-color-palette-nav-link-sidebar-item-hover-text: var(--colors-primary-nav-link-sidebar-item-hover-text);
      --colors-color-palette-nav-link-sidebar-item-disabled-bg: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
      --colors-color-palette-nav-link-sidebar-item-disabled-text: var(--colors-primary-nav-link-sidebar-item-disabled-text);
      --colors-color-palette-page-bg: var(--colors-primary-page-bg);
      --colors-color-palette-page-color: var(--colors-primary-page-color);
      --colors-color-palette-sidebar-main-bg: var(--colors-primary-sidebar-main-bg);
      --colors-color-palette-sidebar-main-color: var(--colors-primary-sidebar-main-color);
      --colors-color-palette-sidebar-main-hover-bg: var(--colors-primary-sidebar-main-hover-bg);
      --colors-color-palette-sidebar-main-hover-color: var(--colors-primary-sidebar-main-hover-color);
      --colors-color-palette-tag-bg: var(--colors-primary-tag-bg);
      --colors-color-palette-tag-text: var(--colors-primary-tag-text);
      --colors-color-palette-tag-hover-bg: var(--colors-primary-tag-hover-bg);
      --colors-color-palette-tag-hover-text: var(--colors-primary-tag-hover-text);
      --colors-color-palette-toast-bg: var(--colors-primary-toast-bg);
      --colors-color-palette-toast-text: var(--colors-primary-toast-text);
      --colors-color-palette-toast-info-icon: var(--colors-primary-toast-info-icon);
      --colors-color-palette-toast-success-icon: var(--colors-primary-toast-success-icon);
      --colors-color-palette-toast-alert-icon: var(--colors-primary-toast-alert-icon);
      --colors-color-palette-toggle-bg-switch: var(--colors-primary-toggle-bg-switch);
      --colors-color-palette-toggle-circle-bg: var(--colors-primary-toggle-circle-bg);
      --colors-color-palette-toggle-bg-icon: var(--colors-primary-toggle-bg-icon);
      --colors-color-palette-toggle-checked-bg: var(--colors-primary-toggle-checked-bg);
      --colors-color-palette-tooltip-main-bg: var(--colors-primary-tooltip-main-bg);
      --colors-color-palette-tooltip-main-text: var(--colors-primary-tooltip-main-text);
      --colors-color-palette-top-search-bar-bg: var(--colors-primary-top-search-bar-bg);
      --colors-color-palette-top-search-bar-border: var(--colors-primary-top-search-bar-border);
      --colors-color-palette-top-search-bar-color: var(--colors-primary-top-search-bar-color);
      --colors-color-palette-top-search-bar-input-bg: var(--colors-primary-top-search-bar-input-bg);
      --colors-color-palette-top-search-bar-input-border: var(--colors-primary-top-search-bar-input-border);
      --colors-color-palette-top-search-bar-input-color-placeholder: var(--colors-primary-top-search-bar-input-color-placeholder);
      --colors-color-palette-top-search-bar-input-color: var(--colors-primary-top-search-bar-input-color);
      position: relative;
      display: inline-flex;
      min-height: 32px;
      min-width: 32px;
      border-radius: var(--radii-xs);
      overflow: hidden;
      cursor: pointer;
      text-align: unset;
      letter-spacing: 0.2px;
      gap: var(--spacing-md);
      justify-content: center;
      align-items: center;
      font-size: var(--font-sizes-md);
      font-weight: 700;
}

    .dropdown .dropdownText {
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block;
      vertical-align: middle;
      flex-grow: 1;
}

    .dropdown .dropdownIcon {
      min-width: 20px;
}

    .dropdown:is(:focus-visible, [data-focus-visible]) {
      box-shadow: var(--shadows-focus-vs);
}

    .dropdownList {
      --colors-color-palette-button-solid-bg: var(--colors-primary-button-solid-bg);
      --colors-color-palette-button-solid-text: var(--colors-primary-button-solid-text);
      --colors-color-palette-button-solid-hover-bg: var(--colors-primary-button-solid-hover-bg);
      --colors-color-palette-button-solid-hover-text: var(--colors-primary-button-solid-hover-text);
      --colors-color-palette-button-solid-disabled-bg: var(--colors-primary-button-solid-disabled-bg);
      --colors-color-palette-button-solid-disabled-text: var(--colors-primary-button-solid-disabled-text);
      --colors-color-palette-button-outline-bg: var(--colors-primary-button-outline-bg);
      --colors-color-palette-button-outline-text: var(--colors-primary-button-outline-text);
      --colors-color-palette-button-outline-border: var(--colors-primary-button-outline-border);
      --colors-color-palette-button-outline-hover-bg: var(--colors-primary-button-outline-hover-bg);
      --colors-color-palette-button-outline-hover-text: var(--colors-primary-button-outline-hover-text);
      --colors-color-palette-button-outline-hover-border: var(--colors-primary-button-outline-hover-border);
      --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-button-outline-disabled-bg);
      --colors-color-palette-button-outline-disabled-text: var(--colors-primary-button-outline-disabled-text);
      --colors-color-palette-button-outline-disabled-border: var(--colors-primary-button-outline-disabled-border);
      --colors-color-palette-button-ghost-bg: var(--colors-primary-button-ghost-bg);
      --colors-color-palette-button-ghost-text: var(--colors-primary-button-ghost-text);
      --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-button-ghost-hover-bg);
      --colors-color-palette-button-ghost-hover-text: var(--colors-primary-button-ghost-hover-text);
      --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-button-ghost-disabled-bg);
      --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-button-ghost-disabled-text);
      --colors-color-palette-button-link-btn-bg: var(--colors-primary-button-link-btn-bg);
      --colors-color-palette-button-link-btn-text: var(--colors-primary-button-link-btn-text);
      --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-button-link-btn-hover-bg);
      --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-button-link-btn-hover-text);
      --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-button-link-btn-disabled-bg);
      --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-button-link-btn-disabled-text);
      --colors-color-palette-cards-bg-container: var(--colors-primary-cards-bg-container);
      --colors-color-palette-cards-bg-content: var(--colors-primary-cards-bg-content);
      --colors-color-palette-cards-color: var(--colors-primary-cards-color);
      --colors-color-palette-cards-border-color: var(--colors-primary-cards-border-color);
      --colors-color-palette-box-bg: var(--colors-primary-box-bg);
      --colors-color-palette-box-color: var(--colors-primary-box-color);
      --colors-color-palette-dropdown-error-text: var(--colors-primary-dropdown-error-text);
      --colors-color-palette-dropdown-error-border: var(--colors-primary-dropdown-error-border);
      --colors-color-palette-dropdown-error-bg: var(--colors-primary-dropdown-error-bg);
      --colors-color-palette-dropdown-solid-bg: var(--colors-primary-dropdown-solid-bg);
      --colors-color-palette-dropdown-solid-text: var(--colors-primary-dropdown-solid-text);
      --colors-color-palette-dropdown-solid-hover-bg: var(--colors-primary-dropdown-solid-hover-bg);
      --colors-color-palette-dropdown-solid-hover-text: var(--colors-primary-dropdown-solid-hover-text);
      --colors-color-palette-dropdown-solid-disabled-bg: var(--colors-primary-dropdown-solid-disabled-bg);
      --colors-color-palette-dropdown-solid-disabled-text: var(--colors-primary-dropdown-solid-disabled-text);
      --colors-color-palette-dropdown-outline-bg: var(--colors-primary-dropdown-outline-bg);
      --colors-color-palette-dropdown-outline-text: var(--colors-primary-dropdown-outline-text);
      --colors-color-palette-dropdown-outline-border: var(--colors-primary-dropdown-outline-border);
      --colors-color-palette-dropdown-outline-hover-bg: var(--colors-primary-dropdown-outline-hover-bg);
      --colors-color-palette-dropdown-outline-hover-text: var(--colors-primary-dropdown-outline-hover-text);
      --colors-color-palette-dropdown-outline-hover-border: var(--colors-primary-dropdown-outline-hover-border);
      --colors-color-palette-dropdown-outline-disabled-bg: var(--colors-primary-dropdown-outline-disabled-bg);
      --colors-color-palette-dropdown-outline-disabled-text: var(--colors-primary-dropdown-outline-disabled-text);
      --colors-color-palette-dropdown-outline-disabled-border: var(--colors-primary-dropdown-outline-disabled-border);
      --colors-color-palette-input-text-text: var(--colors-primary-input-text-text);
      --colors-color-palette-input-text-placeholder: var(--colors-primary-input-text-placeholder);
      --colors-color-palette-input-text-invalid-border: var(--colors-primary-input-text-invalid-border);
      --colors-color-palette-input-text-invalid-text: var(--colors-primary-input-text-invalid-text);
      --colors-color-palette-input-text-invalid-placeholder: var(--colors-primary-input-text-invalid-placeholder);
      --colors-color-palette-input-text-focused-border: var(--colors-primary-input-text-focused-border);
      --colors-color-palette-input-text-disabled-border: var(--colors-primary-input-text-disabled-border);
      --colors-color-palette-input-text-disabled-text: var(--colors-primary-input-text-disabled-text);
      --colors-color-palette-input-text-disabled-placeholder: var(--colors-primary-input-text-disabled-placeholder);
      --colors-color-palette-input-text-solid-bg: var(--colors-primary-input-text-solid-bg);
      --colors-color-palette-input-text-solid-border: var(--colors-primary-input-text-solid-border);
      --colors-color-palette-input-text-solid-bg-disabled: var(--colors-primary-input-text-solid-bg-disabled);
      --colors-color-palette-input-text-outline-bg: var(--colors-primary-input-text-outline-bg);
      --colors-color-palette-input-text-outline-border: var(--colors-primary-input-text-outline-border);
      --colors-color-palette-input-text-ghost-bg: var(--colors-primary-input-text-ghost-bg);
      --colors-color-palette-input-text-ghost-border: var(--colors-primary-input-text-ghost-border);
      --colors-color-palette-label-bg: var(--colors-primary-label-bg);
      --colors-color-palette-label-text: var(--colors-primary-label-text);
      --colors-color-palette-label-active-bg: var(--colors-primary-label-active-bg);
      --colors-color-palette-label-active-text: var(--colors-primary-label-active-text);
      --colors-color-palette-label-pending-bg: var(--colors-primary-label-pending-bg);
      --colors-color-palette-label-pending-text: var(--colors-primary-label-pending-text);
      --colors-color-palette-label-inactive-bg: var(--colors-primary-label-inactive-bg);
      --colors-color-palette-label-inactive-text: var(--colors-primary-label-inactive-text);
      --colors-color-palette-logo-bg: var(--colors-primary-logo-bg);
      --colors-color-palette-nav-link-sidebar-item-bg: var(--colors-primary-nav-link-sidebar-item-bg);
      --colors-color-palette-nav-link-sidebar-item-text: var(--colors-primary-nav-link-sidebar-item-text);
      --colors-color-palette-nav-link-sidebar-item-hover-bg: var(--colors-primary-nav-link-sidebar-item-hover-bg);
      --colors-color-palette-nav-link-sidebar-item-hover-text: var(--colors-primary-nav-link-sidebar-item-hover-text);
      --colors-color-palette-nav-link-sidebar-item-disabled-bg: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
      --colors-color-palette-nav-link-sidebar-item-disabled-text: var(--colors-primary-nav-link-sidebar-item-disabled-text);
      --colors-color-palette-page-bg: var(--colors-primary-page-bg);
      --colors-color-palette-page-color: var(--colors-primary-page-color);
      --colors-color-palette-sidebar-main-bg: var(--colors-primary-sidebar-main-bg);
      --colors-color-palette-sidebar-main-color: var(--colors-primary-sidebar-main-color);
      --colors-color-palette-sidebar-main-hover-bg: var(--colors-primary-sidebar-main-hover-bg);
      --colors-color-palette-sidebar-main-hover-color: var(--colors-primary-sidebar-main-hover-color);
      --colors-color-palette-tag-bg: var(--colors-primary-tag-bg);
      --colors-color-palette-tag-text: var(--colors-primary-tag-text);
      --colors-color-palette-tag-hover-bg: var(--colors-primary-tag-hover-bg);
      --colors-color-palette-tag-hover-text: var(--colors-primary-tag-hover-text);
      --colors-color-palette-toast-bg: var(--colors-primary-toast-bg);
      --colors-color-palette-toast-text: var(--colors-primary-toast-text);
      --colors-color-palette-toast-info-icon: var(--colors-primary-toast-info-icon);
      --colors-color-palette-toast-success-icon: var(--colors-primary-toast-success-icon);
      --colors-color-palette-toast-alert-icon: var(--colors-primary-toast-alert-icon);
      --colors-color-palette-toggle-bg-switch: var(--colors-primary-toggle-bg-switch);
      --colors-color-palette-toggle-circle-bg: var(--colors-primary-toggle-circle-bg);
      --colors-color-palette-toggle-bg-icon: var(--colors-primary-toggle-bg-icon);
      --colors-color-palette-toggle-checked-bg: var(--colors-primary-toggle-checked-bg);
      --colors-color-palette-tooltip-main-bg: var(--colors-primary-tooltip-main-bg);
      --colors-color-palette-tooltip-main-text: var(--colors-primary-tooltip-main-text);
      --colors-color-palette-top-search-bar-bg: var(--colors-primary-top-search-bar-bg);
      --colors-color-palette-top-search-bar-border: var(--colors-primary-top-search-bar-border);
      --colors-color-palette-top-search-bar-color: var(--colors-primary-top-search-bar-color);
      --colors-color-palette-top-search-bar-input-bg: var(--colors-primary-top-search-bar-input-bg);
      --colors-color-palette-top-search-bar-input-border: var(--colors-primary-top-search-bar-input-border);
      --colors-color-palette-top-search-bar-input-color-placeholder: var(--colors-primary-top-search-bar-input-color-placeholder);
      --colors-color-palette-top-search-bar-input-color: var(--colors-primary-top-search-bar-input-color);
      position: absolute;
      overflow: hidden;
      z-index: 10;
      background: var(--colors-base\.white);
      width: 100%;
      box-shadow: var(--shadows-sm);
      border-radius: var(--radii-ms);
      top: 100%;
}

    .dropdownList .dropdown-search {
      padding: var(--spacing-md);
      width: 100%;
      border-bottom: 1px solid;
      border-color: var(--colors-smoke\.300);
}

    .dropdownList .dropdown-items {
      display: flex;
      max-height: 300px;
      flex-direction: column;
      overflow-y: auto;
}

    .dropdownList .dropdown-item {
      cursor: pointer;
      -webkit-user-select: none;
      user-select: none;
      padding-block: var(--spacing-md);
      padding-inline: var(--spacing-sm);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
}

    .dropdownList .dropdown-item.disabled {
      color: var(--colors-grey\.200);
      cursor: not-allowed;
}

    .dropdownList:is(:focus-visible, [data-focus-visible]) {
      box-shadow: var(--shadows-focus-vs);
}

    .dropdownList .dropdown-item.focused,.dropdownList .dropdown-item:hover {
      background: var(--colors-smoke\.100);
}

    .editorWrapper {
      display: grid;
      max-width: 100%;
      flex: 1 1 0%;
      background: var(--colors-white);
      padding-block: var(--spacing-none);
      margin: var(--spacing-none);
      height: 100%;
      width: 100%;
      border: var(--borders-normal);
      border-right: none;
      flex-direction: row;
      grid-template-areas: 'main' 'footer';
      grid-template-columns: 1fr;
      grid-template-rows: auto 65px;
      grid-column-gap: var(--spacing-none);
}

    .editorWrapper,.inputText {
      position: relative;
      overflow: hidden;
}

    .inputText {
      display: flex;
      border-radius: var(--radii-sm);
      border: none;
      flex-direction: column;
      justify-content: end;
}

    .inputText .innerInput {
      --colors-color-palette-button-solid-bg: var(--colors-primary-button-solid-bg);
      --colors-color-palette-button-solid-text: var(--colors-primary-button-solid-text);
      --colors-color-palette-button-solid-hover-bg: var(--colors-primary-button-solid-hover-bg);
      --colors-color-palette-button-solid-hover-text: var(--colors-primary-button-solid-hover-text);
      --colors-color-palette-button-solid-disabled-bg: var(--colors-primary-button-solid-disabled-bg);
      --colors-color-palette-button-solid-disabled-text: var(--colors-primary-button-solid-disabled-text);
      --colors-color-palette-button-outline-bg: var(--colors-primary-button-outline-bg);
      --colors-color-palette-button-outline-text: var(--colors-primary-button-outline-text);
      --colors-color-palette-button-outline-border: var(--colors-primary-button-outline-border);
      --colors-color-palette-button-outline-hover-bg: var(--colors-primary-button-outline-hover-bg);
      --colors-color-palette-button-outline-hover-text: var(--colors-primary-button-outline-hover-text);
      --colors-color-palette-button-outline-hover-border: var(--colors-primary-button-outline-hover-border);
      --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-button-outline-disabled-bg);
      --colors-color-palette-button-outline-disabled-text: var(--colors-primary-button-outline-disabled-text);
      --colors-color-palette-button-outline-disabled-border: var(--colors-primary-button-outline-disabled-border);
      --colors-color-palette-button-ghost-bg: var(--colors-primary-button-ghost-bg);
      --colors-color-palette-button-ghost-text: var(--colors-primary-button-ghost-text);
      --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-button-ghost-hover-bg);
      --colors-color-palette-button-ghost-hover-text: var(--colors-primary-button-ghost-hover-text);
      --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-button-ghost-disabled-bg);
      --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-button-ghost-disabled-text);
      --colors-color-palette-button-link-btn-bg: var(--colors-primary-button-link-btn-bg);
      --colors-color-palette-button-link-btn-text: var(--colors-primary-button-link-btn-text);
      --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-button-link-btn-hover-bg);
      --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-button-link-btn-hover-text);
      --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-button-link-btn-disabled-bg);
      --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-button-link-btn-disabled-text);
      --colors-color-palette-cards-bg-container: var(--colors-primary-cards-bg-container);
      --colors-color-palette-cards-bg-content: var(--colors-primary-cards-bg-content);
      --colors-color-palette-cards-color: var(--colors-primary-cards-color);
      --colors-color-palette-cards-border-color: var(--colors-primary-cards-border-color);
      --colors-color-palette-box-bg: var(--colors-primary-box-bg);
      --colors-color-palette-box-color: var(--colors-primary-box-color);
      --colors-color-palette-dropdown-error-text: var(--colors-primary-dropdown-error-text);
      --colors-color-palette-dropdown-error-border: var(--colors-primary-dropdown-error-border);
      --colors-color-palette-dropdown-error-bg: var(--colors-primary-dropdown-error-bg);
      --colors-color-palette-dropdown-solid-bg: var(--colors-primary-dropdown-solid-bg);
      --colors-color-palette-dropdown-solid-text: var(--colors-primary-dropdown-solid-text);
      --colors-color-palette-dropdown-solid-hover-bg: var(--colors-primary-dropdown-solid-hover-bg);
      --colors-color-palette-dropdown-solid-hover-text: var(--colors-primary-dropdown-solid-hover-text);
      --colors-color-palette-dropdown-solid-disabled-bg: var(--colors-primary-dropdown-solid-disabled-bg);
      --colors-color-palette-dropdown-solid-disabled-text: var(--colors-primary-dropdown-solid-disabled-text);
      --colors-color-palette-dropdown-outline-bg: var(--colors-primary-dropdown-outline-bg);
      --colors-color-palette-dropdown-outline-text: var(--colors-primary-dropdown-outline-text);
      --colors-color-palette-dropdown-outline-border: var(--colors-primary-dropdown-outline-border);
      --colors-color-palette-dropdown-outline-hover-bg: var(--colors-primary-dropdown-outline-hover-bg);
      --colors-color-palette-dropdown-outline-hover-text: var(--colors-primary-dropdown-outline-hover-text);
      --colors-color-palette-dropdown-outline-hover-border: var(--colors-primary-dropdown-outline-hover-border);
      --colors-color-palette-dropdown-outline-disabled-bg: var(--colors-primary-dropdown-outline-disabled-bg);
      --colors-color-palette-dropdown-outline-disabled-text: var(--colors-primary-dropdown-outline-disabled-text);
      --colors-color-palette-dropdown-outline-disabled-border: var(--colors-primary-dropdown-outline-disabled-border);
      --colors-color-palette-input-text-text: var(--colors-primary-input-text-text);
      --colors-color-palette-input-text-placeholder: var(--colors-primary-input-text-placeholder);
      --colors-color-palette-input-text-invalid-border: var(--colors-primary-input-text-invalid-border);
      --colors-color-palette-input-text-invalid-text: var(--colors-primary-input-text-invalid-text);
      --colors-color-palette-input-text-invalid-placeholder: var(--colors-primary-input-text-invalid-placeholder);
      --colors-color-palette-input-text-focused-border: var(--colors-primary-input-text-focused-border);
      --colors-color-palette-input-text-disabled-border: var(--colors-primary-input-text-disabled-border);
      --colors-color-palette-input-text-disabled-text: var(--colors-primary-input-text-disabled-text);
      --colors-color-palette-input-text-disabled-placeholder: var(--colors-primary-input-text-disabled-placeholder);
      --colors-color-palette-input-text-solid-bg: var(--colors-primary-input-text-solid-bg);
      --colors-color-palette-input-text-solid-border: var(--colors-primary-input-text-solid-border);
      --colors-color-palette-input-text-solid-bg-disabled: var(--colors-primary-input-text-solid-bg-disabled);
      --colors-color-palette-input-text-outline-bg: var(--colors-primary-input-text-outline-bg);
      --colors-color-palette-input-text-outline-border: var(--colors-primary-input-text-outline-border);
      --colors-color-palette-input-text-ghost-bg: var(--colors-primary-input-text-ghost-bg);
      --colors-color-palette-input-text-ghost-border: var(--colors-primary-input-text-ghost-border);
      --colors-color-palette-label-bg: var(--colors-primary-label-bg);
      --colors-color-palette-label-text: var(--colors-primary-label-text);
      --colors-color-palette-label-active-bg: var(--colors-primary-label-active-bg);
      --colors-color-palette-label-active-text: var(--colors-primary-label-active-text);
      --colors-color-palette-label-pending-bg: var(--colors-primary-label-pending-bg);
      --colors-color-palette-label-pending-text: var(--colors-primary-label-pending-text);
      --colors-color-palette-label-inactive-bg: var(--colors-primary-label-inactive-bg);
      --colors-color-palette-label-inactive-text: var(--colors-primary-label-inactive-text);
      --colors-color-palette-logo-bg: var(--colors-primary-logo-bg);
      --colors-color-palette-nav-link-sidebar-item-bg: var(--colors-primary-nav-link-sidebar-item-bg);
      --colors-color-palette-nav-link-sidebar-item-text: var(--colors-primary-nav-link-sidebar-item-text);
      --colors-color-palette-nav-link-sidebar-item-hover-bg: var(--colors-primary-nav-link-sidebar-item-hover-bg);
      --colors-color-palette-nav-link-sidebar-item-hover-text: var(--colors-primary-nav-link-sidebar-item-hover-text);
      --colors-color-palette-nav-link-sidebar-item-disabled-bg: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
      --colors-color-palette-nav-link-sidebar-item-disabled-text: var(--colors-primary-nav-link-sidebar-item-disabled-text);
      --colors-color-palette-page-bg: var(--colors-primary-page-bg);
      --colors-color-palette-page-color: var(--colors-primary-page-color);
      --colors-color-palette-sidebar-main-bg: var(--colors-primary-sidebar-main-bg);
      --colors-color-palette-sidebar-main-color: var(--colors-primary-sidebar-main-color);
      --colors-color-palette-sidebar-main-hover-bg: var(--colors-primary-sidebar-main-hover-bg);
      --colors-color-palette-sidebar-main-hover-color: var(--colors-primary-sidebar-main-hover-color);
      --colors-color-palette-tag-bg: var(--colors-primary-tag-bg);
      --colors-color-palette-tag-text: var(--colors-primary-tag-text);
      --colors-color-palette-tag-hover-bg: var(--colors-primary-tag-hover-bg);
      --colors-color-palette-tag-hover-text: var(--colors-primary-tag-hover-text);
      --colors-color-palette-toast-bg: var(--colors-primary-toast-bg);
      --colors-color-palette-toast-text: var(--colors-primary-toast-text);
      --colors-color-palette-toast-info-icon: var(--colors-primary-toast-info-icon);
      --colors-color-palette-toast-success-icon: var(--colors-primary-toast-success-icon);
      --colors-color-palette-toast-alert-icon: var(--colors-primary-toast-alert-icon);
      --colors-color-palette-toggle-bg-switch: var(--colors-primary-toggle-bg-switch);
      --colors-color-palette-toggle-circle-bg: var(--colors-primary-toggle-circle-bg);
      --colors-color-palette-toggle-bg-icon: var(--colors-primary-toggle-bg-icon);
      --colors-color-palette-toggle-checked-bg: var(--colors-primary-toggle-checked-bg);
      --colors-color-palette-tooltip-main-bg: var(--colors-primary-tooltip-main-bg);
      --colors-color-palette-tooltip-main-text: var(--colors-primary-tooltip-main-text);
      --colors-color-palette-top-search-bar-bg: var(--colors-primary-top-search-bar-bg);
      --colors-color-palette-top-search-bar-border: var(--colors-primary-top-search-bar-border);
      --colors-color-palette-top-search-bar-color: var(--colors-primary-top-search-bar-color);
      --colors-color-palette-top-search-bar-input-bg: var(--colors-primary-top-search-bar-input-bg);
      --colors-color-palette-top-search-bar-input-border: var(--colors-primary-top-search-bar-input-border);
      --colors-color-palette-top-search-bar-input-color-placeholder: var(--colors-primary-top-search-bar-input-color-placeholder);
      --colors-color-palette-top-search-bar-input-color: var(--colors-primary-top-search-bar-input-color);
      border-radius: var(--radii-sm);
      width: 100%;
      height: 100%;
      color: var(--colors-color-palette-input-text-text);
}

    .inputText .innerInput::placeholder,.inputText .innerInput[data-placeholder] {
      color: var(--colors-color-palette-input-text-placeholder);
}

    .inputText .inputIcon {
      position: absolute;
}

    .label {
      --colors-color-palette-button-solid-bg: var(--colors-primary-button-solid-bg);
      --colors-color-palette-button-solid-text: var(--colors-primary-button-solid-text);
      --colors-color-palette-button-solid-hover-bg: var(--colors-primary-button-solid-hover-bg);
      --colors-color-palette-button-solid-hover-text: var(--colors-primary-button-solid-hover-text);
      --colors-color-palette-button-solid-disabled-bg: var(--colors-primary-button-solid-disabled-bg);
      --colors-color-palette-button-solid-disabled-text: var(--colors-primary-button-solid-disabled-text);
      --colors-color-palette-button-outline-bg: var(--colors-primary-button-outline-bg);
      --colors-color-palette-button-outline-text: var(--colors-primary-button-outline-text);
      --colors-color-palette-button-outline-border: var(--colors-primary-button-outline-border);
      --colors-color-palette-button-outline-hover-bg: var(--colors-primary-button-outline-hover-bg);
      --colors-color-palette-button-outline-hover-text: var(--colors-primary-button-outline-hover-text);
      --colors-color-palette-button-outline-hover-border: var(--colors-primary-button-outline-hover-border);
      --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-button-outline-disabled-bg);
      --colors-color-palette-button-outline-disabled-text: var(--colors-primary-button-outline-disabled-text);
      --colors-color-palette-button-outline-disabled-border: var(--colors-primary-button-outline-disabled-border);
      --colors-color-palette-button-ghost-bg: var(--colors-primary-button-ghost-bg);
      --colors-color-palette-button-ghost-text: var(--colors-primary-button-ghost-text);
      --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-button-ghost-hover-bg);
      --colors-color-palette-button-ghost-hover-text: var(--colors-primary-button-ghost-hover-text);
      --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-button-ghost-disabled-bg);
      --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-button-ghost-disabled-text);
      --colors-color-palette-button-link-btn-bg: var(--colors-primary-button-link-btn-bg);
      --colors-color-palette-button-link-btn-text: var(--colors-primary-button-link-btn-text);
      --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-button-link-btn-hover-bg);
      --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-button-link-btn-hover-text);
      --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-button-link-btn-disabled-bg);
      --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-button-link-btn-disabled-text);
      --colors-color-palette-cards-bg-container: var(--colors-primary-cards-bg-container);
      --colors-color-palette-cards-bg-content: var(--colors-primary-cards-bg-content);
      --colors-color-palette-cards-color: var(--colors-primary-cards-color);
      --colors-color-palette-cards-border-color: var(--colors-primary-cards-border-color);
      --colors-color-palette-box-bg: var(--colors-primary-box-bg);
      --colors-color-palette-box-color: var(--colors-primary-box-color);
      --colors-color-palette-dropdown-error-text: var(--colors-primary-dropdown-error-text);
      --colors-color-palette-dropdown-error-border: var(--colors-primary-dropdown-error-border);
      --colors-color-palette-dropdown-error-bg: var(--colors-primary-dropdown-error-bg);
      --colors-color-palette-dropdown-solid-bg: var(--colors-primary-dropdown-solid-bg);
      --colors-color-palette-dropdown-solid-text: var(--colors-primary-dropdown-solid-text);
      --colors-color-palette-dropdown-solid-hover-bg: var(--colors-primary-dropdown-solid-hover-bg);
      --colors-color-palette-dropdown-solid-hover-text: var(--colors-primary-dropdown-solid-hover-text);
      --colors-color-palette-dropdown-solid-disabled-bg: var(--colors-primary-dropdown-solid-disabled-bg);
      --colors-color-palette-dropdown-solid-disabled-text: var(--colors-primary-dropdown-solid-disabled-text);
      --colors-color-palette-dropdown-outline-bg: var(--colors-primary-dropdown-outline-bg);
      --colors-color-palette-dropdown-outline-text: var(--colors-primary-dropdown-outline-text);
      --colors-color-palette-dropdown-outline-border: var(--colors-primary-dropdown-outline-border);
      --colors-color-palette-dropdown-outline-hover-bg: var(--colors-primary-dropdown-outline-hover-bg);
      --colors-color-palette-dropdown-outline-hover-text: var(--colors-primary-dropdown-outline-hover-text);
      --colors-color-palette-dropdown-outline-hover-border: var(--colors-primary-dropdown-outline-hover-border);
      --colors-color-palette-dropdown-outline-disabled-bg: var(--colors-primary-dropdown-outline-disabled-bg);
      --colors-color-palette-dropdown-outline-disabled-text: var(--colors-primary-dropdown-outline-disabled-text);
      --colors-color-palette-dropdown-outline-disabled-border: var(--colors-primary-dropdown-outline-disabled-border);
      --colors-color-palette-input-text-text: var(--colors-primary-input-text-text);
      --colors-color-palette-input-text-placeholder: var(--colors-primary-input-text-placeholder);
      --colors-color-palette-input-text-invalid-border: var(--colors-primary-input-text-invalid-border);
      --colors-color-palette-input-text-invalid-text: var(--colors-primary-input-text-invalid-text);
      --colors-color-palette-input-text-invalid-placeholder: var(--colors-primary-input-text-invalid-placeholder);
      --colors-color-palette-input-text-focused-border: var(--colors-primary-input-text-focused-border);
      --colors-color-palette-input-text-disabled-border: var(--colors-primary-input-text-disabled-border);
      --colors-color-palette-input-text-disabled-text: var(--colors-primary-input-text-disabled-text);
      --colors-color-palette-input-text-disabled-placeholder: var(--colors-primary-input-text-disabled-placeholder);
      --colors-color-palette-input-text-solid-bg: var(--colors-primary-input-text-solid-bg);
      --colors-color-palette-input-text-solid-border: var(--colors-primary-input-text-solid-border);
      --colors-color-palette-input-text-solid-bg-disabled: var(--colors-primary-input-text-solid-bg-disabled);
      --colors-color-palette-input-text-outline-bg: var(--colors-primary-input-text-outline-bg);
      --colors-color-palette-input-text-outline-border: var(--colors-primary-input-text-outline-border);
      --colors-color-palette-input-text-ghost-bg: var(--colors-primary-input-text-ghost-bg);
      --colors-color-palette-input-text-ghost-border: var(--colors-primary-input-text-ghost-border);
      --colors-color-palette-label-bg: var(--colors-primary-label-bg);
      --colors-color-palette-label-text: var(--colors-primary-label-text);
      --colors-color-palette-label-active-bg: var(--colors-primary-label-active-bg);
      --colors-color-palette-label-active-text: var(--colors-primary-label-active-text);
      --colors-color-palette-label-pending-bg: var(--colors-primary-label-pending-bg);
      --colors-color-palette-label-pending-text: var(--colors-primary-label-pending-text);
      --colors-color-palette-label-inactive-bg: var(--colors-primary-label-inactive-bg);
      --colors-color-palette-label-inactive-text: var(--colors-primary-label-inactive-text);
      --colors-color-palette-logo-bg: var(--colors-primary-logo-bg);
      --colors-color-palette-nav-link-sidebar-item-bg: var(--colors-primary-nav-link-sidebar-item-bg);
      --colors-color-palette-nav-link-sidebar-item-text: var(--colors-primary-nav-link-sidebar-item-text);
      --colors-color-palette-nav-link-sidebar-item-hover-bg: var(--colors-primary-nav-link-sidebar-item-hover-bg);
      --colors-color-palette-nav-link-sidebar-item-hover-text: var(--colors-primary-nav-link-sidebar-item-hover-text);
      --colors-color-palette-nav-link-sidebar-item-disabled-bg: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
      --colors-color-palette-nav-link-sidebar-item-disabled-text: var(--colors-primary-nav-link-sidebar-item-disabled-text);
      --colors-color-palette-page-bg: var(--colors-primary-page-bg);
      --colors-color-palette-page-color: var(--colors-primary-page-color);
      --colors-color-palette-sidebar-main-bg: var(--colors-primary-sidebar-main-bg);
      --colors-color-palette-sidebar-main-color: var(--colors-primary-sidebar-main-color);
      --colors-color-palette-sidebar-main-hover-bg: var(--colors-primary-sidebar-main-hover-bg);
      --colors-color-palette-sidebar-main-hover-color: var(--colors-primary-sidebar-main-hover-color);
      --colors-color-palette-tag-bg: var(--colors-primary-tag-bg);
      --colors-color-palette-tag-text: var(--colors-primary-tag-text);
      --colors-color-palette-tag-hover-bg: var(--colors-primary-tag-hover-bg);
      --colors-color-palette-tag-hover-text: var(--colors-primary-tag-hover-text);
      --colors-color-palette-toast-bg: var(--colors-primary-toast-bg);
      --colors-color-palette-toast-text: var(--colors-primary-toast-text);
      --colors-color-palette-toast-info-icon: var(--colors-primary-toast-info-icon);
      --colors-color-palette-toast-success-icon: var(--colors-primary-toast-success-icon);
      --colors-color-palette-toast-alert-icon: var(--colors-primary-toast-alert-icon);
      --colors-color-palette-toggle-bg-switch: var(--colors-primary-toggle-bg-switch);
      --colors-color-palette-toggle-circle-bg: var(--colors-primary-toggle-circle-bg);
      --colors-color-palette-toggle-bg-icon: var(--colors-primary-toggle-bg-icon);
      --colors-color-palette-toggle-checked-bg: var(--colors-primary-toggle-checked-bg);
      --colors-color-palette-tooltip-main-bg: var(--colors-primary-tooltip-main-bg);
      --colors-color-palette-tooltip-main-text: var(--colors-primary-tooltip-main-text);
      --colors-color-palette-top-search-bar-bg: var(--colors-primary-top-search-bar-bg);
      --colors-color-palette-top-search-bar-border: var(--colors-primary-top-search-bar-border);
      --colors-color-palette-top-search-bar-color: var(--colors-primary-top-search-bar-color);
      --colors-color-palette-top-search-bar-input-bg: var(--colors-primary-top-search-bar-input-bg);
      --colors-color-palette-top-search-bar-input-border: var(--colors-primary-top-search-bar-input-border);
      --colors-color-palette-top-search-bar-input-color-placeholder: var(--colors-primary-top-search-bar-input-color-placeholder);
      --colors-color-palette-top-search-bar-input-color: var(--colors-primary-top-search-bar-input-color);
      position: relative;
      display: flex;
      width: fit-content;
      border-radius: var(--radii-xs);
      padding-inline: var(--spacing-xs);
      cursor: pointer;
      -webkit-user-select: none;
      user-select: none;
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 0.2px;
      background: var(--colors-color-palette-label-bg);
      color: var(--colors-color-palette-label-text);
      justify-content: center;
      align-items: baseline;
      font-size: var(--font-sizes-ms);
      padding-top: var(--spacing-xs);
      padding-bottom: var(--spacing-xxs);
      font-weight: 700;
}

    .label .dot {
      background: var(--colors-color-palette-label-text);
      aspect-ratio: 1/1;
      min-width: 8px;
      min-height: 8px;
      border-radius: 30px;
}

    .label .dot,.label .labelIcon {
      display: none;
      margin-inline: var(--spacing-xs);
}

    .label .labelIcon {
      fill: var(--colors-color-palette-label-text);
      width: 16px;
      height: 16px;
}

    .label .labelText {
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block;
      vertical-align: middle;
      padding-inline: var(--spacing-xs);
}

    .logo {
      --colors-color-palette-button-solid-bg: var(--colors-primary-button-solid-bg);
      --colors-color-palette-button-solid-text: var(--colors-primary-button-solid-text);
      --colors-color-palette-button-solid-hover-bg: var(--colors-primary-button-solid-hover-bg);
      --colors-color-palette-button-solid-hover-text: var(--colors-primary-button-solid-hover-text);
      --colors-color-palette-button-solid-disabled-bg: var(--colors-primary-button-solid-disabled-bg);
      --colors-color-palette-button-solid-disabled-text: var(--colors-primary-button-solid-disabled-text);
      --colors-color-palette-button-outline-bg: var(--colors-primary-button-outline-bg);
      --colors-color-palette-button-outline-text: var(--colors-primary-button-outline-text);
      --colors-color-palette-button-outline-border: var(--colors-primary-button-outline-border);
      --colors-color-palette-button-outline-hover-bg: var(--colors-primary-button-outline-hover-bg);
      --colors-color-palette-button-outline-hover-text: var(--colors-primary-button-outline-hover-text);
      --colors-color-palette-button-outline-hover-border: var(--colors-primary-button-outline-hover-border);
      --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-button-outline-disabled-bg);
      --colors-color-palette-button-outline-disabled-text: var(--colors-primary-button-outline-disabled-text);
      --colors-color-palette-button-outline-disabled-border: var(--colors-primary-button-outline-disabled-border);
      --colors-color-palette-button-ghost-bg: var(--colors-primary-button-ghost-bg);
      --colors-color-palette-button-ghost-text: var(--colors-primary-button-ghost-text);
      --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-button-ghost-hover-bg);
      --colors-color-palette-button-ghost-hover-text: var(--colors-primary-button-ghost-hover-text);
      --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-button-ghost-disabled-bg);
      --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-button-ghost-disabled-text);
      --colors-color-palette-button-link-btn-bg: var(--colors-primary-button-link-btn-bg);
      --colors-color-palette-button-link-btn-text: var(--colors-primary-button-link-btn-text);
      --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-button-link-btn-hover-bg);
      --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-button-link-btn-hover-text);
      --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-button-link-btn-disabled-bg);
      --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-button-link-btn-disabled-text);
      --colors-color-palette-cards-bg-container: var(--colors-primary-cards-bg-container);
      --colors-color-palette-cards-bg-content: var(--colors-primary-cards-bg-content);
      --colors-color-palette-cards-color: var(--colors-primary-cards-color);
      --colors-color-palette-cards-border-color: var(--colors-primary-cards-border-color);
      --colors-color-palette-box-bg: var(--colors-primary-box-bg);
      --colors-color-palette-box-color: var(--colors-primary-box-color);
      --colors-color-palette-dropdown-error-text: var(--colors-primary-dropdown-error-text);
      --colors-color-palette-dropdown-error-border: var(--colors-primary-dropdown-error-border);
      --colors-color-palette-dropdown-error-bg: var(--colors-primary-dropdown-error-bg);
      --colors-color-palette-dropdown-solid-bg: var(--colors-primary-dropdown-solid-bg);
      --colors-color-palette-dropdown-solid-text: var(--colors-primary-dropdown-solid-text);
      --colors-color-palette-dropdown-solid-hover-bg: var(--colors-primary-dropdown-solid-hover-bg);
      --colors-color-palette-dropdown-solid-hover-text: var(--colors-primary-dropdown-solid-hover-text);
      --colors-color-palette-dropdown-solid-disabled-bg: var(--colors-primary-dropdown-solid-disabled-bg);
      --colors-color-palette-dropdown-solid-disabled-text: var(--colors-primary-dropdown-solid-disabled-text);
      --colors-color-palette-dropdown-outline-bg: var(--colors-primary-dropdown-outline-bg);
      --colors-color-palette-dropdown-outline-text: var(--colors-primary-dropdown-outline-text);
      --colors-color-palette-dropdown-outline-border: var(--colors-primary-dropdown-outline-border);
      --colors-color-palette-dropdown-outline-hover-bg: var(--colors-primary-dropdown-outline-hover-bg);
      --colors-color-palette-dropdown-outline-hover-text: var(--colors-primary-dropdown-outline-hover-text);
      --colors-color-palette-dropdown-outline-hover-border: var(--colors-primary-dropdown-outline-hover-border);
      --colors-color-palette-dropdown-outline-disabled-bg: var(--colors-primary-dropdown-outline-disabled-bg);
      --colors-color-palette-dropdown-outline-disabled-text: var(--colors-primary-dropdown-outline-disabled-text);
      --colors-color-palette-dropdown-outline-disabled-border: var(--colors-primary-dropdown-outline-disabled-border);
      --colors-color-palette-input-text-text: var(--colors-primary-input-text-text);
      --colors-color-palette-input-text-placeholder: var(--colors-primary-input-text-placeholder);
      --colors-color-palette-input-text-invalid-border: var(--colors-primary-input-text-invalid-border);
      --colors-color-palette-input-text-invalid-text: var(--colors-primary-input-text-invalid-text);
      --colors-color-palette-input-text-invalid-placeholder: var(--colors-primary-input-text-invalid-placeholder);
      --colors-color-palette-input-text-focused-border: var(--colors-primary-input-text-focused-border);
      --colors-color-palette-input-text-disabled-border: var(--colors-primary-input-text-disabled-border);
      --colors-color-palette-input-text-disabled-text: var(--colors-primary-input-text-disabled-text);
      --colors-color-palette-input-text-disabled-placeholder: var(--colors-primary-input-text-disabled-placeholder);
      --colors-color-palette-input-text-solid-bg: var(--colors-primary-input-text-solid-bg);
      --colors-color-palette-input-text-solid-border: var(--colors-primary-input-text-solid-border);
      --colors-color-palette-input-text-solid-bg-disabled: var(--colors-primary-input-text-solid-bg-disabled);
      --colors-color-palette-input-text-outline-bg: var(--colors-primary-input-text-outline-bg);
      --colors-color-palette-input-text-outline-border: var(--colors-primary-input-text-outline-border);
      --colors-color-palette-input-text-ghost-bg: var(--colors-primary-input-text-ghost-bg);
      --colors-color-palette-input-text-ghost-border: var(--colors-primary-input-text-ghost-border);
      --colors-color-palette-label-bg: var(--colors-primary-label-bg);
      --colors-color-palette-label-text: var(--colors-primary-label-text);
      --colors-color-palette-label-active-bg: var(--colors-primary-label-active-bg);
      --colors-color-palette-label-active-text: var(--colors-primary-label-active-text);
      --colors-color-palette-label-pending-bg: var(--colors-primary-label-pending-bg);
      --colors-color-palette-label-pending-text: var(--colors-primary-label-pending-text);
      --colors-color-palette-label-inactive-bg: var(--colors-primary-label-inactive-bg);
      --colors-color-palette-label-inactive-text: var(--colors-primary-label-inactive-text);
      --colors-color-palette-logo-bg: var(--colors-primary-logo-bg);
      --colors-color-palette-nav-link-sidebar-item-bg: var(--colors-primary-nav-link-sidebar-item-bg);
      --colors-color-palette-nav-link-sidebar-item-text: var(--colors-primary-nav-link-sidebar-item-text);
      --colors-color-palette-nav-link-sidebar-item-hover-bg: var(--colors-primary-nav-link-sidebar-item-hover-bg);
      --colors-color-palette-nav-link-sidebar-item-hover-text: var(--colors-primary-nav-link-sidebar-item-hover-text);
      --colors-color-palette-nav-link-sidebar-item-disabled-bg: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
      --colors-color-palette-nav-link-sidebar-item-disabled-text: var(--colors-primary-nav-link-sidebar-item-disabled-text);
      --colors-color-palette-page-bg: var(--colors-primary-page-bg);
      --colors-color-palette-page-color: var(--colors-primary-page-color);
      --colors-color-palette-sidebar-main-bg: var(--colors-primary-sidebar-main-bg);
      --colors-color-palette-sidebar-main-color: var(--colors-primary-sidebar-main-color);
      --colors-color-palette-sidebar-main-hover-bg: var(--colors-primary-sidebar-main-hover-bg);
      --colors-color-palette-sidebar-main-hover-color: var(--colors-primary-sidebar-main-hover-color);
      --colors-color-palette-tag-bg: var(--colors-primary-tag-bg);
      --colors-color-palette-tag-text: var(--colors-primary-tag-text);
      --colors-color-palette-tag-hover-bg: var(--colors-primary-tag-hover-bg);
      --colors-color-palette-tag-hover-text: var(--colors-primary-tag-hover-text);
      --colors-color-palette-toast-bg: var(--colors-primary-toast-bg);
      --colors-color-palette-toast-text: var(--colors-primary-toast-text);
      --colors-color-palette-toast-info-icon: var(--colors-primary-toast-info-icon);
      --colors-color-palette-toast-success-icon: var(--colors-primary-toast-success-icon);
      --colors-color-palette-toast-alert-icon: var(--colors-primary-toast-alert-icon);
      --colors-color-palette-toggle-bg-switch: var(--colors-primary-toggle-bg-switch);
      --colors-color-palette-toggle-circle-bg: var(--colors-primary-toggle-circle-bg);
      --colors-color-palette-toggle-bg-icon: var(--colors-primary-toggle-bg-icon);
      --colors-color-palette-toggle-checked-bg: var(--colors-primary-toggle-checked-bg);
      --colors-color-palette-tooltip-main-bg: var(--colors-primary-tooltip-main-bg);
      --colors-color-palette-tooltip-main-text: var(--colors-primary-tooltip-main-text);
      --colors-color-palette-top-search-bar-bg: var(--colors-primary-top-search-bar-bg);
      --colors-color-palette-top-search-bar-border: var(--colors-primary-top-search-bar-border);
      --colors-color-palette-top-search-bar-color: var(--colors-primary-top-search-bar-color);
      --colors-color-palette-top-search-bar-input-bg: var(--colors-primary-top-search-bar-input-bg);
      --colors-color-palette-top-search-bar-input-border: var(--colors-primary-top-search-bar-input-border);
      --colors-color-palette-top-search-bar-input-color-placeholder: var(--colors-primary-top-search-bar-input-color-placeholder);
      --colors-color-palette-top-search-bar-input-color: var(--colors-primary-top-search-bar-input-color);
      position: relative;
      height: 32px;
      gap: 8px;
      cursor: pointer;
      -webkit-user-select: none;
      user-select: none;
      align-items: center;
      justify-content: center;
}

    .logo .pictogram {
      left: var(--spacing-0);
}

    .logo .pictogram,.logo .logotype {
      position: absolute;
      fill: var(--colors-color-palette-logo-bg);
}

    .logo .logotype {
      right: var(--spacing-0);
      top: 12px;
}

    .navlink {
      --colors-color-palette-button-solid-bg: var(--colors-primary-button-solid-bg);
      --colors-color-palette-button-solid-text: var(--colors-primary-button-solid-text);
      --colors-color-palette-button-solid-hover-bg: var(--colors-primary-button-solid-hover-bg);
      --colors-color-palette-button-solid-hover-text: var(--colors-primary-button-solid-hover-text);
      --colors-color-palette-button-solid-disabled-bg: var(--colors-primary-button-solid-disabled-bg);
      --colors-color-palette-button-solid-disabled-text: var(--colors-primary-button-solid-disabled-text);
      --colors-color-palette-button-outline-bg: var(--colors-primary-button-outline-bg);
      --colors-color-palette-button-outline-text: var(--colors-primary-button-outline-text);
      --colors-color-palette-button-outline-border: var(--colors-primary-button-outline-border);
      --colors-color-palette-button-outline-hover-bg: var(--colors-primary-button-outline-hover-bg);
      --colors-color-palette-button-outline-hover-text: var(--colors-primary-button-outline-hover-text);
      --colors-color-palette-button-outline-hover-border: var(--colors-primary-button-outline-hover-border);
      --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-button-outline-disabled-bg);
      --colors-color-palette-button-outline-disabled-text: var(--colors-primary-button-outline-disabled-text);
      --colors-color-palette-button-outline-disabled-border: var(--colors-primary-button-outline-disabled-border);
      --colors-color-palette-button-ghost-bg: var(--colors-primary-button-ghost-bg);
      --colors-color-palette-button-ghost-text: var(--colors-primary-button-ghost-text);
      --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-button-ghost-hover-bg);
      --colors-color-palette-button-ghost-hover-text: var(--colors-primary-button-ghost-hover-text);
      --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-button-ghost-disabled-bg);
      --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-button-ghost-disabled-text);
      --colors-color-palette-button-link-btn-bg: var(--colors-primary-button-link-btn-bg);
      --colors-color-palette-button-link-btn-text: var(--colors-primary-button-link-btn-text);
      --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-button-link-btn-hover-bg);
      --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-button-link-btn-hover-text);
      --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-button-link-btn-disabled-bg);
      --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-button-link-btn-disabled-text);
      --colors-color-palette-cards-bg-container: var(--colors-primary-cards-bg-container);
      --colors-color-palette-cards-bg-content: var(--colors-primary-cards-bg-content);
      --colors-color-palette-cards-color: var(--colors-primary-cards-color);
      --colors-color-palette-cards-border-color: var(--colors-primary-cards-border-color);
      --colors-color-palette-box-bg: var(--colors-primary-box-bg);
      --colors-color-palette-box-color: var(--colors-primary-box-color);
      --colors-color-palette-dropdown-error-text: var(--colors-primary-dropdown-error-text);
      --colors-color-palette-dropdown-error-border: var(--colors-primary-dropdown-error-border);
      --colors-color-palette-dropdown-error-bg: var(--colors-primary-dropdown-error-bg);
      --colors-color-palette-dropdown-solid-bg: var(--colors-primary-dropdown-solid-bg);
      --colors-color-palette-dropdown-solid-text: var(--colors-primary-dropdown-solid-text);
      --colors-color-palette-dropdown-solid-hover-bg: var(--colors-primary-dropdown-solid-hover-bg);
      --colors-color-palette-dropdown-solid-hover-text: var(--colors-primary-dropdown-solid-hover-text);
      --colors-color-palette-dropdown-solid-disabled-bg: var(--colors-primary-dropdown-solid-disabled-bg);
      --colors-color-palette-dropdown-solid-disabled-text: var(--colors-primary-dropdown-solid-disabled-text);
      --colors-color-palette-dropdown-outline-bg: var(--colors-primary-dropdown-outline-bg);
      --colors-color-palette-dropdown-outline-text: var(--colors-primary-dropdown-outline-text);
      --colors-color-palette-dropdown-outline-border: var(--colors-primary-dropdown-outline-border);
      --colors-color-palette-dropdown-outline-hover-bg: var(--colors-primary-dropdown-outline-hover-bg);
      --colors-color-palette-dropdown-outline-hover-text: var(--colors-primary-dropdown-outline-hover-text);
      --colors-color-palette-dropdown-outline-hover-border: var(--colors-primary-dropdown-outline-hover-border);
      --colors-color-palette-dropdown-outline-disabled-bg: var(--colors-primary-dropdown-outline-disabled-bg);
      --colors-color-palette-dropdown-outline-disabled-text: var(--colors-primary-dropdown-outline-disabled-text);
      --colors-color-palette-dropdown-outline-disabled-border: var(--colors-primary-dropdown-outline-disabled-border);
      --colors-color-palette-input-text-text: var(--colors-primary-input-text-text);
      --colors-color-palette-input-text-placeholder: var(--colors-primary-input-text-placeholder);
      --colors-color-palette-input-text-invalid-border: var(--colors-primary-input-text-invalid-border);
      --colors-color-palette-input-text-invalid-text: var(--colors-primary-input-text-invalid-text);
      --colors-color-palette-input-text-invalid-placeholder: var(--colors-primary-input-text-invalid-placeholder);
      --colors-color-palette-input-text-focused-border: var(--colors-primary-input-text-focused-border);
      --colors-color-palette-input-text-disabled-border: var(--colors-primary-input-text-disabled-border);
      --colors-color-palette-input-text-disabled-text: var(--colors-primary-input-text-disabled-text);
      --colors-color-palette-input-text-disabled-placeholder: var(--colors-primary-input-text-disabled-placeholder);
      --colors-color-palette-input-text-solid-bg: var(--colors-primary-input-text-solid-bg);
      --colors-color-palette-input-text-solid-border: var(--colors-primary-input-text-solid-border);
      --colors-color-palette-input-text-solid-bg-disabled: var(--colors-primary-input-text-solid-bg-disabled);
      --colors-color-palette-input-text-outline-bg: var(--colors-primary-input-text-outline-bg);
      --colors-color-palette-input-text-outline-border: var(--colors-primary-input-text-outline-border);
      --colors-color-palette-input-text-ghost-bg: var(--colors-primary-input-text-ghost-bg);
      --colors-color-palette-input-text-ghost-border: var(--colors-primary-input-text-ghost-border);
      --colors-color-palette-label-bg: var(--colors-primary-label-bg);
      --colors-color-palette-label-text: var(--colors-primary-label-text);
      --colors-color-palette-label-active-bg: var(--colors-primary-label-active-bg);
      --colors-color-palette-label-active-text: var(--colors-primary-label-active-text);
      --colors-color-palette-label-pending-bg: var(--colors-primary-label-pending-bg);
      --colors-color-palette-label-pending-text: var(--colors-primary-label-pending-text);
      --colors-color-palette-label-inactive-bg: var(--colors-primary-label-inactive-bg);
      --colors-color-palette-label-inactive-text: var(--colors-primary-label-inactive-text);
      --colors-color-palette-logo-bg: var(--colors-primary-logo-bg);
      --colors-color-palette-nav-link-sidebar-item-bg: var(--colors-primary-nav-link-sidebar-item-bg);
      --colors-color-palette-nav-link-sidebar-item-text: var(--colors-primary-nav-link-sidebar-item-text);
      --colors-color-palette-nav-link-sidebar-item-hover-bg: var(--colors-primary-nav-link-sidebar-item-hover-bg);
      --colors-color-palette-nav-link-sidebar-item-hover-text: var(--colors-primary-nav-link-sidebar-item-hover-text);
      --colors-color-palette-nav-link-sidebar-item-disabled-bg: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
      --colors-color-palette-nav-link-sidebar-item-disabled-text: var(--colors-primary-nav-link-sidebar-item-disabled-text);
      --colors-color-palette-page-bg: var(--colors-primary-page-bg);
      --colors-color-palette-page-color: var(--colors-primary-page-color);
      --colors-color-palette-sidebar-main-bg: var(--colors-primary-sidebar-main-bg);
      --colors-color-palette-sidebar-main-color: var(--colors-primary-sidebar-main-color);
      --colors-color-palette-sidebar-main-hover-bg: var(--colors-primary-sidebar-main-hover-bg);
      --colors-color-palette-sidebar-main-hover-color: var(--colors-primary-sidebar-main-hover-color);
      --colors-color-palette-tag-bg: var(--colors-primary-tag-bg);
      --colors-color-palette-tag-text: var(--colors-primary-tag-text);
      --colors-color-palette-tag-hover-bg: var(--colors-primary-tag-hover-bg);
      --colors-color-palette-tag-hover-text: var(--colors-primary-tag-hover-text);
      --colors-color-palette-toast-bg: var(--colors-primary-toast-bg);
      --colors-color-palette-toast-text: var(--colors-primary-toast-text);
      --colors-color-palette-toast-info-icon: var(--colors-primary-toast-info-icon);
      --colors-color-palette-toast-success-icon: var(--colors-primary-toast-success-icon);
      --colors-color-palette-toast-alert-icon: var(--colors-primary-toast-alert-icon);
      --colors-color-palette-toggle-bg-switch: var(--colors-primary-toggle-bg-switch);
      --colors-color-palette-toggle-circle-bg: var(--colors-primary-toggle-circle-bg);
      --colors-color-palette-toggle-bg-icon: var(--colors-primary-toggle-bg-icon);
      --colors-color-palette-toggle-checked-bg: var(--colors-primary-toggle-checked-bg);
      --colors-color-palette-tooltip-main-bg: var(--colors-primary-tooltip-main-bg);
      --colors-color-palette-tooltip-main-text: var(--colors-primary-tooltip-main-text);
      --colors-color-palette-top-search-bar-bg: var(--colors-primary-top-search-bar-bg);
      --colors-color-palette-top-search-bar-border: var(--colors-primary-top-search-bar-border);
      --colors-color-palette-top-search-bar-color: var(--colors-primary-top-search-bar-color);
      --colors-color-palette-top-search-bar-input-bg: var(--colors-primary-top-search-bar-input-bg);
      --colors-color-palette-top-search-bar-input-border: var(--colors-primary-top-search-bar-input-border);
      --colors-color-palette-top-search-bar-input-color-placeholder: var(--colors-primary-top-search-bar-input-color-placeholder);
      --colors-color-palette-top-search-bar-input-color: var(--colors-primary-top-search-bar-input-color);
      position: relative;
      display: inline-flex;
      min-height: 32px;
      min-width: 32px;
      overflow: hidden;
      cursor: pointer;
      -webkit-user-select: none;
      user-select: none;
      text-align: unset;
      justify-content: center;
      align-items: center;
      font-size: var(--font-sizes-md);
}

    .navlink .navlinkIcon {
      width: 22px;
      min-width: 22px;
      fill: var(--colors-color-palette-nav-link-sidebar-item-text);
}

    .navlink .navlinkText {
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block;
      vertical-align: middle;
      color: var(--colors-color-palette-nav-link-sidebar-item-text);
      flex-grow: 1;
}

    .navlink:hover .navlinkIcon,.navlink:focus-visible .navlinkIcon {
      fill: var(--colors-color-palette-nav-link-sidebar-item-hover-text);
}

    .navlink:hover .navlinkText,.navlink:focus-visible .navlinkText {
      color: var(--colors-color-palette-nav-link-sidebar-item-hover-text);
}

    .radio {
      display: grid;
      place-content: center;
      min-width: 19px;
      min-height: 19px;
      max-width: 19px;
      max-height: 19px;
      width: 19px;
      height: 19px;
      appearance: none;
      -webkit-appearance: none;
      outline: 2px solid;
      outline-offset: -1px;
      border-radius: 50%;
      background: var(--colors-base\.white);
      cursor: pointer;
      transition: all 0.2s ease-in-out;
      outline-color: var(--colors-blue\.500);
}

    .radio:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
      background: var(--colors-blue\.500);
}

    .radio:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
      display: block;
      width: 9px;
      height: 9px;
      max-width: 9px;
      min-width: 9px;
      max-height: 9px;
      min-height: 9px;
      border-radius: 50%;
      background: var(--colors-base\.white);
      content: "";
}

    .radio:is(:focus-visible, [data-focus-visible]) {
      box-shadow: var(--shadows-focus-vs);
}

    .scrollContainer {
      flex: 1 1 0%;
      max-width: 100%;
      height: fit-content;
      grid-area: main;
      min-height: 100%;
      flex-direction: column;
}

    .scrollContainer,.search {
      display: flex;
      align-items: center;
}

    .search {
      --colors-color-palette-button-solid-bg: var(--colors-primary-button-solid-bg);
      --colors-color-palette-button-solid-text: var(--colors-primary-button-solid-text);
      --colors-color-palette-button-solid-hover-bg: var(--colors-primary-button-solid-hover-bg);
      --colors-color-palette-button-solid-hover-text: var(--colors-primary-button-solid-hover-text);
      --colors-color-palette-button-solid-disabled-bg: var(--colors-primary-button-solid-disabled-bg);
      --colors-color-palette-button-solid-disabled-text: var(--colors-primary-button-solid-disabled-text);
      --colors-color-palette-button-outline-bg: var(--colors-primary-button-outline-bg);
      --colors-color-palette-button-outline-text: var(--colors-primary-button-outline-text);
      --colors-color-palette-button-outline-border: var(--colors-primary-button-outline-border);
      --colors-color-palette-button-outline-hover-bg: var(--colors-primary-button-outline-hover-bg);
      --colors-color-palette-button-outline-hover-text: var(--colors-primary-button-outline-hover-text);
      --colors-color-palette-button-outline-hover-border: var(--colors-primary-button-outline-hover-border);
      --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-button-outline-disabled-bg);
      --colors-color-palette-button-outline-disabled-text: var(--colors-primary-button-outline-disabled-text);
      --colors-color-palette-button-outline-disabled-border: var(--colors-primary-button-outline-disabled-border);
      --colors-color-palette-button-ghost-bg: var(--colors-primary-button-ghost-bg);
      --colors-color-palette-button-ghost-text: var(--colors-primary-button-ghost-text);
      --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-button-ghost-hover-bg);
      --colors-color-palette-button-ghost-hover-text: var(--colors-primary-button-ghost-hover-text);
      --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-button-ghost-disabled-bg);
      --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-button-ghost-disabled-text);
      --colors-color-palette-button-link-btn-bg: var(--colors-primary-button-link-btn-bg);
      --colors-color-palette-button-link-btn-text: var(--colors-primary-button-link-btn-text);
      --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-button-link-btn-hover-bg);
      --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-button-link-btn-hover-text);
      --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-button-link-btn-disabled-bg);
      --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-button-link-btn-disabled-text);
      --colors-color-palette-cards-bg-container: var(--colors-primary-cards-bg-container);
      --colors-color-palette-cards-bg-content: var(--colors-primary-cards-bg-content);
      --colors-color-palette-cards-color: var(--colors-primary-cards-color);
      --colors-color-palette-cards-border-color: var(--colors-primary-cards-border-color);
      --colors-color-palette-box-bg: var(--colors-primary-box-bg);
      --colors-color-palette-box-color: var(--colors-primary-box-color);
      --colors-color-palette-dropdown-error-text: var(--colors-primary-dropdown-error-text);
      --colors-color-palette-dropdown-error-border: var(--colors-primary-dropdown-error-border);
      --colors-color-palette-dropdown-error-bg: var(--colors-primary-dropdown-error-bg);
      --colors-color-palette-dropdown-solid-bg: var(--colors-primary-dropdown-solid-bg);
      --colors-color-palette-dropdown-solid-text: var(--colors-primary-dropdown-solid-text);
      --colors-color-palette-dropdown-solid-hover-bg: var(--colors-primary-dropdown-solid-hover-bg);
      --colors-color-palette-dropdown-solid-hover-text: var(--colors-primary-dropdown-solid-hover-text);
      --colors-color-palette-dropdown-solid-disabled-bg: var(--colors-primary-dropdown-solid-disabled-bg);
      --colors-color-palette-dropdown-solid-disabled-text: var(--colors-primary-dropdown-solid-disabled-text);
      --colors-color-palette-dropdown-outline-bg: var(--colors-primary-dropdown-outline-bg);
      --colors-color-palette-dropdown-outline-text: var(--colors-primary-dropdown-outline-text);
      --colors-color-palette-dropdown-outline-border: var(--colors-primary-dropdown-outline-border);
      --colors-color-palette-dropdown-outline-hover-bg: var(--colors-primary-dropdown-outline-hover-bg);
      --colors-color-palette-dropdown-outline-hover-text: var(--colors-primary-dropdown-outline-hover-text);
      --colors-color-palette-dropdown-outline-hover-border: var(--colors-primary-dropdown-outline-hover-border);
      --colors-color-palette-dropdown-outline-disabled-bg: var(--colors-primary-dropdown-outline-disabled-bg);
      --colors-color-palette-dropdown-outline-disabled-text: var(--colors-primary-dropdown-outline-disabled-text);
      --colors-color-palette-dropdown-outline-disabled-border: var(--colors-primary-dropdown-outline-disabled-border);
      --colors-color-palette-input-text-text: var(--colors-primary-input-text-text);
      --colors-color-palette-input-text-placeholder: var(--colors-primary-input-text-placeholder);
      --colors-color-palette-input-text-invalid-border: var(--colors-primary-input-text-invalid-border);
      --colors-color-palette-input-text-invalid-text: var(--colors-primary-input-text-invalid-text);
      --colors-color-palette-input-text-invalid-placeholder: var(--colors-primary-input-text-invalid-placeholder);
      --colors-color-palette-input-text-focused-border: var(--colors-primary-input-text-focused-border);
      --colors-color-palette-input-text-disabled-border: var(--colors-primary-input-text-disabled-border);
      --colors-color-palette-input-text-disabled-text: var(--colors-primary-input-text-disabled-text);
      --colors-color-palette-input-text-disabled-placeholder: var(--colors-primary-input-text-disabled-placeholder);
      --colors-color-palette-input-text-solid-bg: var(--colors-primary-input-text-solid-bg);
      --colors-color-palette-input-text-solid-border: var(--colors-primary-input-text-solid-border);
      --colors-color-palette-input-text-solid-bg-disabled: var(--colors-primary-input-text-solid-bg-disabled);
      --colors-color-palette-input-text-outline-bg: var(--colors-primary-input-text-outline-bg);
      --colors-color-palette-input-text-outline-border: var(--colors-primary-input-text-outline-border);
      --colors-color-palette-input-text-ghost-bg: var(--colors-primary-input-text-ghost-bg);
      --colors-color-palette-input-text-ghost-border: var(--colors-primary-input-text-ghost-border);
      --colors-color-palette-label-bg: var(--colors-primary-label-bg);
      --colors-color-palette-label-text: var(--colors-primary-label-text);
      --colors-color-palette-label-active-bg: var(--colors-primary-label-active-bg);
      --colors-color-palette-label-active-text: var(--colors-primary-label-active-text);
      --colors-color-palette-label-pending-bg: var(--colors-primary-label-pending-bg);
      --colors-color-palette-label-pending-text: var(--colors-primary-label-pending-text);
      --colors-color-palette-label-inactive-bg: var(--colors-primary-label-inactive-bg);
      --colors-color-palette-label-inactive-text: var(--colors-primary-label-inactive-text);
      --colors-color-palette-logo-bg: var(--colors-primary-logo-bg);
      --colors-color-palette-nav-link-sidebar-item-bg: var(--colors-primary-nav-link-sidebar-item-bg);
      --colors-color-palette-nav-link-sidebar-item-text: var(--colors-primary-nav-link-sidebar-item-text);
      --colors-color-palette-nav-link-sidebar-item-hover-bg: var(--colors-primary-nav-link-sidebar-item-hover-bg);
      --colors-color-palette-nav-link-sidebar-item-hover-text: var(--colors-primary-nav-link-sidebar-item-hover-text);
      --colors-color-palette-nav-link-sidebar-item-disabled-bg: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
      --colors-color-palette-nav-link-sidebar-item-disabled-text: var(--colors-primary-nav-link-sidebar-item-disabled-text);
      --colors-color-palette-page-bg: var(--colors-primary-page-bg);
      --colors-color-palette-page-color: var(--colors-primary-page-color);
      --colors-color-palette-sidebar-main-bg: var(--colors-primary-sidebar-main-bg);
      --colors-color-palette-sidebar-main-color: var(--colors-primary-sidebar-main-color);
      --colors-color-palette-sidebar-main-hover-bg: var(--colors-primary-sidebar-main-hover-bg);
      --colors-color-palette-sidebar-main-hover-color: var(--colors-primary-sidebar-main-hover-color);
      --colors-color-palette-tag-bg: var(--colors-primary-tag-bg);
      --colors-color-palette-tag-text: var(--colors-primary-tag-text);
      --colors-color-palette-tag-hover-bg: var(--colors-primary-tag-hover-bg);
      --colors-color-palette-tag-hover-text: var(--colors-primary-tag-hover-text);
      --colors-color-palette-toast-bg: var(--colors-primary-toast-bg);
      --colors-color-palette-toast-text: var(--colors-primary-toast-text);
      --colors-color-palette-toast-info-icon: var(--colors-primary-toast-info-icon);
      --colors-color-palette-toast-success-icon: var(--colors-primary-toast-success-icon);
      --colors-color-palette-toast-alert-icon: var(--colors-primary-toast-alert-icon);
      --colors-color-palette-toggle-bg-switch: var(--colors-primary-toggle-bg-switch);
      --colors-color-palette-toggle-circle-bg: var(--colors-primary-toggle-circle-bg);
      --colors-color-palette-toggle-bg-icon: var(--colors-primary-toggle-bg-icon);
      --colors-color-palette-toggle-checked-bg: var(--colors-primary-toggle-checked-bg);
      --colors-color-palette-tooltip-main-bg: var(--colors-primary-tooltip-main-bg);
      --colors-color-palette-tooltip-main-text: var(--colors-primary-tooltip-main-text);
      --colors-color-palette-top-search-bar-bg: var(--colors-primary-top-search-bar-bg);
      --colors-color-palette-top-search-bar-border: var(--colors-primary-top-search-bar-border);
      --colors-color-palette-top-search-bar-color: var(--colors-primary-top-search-bar-color);
      --colors-color-palette-top-search-bar-input-bg: var(--colors-primary-top-search-bar-input-bg);
      --colors-color-palette-top-search-bar-input-border: var(--colors-primary-top-search-bar-input-border);
      --colors-color-palette-top-search-bar-input-color-placeholder: var(--colors-primary-top-search-bar-input-color-placeholder);
      --colors-color-palette-top-search-bar-input-color: var(--colors-primary-top-search-bar-input-color);
}

    .search input {
      border: none;
      outline: 2px solid transparent;
      outline-offset: 2px;
      flex-grow: 1;
      font-size: var(--font-sizes-md);
}

    .sidebar,.tag {
      --colors-color-palette-button-solid-bg: var(--colors-primary-button-solid-bg);
      --colors-color-palette-button-solid-text: var(--colors-primary-button-solid-text);
      --colors-color-palette-button-solid-hover-bg: var(--colors-primary-button-solid-hover-bg);
      --colors-color-palette-button-solid-hover-text: var(--colors-primary-button-solid-hover-text);
      --colors-color-palette-button-solid-disabled-bg: var(--colors-primary-button-solid-disabled-bg);
      --colors-color-palette-button-solid-disabled-text: var(--colors-primary-button-solid-disabled-text);
      --colors-color-palette-button-outline-bg: var(--colors-primary-button-outline-bg);
      --colors-color-palette-button-outline-text: var(--colors-primary-button-outline-text);
      --colors-color-palette-button-outline-border: var(--colors-primary-button-outline-border);
      --colors-color-palette-button-outline-hover-bg: var(--colors-primary-button-outline-hover-bg);
      --colors-color-palette-button-outline-hover-text: var(--colors-primary-button-outline-hover-text);
      --colors-color-palette-button-outline-hover-border: var(--colors-primary-button-outline-hover-border);
      --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-button-outline-disabled-bg);
      --colors-color-palette-button-outline-disabled-text: var(--colors-primary-button-outline-disabled-text);
      --colors-color-palette-button-outline-disabled-border: var(--colors-primary-button-outline-disabled-border);
      --colors-color-palette-button-ghost-bg: var(--colors-primary-button-ghost-bg);
      --colors-color-palette-button-ghost-text: var(--colors-primary-button-ghost-text);
      --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-button-ghost-hover-bg);
      --colors-color-palette-button-ghost-hover-text: var(--colors-primary-button-ghost-hover-text);
      --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-button-ghost-disabled-bg);
      --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-button-ghost-disabled-text);
      --colors-color-palette-button-link-btn-bg: var(--colors-primary-button-link-btn-bg);
      --colors-color-palette-button-link-btn-text: var(--colors-primary-button-link-btn-text);
      --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-button-link-btn-hover-bg);
      --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-button-link-btn-hover-text);
      --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-button-link-btn-disabled-bg);
      --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-button-link-btn-disabled-text);
      --colors-color-palette-cards-bg-container: var(--colors-primary-cards-bg-container);
      --colors-color-palette-cards-bg-content: var(--colors-primary-cards-bg-content);
      --colors-color-palette-cards-color: var(--colors-primary-cards-color);
      --colors-color-palette-cards-border-color: var(--colors-primary-cards-border-color);
      --colors-color-palette-box-bg: var(--colors-primary-box-bg);
      --colors-color-palette-box-color: var(--colors-primary-box-color);
      --colors-color-palette-dropdown-error-text: var(--colors-primary-dropdown-error-text);
      --colors-color-palette-dropdown-error-border: var(--colors-primary-dropdown-error-border);
      --colors-color-palette-dropdown-error-bg: var(--colors-primary-dropdown-error-bg);
      --colors-color-palette-dropdown-solid-bg: var(--colors-primary-dropdown-solid-bg);
      --colors-color-palette-dropdown-solid-text: var(--colors-primary-dropdown-solid-text);
      --colors-color-palette-dropdown-solid-hover-bg: var(--colors-primary-dropdown-solid-hover-bg);
      --colors-color-palette-dropdown-solid-hover-text: var(--colors-primary-dropdown-solid-hover-text);
      --colors-color-palette-dropdown-solid-disabled-bg: var(--colors-primary-dropdown-solid-disabled-bg);
      --colors-color-palette-dropdown-solid-disabled-text: var(--colors-primary-dropdown-solid-disabled-text);
      --colors-color-palette-dropdown-outline-bg: var(--colors-primary-dropdown-outline-bg);
      --colors-color-palette-dropdown-outline-text: var(--colors-primary-dropdown-outline-text);
      --colors-color-palette-dropdown-outline-border: var(--colors-primary-dropdown-outline-border);
      --colors-color-palette-dropdown-outline-hover-bg: var(--colors-primary-dropdown-outline-hover-bg);
      --colors-color-palette-dropdown-outline-hover-text: var(--colors-primary-dropdown-outline-hover-text);
      --colors-color-palette-dropdown-outline-hover-border: var(--colors-primary-dropdown-outline-hover-border);
      --colors-color-palette-dropdown-outline-disabled-bg: var(--colors-primary-dropdown-outline-disabled-bg);
      --colors-color-palette-dropdown-outline-disabled-text: var(--colors-primary-dropdown-outline-disabled-text);
      --colors-color-palette-dropdown-outline-disabled-border: var(--colors-primary-dropdown-outline-disabled-border);
      --colors-color-palette-input-text-text: var(--colors-primary-input-text-text);
      --colors-color-palette-input-text-placeholder: var(--colors-primary-input-text-placeholder);
      --colors-color-palette-input-text-invalid-border: var(--colors-primary-input-text-invalid-border);
      --colors-color-palette-input-text-invalid-text: var(--colors-primary-input-text-invalid-text);
      --colors-color-palette-input-text-invalid-placeholder: var(--colors-primary-input-text-invalid-placeholder);
      --colors-color-palette-input-text-focused-border: var(--colors-primary-input-text-focused-border);
      --colors-color-palette-input-text-disabled-border: var(--colors-primary-input-text-disabled-border);
      --colors-color-palette-input-text-disabled-text: var(--colors-primary-input-text-disabled-text);
      --colors-color-palette-input-text-disabled-placeholder: var(--colors-primary-input-text-disabled-placeholder);
      --colors-color-palette-input-text-solid-bg: var(--colors-primary-input-text-solid-bg);
      --colors-color-palette-input-text-solid-border: var(--colors-primary-input-text-solid-border);
      --colors-color-palette-input-text-solid-bg-disabled: var(--colors-primary-input-text-solid-bg-disabled);
      --colors-color-palette-input-text-outline-bg: var(--colors-primary-input-text-outline-bg);
      --colors-color-palette-input-text-outline-border: var(--colors-primary-input-text-outline-border);
      --colors-color-palette-input-text-ghost-bg: var(--colors-primary-input-text-ghost-bg);
      --colors-color-palette-input-text-ghost-border: var(--colors-primary-input-text-ghost-border);
      --colors-color-palette-label-bg: var(--colors-primary-label-bg);
      --colors-color-palette-label-text: var(--colors-primary-label-text);
      --colors-color-palette-label-active-bg: var(--colors-primary-label-active-bg);
      --colors-color-palette-label-active-text: var(--colors-primary-label-active-text);
      --colors-color-palette-label-pending-bg: var(--colors-primary-label-pending-bg);
      --colors-color-palette-label-pending-text: var(--colors-primary-label-pending-text);
      --colors-color-palette-label-inactive-bg: var(--colors-primary-label-inactive-bg);
      --colors-color-palette-label-inactive-text: var(--colors-primary-label-inactive-text);
      --colors-color-palette-logo-bg: var(--colors-primary-logo-bg);
      --colors-color-palette-nav-link-sidebar-item-bg: var(--colors-primary-nav-link-sidebar-item-bg);
      --colors-color-palette-nav-link-sidebar-item-text: var(--colors-primary-nav-link-sidebar-item-text);
      --colors-color-palette-nav-link-sidebar-item-hover-bg: var(--colors-primary-nav-link-sidebar-item-hover-bg);
      --colors-color-palette-nav-link-sidebar-item-hover-text: var(--colors-primary-nav-link-sidebar-item-hover-text);
      --colors-color-palette-nav-link-sidebar-item-disabled-bg: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
      --colors-color-palette-nav-link-sidebar-item-disabled-text: var(--colors-primary-nav-link-sidebar-item-disabled-text);
      --colors-color-palette-page-bg: var(--colors-primary-page-bg);
      --colors-color-palette-page-color: var(--colors-primary-page-color);
      --colors-color-palette-sidebar-main-bg: var(--colors-primary-sidebar-main-bg);
      --colors-color-palette-sidebar-main-color: var(--colors-primary-sidebar-main-color);
      --colors-color-palette-sidebar-main-hover-bg: var(--colors-primary-sidebar-main-hover-bg);
      --colors-color-palette-sidebar-main-hover-color: var(--colors-primary-sidebar-main-hover-color);
      --colors-color-palette-tag-bg: var(--colors-primary-tag-bg);
      --colors-color-palette-tag-text: var(--colors-primary-tag-text);
      --colors-color-palette-tag-hover-bg: var(--colors-primary-tag-hover-bg);
      --colors-color-palette-tag-hover-text: var(--colors-primary-tag-hover-text);
      --colors-color-palette-toast-bg: var(--colors-primary-toast-bg);
      --colors-color-palette-toast-text: var(--colors-primary-toast-text);
      --colors-color-palette-toast-info-icon: var(--colors-primary-toast-info-icon);
      --colors-color-palette-toast-success-icon: var(--colors-primary-toast-success-icon);
      --colors-color-palette-toast-alert-icon: var(--colors-primary-toast-alert-icon);
      --colors-color-palette-toggle-bg-switch: var(--colors-primary-toggle-bg-switch);
      --colors-color-palette-toggle-circle-bg: var(--colors-primary-toggle-circle-bg);
      --colors-color-palette-toggle-bg-icon: var(--colors-primary-toggle-bg-icon);
      --colors-color-palette-toggle-checked-bg: var(--colors-primary-toggle-checked-bg);
      --colors-color-palette-tooltip-main-bg: var(--colors-primary-tooltip-main-bg);
      --colors-color-palette-tooltip-main-text: var(--colors-primary-tooltip-main-text);
      --colors-color-palette-top-search-bar-bg: var(--colors-primary-top-search-bar-bg);
      --colors-color-palette-top-search-bar-border: var(--colors-primary-top-search-bar-border);
      --colors-color-palette-top-search-bar-color: var(--colors-primary-top-search-bar-color);
      --colors-color-palette-top-search-bar-input-bg: var(--colors-primary-top-search-bar-input-bg);
      --colors-color-palette-top-search-bar-input-border: var(--colors-primary-top-search-bar-input-border);
      --colors-color-palette-top-search-bar-input-color-placeholder: var(--colors-primary-top-search-bar-input-color-placeholder);
      --colors-color-palette-top-search-bar-input-color: var(--colors-primary-top-search-bar-input-color);
}

    .tag {
      position: relative;
      display: flex;
      min-height: 32px;
      min-width: 32px;
      border-radius: var(--radii-xs);
      cursor: pointer;
      -webkit-user-select: none;
      user-select: none;
      text-align: unset;
      letter-spacing: 0.2px;
      background: var(--colors-color-palette-tag-bg);
      color: var(--colors-color-palette-tag-text);
      justify-content: center;
      align-items: center;
      font-size: var(--font-sizes-md);
      font-weight: 500;
}

    .tag .tagText {
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block;
      vertical-align: middle;
      flex-grow: 1;
}

    .textarea {
      position: relative;
      display: flex;
      border-radius: var(--radii-sm);
      border: none;
      flex-direction: column;
      justify-content: end;
}

    .textarea .innerTextarea {
      --colors-color-palette-button-solid-bg: var(--colors-primary-button-solid-bg);
      --colors-color-palette-button-solid-text: var(--colors-primary-button-solid-text);
      --colors-color-palette-button-solid-hover-bg: var(--colors-primary-button-solid-hover-bg);
      --colors-color-palette-button-solid-hover-text: var(--colors-primary-button-solid-hover-text);
      --colors-color-palette-button-solid-disabled-bg: var(--colors-primary-button-solid-disabled-bg);
      --colors-color-palette-button-solid-disabled-text: var(--colors-primary-button-solid-disabled-text);
      --colors-color-palette-button-outline-bg: var(--colors-primary-button-outline-bg);
      --colors-color-palette-button-outline-text: var(--colors-primary-button-outline-text);
      --colors-color-palette-button-outline-border: var(--colors-primary-button-outline-border);
      --colors-color-palette-button-outline-hover-bg: var(--colors-primary-button-outline-hover-bg);
      --colors-color-palette-button-outline-hover-text: var(--colors-primary-button-outline-hover-text);
      --colors-color-palette-button-outline-hover-border: var(--colors-primary-button-outline-hover-border);
      --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-button-outline-disabled-bg);
      --colors-color-palette-button-outline-disabled-text: var(--colors-primary-button-outline-disabled-text);
      --colors-color-palette-button-outline-disabled-border: var(--colors-primary-button-outline-disabled-border);
      --colors-color-palette-button-ghost-bg: var(--colors-primary-button-ghost-bg);
      --colors-color-palette-button-ghost-text: var(--colors-primary-button-ghost-text);
      --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-button-ghost-hover-bg);
      --colors-color-palette-button-ghost-hover-text: var(--colors-primary-button-ghost-hover-text);
      --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-button-ghost-disabled-bg);
      --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-button-ghost-disabled-text);
      --colors-color-palette-button-link-btn-bg: var(--colors-primary-button-link-btn-bg);
      --colors-color-palette-button-link-btn-text: var(--colors-primary-button-link-btn-text);
      --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-button-link-btn-hover-bg);
      --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-button-link-btn-hover-text);
      --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-button-link-btn-disabled-bg);
      --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-button-link-btn-disabled-text);
      --colors-color-palette-cards-bg-container: var(--colors-primary-cards-bg-container);
      --colors-color-palette-cards-bg-content: var(--colors-primary-cards-bg-content);
      --colors-color-palette-cards-color: var(--colors-primary-cards-color);
      --colors-color-palette-cards-border-color: var(--colors-primary-cards-border-color);
      --colors-color-palette-box-bg: var(--colors-primary-box-bg);
      --colors-color-palette-box-color: var(--colors-primary-box-color);
      --colors-color-palette-dropdown-error-text: var(--colors-primary-dropdown-error-text);
      --colors-color-palette-dropdown-error-border: var(--colors-primary-dropdown-error-border);
      --colors-color-palette-dropdown-error-bg: var(--colors-primary-dropdown-error-bg);
      --colors-color-palette-dropdown-solid-bg: var(--colors-primary-dropdown-solid-bg);
      --colors-color-palette-dropdown-solid-text: var(--colors-primary-dropdown-solid-text);
      --colors-color-palette-dropdown-solid-hover-bg: var(--colors-primary-dropdown-solid-hover-bg);
      --colors-color-palette-dropdown-solid-hover-text: var(--colors-primary-dropdown-solid-hover-text);
      --colors-color-palette-dropdown-solid-disabled-bg: var(--colors-primary-dropdown-solid-disabled-bg);
      --colors-color-palette-dropdown-solid-disabled-text: var(--colors-primary-dropdown-solid-disabled-text);
      --colors-color-palette-dropdown-outline-bg: var(--colors-primary-dropdown-outline-bg);
      --colors-color-palette-dropdown-outline-text: var(--colors-primary-dropdown-outline-text);
      --colors-color-palette-dropdown-outline-border: var(--colors-primary-dropdown-outline-border);
      --colors-color-palette-dropdown-outline-hover-bg: var(--colors-primary-dropdown-outline-hover-bg);
      --colors-color-palette-dropdown-outline-hover-text: var(--colors-primary-dropdown-outline-hover-text);
      --colors-color-palette-dropdown-outline-hover-border: var(--colors-primary-dropdown-outline-hover-border);
      --colors-color-palette-dropdown-outline-disabled-bg: var(--colors-primary-dropdown-outline-disabled-bg);
      --colors-color-palette-dropdown-outline-disabled-text: var(--colors-primary-dropdown-outline-disabled-text);
      --colors-color-palette-dropdown-outline-disabled-border: var(--colors-primary-dropdown-outline-disabled-border);
      --colors-color-palette-input-text-text: var(--colors-primary-input-text-text);
      --colors-color-palette-input-text-placeholder: var(--colors-primary-input-text-placeholder);
      --colors-color-palette-input-text-invalid-border: var(--colors-primary-input-text-invalid-border);
      --colors-color-palette-input-text-invalid-text: var(--colors-primary-input-text-invalid-text);
      --colors-color-palette-input-text-invalid-placeholder: var(--colors-primary-input-text-invalid-placeholder);
      --colors-color-palette-input-text-focused-border: var(--colors-primary-input-text-focused-border);
      --colors-color-palette-input-text-disabled-border: var(--colors-primary-input-text-disabled-border);
      --colors-color-palette-input-text-disabled-text: var(--colors-primary-input-text-disabled-text);
      --colors-color-palette-input-text-disabled-placeholder: var(--colors-primary-input-text-disabled-placeholder);
      --colors-color-palette-input-text-solid-bg: var(--colors-primary-input-text-solid-bg);
      --colors-color-palette-input-text-solid-border: var(--colors-primary-input-text-solid-border);
      --colors-color-palette-input-text-solid-bg-disabled: var(--colors-primary-input-text-solid-bg-disabled);
      --colors-color-palette-input-text-outline-bg: var(--colors-primary-input-text-outline-bg);
      --colors-color-palette-input-text-outline-border: var(--colors-primary-input-text-outline-border);
      --colors-color-palette-input-text-ghost-bg: var(--colors-primary-input-text-ghost-bg);
      --colors-color-palette-input-text-ghost-border: var(--colors-primary-input-text-ghost-border);
      --colors-color-palette-label-bg: var(--colors-primary-label-bg);
      --colors-color-palette-label-text: var(--colors-primary-label-text);
      --colors-color-palette-label-active-bg: var(--colors-primary-label-active-bg);
      --colors-color-palette-label-active-text: var(--colors-primary-label-active-text);
      --colors-color-palette-label-pending-bg: var(--colors-primary-label-pending-bg);
      --colors-color-palette-label-pending-text: var(--colors-primary-label-pending-text);
      --colors-color-palette-label-inactive-bg: var(--colors-primary-label-inactive-bg);
      --colors-color-palette-label-inactive-text: var(--colors-primary-label-inactive-text);
      --colors-color-palette-logo-bg: var(--colors-primary-logo-bg);
      --colors-color-palette-nav-link-sidebar-item-bg: var(--colors-primary-nav-link-sidebar-item-bg);
      --colors-color-palette-nav-link-sidebar-item-text: var(--colors-primary-nav-link-sidebar-item-text);
      --colors-color-palette-nav-link-sidebar-item-hover-bg: var(--colors-primary-nav-link-sidebar-item-hover-bg);
      --colors-color-palette-nav-link-sidebar-item-hover-text: var(--colors-primary-nav-link-sidebar-item-hover-text);
      --colors-color-palette-nav-link-sidebar-item-disabled-bg: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
      --colors-color-palette-nav-link-sidebar-item-disabled-text: var(--colors-primary-nav-link-sidebar-item-disabled-text);
      --colors-color-palette-page-bg: var(--colors-primary-page-bg);
      --colors-color-palette-page-color: var(--colors-primary-page-color);
      --colors-color-palette-sidebar-main-bg: var(--colors-primary-sidebar-main-bg);
      --colors-color-palette-sidebar-main-color: var(--colors-primary-sidebar-main-color);
      --colors-color-palette-sidebar-main-hover-bg: var(--colors-primary-sidebar-main-hover-bg);
      --colors-color-palette-sidebar-main-hover-color: var(--colors-primary-sidebar-main-hover-color);
      --colors-color-palette-tag-bg: var(--colors-primary-tag-bg);
      --colors-color-palette-tag-text: var(--colors-primary-tag-text);
      --colors-color-palette-tag-hover-bg: var(--colors-primary-tag-hover-bg);
      --colors-color-palette-tag-hover-text: var(--colors-primary-tag-hover-text);
      --colors-color-palette-toast-bg: var(--colors-primary-toast-bg);
      --colors-color-palette-toast-text: var(--colors-primary-toast-text);
      --colors-color-palette-toast-info-icon: var(--colors-primary-toast-info-icon);
      --colors-color-palette-toast-success-icon: var(--colors-primary-toast-success-icon);
      --colors-color-palette-toast-alert-icon: var(--colors-primary-toast-alert-icon);
      --colors-color-palette-toggle-bg-switch: var(--colors-primary-toggle-bg-switch);
      --colors-color-palette-toggle-circle-bg: var(--colors-primary-toggle-circle-bg);
      --colors-color-palette-toggle-bg-icon: var(--colors-primary-toggle-bg-icon);
      --colors-color-palette-toggle-checked-bg: var(--colors-primary-toggle-checked-bg);
      --colors-color-palette-tooltip-main-bg: var(--colors-primary-tooltip-main-bg);
      --colors-color-palette-tooltip-main-text: var(--colors-primary-tooltip-main-text);
      --colors-color-palette-top-search-bar-bg: var(--colors-primary-top-search-bar-bg);
      --colors-color-palette-top-search-bar-border: var(--colors-primary-top-search-bar-border);
      --colors-color-palette-top-search-bar-color: var(--colors-primary-top-search-bar-color);
      --colors-color-palette-top-search-bar-input-bg: var(--colors-primary-top-search-bar-input-bg);
      --colors-color-palette-top-search-bar-input-border: var(--colors-primary-top-search-bar-input-border);
      --colors-color-palette-top-search-bar-input-color-placeholder: var(--colors-primary-top-search-bar-input-color-placeholder);
      --colors-color-palette-top-search-bar-input-color: var(--colors-primary-top-search-bar-input-color);
      border-radius: var(--radii-sm);
      width: 100%;
      height: 100%;
      color: var(--colors-color-palette-input-text-text);
      resize: vertical;
}

    .textarea .innerTextarea::placeholder,.textarea .innerTextarea[data-placeholder] {
      color: var(--colors-color-palette-input-text-placeholder);
}

    .textareaCustom {
      width: 100%;
      position: relative;
      border-radius: var(--radii-md);
      box-shadow: var(--shadows-xs);
      border: 1px solid;
      font-size: var(--font-sizes-md);
      border-color: var(--colors-grey\.50);
}

    .textareaCustom .reset-btn {
      cursor: pointer;
      position: absolute;
      right: var(--spacing-sm);
      top: var(--spacing-sm);
}

    .textareaCustom textarea {
      width: 100%;
      height: 100%;
      min-height: 100px;
      border: none;
      resize: none;
      padding-inline: var(--spacing-md);
      color: var(--colors-grey\.800);
      padding-top: var(--spacing-md);
      padding-bottom: var(--spacing-xxl);
}

    .textareaCustom textarea::placeholder {
      color: var(--colors-grey\.100);
}

    .textareaCustom textarea:invalid {
      border-color: red;
}

    .textareaCustom .textarea-footer {
      display: flex;
      -webkit-backdrop-filter: blur(3px);
      backdrop-filter: blur(3px);
      -webkit-user-select: none;
      user-select: none;
      background: linear-gradient(to top, #fff 40%, transparent);
      border-radius: var(--radii-sm);
      position: absolute;
      padding: var(--spacing-xs);
      justify-content: space-between;
      align-items: end;
      font-size: var(--font-sizes-ms);
      bottom: var(--spacing-0);
      left: 10px;
      right: var(--spacing-sm);
}

    .textareaCustom .textarea-footer .textarea-footer-info {
      color: var(--colors-grey\.100);
      letter-spacing: 0.02rem;
      display: flex;
      gap: var(--spacing-xs);
}

    .textareaCustom .textarea-footer .actions {
      display: flex;
      gap: var(--spacing-sm);
      max-width: 75%;
      backdrop-filter: blur(3px);
      -webkit-backdrop-filter: blur(3px);
      overflow-y: auto;
}

    .textareaCustom .textarea-footer .actions::-webkit-scrollbar {
      display: none;
}

    .toggle {
      --colors-color-palette-button-solid-bg: var(--colors-primary-button-solid-bg);
      --colors-color-palette-button-solid-text: var(--colors-primary-button-solid-text);
      --colors-color-palette-button-solid-hover-bg: var(--colors-primary-button-solid-hover-bg);
      --colors-color-palette-button-solid-hover-text: var(--colors-primary-button-solid-hover-text);
      --colors-color-palette-button-solid-disabled-bg: var(--colors-primary-button-solid-disabled-bg);
      --colors-color-palette-button-solid-disabled-text: var(--colors-primary-button-solid-disabled-text);
      --colors-color-palette-button-outline-bg: var(--colors-primary-button-outline-bg);
      --colors-color-palette-button-outline-text: var(--colors-primary-button-outline-text);
      --colors-color-palette-button-outline-border: var(--colors-primary-button-outline-border);
      --colors-color-palette-button-outline-hover-bg: var(--colors-primary-button-outline-hover-bg);
      --colors-color-palette-button-outline-hover-text: var(--colors-primary-button-outline-hover-text);
      --colors-color-palette-button-outline-hover-border: var(--colors-primary-button-outline-hover-border);
      --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-button-outline-disabled-bg);
      --colors-color-palette-button-outline-disabled-text: var(--colors-primary-button-outline-disabled-text);
      --colors-color-palette-button-outline-disabled-border: var(--colors-primary-button-outline-disabled-border);
      --colors-color-palette-button-ghost-bg: var(--colors-primary-button-ghost-bg);
      --colors-color-palette-button-ghost-text: var(--colors-primary-button-ghost-text);
      --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-button-ghost-hover-bg);
      --colors-color-palette-button-ghost-hover-text: var(--colors-primary-button-ghost-hover-text);
      --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-button-ghost-disabled-bg);
      --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-button-ghost-disabled-text);
      --colors-color-palette-button-link-btn-bg: var(--colors-primary-button-link-btn-bg);
      --colors-color-palette-button-link-btn-text: var(--colors-primary-button-link-btn-text);
      --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-button-link-btn-hover-bg);
      --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-button-link-btn-hover-text);
      --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-button-link-btn-disabled-bg);
      --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-button-link-btn-disabled-text);
      --colors-color-palette-cards-bg-container: var(--colors-primary-cards-bg-container);
      --colors-color-palette-cards-bg-content: var(--colors-primary-cards-bg-content);
      --colors-color-palette-cards-color: var(--colors-primary-cards-color);
      --colors-color-palette-cards-border-color: var(--colors-primary-cards-border-color);
      --colors-color-palette-box-bg: var(--colors-primary-box-bg);
      --colors-color-palette-box-color: var(--colors-primary-box-color);
      --colors-color-palette-dropdown-error-text: var(--colors-primary-dropdown-error-text);
      --colors-color-palette-dropdown-error-border: var(--colors-primary-dropdown-error-border);
      --colors-color-palette-dropdown-error-bg: var(--colors-primary-dropdown-error-bg);
      --colors-color-palette-dropdown-solid-bg: var(--colors-primary-dropdown-solid-bg);
      --colors-color-palette-dropdown-solid-text: var(--colors-primary-dropdown-solid-text);
      --colors-color-palette-dropdown-solid-hover-bg: var(--colors-primary-dropdown-solid-hover-bg);
      --colors-color-palette-dropdown-solid-hover-text: var(--colors-primary-dropdown-solid-hover-text);
      --colors-color-palette-dropdown-solid-disabled-bg: var(--colors-primary-dropdown-solid-disabled-bg);
      --colors-color-palette-dropdown-solid-disabled-text: var(--colors-primary-dropdown-solid-disabled-text);
      --colors-color-palette-dropdown-outline-bg: var(--colors-primary-dropdown-outline-bg);
      --colors-color-palette-dropdown-outline-text: var(--colors-primary-dropdown-outline-text);
      --colors-color-palette-dropdown-outline-border: var(--colors-primary-dropdown-outline-border);
      --colors-color-palette-dropdown-outline-hover-bg: var(--colors-primary-dropdown-outline-hover-bg);
      --colors-color-palette-dropdown-outline-hover-text: var(--colors-primary-dropdown-outline-hover-text);
      --colors-color-palette-dropdown-outline-hover-border: var(--colors-primary-dropdown-outline-hover-border);
      --colors-color-palette-dropdown-outline-disabled-bg: var(--colors-primary-dropdown-outline-disabled-bg);
      --colors-color-palette-dropdown-outline-disabled-text: var(--colors-primary-dropdown-outline-disabled-text);
      --colors-color-palette-dropdown-outline-disabled-border: var(--colors-primary-dropdown-outline-disabled-border);
      --colors-color-palette-input-text-text: var(--colors-primary-input-text-text);
      --colors-color-palette-input-text-placeholder: var(--colors-primary-input-text-placeholder);
      --colors-color-palette-input-text-invalid-border: var(--colors-primary-input-text-invalid-border);
      --colors-color-palette-input-text-invalid-text: var(--colors-primary-input-text-invalid-text);
      --colors-color-palette-input-text-invalid-placeholder: var(--colors-primary-input-text-invalid-placeholder);
      --colors-color-palette-input-text-focused-border: var(--colors-primary-input-text-focused-border);
      --colors-color-palette-input-text-disabled-border: var(--colors-primary-input-text-disabled-border);
      --colors-color-palette-input-text-disabled-text: var(--colors-primary-input-text-disabled-text);
      --colors-color-palette-input-text-disabled-placeholder: var(--colors-primary-input-text-disabled-placeholder);
      --colors-color-palette-input-text-solid-bg: var(--colors-primary-input-text-solid-bg);
      --colors-color-palette-input-text-solid-border: var(--colors-primary-input-text-solid-border);
      --colors-color-palette-input-text-solid-bg-disabled: var(--colors-primary-input-text-solid-bg-disabled);
      --colors-color-palette-input-text-outline-bg: var(--colors-primary-input-text-outline-bg);
      --colors-color-palette-input-text-outline-border: var(--colors-primary-input-text-outline-border);
      --colors-color-palette-input-text-ghost-bg: var(--colors-primary-input-text-ghost-bg);
      --colors-color-palette-input-text-ghost-border: var(--colors-primary-input-text-ghost-border);
      --colors-color-palette-label-bg: var(--colors-primary-label-bg);
      --colors-color-palette-label-text: var(--colors-primary-label-text);
      --colors-color-palette-label-active-bg: var(--colors-primary-label-active-bg);
      --colors-color-palette-label-active-text: var(--colors-primary-label-active-text);
      --colors-color-palette-label-pending-bg: var(--colors-primary-label-pending-bg);
      --colors-color-palette-label-pending-text: var(--colors-primary-label-pending-text);
      --colors-color-palette-label-inactive-bg: var(--colors-primary-label-inactive-bg);
      --colors-color-palette-label-inactive-text: var(--colors-primary-label-inactive-text);
      --colors-color-palette-logo-bg: var(--colors-primary-logo-bg);
      --colors-color-palette-nav-link-sidebar-item-bg: var(--colors-primary-nav-link-sidebar-item-bg);
      --colors-color-palette-nav-link-sidebar-item-text: var(--colors-primary-nav-link-sidebar-item-text);
      --colors-color-palette-nav-link-sidebar-item-hover-bg: var(--colors-primary-nav-link-sidebar-item-hover-bg);
      --colors-color-palette-nav-link-sidebar-item-hover-text: var(--colors-primary-nav-link-sidebar-item-hover-text);
      --colors-color-palette-nav-link-sidebar-item-disabled-bg: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
      --colors-color-palette-nav-link-sidebar-item-disabled-text: var(--colors-primary-nav-link-sidebar-item-disabled-text);
      --colors-color-palette-page-bg: var(--colors-primary-page-bg);
      --colors-color-palette-page-color: var(--colors-primary-page-color);
      --colors-color-palette-sidebar-main-bg: var(--colors-primary-sidebar-main-bg);
      --colors-color-palette-sidebar-main-color: var(--colors-primary-sidebar-main-color);
      --colors-color-palette-sidebar-main-hover-bg: var(--colors-primary-sidebar-main-hover-bg);
      --colors-color-palette-sidebar-main-hover-color: var(--colors-primary-sidebar-main-hover-color);
      --colors-color-palette-tag-bg: var(--colors-primary-tag-bg);
      --colors-color-palette-tag-text: var(--colors-primary-tag-text);
      --colors-color-palette-tag-hover-bg: var(--colors-primary-tag-hover-bg);
      --colors-color-palette-tag-hover-text: var(--colors-primary-tag-hover-text);
      --colors-color-palette-toast-bg: var(--colors-primary-toast-bg);
      --colors-color-palette-toast-text: var(--colors-primary-toast-text);
      --colors-color-palette-toast-info-icon: var(--colors-primary-toast-info-icon);
      --colors-color-palette-toast-success-icon: var(--colors-primary-toast-success-icon);
      --colors-color-palette-toast-alert-icon: var(--colors-primary-toast-alert-icon);
      --colors-color-palette-toggle-bg-switch: var(--colors-primary-toggle-bg-switch);
      --colors-color-palette-toggle-circle-bg: var(--colors-primary-toggle-circle-bg);
      --colors-color-palette-toggle-bg-icon: var(--colors-primary-toggle-bg-icon);
      --colors-color-palette-toggle-checked-bg: var(--colors-primary-toggle-checked-bg);
      --colors-color-palette-tooltip-main-bg: var(--colors-primary-tooltip-main-bg);
      --colors-color-palette-tooltip-main-text: var(--colors-primary-tooltip-main-text);
      --colors-color-palette-top-search-bar-bg: var(--colors-primary-top-search-bar-bg);
      --colors-color-palette-top-search-bar-border: var(--colors-primary-top-search-bar-border);
      --colors-color-palette-top-search-bar-color: var(--colors-primary-top-search-bar-color);
      --colors-color-palette-top-search-bar-input-bg: var(--colors-primary-top-search-bar-input-bg);
      --colors-color-palette-top-search-bar-input-border: var(--colors-primary-top-search-bar-input-border);
      --colors-color-palette-top-search-bar-input-color-placeholder: var(--colors-primary-top-search-bar-input-color-placeholder);
      --colors-color-palette-top-search-bar-input-color: var(--colors-primary-top-search-bar-input-color);
      width: 20px;
      min-width: 20px;
      min-height: 20px;
      height: 20px;
      background: var(--colors-color-palette-toggle-bg-icon);
      transition: transform 0.75s ease-in-out, background .2s ease, color .2s ease;
}

    .toggle,.toggle::after {
      border-radius: 10px;
      transform-origin: center center;
}

    .toggle::after {
      position: absolute;
      width: 16px;
      height: 16px;
      background: var(--colors-color-palette-toggle-circle-bg);
      transition: transform 0.5s ease, left 0.25s ease, bottom 0.25s ease, background .2s ease, color .2s ease;
      content: "";
      left: 8px;
      bottom: 4px;
}

    .toggle .ray {
      position: absolute;
      width: 6px;
      height: 6px;
      border-radius: 6px;
      background: var(--colors-color-palette-toggle-bg-icon);
      transform-origin: center;
      transition: transform 0.5s ease-in-out, background .2s ease, color .2s ease;
      left: 7px;
      top: 7px;
}

    .toggle .ray:nth-child(1) {
      transform: rotate(45deg) translateX(0);
}

    .toggle .ray:nth-child(2) {
      transform: rotate(90deg) translateX(0);
}

    .toggle .ray:nth-child(3) {
      transform: rotate(135deg) translateX(0);
}

    .toggle .ray:nth-child(4) {
      transform: rotate(180deg) translateX(0);
}

    .toggle .ray:nth-child(5) {
      transform: rotate(225deg) translateX(0);
}

    .toggle .ray:nth-child(6) {
      transform: rotate(270deg) translateX(0);
}

    .toggle .ray:nth-child(7) {
      transform: rotate(315deg) translateX(0);
}

    .toggle .ray:nth-child(8) {
      transform: rotate(360deg) translateX(0);
}

    .wrapperBG {
      --colors-color-palette-purple-to-blue: var(--colors-gradients-purple-to-blue);
      --colors-color-palette-lavander-to-lightblue: var(--colors-gradients-lavander-to-lightblue);
      --colors-color-palette-dark-lavander-to-lightblue: var(--colors-gradients-dark-lavander-to-lightblue);
      background: colorPalette.purpleToBlue.bg;
}
}

  .beta--visual_mobile {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 11px;
    top: calc(var(--spacing-ms) * -1);
    right: 0.5em;
}

  .beta--visual_mobile,.beta--visual_narrow {
    border-bottom-left-radius: var(--radii-xs);
    border-bottom-right-radius: var(--radii-xs);
}

  .beta--visual_narrow {
    transform: rotate(90deg);
    top: 1.8em;
    right: -0.8em;
}

  .beta--visual_desktop {
    border-radius: var(--radii-xs);
    padding-block: var(--spacing-xs);
    padding-inline: var(--spacing-sm);
    transform: none;
    top: 4px;
    right: -24px;
}

  .beta--variant_primary {
    --colors-color-palette-button-solid-bg: var(--colors-primary-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-primary-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-primary-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-primary-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-primary-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-primary-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-primary-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-primary-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-primary-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-primary-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-primary-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-primary-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-primary-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-primary-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-primary-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-primary-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-primary-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-primary-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-primary-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-button-link-btn-disabled-text);
    --colors-color-palette-cards-bg-container: var(--colors-primary-cards-bg-container);
    --colors-color-palette-cards-bg-content: var(--colors-primary-cards-bg-content);
    --colors-color-palette-cards-color: var(--colors-primary-cards-color);
    --colors-color-palette-cards-border-color: var(--colors-primary-cards-border-color);
    --colors-color-palette-box-bg: var(--colors-primary-box-bg);
    --colors-color-palette-box-color: var(--colors-primary-box-color);
    --colors-color-palette-dropdown-error-text: var(--colors-primary-dropdown-error-text);
    --colors-color-palette-dropdown-error-border: var(--colors-primary-dropdown-error-border);
    --colors-color-palette-dropdown-error-bg: var(--colors-primary-dropdown-error-bg);
    --colors-color-palette-dropdown-solid-bg: var(--colors-primary-dropdown-solid-bg);
    --colors-color-palette-dropdown-solid-text: var(--colors-primary-dropdown-solid-text);
    --colors-color-palette-dropdown-solid-hover-bg: var(--colors-primary-dropdown-solid-hover-bg);
    --colors-color-palette-dropdown-solid-hover-text: var(--colors-primary-dropdown-solid-hover-text);
    --colors-color-palette-dropdown-solid-disabled-bg: var(--colors-primary-dropdown-solid-disabled-bg);
    --colors-color-palette-dropdown-solid-disabled-text: var(--colors-primary-dropdown-solid-disabled-text);
    --colors-color-palette-dropdown-outline-bg: var(--colors-primary-dropdown-outline-bg);
    --colors-color-palette-dropdown-outline-text: var(--colors-primary-dropdown-outline-text);
    --colors-color-palette-dropdown-outline-border: var(--colors-primary-dropdown-outline-border);
    --colors-color-palette-dropdown-outline-hover-bg: var(--colors-primary-dropdown-outline-hover-bg);
    --colors-color-palette-dropdown-outline-hover-text: var(--colors-primary-dropdown-outline-hover-text);
    --colors-color-palette-dropdown-outline-hover-border: var(--colors-primary-dropdown-outline-hover-border);
    --colors-color-palette-dropdown-outline-disabled-bg: var(--colors-primary-dropdown-outline-disabled-bg);
    --colors-color-palette-dropdown-outline-disabled-text: var(--colors-primary-dropdown-outline-disabled-text);
    --colors-color-palette-dropdown-outline-disabled-border: var(--colors-primary-dropdown-outline-disabled-border);
    --colors-color-palette-input-text-text: var(--colors-primary-input-text-text);
    --colors-color-palette-input-text-placeholder: var(--colors-primary-input-text-placeholder);
    --colors-color-palette-input-text-invalid-border: var(--colors-primary-input-text-invalid-border);
    --colors-color-palette-input-text-invalid-text: var(--colors-primary-input-text-invalid-text);
    --colors-color-palette-input-text-invalid-placeholder: var(--colors-primary-input-text-invalid-placeholder);
    --colors-color-palette-input-text-focused-border: var(--colors-primary-input-text-focused-border);
    --colors-color-palette-input-text-disabled-border: var(--colors-primary-input-text-disabled-border);
    --colors-color-palette-input-text-disabled-text: var(--colors-primary-input-text-disabled-text);
    --colors-color-palette-input-text-disabled-placeholder: var(--colors-primary-input-text-disabled-placeholder);
    --colors-color-palette-input-text-solid-bg: var(--colors-primary-input-text-solid-bg);
    --colors-color-palette-input-text-solid-border: var(--colors-primary-input-text-solid-border);
    --colors-color-palette-input-text-solid-bg-disabled: var(--colors-primary-input-text-solid-bg-disabled);
    --colors-color-palette-input-text-outline-bg: var(--colors-primary-input-text-outline-bg);
    --colors-color-palette-input-text-outline-border: var(--colors-primary-input-text-outline-border);
    --colors-color-palette-input-text-ghost-bg: var(--colors-primary-input-text-ghost-bg);
    --colors-color-palette-input-text-ghost-border: var(--colors-primary-input-text-ghost-border);
    --colors-color-palette-label-bg: var(--colors-primary-label-bg);
    --colors-color-palette-label-text: var(--colors-primary-label-text);
    --colors-color-palette-label-active-bg: var(--colors-primary-label-active-bg);
    --colors-color-palette-label-active-text: var(--colors-primary-label-active-text);
    --colors-color-palette-label-pending-bg: var(--colors-primary-label-pending-bg);
    --colors-color-palette-label-pending-text: var(--colors-primary-label-pending-text);
    --colors-color-palette-label-inactive-bg: var(--colors-primary-label-inactive-bg);
    --colors-color-palette-label-inactive-text: var(--colors-primary-label-inactive-text);
    --colors-color-palette-logo-bg: var(--colors-primary-logo-bg);
    --colors-color-palette-nav-link-sidebar-item-bg: var(--colors-primary-nav-link-sidebar-item-bg);
    --colors-color-palette-nav-link-sidebar-item-text: var(--colors-primary-nav-link-sidebar-item-text);
    --colors-color-palette-nav-link-sidebar-item-hover-bg: var(--colors-primary-nav-link-sidebar-item-hover-bg);
    --colors-color-palette-nav-link-sidebar-item-hover-text: var(--colors-primary-nav-link-sidebar-item-hover-text);
    --colors-color-palette-nav-link-sidebar-item-disabled-bg: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
    --colors-color-palette-nav-link-sidebar-item-disabled-text: var(--colors-primary-nav-link-sidebar-item-disabled-text);
    --colors-color-palette-page-bg: var(--colors-primary-page-bg);
    --colors-color-palette-page-color: var(--colors-primary-page-color);
    --colors-color-palette-sidebar-main-bg: var(--colors-primary-sidebar-main-bg);
    --colors-color-palette-sidebar-main-color: var(--colors-primary-sidebar-main-color);
    --colors-color-palette-sidebar-main-hover-bg: var(--colors-primary-sidebar-main-hover-bg);
    --colors-color-palette-sidebar-main-hover-color: var(--colors-primary-sidebar-main-hover-color);
    --colors-color-palette-tag-bg: var(--colors-primary-tag-bg);
    --colors-color-palette-tag-text: var(--colors-primary-tag-text);
    --colors-color-palette-tag-hover-bg: var(--colors-primary-tag-hover-bg);
    --colors-color-palette-tag-hover-text: var(--colors-primary-tag-hover-text);
    --colors-color-palette-toast-bg: var(--colors-primary-toast-bg);
    --colors-color-palette-toast-text: var(--colors-primary-toast-text);
    --colors-color-palette-toast-info-icon: var(--colors-primary-toast-info-icon);
    --colors-color-palette-toast-success-icon: var(--colors-primary-toast-success-icon);
    --colors-color-palette-toast-alert-icon: var(--colors-primary-toast-alert-icon);
    --colors-color-palette-toggle-bg-switch: var(--colors-primary-toggle-bg-switch);
    --colors-color-palette-toggle-circle-bg: var(--colors-primary-toggle-circle-bg);
    --colors-color-palette-toggle-bg-icon: var(--colors-primary-toggle-bg-icon);
    --colors-color-palette-toggle-checked-bg: var(--colors-primary-toggle-checked-bg);
    --colors-color-palette-tooltip-main-bg: var(--colors-primary-tooltip-main-bg);
    --colors-color-palette-tooltip-main-text: var(--colors-primary-tooltip-main-text);
    --colors-color-palette-top-search-bar-bg: var(--colors-primary-top-search-bar-bg);
    --colors-color-palette-top-search-bar-border: var(--colors-primary-top-search-bar-border);
    --colors-color-palette-top-search-bar-color: var(--colors-primary-top-search-bar-color);
    --colors-color-palette-top-search-bar-input-bg: var(--colors-primary-top-search-bar-input-bg);
    --colors-color-palette-top-search-bar-input-border: var(--colors-primary-top-search-bar-input-border);
    --colors-color-palette-top-search-bar-input-color-placeholder: var(--colors-primary-top-search-bar-input-color-placeholder);
    --colors-color-palette-top-search-bar-input-color: var(--colors-primary-top-search-bar-input-color);
}

  .beta--variant_secondary {
    --colors-color-palette-button-solid-bg: var(--colors-secondary-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-secondary-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-secondary-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-secondary-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-secondary-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-secondary-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-secondary-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-secondary-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-secondary-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-secondary-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-secondary-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-secondary-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-secondary-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-secondary-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-secondary-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-secondary-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-secondary-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-secondary-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-secondary-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-secondary-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-secondary-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-secondary-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-secondary-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-secondary-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-secondary-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-secondary-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-secondary-button-link-btn-disabled-text);
}

  .beta--variant_third {
    --colors-color-palette-button-solid-bg: var(--colors-third-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-third-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-third-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-third-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-third-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-third-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-third-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-third-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-third-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-third-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-third-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-third-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-third-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-third-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-third-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-third-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-third-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-third-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-third-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-third-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-third-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-third-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-third-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-third-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-third-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-third-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-third-button-link-btn-disabled-text);
}

  .beta--variant_fourth {
    --colors-color-palette-button-solid-bg: var(--colors-fourth-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fourth-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fourth-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fourth-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fourth-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fourth-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-fourth-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-fourth-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-fourth-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-fourth-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-fourth-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-fourth-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-fourth-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-fourth-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-fourth-button-outline-disabled-border);
    --colors-color-palette-button-outline-light-bg: var(--colors-fourth-button-outline-light-bg);
    --colors-color-palette-button-outline-light-text: var(--colors-fourth-button-outline-light-text);
    --colors-color-palette-button-outline-light-border: var(--colors-fourth-button-outline-light-border);
    --colors-color-palette-button-outline-light-hover-bg: var(--colors-fourth-button-outline-light-hover-bg);
    --colors-color-palette-button-outline-light-hover-text: var(--colors-fourth-button-outline-light-hover-text);
    --colors-color-palette-button-outline-light-hover-border: var(--colors-fourth-button-outline-light-hover-border);
    --colors-color-palette-button-outline-light-disabled-bg: var(--colors-fourth-button-outline-light-disabled-bg);
    --colors-color-palette-button-outline-light-disabled-text: var(--colors-fourth-button-outline-light-disabled-text);
    --colors-color-palette-button-outline-light-disabled-border: var(--colors-fourth-button-outline-light-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-fourth-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-fourth-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-fourth-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-fourth-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-fourth-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-fourth-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-fourth-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-fourth-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-fourth-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-fourth-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-fourth-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-fourth-button-link-btn-disabled-text);
}

  .beta--variant_fifth {
    --colors-color-palette-button-solid-bg: var(--colors-fifth-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fifth-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fifth-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fifth-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fifth-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fifth-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-fifth-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-fifth-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-fifth-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-fifth-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-fifth-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-fifth-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-fifth-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-fifth-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-fifth-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-fifth-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-fifth-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-fifth-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-fifth-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-fifth-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-fifth-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-fifth-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-fifth-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-fifth-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-fifth-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-fifth-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-fifth-button-link-btn-disabled-text);
}

  .beta--variant_primaryInverted {
    --colors-color-palette-button-solid-bg: var(--colors-primary-inverted-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-primary-inverted-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-primary-inverted-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-primary-inverted-button-solid-hover-text);
    --colors-color-palette-button-outline-bg: var(--colors-primary-inverted-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-primary-inverted-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-primary-inverted-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-primary-inverted-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-primary-inverted-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-primary-inverted-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-inverted-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-primary-inverted-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-primary-inverted-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-primary-inverted-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-primary-inverted-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-inverted-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-primary-inverted-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-inverted-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-inverted-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-primary-inverted-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-primary-inverted-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-inverted-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-inverted-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-inverted-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-inverted-button-link-btn-disabled-text);
}

  .beta--variant_fifthInverted {
    --colors-color-palette-button-solid-bg: var(--colors-fifth-inverted-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fifth-inverted-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fifth-inverted-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fifth-inverted-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fifth-inverted-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fifth-inverted-button-solid-disabled-text);
}

  .beta--variant_rewrite {
    --colors-color-palette-button-solid-bg: var(--colors-rewrite-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-rewrite-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-rewrite-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-rewrite-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-rewrite-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-rewrite-button-solid-disabled-text);
}

  .beta--variant_translate {
    --colors-color-palette-button-solid-bg: var(--colors-translate-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-translate-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-translate-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-translate-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-translate-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-translate-button-solid-disabled-text);
}

  .beta--variant_ask {
    --colors-color-palette-button-solid-bg: var(--colors-ask-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-ask-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-ask-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-ask-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-ask-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-ask-button-solid-disabled-text);
}

  .beta--variant_detect {
    --colors-color-palette-button-solid-bg: var(--colors-detect-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-detect-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-detect-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-detect-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-detect-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-detect-button-solid-disabled-text);
}

  .beta--variant_danger {
    --colors-color-palette-button-solid-bg: var(--colors-danger-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-danger-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-danger-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-danger-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-danger-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-danger-button-solid-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-danger-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-danger-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-danger-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-danger-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-danger-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-danger-button-link-btn-disabled-text);
}

  .beta--variant_gradients {
    --colors-color-palette-purple-to-blue: var(--colors-gradients-purple-to-blue);
    --colors-color-palette-lavander-to-lightblue: var(--colors-gradients-lavander-to-lightblue);
    --colors-color-palette-dark-lavander-to-lightblue: var(--colors-gradients-dark-lavander-to-lightblue);
}

  .beta--animationPulse_true .betaIcon {
    animation: var(--animations-pulse);
}

  .button--visual_solid {
    background: var(--colors-color-palette-button-solid-bg);
    color: var(--colors-color-palette-button-solid-text);
    text-align: center;
    font-weight: 700;
}

  .button--visual_solid .buttonIcon {
    fill: currentColor;
}

  .button--visual_solid:is(:disabled, [disabled], [data-disabled]) {
    cursor: not-allowed;
    color: var(--colors-color-palette-button-solid-disabled-text);
    background: var(--colors-color-palette-button-solid-disabled-bg);
}

  .button--visual_solid:hover,.button--visual_solid:focus-visible {
    background: var(--colors-color-palette-button-solid-hover-bg);
    color: var(--colors-color-palette-button-solid-hover-text);
}

  .button--visual_solid[disabled]:hover {
    background: var(--colors-color-palette-button-solid-disabled-bg);
    color: var(--colors-color-palette-button-solid-disabled-text);
}

  .button--size_md {
    padding-block: var(--spacing-sm);
    padding-inline: var(--spacing-ms);
    height: 32px;
}

  .button--shape_roundedPills {
    border-radius: 100px;
}

  .button--visual_outline {
    background: var(--colors-color-palette-button-outline-bg);
    color: var(--colors-color-palette-button-outline-text);
    text-align: center;
    font-weight: 700;
    border-width: 1px;
    border-style: solid;
    border-color: var(--colors-color-palette-button-outline-border);
}

  .button--visual_outline .buttonIcon {
    fill: currentColor;
}

  .button--visual_outline:is(:disabled, [disabled], [data-disabled]) {
    cursor: not-allowed;
    color: var(--colors-color-palette-button-outline-disabled-text);
    background: var(--colors-color-palette-button-outline-disabled-bg);
    border-color: var(--colors-color-palette-button-outline-disabled-border);
}

  .button--visual_outline:hover,.button--visual_outline:focus-visible {
    background: var(--colors-color-palette-button-outline-hover-bg);
    color: var(--colors-color-palette-button-outline-hover-text);
    border-color: var(--colors-color-palette-button-outline-hover-bg);
}

  .button--visual_outline[disabled]:hover {
    background: var(--colors-color-palette-button-outline-disabled-bg);
    border-color: var(--colors-color-palette-button-outline-disabled-border);
}

  .button--visual_outline[disabled]:hover,.button--visual_outline[disabled]:hover .buttonText {
    color: var(--colors-color-palette-button-outline-disabled-text);
}

  .button--visual_outline[disabled]:hover .buttonIcon {
    fill: var(--colors-color-palette-button-outline-disabled-text);
}

  .button--visual_outlineLight {
    background: var(--colors-color-palette-button-outline-light-bg);
    color: var(--colors-color-palette-button-outline-light-text);
    text-align: center;
    font-weight: 700;
    border-width: 1px;
    border-style: solid;
    border-color: var(--colors-color-palette-button-outline-light-border);
}

  .button--visual_outlineLight .buttonIcon {
    fill: currentColor;
}

  .button--visual_outlineLight:is(:disabled, [disabled], [data-disabled]) {
    cursor: not-allowed;
    color: var(--colors-color-palette-button-outline-light-disabled-text);
    background: var(--colors-color-palette-button-outline-light-disabled-bg);
    border-color: var(--colors-color-palette-button-outline-light-disabled-border);
}

  .button--visual_outlineLight:hover,.button--visual_outlineLight:focus-visible {
    background: var(--colors-color-palette-button-outline-light-hover-bg);
    color: var(--colors-color-palette-button-outline-light-hover-text);
    border-color: var(--colors-color-palette-button-outline-light-hover-bg);
}

  .button--visual_outlineLight[disabled]:hover {
    background: var(--colors-color-palette-button-outline-light-disabled-bg);
    border-color: var(--colors-color-palette-button-outline-light-disabled-border);
}

  .button--visual_outlineLight[disabled]:hover,.button--visual_outlineLight[disabled]:hover .buttonText {
    color: var(--colors-color-palette-button-outline-light-disabled-text);
}

  .button--visual_outlineLight[disabled]:hover .buttonIcon {
    fill: var(--colors-color-palette-button-outline-light-disabled-text);
}

  .button--visual_ghost {
    background: var(--colors-color-palette-button-ghost-bg);
    color: var(--colors-color-palette-button-ghost-text);
    text-align: start;
}

  .button--visual_ghost .buttonIcon {
    fill: currentColor;
}

  .button--visual_ghost:is(:disabled, [disabled], [data-disabled]) {
    cursor: not-allowed;
    color: var(--colors-color-palette-button-ghost-disabled-text);
    background: var(--colors-color-palette-button-ghost-disabled-bg);
}

  .button--visual_ghost:hover,.button--visual_ghost:focus-visible {
    background: var(--colors-color-palette-button-ghost-hover-bg);
    color: var(--colors-color-palette-button-ghost-hover-text);
}

  .button--visual_ghost[disabled]:hover {
    background: var(--colors-color-palette-button-ghost-disabled-bg);
    color: var(--colors-color-palette-button-ghost-disabled-text);
}

  .button--visual_linkBtn {
    background: var(--colors-color-palette-button-link-btn-bg);
    padding: var(--spacing-sm);
    border: none;
    color: var(--colors-color-palette-button-link-btn-text);
    text-align: start;
    font-weight: var(--font-weights-normal);
}

  .button--visual_linkBtn .buttonIcon {
    fill: currentColor;
}

  .button--visual_linkBtn:is(:disabled, [disabled], [data-disabled]) {
    cursor: not-allowed;
    background: var(--colors-color-palette-button-link-btn-disabled-bg);
    color: var(--colors-color-palette-button-link-btn-disabled-text);
}

  .button--visual_linkBtn:hover,.button--visual_linkBtn:focus-visible {
    box-shadow: unset;
    border: none;
    text-decoration: none;
    background: var(--colors-color-palette-button-link-btn-hover-bg);
    color: var(--colors-color-palette-button-link-btn-hover-text);
}

  .button--visual_linkBtn[disabled]:hover {
    background: var(--colors-color-palette-button-link-btn-disabled-bg);
    color: var(--colors-color-palette-button-link-btn-disabled-text);
}

  .button--visual_link {
    background: var(--colors-color-palette-button-link-btn-bg);
    padding: var(--spacing-sm);
    height: auto;
    border: none;
    color: var(--colors-color-palette-button-link-btn-text);
    text-align: start;
    font-weight: var(--font-weights-normal);
}

  .button--visual_link .buttonIcon {
    fill: currentColor;
}

  .button--visual_link .buttonText {
    white-space: normal;
}

  .button--visual_link:is(:disabled, [disabled], [data-disabled]) {
    cursor: not-allowed;
    background: var(--colors-color-palette-button-link-btn-disabled-bg);
    color: var(--colors-color-palette-button-link-btn-disabled-text);
}

  .button--visual_link:hover,.button--visual_link:focus-visible {
    box-shadow: unset;
    border: none;
    text-decoration: none;
    background: var(--colors-color-palette-button-link-btn-hover-bg);
    color: var(--colors-color-palette-button-link-btn-hover-text);
}

  .button--visual_link[disabled]:hover {
    background: var(--colors-color-palette-button-link-btn-disabled-bg);
    color: var(--colors-color-palette-button-link-btn-disabled-text);
}

  .button--visual_primary {
    color: #ffffff;
    background: #414141;
}

  .button--visual_primary:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #414141;
}

  .button--visual_primary:focus,.button--visual_primary:active {
    background: #3b3b3b;
}

  .button--visual_primary[disabled]:hover {
    cursor: not-allowed;
    color: #ffffff;
    opacity: 0.6;
    background-color: #414141;
}

  .button--visual_primaryLight {
    color: #5e5e5e;
    background: #e8e8e8;
}

  .button--visual_primaryLight:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #e8e8e8;
}

  .button--visual_primaryLight:focus {
    background: #c6c6c6;
}

  .button--visual_primaryLight[disabled]:hover {
    cursor: not-allowed;
    color: #5e5e5e;
    opacity: 0.6;
    background-color: #e8e8e8;
}

  .button--visual_primaryLighter {
    color: #4141411F;
    background: #a0a0a01F;
}

  .button--visual_primaryLighter:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #a0a0a01F;
}

  .button--visual_primaryLighter:focus {
    background: #5e5e5e1F;
}

  .button--visual_primaryLighter[disabled]:hover {
    cursor: not-allowed;
    color: #4141411F;
    opacity: 0.6;
    background-color: #a0a0a01F;
}

  .button--visual_primaryWhite {
    color: #5e5e5e;
    background: #ffffff;
}

  .button--visual_primaryWhite:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #ffffff;
}

  .button--visual_primaryWhite:focus {
    background: #c6c6c6;
}

  .button--visual_primaryWhite[disabled]:hover {
    cursor: not-allowed;
    color: #5e5e5e;
    opacity: 0.6;
    background-color: #ffffff;
}

  .button--visual_primaryOutline {
    background: none;
    color: #414141;
    box-shadow: 0px 0px 0px 2px #414141 inset;
}

  .button--visual_primaryOutline:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: none;
}

  .button--visual_primaryOutline:focus,.button--visual_primaryOutline:active {
    background: none;
    color: #414141;
}

  .button--visual_primaryOutline[disabled]:hover {
    cursor: not-allowed;
    color: #414141;
    opacity: 0.6;
    background-color: none;
}

  .button--visual_primaryOutlineThin {
    background: none;
    color: #414141;
    box-shadow: 0px 0px 0px 1px #414141 inset;
}

  .button--visual_primaryOutlineThin:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: none;
}

  .button--visual_primaryOutlineThin:focus,.button--visual_primaryOutlineThin:active {
    background: none;
    color: #414141;
}

  .button--visual_primaryOutlineThin[disabled]:hover {
    cursor: not-allowed;
    color: #414141;
    opacity: 0.6;
    background-color: none;
}

  .button--visual_primaryContrast {
    color: #414141;
    background: #ffffff;
}

  .button--visual_primaryContrast:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #ffffff;
}

  .button--visual_primaryContrast:focus {
    background: #c6c6c6;
}

  .button--visual_primaryContrast[disabled]:hover {
    cursor: not-allowed;
    color: #414141;
    opacity: 0.6;
    background-color: #ffffff;
}

  .button--visual_empty {
    background: none;
}

  .button--visual_empty:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: none;
}

  .button--visual_empty:focus {
    background: none;
}

  .button--visual_empty[disabled]:hover {
    cursor: not-allowed;
    color: var(--colors-transparent);
    opacity: 0.6;
    background-color: none;
}

  .button--visual_primaryAlpha {
    background: none;
    color: #414141;
}

  .button--visual_primaryAlpha:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: none;
}

  .button--visual_primaryAlpha:focus,.button--visual_primaryAlpha:active {
    background: #5e5e5e1F;
}

  .button--visual_primaryAlpha[disabled]:hover {
    cursor: not-allowed;
    color: #414141;
    opacity: 0.6;
    background-color: none;
}

  .button--visual_primaryContrastAlpha {
    background: #4141411F;
    color: #414141;
}

  .button--visual_primaryContrastAlpha:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #4141411F;
}

  .button--visual_primaryContrastAlpha:focus,.button--visual_primaryContrastAlpha:active {
    background: #3232321F;
}

  .button--visual_primaryContrastAlpha[disabled]:hover {
    cursor: not-allowed;
    color: #414141;
    opacity: 0.6;
    background-color: #4141411F;
}

  .button--visual_secondary {
    color: #ffffff;
    background: #2683ff;
}

  .button--visual_secondary:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #2683ff;
}

  .button--visual_secondary:focus {
    background: #0065ff;
}

  .button--visual_secondary[disabled]:hover {
    cursor: not-allowed;
    color: #ffffff;
    opacity: 0.6;
    background-color: #2683ff;
}

  .button--visual_secondaryLight {
    color: #2683ff;
    background: #e0edff;
}

  .button--visual_secondaryLight:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #e0edff;
}

  .button--visual_secondaryLight:focus {
    background: #80b6ff;
}

  .button--visual_secondaryLight[disabled]:hover {
    cursor: not-allowed;
    color: #2683ff;
    opacity: 0.6;
    background-color: #e0edff;
}

  .button--visual_secondaryLighter {
    color: #006dff;
    background: #80b6ff1f;
}

  .button--visual_secondaryLighter:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #80b6ff1f;
}

  .button--visual_secondaryLighter:focus {
    background: #2683ff1f;
}

  .button--visual_secondaryLighter[disabled]:hover {
    cursor: not-allowed;
    color: #006dff;
    opacity: 0.6;
    background-color: #80b6ff1f;
}

  .button--visual_secondaryContrast {
    color: #2683ff;
    background: #ffffff;
}

  .button--visual_secondaryContrast:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #ffffff;
}

  .button--visual_secondaryContrast:focus {
    background: #b3d3ff;
}

  .button--visual_secondaryContrast[disabled]:hover {
    cursor: not-allowed;
    color: #2683ff;
    opacity: 0.6;
    background-color: #ffffff;
}

  .button--visual_secondaryLink {
    color: #2683ff;
    background: none;
}

  .button--visual_secondaryLink:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: none;
}

  .button--visual_secondaryLink:focus {
    background: #b3d3ff;
}

  .button--visual_secondaryLink[disabled]:hover {
    cursor: not-allowed;
    color: #2683ff;
    opacity: 0.6;
    background-color: none;
}

  .button--visual_secondaryWhite {
    color: #2683ff;
    background: #ffffff;
}

  .button--visual_secondaryWhite:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #ffffff;
}

  .button--visual_secondaryWhite:focus {
    background: #80b6ff;
}

  .button--visual_secondaryWhite[disabled]:hover {
    cursor: not-allowed;
    color: #2683ff;
    opacity: 0.6;
    background-color: #ffffff;
}

  .button--visual_secondaryWhiteAlpha {
    color: #ffffff;
    background: #80b6ff;
}

  .button--visual_secondaryWhiteAlpha:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #80b6ff;
}

  .button--visual_secondaryWhiteAlpha:focus {
    background: #2683ff;
}

  .button--visual_secondaryWhiteAlpha[disabled]:hover {
    cursor: not-allowed;
    color: #ffffff;
    opacity: 0.6;
    background-color: #80b6ff;
}

  .button--visual_secondaryAlpha {
    color: #414141;
}

  .button--visual_secondaryAlpha:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: var(--colors-transparent);
}

  .button--visual_secondaryAlpha:focus {
    background: #2683ff1f;
}

  .button--visual_secondaryAlpha[disabled]:hover {
    cursor: not-allowed;
    color: #414141;
    opacity: 0.6;
    background-color: var(--colors-transparent);
}

  .button--visual_secondaryContrastAlpha {
    color: #006dff;
}

  .button--visual_secondaryContrastAlpha:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: var(--colors-transparent);
}

  .button--visual_secondaryContrastAlpha:focus {
    background: #2683ff1f;
}

  .button--visual_secondaryContrastAlpha[disabled]:hover {
    cursor: not-allowed;
    color: #006dff;
    opacity: 0.6;
    background-color: var(--colors-transparent);
}

  .button--visual_secondaryOutline {
    background: none;
    color: #006dff;
    box-shadow: 0px 0px 0px 2px #006dff inset;
}

  .button--visual_secondaryOutline:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: none;
}

  .button--visual_secondaryOutline:focus,.button--visual_secondaryOutline:active {
    background: none;
    color: #006dff;
}

  .button--visual_secondaryOutline[disabled]:hover {
    cursor: not-allowed;
    color: #006dff;
    opacity: 0.6;
    background-color: none;
}

  .button--visual_secondaryOutlineThin {
    background: none;
    color: #006dff;
    box-shadow: 0px 0px 0px 1px #006dff inset;
}

  .button--visual_secondaryOutlineThin:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: none;
}

  .button--visual_secondaryOutlineThin:focus,.button--visual_secondaryOutlineThin:active {
    background: none;
    color: #006dff;
}

  .button--visual_secondaryOutlineThin[disabled]:hover {
    cursor: not-allowed;
    color: #006dff;
    opacity: 0.6;
    background-color: none;
}

  .button--visual_secondaryOutlineWhite {
    background: none;
    color: #006dff;
    box-shadow: 0px 0px 0px 2px #006dff inset;
}

  .button--visual_secondaryOutlineWhite:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: none;
}

  .button--visual_secondaryOutlineWhite:focus,.button--visual_secondaryOutlineWhite:active {
    background: none;
    color: #006dff;
}

  .button--visual_secondaryOutlineWhite[disabled]:hover {
    cursor: not-allowed;
    color: #006dff;
    opacity: 0.6;
    background-color: none;
}

  .button--visual_secondaryOutlineWhiteThick {
    background: none;
    color: #006dff;
    box-shadow: 0px 0px 0px 3px #006dff inset;
}

  .button--visual_secondaryOutlineWhiteThick:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: none;
}

  .button--visual_secondaryOutlineWhiteThick:focus,.button--visual_secondaryOutlineWhiteThick:active {
    background: none;
    color: #006dff;
}

  .button--visual_secondaryOutlineWhiteThick[disabled]:hover {
    cursor: not-allowed;
    color: #006dff;
    opacity: 0.6;
    background-color: none;
}

  .button--visual_secondaryOutlineWhiteThin {
    background: none;
    color: #006dff;
    box-shadow: 0px 0px 0px 1px #006dff inset;
}

  .button--visual_secondaryOutlineWhiteThin:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: none;
}

  .button--visual_secondaryOutlineWhiteThin:focus,.button--visual_secondaryOutlineWhiteThin:active {
    background: none;
    color: #006dff;
}

  .button--visual_secondaryOutlineWhiteThin[disabled]:hover {
    cursor: not-allowed;
    color: #006dff;
    opacity: 0.6;
    background-color: none;
}

  .button--visual_third {
    color: #1f1f1fff;
    background: #f2dc5dff;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

  .button--visual_third:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #f2dc5dff;
}

  .button--visual_third:focus {
    color: #1f1f1fff;
    background: #f2dc5dff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_third[disabled]:hover {
    cursor: not-allowed;
    color: #1f1f1fff;
    opacity: 0.6;
    background-color: #f2dc5dff;
}

  .button--visual_thirdContrast {
    color: #ffcb50;
    background: var(--colors-white);
}

  .button--visual_thirdContrast:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: var(--colors-white);
}

  .button--visual_thirdContrast:focus,.button--visual_thirdContrast:active {
    background: #ffbe40;
}

  .button--visual_thirdContrast[disabled]:hover {
    cursor: not-allowed;
    color: #ffcb50;
    opacity: 0.6;
    background-color: var(--colors-white);
}

  .button--visual_danger {
    color: #414141;
    background: #ff7c69;
}

  .button--visual_danger:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #ff7c69;
}

  .button--visual_danger:focus,.button--visual_danger:active {
    color: #414141;
    background: #ff6b56;
}

  .button--visual_danger[disabled]:hover {
    cursor: not-allowed;
    color: #414141;
    opacity: 0.6;
    background-color: #ff7c69;
}

  .button--visual_dangerAlpha {
    color: #ff9986;
}

  .button--visual_dangerAlpha:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: var(--colors-transparent);
}

  .button--visual_dangerAlpha:focus,.button--visual_dangerAlpha:active {
    background: #ff86731f;
}

  .button--visual_dangerAlpha[disabled]:hover {
    cursor: not-allowed;
    color: #ff9986;
    opacity: 0.6;
    background-color: var(--colors-transparent);
}

  .button--visual_dangerContrastAlpha {
    background: #ff99861f;
    color: #ff9986;
}

  .button--visual_dangerContrastAlpha:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #ff99861f;
}

  .button--visual_dangerContrastAlpha:focus,.button--visual_dangerContrastAlpha:active {
    background: #ff86731f;
}

  .button--visual_dangerContrastAlpha[disabled]:hover {
    cursor: not-allowed;
    color: #ff9986;
    opacity: 0.6;
    background-color: #ff99861f;
}

  .button--visual_dropDown {
    background: #f4f4f4;
    box-shadow: none;
    color: #1f1f1f;
    opacity: 1;
}

  .button--visual_dropDown:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #f4f4f4;
}

  .button--visual_dropDown[disabled]:hover {
    cursor: not-allowed;
    color: #1f1f1f;
    opacity: 0.6;
    background-color: #f4f4f4;
}

  .button--visual_dictionaryBtn {
    background: #ffffffff;
    box-shadow: none;
    border: 1px solid #1f1f1f;
    color: #1f1f1f;
    opacity: 1;
}

  .button--visual_dictionaryBtn:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #ffffffff;
}

  .button--visual_dictionaryBtn:hover {
    color: #ffffffff;
    background: #1f1f1f;
}

  .button--visual_dictionaryBtn[disabled]:hover {
    cursor: not-allowed;
    color: #1f1f1f;
    opacity: 0.6;
    background-color: #ffffffff;
}

  .button--visual_shortCut {
    background: #e5f0ff;
    color: #2683ff;
    padding-left: 4px;
    padding-right: 4px;
}

  .button--visual_shortCut:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #e5f0ff;
}

  .button--visual_shortCut[disabled]:hover {
    cursor: not-allowed;
    color: #2683ff;
    opacity: 0.6;
    background-color: #e5f0ff;
}

  .button--visual_textLink {
    color: #2683ff;
    padding: var(--spacing-none);
    margin-inline: var(--spacing-sm);
    font-weight: var(--font-weights-normal);
}

  .button--visual_textLink:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: var(--colors-transparent);
}

  .button--visual_textLink[disabled]:hover {
    cursor: not-allowed;
    color: #2683ff;
    opacity: 0.6;
    background-color: var(--colors-transparent);
}

  .button--visual_SolidBlueLarge {
    color: #ffffffff;
    background: #2683ffff;
    opacity: 1;
    box-shadow: none;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

  .button--visual_SolidBlueLarge:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #2683ffff;
}

  .button--visual_SolidBlueLarge:focus {
    color: #ffffffff;
    background: #2683ffff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_SolidBlueLarge[disabled]:hover {
    cursor: not-allowed;
    color: #ffffffff;
    opacity: 0.6;
    background-color: #2683ffff;
}

  .button--visual_SolidBlueMedium {
    color: #ffffffff;
    background: #2683ffff;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

  .button--visual_SolidBlueMedium:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #2683ffff;
}

  .button--visual_SolidBlueMedium:focus {
    color: #ffffffff;
    background: #2683ffff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_SolidBlueMedium[disabled]:hover {
    cursor: not-allowed;
    color: #ffffffff;
    opacity: 0.6;
    background-color: #2683ffff;
}

  .button--visual_SolidBlueSmall {
    color: #ffffffff;
    background: #2683ffff;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

  .button--visual_SolidBlueSmall:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #2683ffff;
}

  .button--visual_SolidBlueSmall:focus {
    color: #ffffffff;
    background: #2683ffff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_SolidBlueSmall[disabled]:hover {
    cursor: not-allowed;
    color: #ffffffff;
    opacity: 0.6;
    background-color: #2683ffff;
}

  .button--visual_SolidWhiteLarge {
    color: #2683ffff;
    background: #ffffffff;
    opacity: 1;
    box-shadow: none;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

  .button--visual_SolidWhiteLarge:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #ffffffff;
}

  .button--visual_SolidWhiteLarge:focus {
    color: #2683ffff;
    background: #ffffffff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_SolidWhiteLarge[disabled]:hover {
    cursor: not-allowed;
    color: #2683ffff;
    opacity: 0.6;
    background-color: #ffffffff;
}

  .button--visual_SolidWhiteMedium {
    color: #2683ffff;
    background: #ffffffff;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

  .button--visual_SolidWhiteMedium:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #ffffffff;
}

  .button--visual_SolidWhiteMedium:focus {
    color: #2683ffff;
    background: #ffffffff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_SolidWhiteMedium[disabled]:hover {
    cursor: not-allowed;
    color: #2683ffff;
    opacity: 0.6;
    background-color: #ffffffff;
}

  .button--visual_SolidWhiteSmall {
    color: #2683ffff;
    background: #ffffffff;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

  .button--visual_SolidWhiteSmall:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #ffffffff;
}

  .button--visual_SolidWhiteSmall:focus {
    color: #2683ffff;
    background: #ffffffff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_SolidWhiteSmall[disabled]:hover {
    cursor: not-allowed;
    color: #2683ffff;
    opacity: 0.6;
    background-color: #ffffffff;
}

  .button--visual_SolidYellowLarge {
    color: #1f1f1fff;
    background: #f2dc5dff;
    opacity: 1;
    box-shadow: none;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

  .button--visual_SolidYellowLarge:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #f2dc5dff;
}

  .button--visual_SolidYellowLarge:focus {
    color: #1f1f1fff;
    background: #f2dc5dff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_SolidYellowLarge[disabled]:hover {
    cursor: not-allowed;
    color: #1f1f1fff;
    opacity: 0.6;
    background-color: #f2dc5dff;
}

  .button--visual_SolidYellowMedium {
    color: #1f1f1fff;
    background: #f2dc5dff;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

  .button--visual_SolidYellowMedium:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #f2dc5dff;
}

  .button--visual_SolidYellowMedium:focus {
    color: #1f1f1fff;
    background: #f2dc5dff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_SolidYellowMedium[disabled]:hover {
    cursor: not-allowed;
    color: #1f1f1fff;
    opacity: 0.6;
    background-color: #f2dc5dff;
}

  .button--visual_SolidYellowSmall {
    color: #1f1f1fff;
    background: #f2dc5dff;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

  .button--visual_SolidYellowSmall:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #f2dc5dff;
}

  .button--visual_SolidYellowSmall:focus {
    color: #1f1f1fff;
    background: #f2dc5dff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_SolidYellowSmall[disabled]:hover {
    cursor: not-allowed;
    color: #1f1f1fff;
    opacity: 0.6;
    background-color: #f2dc5dff;
}

  .button--visual_SolidSalmonLarge {
    color: #ffffffff;
    background: #ff986bff;
    opacity: 1;
    box-shadow: none;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

  .button--visual_SolidSalmonLarge:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #ff986bff;
}

  .button--visual_SolidSalmonLarge:focus {
    color: #ffffffff;
    background: #ff986bff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_SolidSalmonLarge[disabled]:hover {
    cursor: not-allowed;
    color: #ffffffff;
    opacity: 0.6;
    background-color: #ff986bff;
}

  .button--visual_SolidSalmonMedium {
    color: #ffffffff;
    background: #ff986bff;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

  .button--visual_SolidSalmonMedium:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #ff986bff;
}

  .button--visual_SolidSalmonMedium:focus {
    color: #ffffffff;
    background: #ff986bff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_SolidSalmonMedium[disabled]:hover {
    cursor: not-allowed;
    color: #ffffffff;
    opacity: 0.6;
    background-color: #ff986bff;
}

  .button--visual_SolidSalmonSmall {
    color: #ffffffff;
    background: #ff986bff;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

  .button--visual_SolidSalmonSmall:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #ff986bff;
}

  .button--visual_SolidSalmonSmall:focus {
    color: #ffffffff;
    background: #ff986bff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_SolidSalmonSmall[disabled]:hover {
    cursor: not-allowed;
    color: #ffffffff;
    opacity: 0.6;
    background-color: #ff986bff;
}

  .button--visual_SolidCoralLarge {
    color: #414141ff;
    background: #ff9986ff;
    opacity: 1;
    box-shadow: none;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

  .button--visual_SolidCoralLarge:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #ff9986ff;
}

  .button--visual_SolidCoralLarge:focus {
    color: #414141ff;
    background: #ff9986ff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_SolidCoralLarge[disabled]:hover {
    cursor: not-allowed;
    color: #414141ff;
    opacity: 0.6;
    background-color: #ff9986ff;
}

  .button--visual_SolidCoralMedium {
    color: #414141ff;
    background: #ff9986ff;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

  .button--visual_SolidCoralMedium:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #ff9986ff;
}

  .button--visual_SolidCoralMedium:focus {
    color: #414141ff;
    background: #ff9986ff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_SolidCoralMedium[disabled]:hover {
    cursor: not-allowed;
    color: #414141ff;
    opacity: 0.6;
    background-color: #ff9986ff;
}

  .button--visual_SolidCoralSmall {
    color: #414141ff;
    background: #ff9986ff;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

  .button--visual_SolidCoralSmall:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #ff9986ff;
}

  .button--visual_SolidCoralSmall:focus {
    color: #ffffffff;
    background: #ff6b56ff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_SolidCoralSmall[disabled]:hover {
    cursor: not-allowed;
    color: #414141ff;
    opacity: 0.6;
    background-color: #ff9986ff;
}

  .button--visual_SolidAquaLarge {
    color: #414141ff;
    background: #9dd9d2ff;
    opacity: 1;
    box-shadow: none;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

  .button--visual_SolidAquaLarge:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #9dd9d2ff;
}

  .button--visual_SolidAquaLarge:focus {
    color: #9dd9d2ff;
    background: #00000000;
    opacity: 1;
    box-shadow: none;
}

  .button--visual_SolidAquaLarge[disabled]:hover {
    cursor: not-allowed;
    color: #414141ff;
    opacity: 0.6;
    background-color: #9dd9d2ff;
}

  .button--visual_SolidAquaMedium {
    color: #414141ff;
    background: #9dd9d2ff;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

  .button--visual_SolidAquaMedium:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #9dd9d2ff;
}

  .button--visual_SolidAquaMedium:focus {
    color: #9dd9d2ff;
    background: #00000000;
    opacity: 1;
    box-shadow: none;
}

  .button--visual_SolidAquaMedium[disabled]:hover {
    cursor: not-allowed;
    color: #414141ff;
    opacity: 0.6;
    background-color: #9dd9d2ff;
}

  .button--visual_SolidAquaSmall {
    color: #414141ff;
    background: #9dd9d2ff;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

  .button--visual_SolidAquaSmall:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #9dd9d2ff;
}

  .button--visual_SolidAquaSmall:focus {
    color: #9dd9d2ff;
    background: #00000000;
    opacity: 1;
    box-shadow: none;
}

  .button--visual_SolidAquaSmall[disabled]:hover {
    cursor: not-allowed;
    color: #414141ff;
    opacity: 0.6;
    background-color: #9dd9d2ff;
}

  .button--visual_SolidGreenLarge {
    color: #414141ff;
    background: #c8db98ff;
    opacity: 1;
    box-shadow: none;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

  .button--visual_SolidGreenLarge:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #c8db98ff;
}

  .button--visual_SolidGreenLarge:focus {
    color: #414141ff;
    background: #c8db98ff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_SolidGreenLarge[disabled]:hover {
    cursor: not-allowed;
    color: #414141ff;
    opacity: 0.6;
    background-color: #c8db98ff;
}

  .button--visual_SolidGreenMedium {
    color: #414141ff;
    background: #c8db98ff;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

  .button--visual_SolidGreenMedium:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #c8db98ff;
}

  .button--visual_SolidGreenMedium:focus {
    color: #414141ff;
    background: #c8db98ff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_SolidGreenMedium[disabled]:hover {
    cursor: not-allowed;
    color: #414141ff;
    opacity: 0.6;
    background-color: #c8db98ff;
}

  .button--visual_SolidGreenSmall {
    color: #414141ff;
    background: #c8db98ff;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

  .button--visual_SolidGreenSmall:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #c8db98ff;
}

  .button--visual_SolidGreenSmall:focus {
    color: #414141ff;
    background: #c8db98ff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_SolidGreenSmall[disabled]:hover {
    cursor: not-allowed;
    color: #414141ff;
    opacity: 0.6;
    background-color: #c8db98ff;
}

  .button--visual_OutlineCoralLarge {
    color: #ff9986ff;
    background: #00000000;
    opacity: 1;
    box-shadow: 0px 0px 0px 2px #ff9986ff inset;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

  .button--visual_OutlineCoralLarge:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_OutlineCoralLarge:focus {
    color: #ff9986ff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: 0px 0px 0px 2px #ff9986ff inset;
}

  .button--visual_OutlineCoralLarge[disabled]:hover {
    cursor: not-allowed;
    color: #ff9986ff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_OutlineCoralMedium {
    color: #ff9986ff;
    background: #00000000;
    opacity: 1;
    box-shadow: 0px 0px 0px 2px #ff9986ff inset;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

  .button--visual_OutlineCoralMedium:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_OutlineCoralMedium:focus {
    color: #ff9986ff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: 0px 0px 0px 2px #ff9986ff inset;
}

  .button--visual_OutlineCoralMedium[disabled]:hover {
    cursor: not-allowed;
    color: #ff9986ff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_OutlineCoralSmall {
    color: #ff9986ff;
    background: #00000000;
    opacity: 1;
    box-shadow: 0px 0px 0px 2px #ff9986ff inset;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

  .button--visual_OutlineCoralSmall:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_OutlineCoralSmall:focus {
    color: #ff9986ff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: 0px 0px 0px 2px #ff9986ff inset;
}

  .button--visual_OutlineCoralSmall[disabled]:hover {
    cursor: not-allowed;
    color: #ff9986ff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_GhostCoralLarge {
    color: #ff6b56ff;
    background: #00000000;
    opacity: 1;
    box-shadow: none;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

  .button--visual_GhostCoralLarge:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_GhostCoralLarge:focus {
    color: #ff6b56ff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_GhostCoralLarge[disabled]:hover {
    cursor: not-allowed;
    color: #ff6b56ff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_GhostCoralMedium {
    color: #ff6b56ff;
    background: #00000000;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

  .button--visual_GhostCoralMedium:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_GhostCoralMedium:focus {
    color: #ff6b56ff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_GhostCoralMedium[disabled]:hover {
    cursor: not-allowed;
    color: #ff6b56ff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_GhostCoralSmall {
    color: #ff6b56ff;
    background: #00000000;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

  .button--visual_GhostCoralSmall:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_GhostCoralSmall:focus {
    color: #ff6b56ff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_GhostCoralSmall[disabled]:hover {
    cursor: not-allowed;
    color: #ff6b56ff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_PlusiconCoralSmall {
    color: #ff6b56ff;
    background: #ffe0dbff;
    opacity: 1;
    box-shadow: none;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
}

  .button--visual_PlusiconCoralSmall:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #ffe0dbff;
}

  .button--visual_PlusiconCoralSmall[disabled]:hover {
    cursor: not-allowed;
    color: #ff6b56ff;
    opacity: 0.6;
    background-color: #ffe0dbff;
}

  .button--visual_SolidPurpleSmall {
    color: #ffffffff;
    background: #938ec3ff;
    opacity: 1;
    box-shadow: none;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
}

  .button--visual_SolidPurpleSmall:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #938ec3ff;
}

  .button--visual_SolidPurpleSmall[disabled]:hover {
    cursor: not-allowed;
    color: #ffffffff;
    opacity: 0.6;
    background-color: #938ec3ff;
}

  .button--visual_OutlineBlueLarge {
    color: #2683ffff;
    background: #00000000;
    opacity: 1;
    box-shadow: 0px 0px 0px 2px #2683ffff inset;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

  .button--visual_OutlineBlueLarge:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_OutlineBlueLarge:focus {
    color: #2683ffff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: 0px 0px 0px 2px #2683ffff inset;
}

  .button--visual_OutlineBlueLarge[disabled]:hover {
    cursor: not-allowed;
    color: #2683ffff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_OutlineBlueMedium {
    color: #2683ffff;
    background: #00000000;
    opacity: 1;
    box-shadow: 0px 0px 0px 2px #2683ffff inset;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

  .button--visual_OutlineBlueMedium:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_OutlineBlueMedium:focus {
    color: #2683ffff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: 0px 0px 0px 2px #2683ffff inset;
}

  .button--visual_OutlineBlueMedium[disabled]:hover {
    cursor: not-allowed;
    color: #2683ffff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_OutlineBlueSmall {
    color: #2683ffff;
    background: #00000000;
    opacity: 1;
    box-shadow: 0px 0px 0px 2px #2683ffff inset;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

  .button--visual_OutlineBlueSmall:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_OutlineBlueSmall:focus {
    color: #2683ffff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: 0px 0px 0px 2px #2683ffff inset;
}

  .button--visual_OutlineBlueSmall[disabled]:hover {
    cursor: not-allowed;
    color: #2683ffff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_OutlineWhiteBlueLarge {
    color: #ffffffff;
    background: #00000000;
    opacity: 1;
    box-shadow: 0px 0px 0px 2px #2683ffff inset;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

  .button--visual_OutlineWhiteBlueLarge:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_OutlineWhiteBlueLarge:focus {
    color: #ffffffff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: 0px 0px 0px 2px #2683ffff inset;
}

  .button--visual_OutlineWhiteBlueLarge[disabled]:hover {
    cursor: not-allowed;
    color: #ffffffff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_OutlineWhiteBlueMedium {
    color: #ffffffff;
    background: #00000000;
    opacity: 1;
    box-shadow: 0px 0px 0px 2px #2683ffff inset;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

  .button--visual_OutlineWhiteBlueMedium:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_OutlineWhiteBlueMedium:focus {
    color: #ffffffff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: 0px 0px 0px 2px #2683ffff inset;
}

  .button--visual_OutlineWhiteBlueMedium[disabled]:hover {
    cursor: not-allowed;
    color: #ffffffff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_OutlineWhiteBlueSmall {
    color: #ffffffff;
    background: #00000000;
    opacity: 1;
    box-shadow: 0px 0px 0px 2px #2683ffff inset;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

  .button--visual_OutlineWhiteBlueSmall:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_OutlineWhiteBlueSmall:focus {
    color: #ffffffff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: 0px 0px 0px 2px #2683ffff inset;
}

  .button--visual_OutlineWhiteBlueSmall[disabled]:hover {
    cursor: not-allowed;
    color: #ffffffff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_OutlineBlackLarge {
    color: #1f1f1fff;
    background: #00000000;
    opacity: 1;
    box-shadow: 0px 0px 0px 2px #1f1f1fff inset;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

  .button--visual_OutlineBlackLarge:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_OutlineBlackLarge:focus {
    color: #1f1f1fff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: 0px 0px 0px 2px #1f1f1fff inset;
}

  .button--visual_OutlineBlackLarge[disabled]:hover {
    cursor: not-allowed;
    color: #1f1f1fff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_OutlineBlackMedium {
    color: #1f1f1fff;
    background: #00000000;
    opacity: 1;
    box-shadow: 0px 0px 0px 2px #1f1f1fff inset;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

  .button--visual_OutlineBlackMedium:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_OutlineBlackMedium:focus {
    color: #1f1f1fff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: 0px 0px 0px 2px #1f1f1fff inset;
}

  .button--visual_OutlineBlackMedium[disabled]:hover {
    cursor: not-allowed;
    color: #1f1f1fff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_OutlineBlackSmall {
    color: #1f1f1fff;
    background: #00000000;
    opacity: 1;
    box-shadow: 0px 0px 0px 2px #1f1f1fff inset;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

  .button--visual_OutlineBlackSmall:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_OutlineBlackSmall:focus {
    color: #1f1f1fff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: 0px 0px 0px 2px #1f1f1fff inset;
}

  .button--visual_OutlineBlackSmall[disabled]:hover {
    cursor: not-allowed;
    color: #1f1f1fff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_OutlineWhiteLarge {
    color: #ffffffff;
    background: #00000000;
    opacity: 1;
    box-shadow: 0px 0px 0px 2px #ffffffff inset;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

  .button--visual_OutlineWhiteLarge:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_OutlineWhiteLarge:focus {
    color: #ffffffff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: 0px 0px 0px 2px #ffffffff inset;
}

  .button--visual_OutlineWhiteLarge[disabled]:hover {
    cursor: not-allowed;
    color: #ffffffff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_OutlineWhiteMedium {
    color: #ffffffff;
    background: #00000000;
    opacity: 1;
    box-shadow: 0px 0px 0px 2px #ffffffff inset;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

  .button--visual_OutlineWhiteMedium:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_OutlineWhiteMedium:focus {
    color: #ffffffff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: 0px 0px 0px 2px #ffffffff inset;
}

  .button--visual_OutlineWhiteMedium[disabled]:hover {
    cursor: not-allowed;
    color: #ffffffff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_OutlineWhiteSmall {
    color: #ffffffff;
    background: #00000000;
    opacity: 1;
    box-shadow: 0px 0px 0px 2px #ffffffff inset;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

  .button--visual_OutlineWhiteSmall:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_OutlineWhiteSmall:focus {
    color: #ffffffff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: 0px 0px 0px 2px #ffffffff inset;
}

  .button--visual_OutlineWhiteSmall[disabled]:hover {
    cursor: not-allowed;
    color: #ffffffff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_GhostBlueLarge {
    color: #2683ffff;
    background: #00000000;
    opacity: 1;
    box-shadow: none;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

  .button--visual_GhostBlueLarge:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_GhostBlueLarge:focus {
    color: #2683ffff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_GhostBlueLarge[disabled]:hover {
    cursor: not-allowed;
    color: #2683ffff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_GhostBlueMedium {
    color: #2683ffff;
    background: #00000000;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

  .button--visual_GhostBlueMedium:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_GhostBlueMedium:focus {
    color: #2683ffff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_GhostBlueMedium[disabled]:hover {
    cursor: not-allowed;
    color: #2683ffff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_GhostBlueSmall {
    color: #2683ffff;
    background: #00000000;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

  .button--visual_GhostBlueSmall:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_GhostBlueSmall:focus {
    color: #2683ffff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_GhostBlueSmall[disabled]:hover {
    cursor: not-allowed;
    color: #2683ffff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_GhostWhiteLarge {
    color: #ffffffff;
    background: #00000000;
    opacity: 1;
    box-shadow: none;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

  .button--visual_GhostWhiteLarge:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_GhostWhiteLarge:focus {
    color: #ffffffff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_GhostWhiteLarge[disabled]:hover {
    cursor: not-allowed;
    color: #ffffffff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_GhostWhiteMedium {
    color: #ffffffff;
    background: #00000000;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

  .button--visual_GhostWhiteMedium:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_GhostWhiteMedium:focus {
    color: #ffffffff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_GhostWhiteMedium[disabled]:hover {
    cursor: not-allowed;
    color: #ffffffff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_GhostWhiteSmall {
    color: #ffffffff;
    background: #00000000;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

  .button--visual_GhostWhiteSmall:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_GhostWhiteSmall:focus {
    color: #ffffffff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_GhostWhiteSmall[disabled]:hover {
    cursor: not-allowed;
    color: #ffffffff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_SolidLightLarge {
    color: #2683ffff;
    background: #e5f0ffff;
    opacity: 1;
    box-shadow: none;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

  .button--visual_SolidLightLarge:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #e5f0ffff;
}

  .button--visual_SolidLightLarge:focus {
    color: #2683ffff;
    background: #e5f0ffff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_SolidLightLarge[disabled]:hover {
    cursor: not-allowed;
    color: #2683ffff;
    opacity: 0.6;
    background-color: #e5f0ffff;
}

  .button--visual_SolidLightMedium {
    color: #2683ffff;
    background: #e5f0ffff;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

  .button--visual_SolidLightMedium:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #e5f0ffff;
}

  .button--visual_SolidLightMedium:focus {
    color: #2683ffff;
    background: #e5f0ffff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_SolidLightMedium[disabled]:hover {
    cursor: not-allowed;
    color: #2683ffff;
    opacity: 0.6;
    background-color: #e5f0ffff;
}

  .button--visual_SolidLightSmall {
    color: #2683ffff;
    background: #e5f0ffff;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

  .button--visual_SolidLightSmall:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #e5f0ffff;
}

  .button--visual_SolidLightSmall:focus {
    color: #2683ffff;
    background: #e5f0ffff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_SolidLightSmall[disabled]:hover {
    cursor: not-allowed;
    color: #2683ffff;
    opacity: 0.6;
    background-color: #e5f0ffff;
}

  .button--visual_GhostBlackLarge {
    color: #1f1f1fff;
    background: #00000000;
    opacity: 1;
    box-shadow: none;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

  .button--visual_GhostBlackLarge:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_GhostBlackLarge:focus {
    color: #dededeff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_GhostBlackLarge[disabled]:hover {
    cursor: not-allowed;
    color: #1f1f1fff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_GhostBlackMedium {
    color: #1f1f1fff;
    background: #00000000;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

  .button--visual_GhostBlackMedium:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_GhostBlackMedium:focus {
    color: #dededeff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_GhostBlackMedium[disabled]:hover {
    cursor: not-allowed;
    color: #1f1f1fff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_GhostBlackSmall {
    color: #1f1f1fff;
    background: #00000000;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

  .button--visual_GhostBlackSmall:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual_GhostBlackSmall:focus {
    color: #dededeff;
    background: #00000000;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_GhostBlackSmall[disabled]:hover {
    cursor: not-allowed;
    color: #1f1f1fff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual_LightSalmonLarge {
    color: #ff986bff;
    background: #fff3edff;
    opacity: 1;
    box-shadow: none;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

  .button--visual_LightSalmonLarge:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #fff3edff;
}

  .button--visual_LightSalmonLarge:focus {
    color: #ffffffff;
    background: #ff986bff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_LightSalmonLarge[disabled]:hover {
    cursor: not-allowed;
    color: #ff986bff;
    opacity: 0.6;
    background-color: #fff3edff;
}

  .button--visual_LightSalmonMedium {
    color: #ff986bff;
    background: #fff3edff;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

  .button--visual_LightSalmonMedium:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #fff3edff;
}

  .button--visual_LightSalmonMedium:focus {
    color: #ffffffff;
    background: #ff986bff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_LightSalmonMedium[disabled]:hover {
    cursor: not-allowed;
    color: #ff986bff;
    opacity: 0.6;
    background-color: #fff3edff;
}

  .button--visual_LightSalmonSmall {
    color: #ff986bff;
    background: #fff3edff;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

  .button--visual_LightSalmonSmall:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #fff3edff;
}

  .button--visual_LightSalmonSmall:focus {
    color: #ffffffff;
    background: #ff986bff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_LightSalmonSmall[disabled]:hover {
    cursor: not-allowed;
    color: #ff986bff;
    opacity: 0.6;
    background-color: #fff3edff;
}

  .button--visual_LightBlueLarge {
    color: #1f1f1fff;
    background: #93c1ffff;
    opacity: 1;
    box-shadow: none;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

  .button--visual_LightBlueLarge:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #93c1ffff;
}

  .button--visual_LightBlueLarge:focus {
    color: #2683ffff;
    background: #e5f0ffff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_LightBlueLarge[disabled]:hover {
    cursor: not-allowed;
    color: #1f1f1fff;
    opacity: 0.6;
    background-color: #93c1ffff;
}

  .button--visual_LightBlueMedium {
    color: #1f1f1fff;
    background: #93c1ffff;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

  .button--visual_LightBlueMedium:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #93c1ffff;
}

  .button--visual_LightBlueMedium:focus {
    color: #2683ffff;
    background: #e5f0ffff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_LightBlueMedium[disabled]:hover {
    cursor: not-allowed;
    color: #1f1f1fff;
    opacity: 0.6;
    background-color: #93c1ffff;
}

  .button--visual_LightBlueSmall {
    color: #1f1f1fff;
    background: #93c1ffff;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

  .button--visual_LightBlueSmall:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #93c1ffff;
}

  .button--visual_LightBlueSmall:focus {
    color: #2683ffff;
    background: #e5f0ffff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_LightBlueSmall[disabled]:hover {
    cursor: not-allowed;
    color: #1f1f1fff;
    opacity: 0.6;
    background-color: #93c1ffff;
}

  .button--visual_SolidLightpurpleLarge {
    color: #645fa1ff;
    background: #f2f1f8ff;
    opacity: 1;
    box-shadow: none;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
}

  .button--visual_SolidLightpurpleLarge:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #f2f1f8ff;
}

  .button--visual_SolidLightpurpleLarge:focus {
    color: #645fa1ff;
    background: #f2f1f8ff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_SolidLightpurpleLarge[disabled]:hover {
    cursor: not-allowed;
    color: #645fa1ff;
    opacity: 0.6;
    background-color: #f2f1f8ff;
}

  .button--visual_SolidLightpurpleMedium {
    color: #645fa1ff;
    background: #f2f1f8ff;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

  .button--visual_SolidLightpurpleMedium:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #f2f1f8ff;
}

  .button--visual_SolidLightpurpleMedium:focus {
    color: #645fa1ff;
    background: #f2f1f8ff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_SolidLightpurpleMedium[disabled]:hover {
    cursor: not-allowed;
    color: #645fa1ff;
    opacity: 0.6;
    background-color: #f2f1f8ff;
}

  .button--visual_SolidLightpurpleSmall {
    color: #645fa1ff;
    background: #f2f1f8ff;
    opacity: 1;
    box-shadow: none;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
}

  .button--visual_SolidLightpurpleSmall:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #f2f1f8ff;
}

  .button--visual_SolidLightpurpleSmall:focus {
    color: #645fa1ff;
    background: #f2f1f8ff;
    opacity: 0.4000000059604645;
    box-shadow: none;
}

  .button--visual_SolidLightpurpleSmall[disabled]:hover {
    cursor: not-allowed;
    color: #645fa1ff;
    opacity: 0.6;
    background-color: #f2f1f8ff;
}

  .button--visual__blue {
    color: #ffffffff;
    background: #2683ffff;
    opacity: 1;
}

  .button--visual__blue:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #2683ffff;
}

  .button--visual__blue:focus {
    color: #ffffffff;
    background: #2683ffff;
}

  .button--visual__blue[disabled]:hover {
    cursor: not-allowed;
    color: #ffffffff;
    opacity: 0.6;
    background-color: #2683ffff;
}

  .button--visual__white {
    color: #2683ffff;
    background: #ffffffff;
    opacity: 1;
}

  .button--visual__white:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #ffffffff;
}

  .button--visual__white:focus {
    color: #2683ffff;
    background: #ffffffff;
}

  .button--visual__white[disabled]:hover {
    cursor: not-allowed;
    color: #2683ffff;
    opacity: 0.6;
    background-color: #ffffffff;
}

  .button--visual__yellow {
    color: #1f1f1fff;
    background: #f2dc5dff;
    opacity: 1;
}

  .button--visual__yellow:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #f2dc5dff;
}

  .button--visual__yellow:focus {
    color: #1f1f1fff;
    background: #f2dc5dff;
}

  .button--visual__yellow[disabled]:hover {
    cursor: not-allowed;
    color: #1f1f1fff;
    opacity: 0.6;
    background-color: #f2dc5dff;
}

  .button--visual__salmon {
    color: #ffffffff;
    background: #ff986bff;
    opacity: 1;
}

  .button--visual__salmon:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #ff986bff;
}

  .button--visual__salmon:focus {
    color: #ffffffff;
    background: #ff986bff;
}

  .button--visual__salmon[disabled]:hover {
    cursor: not-allowed;
    color: #ffffffff;
    opacity: 0.6;
    background-color: #ff986bff;
}

  .button--visual__coral {
    color: #414141ff;
    background: #ff9986ff;
    opacity: 1;
}

  .button--visual__coral:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #ff9986ff;
}

  .button--visual__coral:focus {
    color: #ffffffff;
    background: #ff6b56ff;
}

  .button--visual__coral[disabled]:hover {
    cursor: not-allowed;
    color: #414141ff;
    opacity: 0.6;
    background-color: #ff9986ff;
}

  .button--visual__aqua {
    color: #414141ff;
    background: #9dd9d2ff;
    opacity: 1;
}

  .button--visual__aqua:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #9dd9d2ff;
}

  .button--visual__aqua:focus {
    color: #9dd9d2ff;
    background: #00000000;
}

  .button--visual__aqua[disabled]:hover {
    cursor: not-allowed;
    color: #414141ff;
    opacity: 0.6;
    background-color: #9dd9d2ff;
}

  .button--visual__green {
    color: #414141ff;
    background: #c8db98ff;
    opacity: 1;
}

  .button--visual__green:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #c8db98ff;
}

  .button--visual__green:focus {
    color: #414141ff;
    background: #c8db98ff;
}

  .button--visual__green[disabled]:hover {
    cursor: not-allowed;
    color: #414141ff;
    opacity: 0.6;
    background-color: #c8db98ff;
}

  .button--visual__coralOutline {
    color: #ff9986ff;
    background: #00000000;
    opacity: 1;
}

  .button--visual__coralOutline:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual__coralOutline:focus {
    color: #ff9986ff;
    background: #00000000;
}

  .button--visual__coralOutline[disabled]:hover {
    cursor: not-allowed;
    color: #ff9986ff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual__coralGhost {
    color: #ff6b56ff;
    background: #00000000;
    opacity: 1;
}

  .button--visual__coralGhost:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual__coralGhost:focus {
    color: #ff6b56ff;
    background: #00000000;
}

  .button--visual__coralGhost[disabled]:hover {
    cursor: not-allowed;
    color: #ff6b56ff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual__purple {
    color: #ffffffff;
    background: #938ec3ff;
    opacity: 1;
}

  .button--visual__purple:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #938ec3ff;
}

  .button--visual__purple[disabled]:hover {
    cursor: not-allowed;
    color: #ffffffff;
    opacity: 0.6;
    background-color: #938ec3ff;
}

  .button--visual__blueOutline {
    color: #2683ffff;
    background: #00000000;
    opacity: 1;
}

  .button--visual__blueOutline:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual__blueOutline:focus {
    color: #2683ffff;
    background: #00000000;
}

  .button--visual__blueOutline[disabled]:hover {
    cursor: not-allowed;
    color: #2683ffff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual__whiteOutline {
    color: #ffffffff;
    background: #00000000;
    opacity: 1;
}

  .button--visual__whiteOutline:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual__whiteOutline:focus {
    color: #ffffffff;
    background: #00000000;
}

  .button--visual__whiteOutline[disabled]:hover {
    cursor: not-allowed;
    color: #ffffffff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual__blackOutline {
    color: #1f1f1fff;
    background: #00000000;
    opacity: 1;
}

  .button--visual__blackOutline:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual__blackOutline:focus {
    color: #1f1f1fff;
    background: #00000000;
}

  .button--visual__blackOutline[disabled]:hover {
    cursor: not-allowed;
    color: #1f1f1fff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual__blueGhost {
    color: #2683ffff;
    background: #00000000;
    opacity: 1;
}

  .button--visual__blueGhost:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual__blueGhost:focus {
    color: #2683ffff;
    background: #00000000;
}

  .button--visual__blueGhost[disabled]:hover {
    cursor: not-allowed;
    color: #2683ffff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual__whiteGhost {
    color: #ffffffff;
    background: #00000000;
    opacity: 1;
}

  .button--visual__whiteGhost:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual__whiteGhost:focus {
    color: #ffffffff;
    background: #00000000;
}

  .button--visual__whiteGhost[disabled]:hover {
    cursor: not-allowed;
    color: #ffffffff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual__light {
    color: #2683ffff;
    background: #e5f0ffff;
    opacity: 1;
}

  .button--visual__light:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #e5f0ffff;
}

  .button--visual__light:focus {
    color: #2683ffff;
    background: #e5f0ffff;
}

  .button--visual__light[disabled]:hover {
    cursor: not-allowed;
    color: #2683ffff;
    opacity: 0.6;
    background-color: #e5f0ffff;
}

  .button--visual__blackGhost {
    color: #1f1f1fff;
    background: #00000000;
    opacity: 1;
}

  .button--visual__blackGhost:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #00000000;
}

  .button--visual__blackGhost:focus {
    color: #dededeff;
    background: #00000000;
}

  .button--visual__blackGhost[disabled]:hover {
    cursor: not-allowed;
    color: #1f1f1fff;
    opacity: 0.6;
    background-color: #00000000;
}

  .button--visual__lightpurple {
    color: #645fa1ff;
    background: #f2f1f8ff;
    opacity: 1;
}

  .button--visual__lightpurple:disabled {
    cursor: not-allowed;
    opacity: 0.4;
    background-color: #f2f1f8ff;
}

  .button--visual__lightpurple:focus {
    color: #645fa1ff;
    background: #f2f1f8ff;
}

  .button--visual__lightpurple[disabled]:hover {
    cursor: not-allowed;
    color: #645fa1ff;
    opacity: 0.6;
    background-color: #f2f1f8ff;
}

  .button--variant_primary {
    --colors-color-palette-button-solid-bg: var(--colors-primary-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-primary-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-primary-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-primary-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-primary-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-primary-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-primary-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-primary-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-primary-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-primary-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-primary-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-primary-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-primary-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-primary-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-primary-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-primary-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-primary-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-primary-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-primary-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-button-link-btn-disabled-text);
    --colors-color-palette-cards-bg-container: var(--colors-primary-cards-bg-container);
    --colors-color-palette-cards-bg-content: var(--colors-primary-cards-bg-content);
    --colors-color-palette-cards-color: var(--colors-primary-cards-color);
    --colors-color-palette-cards-border-color: var(--colors-primary-cards-border-color);
    --colors-color-palette-box-bg: var(--colors-primary-box-bg);
    --colors-color-palette-box-color: var(--colors-primary-box-color);
    --colors-color-palette-dropdown-error-text: var(--colors-primary-dropdown-error-text);
    --colors-color-palette-dropdown-error-border: var(--colors-primary-dropdown-error-border);
    --colors-color-palette-dropdown-error-bg: var(--colors-primary-dropdown-error-bg);
    --colors-color-palette-dropdown-solid-bg: var(--colors-primary-dropdown-solid-bg);
    --colors-color-palette-dropdown-solid-text: var(--colors-primary-dropdown-solid-text);
    --colors-color-palette-dropdown-solid-hover-bg: var(--colors-primary-dropdown-solid-hover-bg);
    --colors-color-palette-dropdown-solid-hover-text: var(--colors-primary-dropdown-solid-hover-text);
    --colors-color-palette-dropdown-solid-disabled-bg: var(--colors-primary-dropdown-solid-disabled-bg);
    --colors-color-palette-dropdown-solid-disabled-text: var(--colors-primary-dropdown-solid-disabled-text);
    --colors-color-palette-dropdown-outline-bg: var(--colors-primary-dropdown-outline-bg);
    --colors-color-palette-dropdown-outline-text: var(--colors-primary-dropdown-outline-text);
    --colors-color-palette-dropdown-outline-border: var(--colors-primary-dropdown-outline-border);
    --colors-color-palette-dropdown-outline-hover-bg: var(--colors-primary-dropdown-outline-hover-bg);
    --colors-color-palette-dropdown-outline-hover-text: var(--colors-primary-dropdown-outline-hover-text);
    --colors-color-palette-dropdown-outline-hover-border: var(--colors-primary-dropdown-outline-hover-border);
    --colors-color-palette-dropdown-outline-disabled-bg: var(--colors-primary-dropdown-outline-disabled-bg);
    --colors-color-palette-dropdown-outline-disabled-text: var(--colors-primary-dropdown-outline-disabled-text);
    --colors-color-palette-dropdown-outline-disabled-border: var(--colors-primary-dropdown-outline-disabled-border);
    --colors-color-palette-input-text-text: var(--colors-primary-input-text-text);
    --colors-color-palette-input-text-placeholder: var(--colors-primary-input-text-placeholder);
    --colors-color-palette-input-text-invalid-border: var(--colors-primary-input-text-invalid-border);
    --colors-color-palette-input-text-invalid-text: var(--colors-primary-input-text-invalid-text);
    --colors-color-palette-input-text-invalid-placeholder: var(--colors-primary-input-text-invalid-placeholder);
    --colors-color-palette-input-text-focused-border: var(--colors-primary-input-text-focused-border);
    --colors-color-palette-input-text-disabled-border: var(--colors-primary-input-text-disabled-border);
    --colors-color-palette-input-text-disabled-text: var(--colors-primary-input-text-disabled-text);
    --colors-color-palette-input-text-disabled-placeholder: var(--colors-primary-input-text-disabled-placeholder);
    --colors-color-palette-input-text-solid-bg: var(--colors-primary-input-text-solid-bg);
    --colors-color-palette-input-text-solid-border: var(--colors-primary-input-text-solid-border);
    --colors-color-palette-input-text-solid-bg-disabled: var(--colors-primary-input-text-solid-bg-disabled);
    --colors-color-palette-input-text-outline-bg: var(--colors-primary-input-text-outline-bg);
    --colors-color-palette-input-text-outline-border: var(--colors-primary-input-text-outline-border);
    --colors-color-palette-input-text-ghost-bg: var(--colors-primary-input-text-ghost-bg);
    --colors-color-palette-input-text-ghost-border: var(--colors-primary-input-text-ghost-border);
    --colors-color-palette-label-bg: var(--colors-primary-label-bg);
    --colors-color-palette-label-text: var(--colors-primary-label-text);
    --colors-color-palette-label-active-bg: var(--colors-primary-label-active-bg);
    --colors-color-palette-label-active-text: var(--colors-primary-label-active-text);
    --colors-color-palette-label-pending-bg: var(--colors-primary-label-pending-bg);
    --colors-color-palette-label-pending-text: var(--colors-primary-label-pending-text);
    --colors-color-palette-label-inactive-bg: var(--colors-primary-label-inactive-bg);
    --colors-color-palette-label-inactive-text: var(--colors-primary-label-inactive-text);
    --colors-color-palette-logo-bg: var(--colors-primary-logo-bg);
    --colors-color-palette-nav-link-sidebar-item-bg: var(--colors-primary-nav-link-sidebar-item-bg);
    --colors-color-palette-nav-link-sidebar-item-text: var(--colors-primary-nav-link-sidebar-item-text);
    --colors-color-palette-nav-link-sidebar-item-hover-bg: var(--colors-primary-nav-link-sidebar-item-hover-bg);
    --colors-color-palette-nav-link-sidebar-item-hover-text: var(--colors-primary-nav-link-sidebar-item-hover-text);
    --colors-color-palette-nav-link-sidebar-item-disabled-bg: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
    --colors-color-palette-nav-link-sidebar-item-disabled-text: var(--colors-primary-nav-link-sidebar-item-disabled-text);
    --colors-color-palette-page-bg: var(--colors-primary-page-bg);
    --colors-color-palette-page-color: var(--colors-primary-page-color);
    --colors-color-palette-sidebar-main-bg: var(--colors-primary-sidebar-main-bg);
    --colors-color-palette-sidebar-main-color: var(--colors-primary-sidebar-main-color);
    --colors-color-palette-sidebar-main-hover-bg: var(--colors-primary-sidebar-main-hover-bg);
    --colors-color-palette-sidebar-main-hover-color: var(--colors-primary-sidebar-main-hover-color);
    --colors-color-palette-tag-bg: var(--colors-primary-tag-bg);
    --colors-color-palette-tag-text: var(--colors-primary-tag-text);
    --colors-color-palette-tag-hover-bg: var(--colors-primary-tag-hover-bg);
    --colors-color-palette-tag-hover-text: var(--colors-primary-tag-hover-text);
    --colors-color-palette-toast-bg: var(--colors-primary-toast-bg);
    --colors-color-palette-toast-text: var(--colors-primary-toast-text);
    --colors-color-palette-toast-info-icon: var(--colors-primary-toast-info-icon);
    --colors-color-palette-toast-success-icon: var(--colors-primary-toast-success-icon);
    --colors-color-palette-toast-alert-icon: var(--colors-primary-toast-alert-icon);
    --colors-color-palette-toggle-bg-switch: var(--colors-primary-toggle-bg-switch);
    --colors-color-palette-toggle-circle-bg: var(--colors-primary-toggle-circle-bg);
    --colors-color-palette-toggle-bg-icon: var(--colors-primary-toggle-bg-icon);
    --colors-color-palette-toggle-checked-bg: var(--colors-primary-toggle-checked-bg);
    --colors-color-palette-tooltip-main-bg: var(--colors-primary-tooltip-main-bg);
    --colors-color-palette-tooltip-main-text: var(--colors-primary-tooltip-main-text);
    --colors-color-palette-top-search-bar-bg: var(--colors-primary-top-search-bar-bg);
    --colors-color-palette-top-search-bar-border: var(--colors-primary-top-search-bar-border);
    --colors-color-palette-top-search-bar-color: var(--colors-primary-top-search-bar-color);
    --colors-color-palette-top-search-bar-input-bg: var(--colors-primary-top-search-bar-input-bg);
    --colors-color-palette-top-search-bar-input-border: var(--colors-primary-top-search-bar-input-border);
    --colors-color-palette-top-search-bar-input-color-placeholder: var(--colors-primary-top-search-bar-input-color-placeholder);
    --colors-color-palette-top-search-bar-input-color: var(--colors-primary-top-search-bar-input-color);
}

  .button--variant_secondary {
    --colors-color-palette-button-solid-bg: var(--colors-secondary-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-secondary-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-secondary-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-secondary-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-secondary-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-secondary-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-secondary-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-secondary-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-secondary-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-secondary-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-secondary-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-secondary-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-secondary-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-secondary-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-secondary-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-secondary-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-secondary-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-secondary-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-secondary-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-secondary-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-secondary-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-secondary-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-secondary-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-secondary-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-secondary-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-secondary-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-secondary-button-link-btn-disabled-text);
}

  .button--variant_third {
    --colors-color-palette-button-solid-bg: var(--colors-third-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-third-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-third-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-third-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-third-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-third-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-third-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-third-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-third-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-third-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-third-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-third-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-third-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-third-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-third-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-third-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-third-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-third-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-third-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-third-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-third-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-third-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-third-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-third-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-third-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-third-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-third-button-link-btn-disabled-text);
}

  .button--variant_fourth {
    --colors-color-palette-button-solid-bg: var(--colors-fourth-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fourth-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fourth-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fourth-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fourth-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fourth-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-fourth-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-fourth-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-fourth-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-fourth-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-fourth-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-fourth-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-fourth-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-fourth-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-fourth-button-outline-disabled-border);
    --colors-color-palette-button-outline-light-bg: var(--colors-fourth-button-outline-light-bg);
    --colors-color-palette-button-outline-light-text: var(--colors-fourth-button-outline-light-text);
    --colors-color-palette-button-outline-light-border: var(--colors-fourth-button-outline-light-border);
    --colors-color-palette-button-outline-light-hover-bg: var(--colors-fourth-button-outline-light-hover-bg);
    --colors-color-palette-button-outline-light-hover-text: var(--colors-fourth-button-outline-light-hover-text);
    --colors-color-palette-button-outline-light-hover-border: var(--colors-fourth-button-outline-light-hover-border);
    --colors-color-palette-button-outline-light-disabled-bg: var(--colors-fourth-button-outline-light-disabled-bg);
    --colors-color-palette-button-outline-light-disabled-text: var(--colors-fourth-button-outline-light-disabled-text);
    --colors-color-palette-button-outline-light-disabled-border: var(--colors-fourth-button-outline-light-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-fourth-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-fourth-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-fourth-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-fourth-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-fourth-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-fourth-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-fourth-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-fourth-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-fourth-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-fourth-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-fourth-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-fourth-button-link-btn-disabled-text);
}

  .button--variant_fifth {
    --colors-color-palette-button-solid-bg: var(--colors-fifth-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fifth-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fifth-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fifth-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fifth-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fifth-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-fifth-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-fifth-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-fifth-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-fifth-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-fifth-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-fifth-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-fifth-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-fifth-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-fifth-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-fifth-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-fifth-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-fifth-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-fifth-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-fifth-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-fifth-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-fifth-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-fifth-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-fifth-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-fifth-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-fifth-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-fifth-button-link-btn-disabled-text);
}

  .button--variant_primaryInverted {
    --colors-color-palette-button-solid-bg: var(--colors-primary-inverted-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-primary-inverted-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-primary-inverted-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-primary-inverted-button-solid-hover-text);
    --colors-color-palette-button-outline-bg: var(--colors-primary-inverted-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-primary-inverted-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-primary-inverted-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-primary-inverted-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-primary-inverted-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-primary-inverted-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-inverted-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-primary-inverted-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-primary-inverted-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-primary-inverted-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-primary-inverted-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-inverted-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-primary-inverted-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-inverted-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-inverted-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-primary-inverted-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-primary-inverted-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-inverted-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-inverted-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-inverted-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-inverted-button-link-btn-disabled-text);
}

  .button--variant_fifthInverted {
    --colors-color-palette-button-solid-bg: var(--colors-fifth-inverted-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fifth-inverted-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fifth-inverted-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fifth-inverted-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fifth-inverted-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fifth-inverted-button-solid-disabled-text);
}

  .button--variant_rewrite {
    --colors-color-palette-button-solid-bg: var(--colors-rewrite-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-rewrite-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-rewrite-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-rewrite-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-rewrite-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-rewrite-button-solid-disabled-text);
}

  .button--variant_translate {
    --colors-color-palette-button-solid-bg: var(--colors-translate-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-translate-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-translate-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-translate-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-translate-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-translate-button-solid-disabled-text);
}

  .button--variant_ask {
    --colors-color-palette-button-solid-bg: var(--colors-ask-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-ask-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-ask-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-ask-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-ask-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-ask-button-solid-disabled-text);
}

  .button--variant_detect {
    --colors-color-palette-button-solid-bg: var(--colors-detect-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-detect-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-detect-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-detect-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-detect-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-detect-button-solid-disabled-text);
}

  .button--variant_danger {
    --colors-color-palette-button-solid-bg: var(--colors-danger-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-danger-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-danger-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-danger-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-danger-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-danger-button-solid-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-danger-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-danger-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-danger-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-danger-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-danger-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-danger-button-link-btn-disabled-text);
}

  .button--variant_gradients {
    --colors-color-palette-purple-to-blue: var(--colors-gradients-purple-to-blue);
    --colors-color-palette-lavander-to-lightblue: var(--colors-gradients-lavander-to-lightblue);
    --colors-color-palette-dark-lavander-to-lightblue: var(--colors-gradients-dark-lavander-to-lightblue);
}

  .button--size_lg {
    padding-block: var(--spacing-sm);
    padding-inline: var(--spacing-md);
    height: 40px;
}

  .button--size_sm {
    padding-inline: var(--spacing-ms);
}

  .button--size_sm,.button--size_xs {
    padding-block: var(--spacing-sm);
    height: 24px;
    letter-spacing: 0.15px;
    font-family: var(--fonts-sans-serif);
    font-weight: var(--font-weights-bold);
    font-size: 0.75rem;
}

  .button--size_xs {
    padding-inline: var(--spacing-sm);
}

  .button--shape_square {
    border-radius: var(--radii-xs);
}

  .button--shape_circular {
    border-radius: 100px;
    aspect-ratio: 1;
    width: fit-content;
    padding: var(--spacing-0) !important;
}

  .button--shape_circular .buttonText {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

  .button--shape_rounded {
    border-radius: var(--radii-sm);
}

  .button--animationLoop_true .buttonIcon {
    animation: var(--animations-loop);
}

  .button--animationPulse_true .buttonIcon {
    animation: var(--animations-pulse);
}

  .contentWrapper--layout_mobile {
    width: 100vh;
    padding-left: var(--spacing-0);
    padding-top: 60px;
    padding-right: var(--spacing-lg);
}

  .dropdown--visual_outline {
    background: var(--colors-color-palette-dropdown-outline-bg);
    color: var(--colors-color-palette-dropdown-outline-text);
    text-align: center;
    font-weight: 700;
    border-width: 1px;
    border-style: solid;
    border-color: var(--colors-color-palette-dropdown-outline-text);
}

  .dropdown--visual_outline:is(:disabled, [disabled], [data-disabled]) {
    cursor: not-allowed;
    color: var(--colors-color-palette-dropdown-outline-disabled-text);
    background: var(--colors-color-palette-dropdown-outline-disabled-bg);
    border-color: var(--colors-color-palette-dropdown-outline-disabled-border);
}

  .dropdown--visual_outline:is(:hover, [data-hover]) {
    background: var(--colors-color-palette-dropdown-outline-hover-bg);
    color: var(--colors-color-palette-dropdown-outline-hover-text);
    border-color: var(--colors-color-palette-dropdown-outline-hover-text);
}

  .dropdown--visual_outline[disabled]:hover {
    cursor: not-allowed;
    color: var(--colors-color-palette-dropdown-outline-disabled-text);
    background: var(--colors-color-palette-dropdown-outline-disabled-bg);
    border-color: var(--colors-color-palette-dropdown-outline-disabled-border);
}

  .dropdown--size_md {
    padding-block: var(--spacing-sm);
    padding-inline: var(--spacing-md);
    height: 42px;
}

  .dropdown--shape_rounded {
    border-radius: var(--radii-sm);
}

  .dropdown--visual_solid {
    background: var(--colors-color-palette-dropdown-solid-bg);
    color: var(--colors-color-palette-dropdown-solid-text);
    text-align: center;
    font-weight: 700;
}

  .dropdown--visual_solid .dropdownIcon {
    fill: currentColor;
}

  .dropdown--visual_solid:is(:disabled, [disabled], [data-disabled]) {
    cursor: not-allowed;
    color: var(--colors-color-palette-dropdown-solid-disabled-text);
    background: var(--colors-color-palette-dropdown-solid-disabled-bg);
}

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

  .dropdown--visual_solid[disabled]:hover {
    cursor: not-allowed;
    background: var(--colors-color-palette-dropdown-solid-disabled-bg);
    color: var(--colors-color-palette-dropdown-solid-disabled-text);
}

  .dropdown--variant_primary {
    --colors-color-palette-button-solid-bg: var(--colors-primary-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-primary-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-primary-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-primary-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-primary-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-primary-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-primary-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-primary-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-primary-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-primary-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-primary-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-primary-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-primary-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-primary-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-primary-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-primary-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-primary-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-primary-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-primary-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-button-link-btn-disabled-text);
    --colors-color-palette-cards-bg-container: var(--colors-primary-cards-bg-container);
    --colors-color-palette-cards-bg-content: var(--colors-primary-cards-bg-content);
    --colors-color-palette-cards-color: var(--colors-primary-cards-color);
    --colors-color-palette-cards-border-color: var(--colors-primary-cards-border-color);
    --colors-color-palette-box-bg: var(--colors-primary-box-bg);
    --colors-color-palette-box-color: var(--colors-primary-box-color);
    --colors-color-palette-dropdown-error-text: var(--colors-primary-dropdown-error-text);
    --colors-color-palette-dropdown-error-border: var(--colors-primary-dropdown-error-border);
    --colors-color-palette-dropdown-error-bg: var(--colors-primary-dropdown-error-bg);
    --colors-color-palette-dropdown-solid-bg: var(--colors-primary-dropdown-solid-bg);
    --colors-color-palette-dropdown-solid-text: var(--colors-primary-dropdown-solid-text);
    --colors-color-palette-dropdown-solid-hover-bg: var(--colors-primary-dropdown-solid-hover-bg);
    --colors-color-palette-dropdown-solid-hover-text: var(--colors-primary-dropdown-solid-hover-text);
    --colors-color-palette-dropdown-solid-disabled-bg: var(--colors-primary-dropdown-solid-disabled-bg);
    --colors-color-palette-dropdown-solid-disabled-text: var(--colors-primary-dropdown-solid-disabled-text);
    --colors-color-palette-dropdown-outline-bg: var(--colors-primary-dropdown-outline-bg);
    --colors-color-palette-dropdown-outline-text: var(--colors-primary-dropdown-outline-text);
    --colors-color-palette-dropdown-outline-border: var(--colors-primary-dropdown-outline-border);
    --colors-color-palette-dropdown-outline-hover-bg: var(--colors-primary-dropdown-outline-hover-bg);
    --colors-color-palette-dropdown-outline-hover-text: var(--colors-primary-dropdown-outline-hover-text);
    --colors-color-palette-dropdown-outline-hover-border: var(--colors-primary-dropdown-outline-hover-border);
    --colors-color-palette-dropdown-outline-disabled-bg: var(--colors-primary-dropdown-outline-disabled-bg);
    --colors-color-palette-dropdown-outline-disabled-text: var(--colors-primary-dropdown-outline-disabled-text);
    --colors-color-palette-dropdown-outline-disabled-border: var(--colors-primary-dropdown-outline-disabled-border);
    --colors-color-palette-input-text-text: var(--colors-primary-input-text-text);
    --colors-color-palette-input-text-placeholder: var(--colors-primary-input-text-placeholder);
    --colors-color-palette-input-text-invalid-border: var(--colors-primary-input-text-invalid-border);
    --colors-color-palette-input-text-invalid-text: var(--colors-primary-input-text-invalid-text);
    --colors-color-palette-input-text-invalid-placeholder: var(--colors-primary-input-text-invalid-placeholder);
    --colors-color-palette-input-text-focused-border: var(--colors-primary-input-text-focused-border);
    --colors-color-palette-input-text-disabled-border: var(--colors-primary-input-text-disabled-border);
    --colors-color-palette-input-text-disabled-text: var(--colors-primary-input-text-disabled-text);
    --colors-color-palette-input-text-disabled-placeholder: var(--colors-primary-input-text-disabled-placeholder);
    --colors-color-palette-input-text-solid-bg: var(--colors-primary-input-text-solid-bg);
    --colors-color-palette-input-text-solid-border: var(--colors-primary-input-text-solid-border);
    --colors-color-palette-input-text-solid-bg-disabled: var(--colors-primary-input-text-solid-bg-disabled);
    --colors-color-palette-input-text-outline-bg: var(--colors-primary-input-text-outline-bg);
    --colors-color-palette-input-text-outline-border: var(--colors-primary-input-text-outline-border);
    --colors-color-palette-input-text-ghost-bg: var(--colors-primary-input-text-ghost-bg);
    --colors-color-palette-input-text-ghost-border: var(--colors-primary-input-text-ghost-border);
    --colors-color-palette-label-bg: var(--colors-primary-label-bg);
    --colors-color-palette-label-text: var(--colors-primary-label-text);
    --colors-color-palette-label-active-bg: var(--colors-primary-label-active-bg);
    --colors-color-palette-label-active-text: var(--colors-primary-label-active-text);
    --colors-color-palette-label-pending-bg: var(--colors-primary-label-pending-bg);
    --colors-color-palette-label-pending-text: var(--colors-primary-label-pending-text);
    --colors-color-palette-label-inactive-bg: var(--colors-primary-label-inactive-bg);
    --colors-color-palette-label-inactive-text: var(--colors-primary-label-inactive-text);
    --colors-color-palette-logo-bg: var(--colors-primary-logo-bg);
    --colors-color-palette-nav-link-sidebar-item-bg: var(--colors-primary-nav-link-sidebar-item-bg);
    --colors-color-palette-nav-link-sidebar-item-text: var(--colors-primary-nav-link-sidebar-item-text);
    --colors-color-palette-nav-link-sidebar-item-hover-bg: var(--colors-primary-nav-link-sidebar-item-hover-bg);
    --colors-color-palette-nav-link-sidebar-item-hover-text: var(--colors-primary-nav-link-sidebar-item-hover-text);
    --colors-color-palette-nav-link-sidebar-item-disabled-bg: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
    --colors-color-palette-nav-link-sidebar-item-disabled-text: var(--colors-primary-nav-link-sidebar-item-disabled-text);
    --colors-color-palette-page-bg: var(--colors-primary-page-bg);
    --colors-color-palette-page-color: var(--colors-primary-page-color);
    --colors-color-palette-sidebar-main-bg: var(--colors-primary-sidebar-main-bg);
    --colors-color-palette-sidebar-main-color: var(--colors-primary-sidebar-main-color);
    --colors-color-palette-sidebar-main-hover-bg: var(--colors-primary-sidebar-main-hover-bg);
    --colors-color-palette-sidebar-main-hover-color: var(--colors-primary-sidebar-main-hover-color);
    --colors-color-palette-tag-bg: var(--colors-primary-tag-bg);
    --colors-color-palette-tag-text: var(--colors-primary-tag-text);
    --colors-color-palette-tag-hover-bg: var(--colors-primary-tag-hover-bg);
    --colors-color-palette-tag-hover-text: var(--colors-primary-tag-hover-text);
    --colors-color-palette-toast-bg: var(--colors-primary-toast-bg);
    --colors-color-palette-toast-text: var(--colors-primary-toast-text);
    --colors-color-palette-toast-info-icon: var(--colors-primary-toast-info-icon);
    --colors-color-palette-toast-success-icon: var(--colors-primary-toast-success-icon);
    --colors-color-palette-toast-alert-icon: var(--colors-primary-toast-alert-icon);
    --colors-color-palette-toggle-bg-switch: var(--colors-primary-toggle-bg-switch);
    --colors-color-palette-toggle-circle-bg: var(--colors-primary-toggle-circle-bg);
    --colors-color-palette-toggle-bg-icon: var(--colors-primary-toggle-bg-icon);
    --colors-color-palette-toggle-checked-bg: var(--colors-primary-toggle-checked-bg);
    --colors-color-palette-tooltip-main-bg: var(--colors-primary-tooltip-main-bg);
    --colors-color-palette-tooltip-main-text: var(--colors-primary-tooltip-main-text);
    --colors-color-palette-top-search-bar-bg: var(--colors-primary-top-search-bar-bg);
    --colors-color-palette-top-search-bar-border: var(--colors-primary-top-search-bar-border);
    --colors-color-palette-top-search-bar-color: var(--colors-primary-top-search-bar-color);
    --colors-color-palette-top-search-bar-input-bg: var(--colors-primary-top-search-bar-input-bg);
    --colors-color-palette-top-search-bar-input-border: var(--colors-primary-top-search-bar-input-border);
    --colors-color-palette-top-search-bar-input-color-placeholder: var(--colors-primary-top-search-bar-input-color-placeholder);
    --colors-color-palette-top-search-bar-input-color: var(--colors-primary-top-search-bar-input-color);
}

  .dropdown--variant_secondary {
    --colors-color-palette-button-solid-bg: var(--colors-secondary-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-secondary-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-secondary-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-secondary-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-secondary-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-secondary-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-secondary-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-secondary-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-secondary-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-secondary-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-secondary-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-secondary-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-secondary-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-secondary-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-secondary-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-secondary-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-secondary-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-secondary-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-secondary-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-secondary-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-secondary-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-secondary-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-secondary-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-secondary-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-secondary-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-secondary-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-secondary-button-link-btn-disabled-text);
}

  .dropdown--variant_third {
    --colors-color-palette-button-solid-bg: var(--colors-third-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-third-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-third-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-third-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-third-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-third-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-third-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-third-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-third-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-third-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-third-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-third-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-third-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-third-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-third-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-third-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-third-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-third-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-third-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-third-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-third-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-third-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-third-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-third-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-third-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-third-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-third-button-link-btn-disabled-text);
}

  .dropdown--variant_fourth {
    --colors-color-palette-button-solid-bg: var(--colors-fourth-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fourth-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fourth-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fourth-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fourth-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fourth-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-fourth-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-fourth-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-fourth-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-fourth-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-fourth-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-fourth-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-fourth-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-fourth-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-fourth-button-outline-disabled-border);
    --colors-color-palette-button-outline-light-bg: var(--colors-fourth-button-outline-light-bg);
    --colors-color-palette-button-outline-light-text: var(--colors-fourth-button-outline-light-text);
    --colors-color-palette-button-outline-light-border: var(--colors-fourth-button-outline-light-border);
    --colors-color-palette-button-outline-light-hover-bg: var(--colors-fourth-button-outline-light-hover-bg);
    --colors-color-palette-button-outline-light-hover-text: var(--colors-fourth-button-outline-light-hover-text);
    --colors-color-palette-button-outline-light-hover-border: var(--colors-fourth-button-outline-light-hover-border);
    --colors-color-palette-button-outline-light-disabled-bg: var(--colors-fourth-button-outline-light-disabled-bg);
    --colors-color-palette-button-outline-light-disabled-text: var(--colors-fourth-button-outline-light-disabled-text);
    --colors-color-palette-button-outline-light-disabled-border: var(--colors-fourth-button-outline-light-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-fourth-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-fourth-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-fourth-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-fourth-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-fourth-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-fourth-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-fourth-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-fourth-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-fourth-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-fourth-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-fourth-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-fourth-button-link-btn-disabled-text);
}

  .dropdown--variant_fifth {
    --colors-color-palette-button-solid-bg: var(--colors-fifth-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fifth-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fifth-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fifth-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fifth-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fifth-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-fifth-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-fifth-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-fifth-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-fifth-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-fifth-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-fifth-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-fifth-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-fifth-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-fifth-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-fifth-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-fifth-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-fifth-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-fifth-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-fifth-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-fifth-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-fifth-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-fifth-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-fifth-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-fifth-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-fifth-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-fifth-button-link-btn-disabled-text);
}

  .dropdown--variant_primaryInverted {
    --colors-color-palette-button-solid-bg: var(--colors-primary-inverted-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-primary-inverted-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-primary-inverted-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-primary-inverted-button-solid-hover-text);
    --colors-color-palette-button-outline-bg: var(--colors-primary-inverted-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-primary-inverted-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-primary-inverted-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-primary-inverted-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-primary-inverted-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-primary-inverted-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-inverted-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-primary-inverted-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-primary-inverted-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-primary-inverted-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-primary-inverted-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-inverted-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-primary-inverted-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-inverted-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-inverted-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-primary-inverted-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-primary-inverted-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-inverted-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-inverted-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-inverted-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-inverted-button-link-btn-disabled-text);
}

  .dropdown--variant_fifthInverted {
    --colors-color-palette-button-solid-bg: var(--colors-fifth-inverted-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fifth-inverted-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fifth-inverted-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fifth-inverted-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fifth-inverted-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fifth-inverted-button-solid-disabled-text);
}

  .dropdown--variant_rewrite {
    --colors-color-palette-button-solid-bg: var(--colors-rewrite-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-rewrite-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-rewrite-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-rewrite-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-rewrite-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-rewrite-button-solid-disabled-text);
}

  .dropdown--variant_translate {
    --colors-color-palette-button-solid-bg: var(--colors-translate-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-translate-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-translate-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-translate-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-translate-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-translate-button-solid-disabled-text);
}

  .dropdown--variant_ask {
    --colors-color-palette-button-solid-bg: var(--colors-ask-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-ask-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-ask-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-ask-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-ask-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-ask-button-solid-disabled-text);
}

  .dropdown--variant_detect {
    --colors-color-palette-button-solid-bg: var(--colors-detect-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-detect-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-detect-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-detect-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-detect-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-detect-button-solid-disabled-text);
}

  .dropdown--variant_danger {
    --colors-color-palette-button-solid-bg: var(--colors-danger-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-danger-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-danger-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-danger-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-danger-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-danger-button-solid-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-danger-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-danger-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-danger-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-danger-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-danger-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-danger-button-link-btn-disabled-text);
}

  .dropdown--variant_gradients {
    --colors-color-palette-purple-to-blue: var(--colors-gradients-purple-to-blue);
    --colors-color-palette-lavander-to-lightblue: var(--colors-gradients-lavander-to-lightblue);
    --colors-color-palette-dark-lavander-to-lightblue: var(--colors-gradients-dark-lavander-to-lightblue);
}

  .dropdown--size_lg {
    padding-block: var(--spacing-ms);
    padding-inline: var(--spacing-lg);
    min-height: 46px;
}

  .dropdown--size_sm {
    padding-block: var(--spacing-xs);
    padding-inline: var(--spacing-md);
    height: 32px;
}

  .dropdown--size_xs {
    padding-block: var(--spacing-xs);
    padding-inline: var(--spacing-xs);
    font-size: var(--font-sizes-sm);
}

  .dropdown--shape_square {
    border-radius: var(--radii-xs);
}

  .dropdown--shape_roundedPills {
    border-radius: 100px;
}

  .dropdown--error_true {
    border: 1px solid;
    border-color: var(--colors-color-palette-dropdown-error-border);
}

  .dropdown--error_true,.dropdown--error_true .dropdownText {
    color: var(--colors-color-palette-dropdown-error-text);
}

  .dropdown--error_true .dropdownIcon {
    fill: currentColor;
}

  .dropdown--error_true:is(:hover, [data-hover]) {
    border: 1px solid;
    color: var(--colors-color-palette-dropdown-error-text);
    border-color: var(--colors-color-palette-dropdown-error-border);
}

  .dropdown--error_true:is(:hover, [data-hover]) .dropdownIcon {
    fill: var(--colors-color-palette-dropdown-error-text);
}

  .editorWrapper--layout_old {
    margin: 0 auto;
    width: 1068px;
    overflow: overlay;
    padding-inline: 2em;
    overflow-y: auto;
    padding-top: var(--spacing-0);
    padding-bottom: 20px;
}

  .editorWrapper--layout_mobile {
    height: 100%;
    overflow: overlay;
    flex-direction: column;
}

  .editorWrapper--sidebarIsOpen_true {
    grid-template-areas: 'main sidebar-right' 'footer sidebar-right';
}

  .inputText--visual_solid .innerInput {
    background: var(--colors-color-palette-input-text-solid-bg);
    color: var(--colors-color-palette-input-text-text);
    border: 1px solid;
    border-color: var(--colors-color-palette-input-text-solid-border);
}

  .inputText--visual_solid .innerInput:is(:invalid, [data-invalid]) {
    color: var(--colors-color-palette-input-text-invalid-text);
    border-color: var(--colors-color-palette-input-text-invalid-border);
}

  .inputText--visual_solid .innerInput:invalid:focus {
    color: var(--colors-color-palette-input-text-invalid-text);
    border-color: var(--colors-color-palette-input-text-invalid-border);
}

  .inputText--visual_solid .innerInput:is(:disabled, [disabled], [data-disabled]) {
    cursor: not-allowed;
    color: var(--colors-color-palette-input-text-disabled-text);
    background: var(--colors-color-palette-input-text-solid-bg-disabled);
    border-color: var(--colors-color-palette-input-text-disabled-border);
}

  .inputText--visual_solid .innerInput:is(:disabled, [disabled], [data-disabled])::placeholder,.inputText--visual_solid .innerInput:is(:disabled, [disabled], [data-disabled])[data-placeholder] {
    color: var(--colors-color-palette-input-text-disabled-text);
}

  .inputText--visual_solid .innerInput:is(:focus, [data-focus]) {
    border-color: var(--colors-color-palette-input-text-focused-border);
}

  .inputText--size_large {
    font-size: var(--font-sizes-md);
}

  .inputText--visual_outline .innerInput {
    border: 1px solid;
    background: var(--colors-color-palette-input-text-outline-bg);
    border-radius: var(--radii-sm);
    border-color: var(--colors-color-palette-input-text-outline-border);
}

  .inputText--visual_outline .innerInput:is(:invalid, [data-invalid]) {
    color: var(--colors-color-palette-input-text-invalid-text);
    border-color: var(--colors-color-palette-input-text-invalid-border);
}

  .inputText--visual_outline .innerInput:invalid:focus {
    color: var(--colors-color-palette-input-text-invalid-text);
    border-color: var(--colors-color-palette-input-text-invalid-border);
}

  .inputText--visual_outline .innerInput:is(:disabled, [disabled], [data-disabled]) {
    cursor: not-allowed;
    color: var(--colors-color-palette-input-text-disabled-text);
    border-color: var(--colors-color-palette-input-text-disabled-border);
}

  .inputText--visual_outline .innerInput:is(:disabled, [disabled], [data-disabled])::placeholder,.inputText--visual_outline .innerInput:is(:disabled, [disabled], [data-disabled])[data-placeholder] {
    color: var(--colors-color-palette-input-text-disabled-text);
}

  .inputText--visual_outline .innerInput:is(:focus, [data-focus]) {
    border-color: var(--colors-color-palette-input-text-focused-border);
}

  .inputText--visual_ghost .innerInput {
    background: var(--colors-color-palette-input-text-ghost-bg);
    outline: 2px solid transparent;
    outline-offset: 2px;
    border-radius: unset;
    border-bottom: 1px solid;
    color: colorPalette.inputText.ghost.text;
    border-color: var(--colors-color-palette-input-text-ghost-border);
}

  .inputText--visual_ghost .innerInput:is(:invalid, [data-invalid]) {
    color: var(--colors-color-palette-input-text-invalid-text);
    border-color: var(--colors-color-palette-input-text-invalid-border);
}

  .inputText--visual_ghost .innerInput:invalid:focus {
    color: var(--colors-color-palette-input-text-invalid-text);
    border-color: var(--colors-color-palette-input-text-invalid-border);
}

  .inputText--visual_ghost .innerInput:is(:disabled, [disabled], [data-disabled]) {
    cursor: not-allowed;
    color: var(--colors-color-palette-input-text-disabled-text);
    border-color: var(--colors-color-palette-input-text-disabled-border);
}

  .inputText--visual_ghost .innerInput:is(:disabled, [disabled], [data-disabled])::placeholder,.inputText--visual_ghost .innerInput:is(:disabled, [disabled], [data-disabled])[data-placeholder] {
    color: var(--colors-color-palette-input-text-disabled-text);
}

  .inputText--visual_ghost .innerInput:is(:focus, [data-focus]) {
    border-color: var(--colors-color-palette-input-text-focused-border);
}

  .inputText--size_small {
    font-size: var(--font-sizes-ms);
}

  .inputText--size_medium {
    font-size: var(--font-sizes-md);
}

  .inputText--variant_primary {
    --colors-color-palette-button-solid-bg: var(--colors-primary-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-primary-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-primary-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-primary-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-primary-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-primary-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-primary-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-primary-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-primary-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-primary-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-primary-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-primary-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-primary-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-primary-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-primary-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-primary-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-primary-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-primary-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-primary-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-button-link-btn-disabled-text);
    --colors-color-palette-cards-bg-container: var(--colors-primary-cards-bg-container);
    --colors-color-palette-cards-bg-content: var(--colors-primary-cards-bg-content);
    --colors-color-palette-cards-color: var(--colors-primary-cards-color);
    --colors-color-palette-cards-border-color: var(--colors-primary-cards-border-color);
    --colors-color-palette-box-bg: var(--colors-primary-box-bg);
    --colors-color-palette-box-color: var(--colors-primary-box-color);
    --colors-color-palette-dropdown-error-text: var(--colors-primary-dropdown-error-text);
    --colors-color-palette-dropdown-error-border: var(--colors-primary-dropdown-error-border);
    --colors-color-palette-dropdown-error-bg: var(--colors-primary-dropdown-error-bg);
    --colors-color-palette-dropdown-solid-bg: var(--colors-primary-dropdown-solid-bg);
    --colors-color-palette-dropdown-solid-text: var(--colors-primary-dropdown-solid-text);
    --colors-color-palette-dropdown-solid-hover-bg: var(--colors-primary-dropdown-solid-hover-bg);
    --colors-color-palette-dropdown-solid-hover-text: var(--colors-primary-dropdown-solid-hover-text);
    --colors-color-palette-dropdown-solid-disabled-bg: var(--colors-primary-dropdown-solid-disabled-bg);
    --colors-color-palette-dropdown-solid-disabled-text: var(--colors-primary-dropdown-solid-disabled-text);
    --colors-color-palette-dropdown-outline-bg: var(--colors-primary-dropdown-outline-bg);
    --colors-color-palette-dropdown-outline-text: var(--colors-primary-dropdown-outline-text);
    --colors-color-palette-dropdown-outline-border: var(--colors-primary-dropdown-outline-border);
    --colors-color-palette-dropdown-outline-hover-bg: var(--colors-primary-dropdown-outline-hover-bg);
    --colors-color-palette-dropdown-outline-hover-text: var(--colors-primary-dropdown-outline-hover-text);
    --colors-color-palette-dropdown-outline-hover-border: var(--colors-primary-dropdown-outline-hover-border);
    --colors-color-palette-dropdown-outline-disabled-bg: var(--colors-primary-dropdown-outline-disabled-bg);
    --colors-color-palette-dropdown-outline-disabled-text: var(--colors-primary-dropdown-outline-disabled-text);
    --colors-color-palette-dropdown-outline-disabled-border: var(--colors-primary-dropdown-outline-disabled-border);
    --colors-color-palette-input-text-text: var(--colors-primary-input-text-text);
    --colors-color-palette-input-text-placeholder: var(--colors-primary-input-text-placeholder);
    --colors-color-palette-input-text-invalid-border: var(--colors-primary-input-text-invalid-border);
    --colors-color-palette-input-text-invalid-text: var(--colors-primary-input-text-invalid-text);
    --colors-color-palette-input-text-invalid-placeholder: var(--colors-primary-input-text-invalid-placeholder);
    --colors-color-palette-input-text-focused-border: var(--colors-primary-input-text-focused-border);
    --colors-color-palette-input-text-disabled-border: var(--colors-primary-input-text-disabled-border);
    --colors-color-palette-input-text-disabled-text: var(--colors-primary-input-text-disabled-text);
    --colors-color-palette-input-text-disabled-placeholder: var(--colors-primary-input-text-disabled-placeholder);
    --colors-color-palette-input-text-solid-bg: var(--colors-primary-input-text-solid-bg);
    --colors-color-palette-input-text-solid-border: var(--colors-primary-input-text-solid-border);
    --colors-color-palette-input-text-solid-bg-disabled: var(--colors-primary-input-text-solid-bg-disabled);
    --colors-color-palette-input-text-outline-bg: var(--colors-primary-input-text-outline-bg);
    --colors-color-palette-input-text-outline-border: var(--colors-primary-input-text-outline-border);
    --colors-color-palette-input-text-ghost-bg: var(--colors-primary-input-text-ghost-bg);
    --colors-color-palette-input-text-ghost-border: var(--colors-primary-input-text-ghost-border);
    --colors-color-palette-label-bg: var(--colors-primary-label-bg);
    --colors-color-palette-label-text: var(--colors-primary-label-text);
    --colors-color-palette-label-active-bg: var(--colors-primary-label-active-bg);
    --colors-color-palette-label-active-text: var(--colors-primary-label-active-text);
    --colors-color-palette-label-pending-bg: var(--colors-primary-label-pending-bg);
    --colors-color-palette-label-pending-text: var(--colors-primary-label-pending-text);
    --colors-color-palette-label-inactive-bg: var(--colors-primary-label-inactive-bg);
    --colors-color-palette-label-inactive-text: var(--colors-primary-label-inactive-text);
    --colors-color-palette-logo-bg: var(--colors-primary-logo-bg);
    --colors-color-palette-nav-link-sidebar-item-bg: var(--colors-primary-nav-link-sidebar-item-bg);
    --colors-color-palette-nav-link-sidebar-item-text: var(--colors-primary-nav-link-sidebar-item-text);
    --colors-color-palette-nav-link-sidebar-item-hover-bg: var(--colors-primary-nav-link-sidebar-item-hover-bg);
    --colors-color-palette-nav-link-sidebar-item-hover-text: var(--colors-primary-nav-link-sidebar-item-hover-text);
    --colors-color-palette-nav-link-sidebar-item-disabled-bg: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
    --colors-color-palette-nav-link-sidebar-item-disabled-text: var(--colors-primary-nav-link-sidebar-item-disabled-text);
    --colors-color-palette-page-bg: var(--colors-primary-page-bg);
    --colors-color-palette-page-color: var(--colors-primary-page-color);
    --colors-color-palette-sidebar-main-bg: var(--colors-primary-sidebar-main-bg);
    --colors-color-palette-sidebar-main-color: var(--colors-primary-sidebar-main-color);
    --colors-color-palette-sidebar-main-hover-bg: var(--colors-primary-sidebar-main-hover-bg);
    --colors-color-palette-sidebar-main-hover-color: var(--colors-primary-sidebar-main-hover-color);
    --colors-color-palette-tag-bg: var(--colors-primary-tag-bg);
    --colors-color-palette-tag-text: var(--colors-primary-tag-text);
    --colors-color-palette-tag-hover-bg: var(--colors-primary-tag-hover-bg);
    --colors-color-palette-tag-hover-text: var(--colors-primary-tag-hover-text);
    --colors-color-palette-toast-bg: var(--colors-primary-toast-bg);
    --colors-color-palette-toast-text: var(--colors-primary-toast-text);
    --colors-color-palette-toast-info-icon: var(--colors-primary-toast-info-icon);
    --colors-color-palette-toast-success-icon: var(--colors-primary-toast-success-icon);
    --colors-color-palette-toast-alert-icon: var(--colors-primary-toast-alert-icon);
    --colors-color-palette-toggle-bg-switch: var(--colors-primary-toggle-bg-switch);
    --colors-color-palette-toggle-circle-bg: var(--colors-primary-toggle-circle-bg);
    --colors-color-palette-toggle-bg-icon: var(--colors-primary-toggle-bg-icon);
    --colors-color-palette-toggle-checked-bg: var(--colors-primary-toggle-checked-bg);
    --colors-color-palette-tooltip-main-bg: var(--colors-primary-tooltip-main-bg);
    --colors-color-palette-tooltip-main-text: var(--colors-primary-tooltip-main-text);
    --colors-color-palette-top-search-bar-bg: var(--colors-primary-top-search-bar-bg);
    --colors-color-palette-top-search-bar-border: var(--colors-primary-top-search-bar-border);
    --colors-color-palette-top-search-bar-color: var(--colors-primary-top-search-bar-color);
    --colors-color-palette-top-search-bar-input-bg: var(--colors-primary-top-search-bar-input-bg);
    --colors-color-palette-top-search-bar-input-border: var(--colors-primary-top-search-bar-input-border);
    --colors-color-palette-top-search-bar-input-color-placeholder: var(--colors-primary-top-search-bar-input-color-placeholder);
    --colors-color-palette-top-search-bar-input-color: var(--colors-primary-top-search-bar-input-color);
}

  .inputText--variant_secondary {
    --colors-color-palette-button-solid-bg: var(--colors-secondary-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-secondary-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-secondary-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-secondary-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-secondary-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-secondary-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-secondary-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-secondary-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-secondary-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-secondary-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-secondary-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-secondary-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-secondary-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-secondary-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-secondary-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-secondary-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-secondary-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-secondary-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-secondary-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-secondary-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-secondary-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-secondary-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-secondary-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-secondary-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-secondary-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-secondary-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-secondary-button-link-btn-disabled-text);
}

  .inputText--variant_third {
    --colors-color-palette-button-solid-bg: var(--colors-third-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-third-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-third-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-third-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-third-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-third-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-third-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-third-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-third-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-third-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-third-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-third-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-third-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-third-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-third-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-third-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-third-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-third-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-third-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-third-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-third-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-third-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-third-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-third-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-third-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-third-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-third-button-link-btn-disabled-text);
}

  .inputText--variant_fourth {
    --colors-color-palette-button-solid-bg: var(--colors-fourth-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fourth-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fourth-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fourth-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fourth-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fourth-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-fourth-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-fourth-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-fourth-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-fourth-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-fourth-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-fourth-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-fourth-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-fourth-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-fourth-button-outline-disabled-border);
    --colors-color-palette-button-outline-light-bg: var(--colors-fourth-button-outline-light-bg);
    --colors-color-palette-button-outline-light-text: var(--colors-fourth-button-outline-light-text);
    --colors-color-palette-button-outline-light-border: var(--colors-fourth-button-outline-light-border);
    --colors-color-palette-button-outline-light-hover-bg: var(--colors-fourth-button-outline-light-hover-bg);
    --colors-color-palette-button-outline-light-hover-text: var(--colors-fourth-button-outline-light-hover-text);
    --colors-color-palette-button-outline-light-hover-border: var(--colors-fourth-button-outline-light-hover-border);
    --colors-color-palette-button-outline-light-disabled-bg: var(--colors-fourth-button-outline-light-disabled-bg);
    --colors-color-palette-button-outline-light-disabled-text: var(--colors-fourth-button-outline-light-disabled-text);
    --colors-color-palette-button-outline-light-disabled-border: var(--colors-fourth-button-outline-light-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-fourth-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-fourth-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-fourth-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-fourth-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-fourth-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-fourth-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-fourth-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-fourth-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-fourth-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-fourth-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-fourth-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-fourth-button-link-btn-disabled-text);
}

  .inputText--variant_fifth {
    --colors-color-palette-button-solid-bg: var(--colors-fifth-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fifth-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fifth-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fifth-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fifth-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fifth-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-fifth-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-fifth-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-fifth-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-fifth-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-fifth-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-fifth-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-fifth-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-fifth-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-fifth-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-fifth-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-fifth-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-fifth-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-fifth-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-fifth-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-fifth-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-fifth-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-fifth-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-fifth-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-fifth-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-fifth-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-fifth-button-link-btn-disabled-text);
}

  .inputText--variant_primaryInverted {
    --colors-color-palette-button-solid-bg: var(--colors-primary-inverted-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-primary-inverted-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-primary-inverted-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-primary-inverted-button-solid-hover-text);
    --colors-color-palette-button-outline-bg: var(--colors-primary-inverted-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-primary-inverted-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-primary-inverted-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-primary-inverted-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-primary-inverted-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-primary-inverted-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-inverted-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-primary-inverted-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-primary-inverted-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-primary-inverted-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-primary-inverted-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-inverted-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-primary-inverted-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-inverted-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-inverted-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-primary-inverted-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-primary-inverted-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-inverted-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-inverted-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-inverted-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-inverted-button-link-btn-disabled-text);
}

  .inputText--variant_fifthInverted {
    --colors-color-palette-button-solid-bg: var(--colors-fifth-inverted-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fifth-inverted-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fifth-inverted-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fifth-inverted-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fifth-inverted-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fifth-inverted-button-solid-disabled-text);
}

  .inputText--variant_rewrite {
    --colors-color-palette-button-solid-bg: var(--colors-rewrite-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-rewrite-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-rewrite-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-rewrite-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-rewrite-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-rewrite-button-solid-disabled-text);
}

  .inputText--variant_translate {
    --colors-color-palette-button-solid-bg: var(--colors-translate-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-translate-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-translate-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-translate-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-translate-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-translate-button-solid-disabled-text);
}

  .inputText--variant_ask {
    --colors-color-palette-button-solid-bg: var(--colors-ask-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-ask-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-ask-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-ask-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-ask-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-ask-button-solid-disabled-text);
}

  .inputText--variant_detect {
    --colors-color-palette-button-solid-bg: var(--colors-detect-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-detect-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-detect-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-detect-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-detect-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-detect-button-solid-disabled-text);
}

  .inputText--variant_danger {
    --colors-color-palette-button-solid-bg: var(--colors-danger-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-danger-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-danger-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-danger-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-danger-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-danger-button-solid-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-danger-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-danger-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-danger-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-danger-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-danger-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-danger-button-link-btn-disabled-text);
}

  .inputText--variant_gradients {
    --colors-color-palette-purple-to-blue: var(--colors-gradients-purple-to-blue);
    --colors-color-palette-lavander-to-lightblue: var(--colors-gradients-lavander-to-lightblue);
    --colors-color-palette-dark-lavander-to-lightblue: var(--colors-gradients-dark-lavander-to-lightblue);
}

  .label--visual_active {
    background: var(--colors-color-palette-label-active-bg);
    color: var(--colors-color-palette-label-active-text);
}

  .label--visual_active .dot {
    display: block;
}

  .label--visual_pending {
    background: var(--colors-color-palette-label-pending-bg);
    color: var(--colors-color-palette-label-pending-text);
}

  .label--visual_pending .dot {
    display: block;
}

  .label--visual_inactive {
    background: var(--colors-color-palette-label-inactive-bg);
    color: var(--colors-color-palette-label-inactive-text);
    align-items: center;
}

  .label--visual_inactive .dot {
    display: none;
}

  .label--visual_inactive .labelIcon {
    display: block;
}

  .label--variant_primary {
    --colors-color-palette-button-solid-bg: var(--colors-primary-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-primary-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-primary-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-primary-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-primary-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-primary-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-primary-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-primary-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-primary-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-primary-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-primary-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-primary-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-primary-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-primary-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-primary-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-primary-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-primary-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-primary-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-primary-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-button-link-btn-disabled-text);
    --colors-color-palette-cards-bg-container: var(--colors-primary-cards-bg-container);
    --colors-color-palette-cards-bg-content: var(--colors-primary-cards-bg-content);
    --colors-color-palette-cards-color: var(--colors-primary-cards-color);
    --colors-color-palette-cards-border-color: var(--colors-primary-cards-border-color);
    --colors-color-palette-box-bg: var(--colors-primary-box-bg);
    --colors-color-palette-box-color: var(--colors-primary-box-color);
    --colors-color-palette-dropdown-error-text: var(--colors-primary-dropdown-error-text);
    --colors-color-palette-dropdown-error-border: var(--colors-primary-dropdown-error-border);
    --colors-color-palette-dropdown-error-bg: var(--colors-primary-dropdown-error-bg);
    --colors-color-palette-dropdown-solid-bg: var(--colors-primary-dropdown-solid-bg);
    --colors-color-palette-dropdown-solid-text: var(--colors-primary-dropdown-solid-text);
    --colors-color-palette-dropdown-solid-hover-bg: var(--colors-primary-dropdown-solid-hover-bg);
    --colors-color-palette-dropdown-solid-hover-text: var(--colors-primary-dropdown-solid-hover-text);
    --colors-color-palette-dropdown-solid-disabled-bg: var(--colors-primary-dropdown-solid-disabled-bg);
    --colors-color-palette-dropdown-solid-disabled-text: var(--colors-primary-dropdown-solid-disabled-text);
    --colors-color-palette-dropdown-outline-bg: var(--colors-primary-dropdown-outline-bg);
    --colors-color-palette-dropdown-outline-text: var(--colors-primary-dropdown-outline-text);
    --colors-color-palette-dropdown-outline-border: var(--colors-primary-dropdown-outline-border);
    --colors-color-palette-dropdown-outline-hover-bg: var(--colors-primary-dropdown-outline-hover-bg);
    --colors-color-palette-dropdown-outline-hover-text: var(--colors-primary-dropdown-outline-hover-text);
    --colors-color-palette-dropdown-outline-hover-border: var(--colors-primary-dropdown-outline-hover-border);
    --colors-color-palette-dropdown-outline-disabled-bg: var(--colors-primary-dropdown-outline-disabled-bg);
    --colors-color-palette-dropdown-outline-disabled-text: var(--colors-primary-dropdown-outline-disabled-text);
    --colors-color-palette-dropdown-outline-disabled-border: var(--colors-primary-dropdown-outline-disabled-border);
    --colors-color-palette-input-text-text: var(--colors-primary-input-text-text);
    --colors-color-palette-input-text-placeholder: var(--colors-primary-input-text-placeholder);
    --colors-color-palette-input-text-invalid-border: var(--colors-primary-input-text-invalid-border);
    --colors-color-palette-input-text-invalid-text: var(--colors-primary-input-text-invalid-text);
    --colors-color-palette-input-text-invalid-placeholder: var(--colors-primary-input-text-invalid-placeholder);
    --colors-color-palette-input-text-focused-border: var(--colors-primary-input-text-focused-border);
    --colors-color-palette-input-text-disabled-border: var(--colors-primary-input-text-disabled-border);
    --colors-color-palette-input-text-disabled-text: var(--colors-primary-input-text-disabled-text);
    --colors-color-palette-input-text-disabled-placeholder: var(--colors-primary-input-text-disabled-placeholder);
    --colors-color-palette-input-text-solid-bg: var(--colors-primary-input-text-solid-bg);
    --colors-color-palette-input-text-solid-border: var(--colors-primary-input-text-solid-border);
    --colors-color-palette-input-text-solid-bg-disabled: var(--colors-primary-input-text-solid-bg-disabled);
    --colors-color-palette-input-text-outline-bg: var(--colors-primary-input-text-outline-bg);
    --colors-color-palette-input-text-outline-border: var(--colors-primary-input-text-outline-border);
    --colors-color-palette-input-text-ghost-bg: var(--colors-primary-input-text-ghost-bg);
    --colors-color-palette-input-text-ghost-border: var(--colors-primary-input-text-ghost-border);
    --colors-color-palette-label-bg: var(--colors-primary-label-bg);
    --colors-color-palette-label-text: var(--colors-primary-label-text);
    --colors-color-palette-label-active-bg: var(--colors-primary-label-active-bg);
    --colors-color-palette-label-active-text: var(--colors-primary-label-active-text);
    --colors-color-palette-label-pending-bg: var(--colors-primary-label-pending-bg);
    --colors-color-palette-label-pending-text: var(--colors-primary-label-pending-text);
    --colors-color-palette-label-inactive-bg: var(--colors-primary-label-inactive-bg);
    --colors-color-palette-label-inactive-text: var(--colors-primary-label-inactive-text);
    --colors-color-palette-logo-bg: var(--colors-primary-logo-bg);
    --colors-color-palette-nav-link-sidebar-item-bg: var(--colors-primary-nav-link-sidebar-item-bg);
    --colors-color-palette-nav-link-sidebar-item-text: var(--colors-primary-nav-link-sidebar-item-text);
    --colors-color-palette-nav-link-sidebar-item-hover-bg: var(--colors-primary-nav-link-sidebar-item-hover-bg);
    --colors-color-palette-nav-link-sidebar-item-hover-text: var(--colors-primary-nav-link-sidebar-item-hover-text);
    --colors-color-palette-nav-link-sidebar-item-disabled-bg: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
    --colors-color-palette-nav-link-sidebar-item-disabled-text: var(--colors-primary-nav-link-sidebar-item-disabled-text);
    --colors-color-palette-page-bg: var(--colors-primary-page-bg);
    --colors-color-palette-page-color: var(--colors-primary-page-color);
    --colors-color-palette-sidebar-main-bg: var(--colors-primary-sidebar-main-bg);
    --colors-color-palette-sidebar-main-color: var(--colors-primary-sidebar-main-color);
    --colors-color-palette-sidebar-main-hover-bg: var(--colors-primary-sidebar-main-hover-bg);
    --colors-color-palette-sidebar-main-hover-color: var(--colors-primary-sidebar-main-hover-color);
    --colors-color-palette-tag-bg: var(--colors-primary-tag-bg);
    --colors-color-palette-tag-text: var(--colors-primary-tag-text);
    --colors-color-palette-tag-hover-bg: var(--colors-primary-tag-hover-bg);
    --colors-color-palette-tag-hover-text: var(--colors-primary-tag-hover-text);
    --colors-color-palette-toast-bg: var(--colors-primary-toast-bg);
    --colors-color-palette-toast-text: var(--colors-primary-toast-text);
    --colors-color-palette-toast-info-icon: var(--colors-primary-toast-info-icon);
    --colors-color-palette-toast-success-icon: var(--colors-primary-toast-success-icon);
    --colors-color-palette-toast-alert-icon: var(--colors-primary-toast-alert-icon);
    --colors-color-palette-toggle-bg-switch: var(--colors-primary-toggle-bg-switch);
    --colors-color-palette-toggle-circle-bg: var(--colors-primary-toggle-circle-bg);
    --colors-color-palette-toggle-bg-icon: var(--colors-primary-toggle-bg-icon);
    --colors-color-palette-toggle-checked-bg: var(--colors-primary-toggle-checked-bg);
    --colors-color-palette-tooltip-main-bg: var(--colors-primary-tooltip-main-bg);
    --colors-color-palette-tooltip-main-text: var(--colors-primary-tooltip-main-text);
    --colors-color-palette-top-search-bar-bg: var(--colors-primary-top-search-bar-bg);
    --colors-color-palette-top-search-bar-border: var(--colors-primary-top-search-bar-border);
    --colors-color-palette-top-search-bar-color: var(--colors-primary-top-search-bar-color);
    --colors-color-palette-top-search-bar-input-bg: var(--colors-primary-top-search-bar-input-bg);
    --colors-color-palette-top-search-bar-input-border: var(--colors-primary-top-search-bar-input-border);
    --colors-color-palette-top-search-bar-input-color-placeholder: var(--colors-primary-top-search-bar-input-color-placeholder);
    --colors-color-palette-top-search-bar-input-color: var(--colors-primary-top-search-bar-input-color);
}

  .label--variant_secondary {
    --colors-color-palette-button-solid-bg: var(--colors-secondary-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-secondary-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-secondary-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-secondary-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-secondary-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-secondary-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-secondary-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-secondary-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-secondary-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-secondary-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-secondary-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-secondary-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-secondary-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-secondary-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-secondary-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-secondary-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-secondary-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-secondary-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-secondary-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-secondary-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-secondary-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-secondary-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-secondary-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-secondary-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-secondary-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-secondary-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-secondary-button-link-btn-disabled-text);
}

  .label--variant_third {
    --colors-color-palette-button-solid-bg: var(--colors-third-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-third-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-third-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-third-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-third-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-third-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-third-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-third-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-third-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-third-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-third-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-third-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-third-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-third-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-third-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-third-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-third-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-third-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-third-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-third-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-third-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-third-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-third-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-third-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-third-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-third-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-third-button-link-btn-disabled-text);
}

  .label--variant_fourth {
    --colors-color-palette-button-solid-bg: var(--colors-fourth-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fourth-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fourth-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fourth-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fourth-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fourth-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-fourth-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-fourth-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-fourth-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-fourth-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-fourth-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-fourth-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-fourth-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-fourth-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-fourth-button-outline-disabled-border);
    --colors-color-palette-button-outline-light-bg: var(--colors-fourth-button-outline-light-bg);
    --colors-color-palette-button-outline-light-text: var(--colors-fourth-button-outline-light-text);
    --colors-color-palette-button-outline-light-border: var(--colors-fourth-button-outline-light-border);
    --colors-color-palette-button-outline-light-hover-bg: var(--colors-fourth-button-outline-light-hover-bg);
    --colors-color-palette-button-outline-light-hover-text: var(--colors-fourth-button-outline-light-hover-text);
    --colors-color-palette-button-outline-light-hover-border: var(--colors-fourth-button-outline-light-hover-border);
    --colors-color-palette-button-outline-light-disabled-bg: var(--colors-fourth-button-outline-light-disabled-bg);
    --colors-color-palette-button-outline-light-disabled-text: var(--colors-fourth-button-outline-light-disabled-text);
    --colors-color-palette-button-outline-light-disabled-border: var(--colors-fourth-button-outline-light-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-fourth-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-fourth-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-fourth-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-fourth-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-fourth-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-fourth-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-fourth-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-fourth-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-fourth-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-fourth-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-fourth-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-fourth-button-link-btn-disabled-text);
}

  .label--variant_fifth {
    --colors-color-palette-button-solid-bg: var(--colors-fifth-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fifth-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fifth-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fifth-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fifth-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fifth-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-fifth-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-fifth-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-fifth-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-fifth-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-fifth-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-fifth-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-fifth-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-fifth-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-fifth-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-fifth-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-fifth-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-fifth-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-fifth-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-fifth-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-fifth-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-fifth-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-fifth-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-fifth-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-fifth-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-fifth-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-fifth-button-link-btn-disabled-text);
}

  .label--variant_primaryInverted {
    --colors-color-palette-button-solid-bg: var(--colors-primary-inverted-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-primary-inverted-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-primary-inverted-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-primary-inverted-button-solid-hover-text);
    --colors-color-palette-button-outline-bg: var(--colors-primary-inverted-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-primary-inverted-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-primary-inverted-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-primary-inverted-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-primary-inverted-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-primary-inverted-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-inverted-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-primary-inverted-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-primary-inverted-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-primary-inverted-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-primary-inverted-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-inverted-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-primary-inverted-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-inverted-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-inverted-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-primary-inverted-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-primary-inverted-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-inverted-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-inverted-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-inverted-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-inverted-button-link-btn-disabled-text);
}

  .label--variant_fifthInverted {
    --colors-color-palette-button-solid-bg: var(--colors-fifth-inverted-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fifth-inverted-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fifth-inverted-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fifth-inverted-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fifth-inverted-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fifth-inverted-button-solid-disabled-text);
}

  .label--variant_rewrite {
    --colors-color-palette-button-solid-bg: var(--colors-rewrite-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-rewrite-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-rewrite-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-rewrite-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-rewrite-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-rewrite-button-solid-disabled-text);
}

  .label--variant_translate {
    --colors-color-palette-button-solid-bg: var(--colors-translate-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-translate-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-translate-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-translate-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-translate-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-translate-button-solid-disabled-text);
}

  .label--variant_ask {
    --colors-color-palette-button-solid-bg: var(--colors-ask-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-ask-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-ask-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-ask-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-ask-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-ask-button-solid-disabled-text);
}

  .label--variant_detect {
    --colors-color-palette-button-solid-bg: var(--colors-detect-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-detect-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-detect-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-detect-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-detect-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-detect-button-solid-disabled-text);
}

  .label--variant_danger {
    --colors-color-palette-button-solid-bg: var(--colors-danger-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-danger-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-danger-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-danger-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-danger-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-danger-button-solid-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-danger-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-danger-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-danger-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-danger-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-danger-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-danger-button-link-btn-disabled-text);
}

  .label--variant_gradients {
    --colors-color-palette-purple-to-blue: var(--colors-gradients-purple-to-blue);
    --colors-color-palette-lavander-to-lightblue: var(--colors-gradients-lavander-to-lightblue);
    --colors-color-palette-dark-lavander-to-lightblue: var(--colors-gradients-dark-lavander-to-lightblue);
}

  .label--animationLoop_true .labelIcon {
    animation: loop 2s linear infinite;
}

  .label--animationPulse_true .labelIcon {
    animation: var(--animations-pulse);
}

  .logo--visual_narrow {
    display: flex;
    margin: 0 auto;
    width: fit-content;
}

  .logo--visual_narrow .pictogram {
    position: static;
}

  .logo--visual_narrow .logotype {
    display: none;
}

  .logo--visual_desktop {
    width: 144px;
    display: flex;
    justify-content: space-between;
}

  .logo--visual_desktop .logotype {
    display: flex;
}

  .navlink--visual_ghost {
    background: var(--colors-color-palette-nav-link-sidebar-item-bg);
    color: var(--colors-color-palette-nav-link-sidebar-item-text);
    padding: var(--spacing-xs);
    text-align: start;
}

  .navlink--visual_ghost:hover .navlinkIcon,.navlink--visual_ghost:focus-visible .navlinkIcon {
    fill: var(--colors-color-palette-nav-link-sidebar-item-hover-text);
}

  .navlink--visual_ghost:hover .navlinkText,.navlink--visual_ghost:focus-visible .navlinkText {
    color: var(--colors-color-palette-nav-link-sidebar-item-hover-text);
}

  .navlink--variant_primary {
    --colors-color-palette-button-solid-bg: var(--colors-primary-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-primary-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-primary-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-primary-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-primary-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-primary-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-primary-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-primary-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-primary-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-primary-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-primary-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-primary-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-primary-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-primary-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-primary-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-primary-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-primary-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-primary-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-primary-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-button-link-btn-disabled-text);
    --colors-color-palette-cards-bg-container: var(--colors-primary-cards-bg-container);
    --colors-color-palette-cards-bg-content: var(--colors-primary-cards-bg-content);
    --colors-color-palette-cards-color: var(--colors-primary-cards-color);
    --colors-color-palette-cards-border-color: var(--colors-primary-cards-border-color);
    --colors-color-palette-box-bg: var(--colors-primary-box-bg);
    --colors-color-palette-box-color: var(--colors-primary-box-color);
    --colors-color-palette-dropdown-error-text: var(--colors-primary-dropdown-error-text);
    --colors-color-palette-dropdown-error-border: var(--colors-primary-dropdown-error-border);
    --colors-color-palette-dropdown-error-bg: var(--colors-primary-dropdown-error-bg);
    --colors-color-palette-dropdown-solid-bg: var(--colors-primary-dropdown-solid-bg);
    --colors-color-palette-dropdown-solid-text: var(--colors-primary-dropdown-solid-text);
    --colors-color-palette-dropdown-solid-hover-bg: var(--colors-primary-dropdown-solid-hover-bg);
    --colors-color-palette-dropdown-solid-hover-text: var(--colors-primary-dropdown-solid-hover-text);
    --colors-color-palette-dropdown-solid-disabled-bg: var(--colors-primary-dropdown-solid-disabled-bg);
    --colors-color-palette-dropdown-solid-disabled-text: var(--colors-primary-dropdown-solid-disabled-text);
    --colors-color-palette-dropdown-outline-bg: var(--colors-primary-dropdown-outline-bg);
    --colors-color-palette-dropdown-outline-text: var(--colors-primary-dropdown-outline-text);
    --colors-color-palette-dropdown-outline-border: var(--colors-primary-dropdown-outline-border);
    --colors-color-palette-dropdown-outline-hover-bg: var(--colors-primary-dropdown-outline-hover-bg);
    --colors-color-palette-dropdown-outline-hover-text: var(--colors-primary-dropdown-outline-hover-text);
    --colors-color-palette-dropdown-outline-hover-border: var(--colors-primary-dropdown-outline-hover-border);
    --colors-color-palette-dropdown-outline-disabled-bg: var(--colors-primary-dropdown-outline-disabled-bg);
    --colors-color-palette-dropdown-outline-disabled-text: var(--colors-primary-dropdown-outline-disabled-text);
    --colors-color-palette-dropdown-outline-disabled-border: var(--colors-primary-dropdown-outline-disabled-border);
    --colors-color-palette-input-text-text: var(--colors-primary-input-text-text);
    --colors-color-palette-input-text-placeholder: var(--colors-primary-input-text-placeholder);
    --colors-color-palette-input-text-invalid-border: var(--colors-primary-input-text-invalid-border);
    --colors-color-palette-input-text-invalid-text: var(--colors-primary-input-text-invalid-text);
    --colors-color-palette-input-text-invalid-placeholder: var(--colors-primary-input-text-invalid-placeholder);
    --colors-color-palette-input-text-focused-border: var(--colors-primary-input-text-focused-border);
    --colors-color-palette-input-text-disabled-border: var(--colors-primary-input-text-disabled-border);
    --colors-color-palette-input-text-disabled-text: var(--colors-primary-input-text-disabled-text);
    --colors-color-palette-input-text-disabled-placeholder: var(--colors-primary-input-text-disabled-placeholder);
    --colors-color-palette-input-text-solid-bg: var(--colors-primary-input-text-solid-bg);
    --colors-color-palette-input-text-solid-border: var(--colors-primary-input-text-solid-border);
    --colors-color-palette-input-text-solid-bg-disabled: var(--colors-primary-input-text-solid-bg-disabled);
    --colors-color-palette-input-text-outline-bg: var(--colors-primary-input-text-outline-bg);
    --colors-color-palette-input-text-outline-border: var(--colors-primary-input-text-outline-border);
    --colors-color-palette-input-text-ghost-bg: var(--colors-primary-input-text-ghost-bg);
    --colors-color-palette-input-text-ghost-border: var(--colors-primary-input-text-ghost-border);
    --colors-color-palette-label-bg: var(--colors-primary-label-bg);
    --colors-color-palette-label-text: var(--colors-primary-label-text);
    --colors-color-palette-label-active-bg: var(--colors-primary-label-active-bg);
    --colors-color-palette-label-active-text: var(--colors-primary-label-active-text);
    --colors-color-palette-label-pending-bg: var(--colors-primary-label-pending-bg);
    --colors-color-palette-label-pending-text: var(--colors-primary-label-pending-text);
    --colors-color-palette-label-inactive-bg: var(--colors-primary-label-inactive-bg);
    --colors-color-palette-label-inactive-text: var(--colors-primary-label-inactive-text);
    --colors-color-palette-logo-bg: var(--colors-primary-logo-bg);
    --colors-color-palette-nav-link-sidebar-item-bg: var(--colors-primary-nav-link-sidebar-item-bg);
    --colors-color-palette-nav-link-sidebar-item-text: var(--colors-primary-nav-link-sidebar-item-text);
    --colors-color-palette-nav-link-sidebar-item-hover-bg: var(--colors-primary-nav-link-sidebar-item-hover-bg);
    --colors-color-palette-nav-link-sidebar-item-hover-text: var(--colors-primary-nav-link-sidebar-item-hover-text);
    --colors-color-palette-nav-link-sidebar-item-disabled-bg: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
    --colors-color-palette-nav-link-sidebar-item-disabled-text: var(--colors-primary-nav-link-sidebar-item-disabled-text);
    --colors-color-palette-page-bg: var(--colors-primary-page-bg);
    --colors-color-palette-page-color: var(--colors-primary-page-color);
    --colors-color-palette-sidebar-main-bg: var(--colors-primary-sidebar-main-bg);
    --colors-color-palette-sidebar-main-color: var(--colors-primary-sidebar-main-color);
    --colors-color-palette-sidebar-main-hover-bg: var(--colors-primary-sidebar-main-hover-bg);
    --colors-color-palette-sidebar-main-hover-color: var(--colors-primary-sidebar-main-hover-color);
    --colors-color-palette-tag-bg: var(--colors-primary-tag-bg);
    --colors-color-palette-tag-text: var(--colors-primary-tag-text);
    --colors-color-palette-tag-hover-bg: var(--colors-primary-tag-hover-bg);
    --colors-color-palette-tag-hover-text: var(--colors-primary-tag-hover-text);
    --colors-color-palette-toast-bg: var(--colors-primary-toast-bg);
    --colors-color-palette-toast-text: var(--colors-primary-toast-text);
    --colors-color-palette-toast-info-icon: var(--colors-primary-toast-info-icon);
    --colors-color-palette-toast-success-icon: var(--colors-primary-toast-success-icon);
    --colors-color-palette-toast-alert-icon: var(--colors-primary-toast-alert-icon);
    --colors-color-palette-toggle-bg-switch: var(--colors-primary-toggle-bg-switch);
    --colors-color-palette-toggle-circle-bg: var(--colors-primary-toggle-circle-bg);
    --colors-color-palette-toggle-bg-icon: var(--colors-primary-toggle-bg-icon);
    --colors-color-palette-toggle-checked-bg: var(--colors-primary-toggle-checked-bg);
    --colors-color-palette-tooltip-main-bg: var(--colors-primary-tooltip-main-bg);
    --colors-color-palette-tooltip-main-text: var(--colors-primary-tooltip-main-text);
    --colors-color-palette-top-search-bar-bg: var(--colors-primary-top-search-bar-bg);
    --colors-color-palette-top-search-bar-border: var(--colors-primary-top-search-bar-border);
    --colors-color-palette-top-search-bar-color: var(--colors-primary-top-search-bar-color);
    --colors-color-palette-top-search-bar-input-bg: var(--colors-primary-top-search-bar-input-bg);
    --colors-color-palette-top-search-bar-input-border: var(--colors-primary-top-search-bar-input-border);
    --colors-color-palette-top-search-bar-input-color-placeholder: var(--colors-primary-top-search-bar-input-color-placeholder);
    --colors-color-palette-top-search-bar-input-color: var(--colors-primary-top-search-bar-input-color);
}

  .navlink--variant_secondary {
    --colors-color-palette-button-solid-bg: var(--colors-secondary-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-secondary-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-secondary-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-secondary-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-secondary-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-secondary-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-secondary-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-secondary-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-secondary-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-secondary-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-secondary-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-secondary-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-secondary-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-secondary-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-secondary-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-secondary-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-secondary-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-secondary-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-secondary-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-secondary-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-secondary-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-secondary-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-secondary-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-secondary-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-secondary-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-secondary-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-secondary-button-link-btn-disabled-text);
}

  .navlink--variant_third {
    --colors-color-palette-button-solid-bg: var(--colors-third-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-third-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-third-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-third-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-third-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-third-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-third-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-third-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-third-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-third-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-third-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-third-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-third-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-third-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-third-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-third-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-third-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-third-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-third-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-third-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-third-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-third-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-third-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-third-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-third-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-third-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-third-button-link-btn-disabled-text);
}

  .navlink--variant_fourth {
    --colors-color-palette-button-solid-bg: var(--colors-fourth-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fourth-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fourth-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fourth-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fourth-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fourth-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-fourth-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-fourth-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-fourth-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-fourth-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-fourth-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-fourth-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-fourth-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-fourth-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-fourth-button-outline-disabled-border);
    --colors-color-palette-button-outline-light-bg: var(--colors-fourth-button-outline-light-bg);
    --colors-color-palette-button-outline-light-text: var(--colors-fourth-button-outline-light-text);
    --colors-color-palette-button-outline-light-border: var(--colors-fourth-button-outline-light-border);
    --colors-color-palette-button-outline-light-hover-bg: var(--colors-fourth-button-outline-light-hover-bg);
    --colors-color-palette-button-outline-light-hover-text: var(--colors-fourth-button-outline-light-hover-text);
    --colors-color-palette-button-outline-light-hover-border: var(--colors-fourth-button-outline-light-hover-border);
    --colors-color-palette-button-outline-light-disabled-bg: var(--colors-fourth-button-outline-light-disabled-bg);
    --colors-color-palette-button-outline-light-disabled-text: var(--colors-fourth-button-outline-light-disabled-text);
    --colors-color-palette-button-outline-light-disabled-border: var(--colors-fourth-button-outline-light-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-fourth-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-fourth-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-fourth-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-fourth-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-fourth-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-fourth-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-fourth-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-fourth-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-fourth-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-fourth-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-fourth-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-fourth-button-link-btn-disabled-text);
}

  .navlink--variant_fifth {
    --colors-color-palette-button-solid-bg: var(--colors-fifth-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fifth-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fifth-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fifth-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fifth-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fifth-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-fifth-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-fifth-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-fifth-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-fifth-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-fifth-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-fifth-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-fifth-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-fifth-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-fifth-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-fifth-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-fifth-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-fifth-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-fifth-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-fifth-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-fifth-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-fifth-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-fifth-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-fifth-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-fifth-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-fifth-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-fifth-button-link-btn-disabled-text);
}

  .navlink--variant_primaryInverted {
    --colors-color-palette-button-solid-bg: var(--colors-primary-inverted-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-primary-inverted-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-primary-inverted-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-primary-inverted-button-solid-hover-text);
    --colors-color-palette-button-outline-bg: var(--colors-primary-inverted-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-primary-inverted-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-primary-inverted-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-primary-inverted-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-primary-inverted-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-primary-inverted-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-inverted-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-primary-inverted-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-primary-inverted-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-primary-inverted-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-primary-inverted-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-inverted-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-primary-inverted-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-inverted-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-inverted-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-primary-inverted-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-primary-inverted-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-inverted-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-inverted-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-inverted-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-inverted-button-link-btn-disabled-text);
}

  .navlink--variant_fifthInverted {
    --colors-color-palette-button-solid-bg: var(--colors-fifth-inverted-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fifth-inverted-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fifth-inverted-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fifth-inverted-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fifth-inverted-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fifth-inverted-button-solid-disabled-text);
}

  .navlink--variant_rewrite {
    --colors-color-palette-button-solid-bg: var(--colors-rewrite-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-rewrite-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-rewrite-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-rewrite-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-rewrite-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-rewrite-button-solid-disabled-text);
}

  .navlink--variant_translate {
    --colors-color-palette-button-solid-bg: var(--colors-translate-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-translate-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-translate-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-translate-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-translate-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-translate-button-solid-disabled-text);
}

  .navlink--variant_ask {
    --colors-color-palette-button-solid-bg: var(--colors-ask-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-ask-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-ask-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-ask-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-ask-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-ask-button-solid-disabled-text);
}

  .navlink--variant_detect {
    --colors-color-palette-button-solid-bg: var(--colors-detect-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-detect-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-detect-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-detect-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-detect-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-detect-button-solid-disabled-text);
}

  .navlink--variant_danger {
    --colors-color-palette-button-solid-bg: var(--colors-danger-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-danger-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-danger-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-danger-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-danger-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-danger-button-solid-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-danger-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-danger-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-danger-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-danger-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-danger-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-danger-button-link-btn-disabled-text);
}

  .navlink--variant_gradients {
    --colors-color-palette-purple-to-blue: var(--colors-gradients-purple-to-blue);
    --colors-color-palette-lavander-to-lightblue: var(--colors-gradients-lavander-to-lightblue);
    --colors-color-palette-dark-lavander-to-lightblue: var(--colors-gradients-dark-lavander-to-lightblue);
}

  .radio--variant_primary {
    --colors-color-palette-button-solid-bg: var(--colors-primary-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-primary-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-primary-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-primary-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-primary-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-primary-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-primary-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-primary-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-primary-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-primary-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-primary-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-primary-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-primary-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-primary-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-primary-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-primary-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-primary-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-primary-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-primary-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-button-link-btn-disabled-text);
    --colors-color-palette-cards-bg-container: var(--colors-primary-cards-bg-container);
    --colors-color-palette-cards-bg-content: var(--colors-primary-cards-bg-content);
    --colors-color-palette-cards-color: var(--colors-primary-cards-color);
    --colors-color-palette-cards-border-color: var(--colors-primary-cards-border-color);
    --colors-color-palette-box-bg: var(--colors-primary-box-bg);
    --colors-color-palette-box-color: var(--colors-primary-box-color);
    --colors-color-palette-dropdown-error-text: var(--colors-primary-dropdown-error-text);
    --colors-color-palette-dropdown-error-border: var(--colors-primary-dropdown-error-border);
    --colors-color-palette-dropdown-error-bg: var(--colors-primary-dropdown-error-bg);
    --colors-color-palette-dropdown-solid-bg: var(--colors-primary-dropdown-solid-bg);
    --colors-color-palette-dropdown-solid-text: var(--colors-primary-dropdown-solid-text);
    --colors-color-palette-dropdown-solid-hover-bg: var(--colors-primary-dropdown-solid-hover-bg);
    --colors-color-palette-dropdown-solid-hover-text: var(--colors-primary-dropdown-solid-hover-text);
    --colors-color-palette-dropdown-solid-disabled-bg: var(--colors-primary-dropdown-solid-disabled-bg);
    --colors-color-palette-dropdown-solid-disabled-text: var(--colors-primary-dropdown-solid-disabled-text);
    --colors-color-palette-dropdown-outline-bg: var(--colors-primary-dropdown-outline-bg);
    --colors-color-palette-dropdown-outline-text: var(--colors-primary-dropdown-outline-text);
    --colors-color-palette-dropdown-outline-border: var(--colors-primary-dropdown-outline-border);
    --colors-color-palette-dropdown-outline-hover-bg: var(--colors-primary-dropdown-outline-hover-bg);
    --colors-color-palette-dropdown-outline-hover-text: var(--colors-primary-dropdown-outline-hover-text);
    --colors-color-palette-dropdown-outline-hover-border: var(--colors-primary-dropdown-outline-hover-border);
    --colors-color-palette-dropdown-outline-disabled-bg: var(--colors-primary-dropdown-outline-disabled-bg);
    --colors-color-palette-dropdown-outline-disabled-text: var(--colors-primary-dropdown-outline-disabled-text);
    --colors-color-palette-dropdown-outline-disabled-border: var(--colors-primary-dropdown-outline-disabled-border);
    --colors-color-palette-input-text-text: var(--colors-primary-input-text-text);
    --colors-color-palette-input-text-placeholder: var(--colors-primary-input-text-placeholder);
    --colors-color-palette-input-text-invalid-border: var(--colors-primary-input-text-invalid-border);
    --colors-color-palette-input-text-invalid-text: var(--colors-primary-input-text-invalid-text);
    --colors-color-palette-input-text-invalid-placeholder: var(--colors-primary-input-text-invalid-placeholder);
    --colors-color-palette-input-text-focused-border: var(--colors-primary-input-text-focused-border);
    --colors-color-palette-input-text-disabled-border: var(--colors-primary-input-text-disabled-border);
    --colors-color-palette-input-text-disabled-text: var(--colors-primary-input-text-disabled-text);
    --colors-color-palette-input-text-disabled-placeholder: var(--colors-primary-input-text-disabled-placeholder);
    --colors-color-palette-input-text-solid-bg: var(--colors-primary-input-text-solid-bg);
    --colors-color-palette-input-text-solid-border: var(--colors-primary-input-text-solid-border);
    --colors-color-palette-input-text-solid-bg-disabled: var(--colors-primary-input-text-solid-bg-disabled);
    --colors-color-palette-input-text-outline-bg: var(--colors-primary-input-text-outline-bg);
    --colors-color-palette-input-text-outline-border: var(--colors-primary-input-text-outline-border);
    --colors-color-palette-input-text-ghost-bg: var(--colors-primary-input-text-ghost-bg);
    --colors-color-palette-input-text-ghost-border: var(--colors-primary-input-text-ghost-border);
    --colors-color-palette-label-bg: var(--colors-primary-label-bg);
    --colors-color-palette-label-text: var(--colors-primary-label-text);
    --colors-color-palette-label-active-bg: var(--colors-primary-label-active-bg);
    --colors-color-palette-label-active-text: var(--colors-primary-label-active-text);
    --colors-color-palette-label-pending-bg: var(--colors-primary-label-pending-bg);
    --colors-color-palette-label-pending-text: var(--colors-primary-label-pending-text);
    --colors-color-palette-label-inactive-bg: var(--colors-primary-label-inactive-bg);
    --colors-color-palette-label-inactive-text: var(--colors-primary-label-inactive-text);
    --colors-color-palette-logo-bg: var(--colors-primary-logo-bg);
    --colors-color-palette-nav-link-sidebar-item-bg: var(--colors-primary-nav-link-sidebar-item-bg);
    --colors-color-palette-nav-link-sidebar-item-text: var(--colors-primary-nav-link-sidebar-item-text);
    --colors-color-palette-nav-link-sidebar-item-hover-bg: var(--colors-primary-nav-link-sidebar-item-hover-bg);
    --colors-color-palette-nav-link-sidebar-item-hover-text: var(--colors-primary-nav-link-sidebar-item-hover-text);
    --colors-color-palette-nav-link-sidebar-item-disabled-bg: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
    --colors-color-palette-nav-link-sidebar-item-disabled-text: var(--colors-primary-nav-link-sidebar-item-disabled-text);
    --colors-color-palette-page-bg: var(--colors-primary-page-bg);
    --colors-color-palette-page-color: var(--colors-primary-page-color);
    --colors-color-palette-sidebar-main-bg: var(--colors-primary-sidebar-main-bg);
    --colors-color-palette-sidebar-main-color: var(--colors-primary-sidebar-main-color);
    --colors-color-palette-sidebar-main-hover-bg: var(--colors-primary-sidebar-main-hover-bg);
    --colors-color-palette-sidebar-main-hover-color: var(--colors-primary-sidebar-main-hover-color);
    --colors-color-palette-tag-bg: var(--colors-primary-tag-bg);
    --colors-color-palette-tag-text: var(--colors-primary-tag-text);
    --colors-color-palette-tag-hover-bg: var(--colors-primary-tag-hover-bg);
    --colors-color-palette-tag-hover-text: var(--colors-primary-tag-hover-text);
    --colors-color-palette-toast-bg: var(--colors-primary-toast-bg);
    --colors-color-palette-toast-text: var(--colors-primary-toast-text);
    --colors-color-palette-toast-info-icon: var(--colors-primary-toast-info-icon);
    --colors-color-palette-toast-success-icon: var(--colors-primary-toast-success-icon);
    --colors-color-palette-toast-alert-icon: var(--colors-primary-toast-alert-icon);
    --colors-color-palette-toggle-bg-switch: var(--colors-primary-toggle-bg-switch);
    --colors-color-palette-toggle-circle-bg: var(--colors-primary-toggle-circle-bg);
    --colors-color-palette-toggle-bg-icon: var(--colors-primary-toggle-bg-icon);
    --colors-color-palette-toggle-checked-bg: var(--colors-primary-toggle-checked-bg);
    --colors-color-palette-tooltip-main-bg: var(--colors-primary-tooltip-main-bg);
    --colors-color-palette-tooltip-main-text: var(--colors-primary-tooltip-main-text);
    --colors-color-palette-top-search-bar-bg: var(--colors-primary-top-search-bar-bg);
    --colors-color-palette-top-search-bar-border: var(--colors-primary-top-search-bar-border);
    --colors-color-palette-top-search-bar-color: var(--colors-primary-top-search-bar-color);
    --colors-color-palette-top-search-bar-input-bg: var(--colors-primary-top-search-bar-input-bg);
    --colors-color-palette-top-search-bar-input-border: var(--colors-primary-top-search-bar-input-border);
    --colors-color-palette-top-search-bar-input-color-placeholder: var(--colors-primary-top-search-bar-input-color-placeholder);
    --colors-color-palette-top-search-bar-input-color: var(--colors-primary-top-search-bar-input-color);
}

  .radio--variant_secondary {
    --colors-color-palette-button-solid-bg: var(--colors-secondary-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-secondary-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-secondary-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-secondary-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-secondary-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-secondary-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-secondary-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-secondary-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-secondary-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-secondary-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-secondary-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-secondary-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-secondary-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-secondary-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-secondary-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-secondary-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-secondary-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-secondary-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-secondary-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-secondary-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-secondary-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-secondary-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-secondary-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-secondary-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-secondary-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-secondary-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-secondary-button-link-btn-disabled-text);
}

  .radio--variant_third {
    --colors-color-palette-button-solid-bg: var(--colors-third-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-third-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-third-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-third-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-third-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-third-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-third-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-third-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-third-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-third-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-third-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-third-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-third-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-third-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-third-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-third-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-third-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-third-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-third-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-third-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-third-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-third-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-third-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-third-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-third-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-third-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-third-button-link-btn-disabled-text);
}

  .radio--variant_fourth {
    --colors-color-palette-button-solid-bg: var(--colors-fourth-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fourth-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fourth-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fourth-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fourth-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fourth-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-fourth-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-fourth-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-fourth-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-fourth-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-fourth-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-fourth-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-fourth-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-fourth-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-fourth-button-outline-disabled-border);
    --colors-color-palette-button-outline-light-bg: var(--colors-fourth-button-outline-light-bg);
    --colors-color-palette-button-outline-light-text: var(--colors-fourth-button-outline-light-text);
    --colors-color-palette-button-outline-light-border: var(--colors-fourth-button-outline-light-border);
    --colors-color-palette-button-outline-light-hover-bg: var(--colors-fourth-button-outline-light-hover-bg);
    --colors-color-palette-button-outline-light-hover-text: var(--colors-fourth-button-outline-light-hover-text);
    --colors-color-palette-button-outline-light-hover-border: var(--colors-fourth-button-outline-light-hover-border);
    --colors-color-palette-button-outline-light-disabled-bg: var(--colors-fourth-button-outline-light-disabled-bg);
    --colors-color-palette-button-outline-light-disabled-text: var(--colors-fourth-button-outline-light-disabled-text);
    --colors-color-palette-button-outline-light-disabled-border: var(--colors-fourth-button-outline-light-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-fourth-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-fourth-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-fourth-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-fourth-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-fourth-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-fourth-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-fourth-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-fourth-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-fourth-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-fourth-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-fourth-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-fourth-button-link-btn-disabled-text);
}

  .radio--variant_fifth {
    --colors-color-palette-button-solid-bg: var(--colors-fifth-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fifth-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fifth-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fifth-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fifth-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fifth-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-fifth-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-fifth-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-fifth-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-fifth-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-fifth-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-fifth-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-fifth-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-fifth-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-fifth-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-fifth-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-fifth-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-fifth-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-fifth-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-fifth-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-fifth-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-fifth-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-fifth-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-fifth-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-fifth-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-fifth-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-fifth-button-link-btn-disabled-text);
}

  .radio--variant_primaryInverted {
    --colors-color-palette-button-solid-bg: var(--colors-primary-inverted-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-primary-inverted-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-primary-inverted-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-primary-inverted-button-solid-hover-text);
    --colors-color-palette-button-outline-bg: var(--colors-primary-inverted-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-primary-inverted-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-primary-inverted-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-primary-inverted-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-primary-inverted-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-primary-inverted-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-inverted-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-primary-inverted-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-primary-inverted-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-primary-inverted-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-primary-inverted-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-inverted-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-primary-inverted-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-inverted-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-inverted-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-primary-inverted-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-primary-inverted-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-inverted-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-inverted-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-inverted-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-inverted-button-link-btn-disabled-text);
}

  .radio--variant_fifthInverted {
    --colors-color-palette-button-solid-bg: var(--colors-fifth-inverted-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fifth-inverted-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fifth-inverted-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fifth-inverted-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fifth-inverted-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fifth-inverted-button-solid-disabled-text);
}

  .radio--variant_rewrite {
    --colors-color-palette-button-solid-bg: var(--colors-rewrite-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-rewrite-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-rewrite-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-rewrite-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-rewrite-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-rewrite-button-solid-disabled-text);
}

  .radio--variant_translate {
    --colors-color-palette-button-solid-bg: var(--colors-translate-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-translate-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-translate-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-translate-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-translate-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-translate-button-solid-disabled-text);
}

  .radio--variant_ask {
    --colors-color-palette-button-solid-bg: var(--colors-ask-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-ask-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-ask-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-ask-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-ask-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-ask-button-solid-disabled-text);
}

  .radio--variant_detect {
    --colors-color-palette-button-solid-bg: var(--colors-detect-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-detect-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-detect-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-detect-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-detect-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-detect-button-solid-disabled-text);
}

  .radio--variant_danger {
    --colors-color-palette-button-solid-bg: var(--colors-danger-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-danger-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-danger-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-danger-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-danger-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-danger-button-solid-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-danger-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-danger-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-danger-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-danger-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-danger-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-danger-button-link-btn-disabled-text);
}

  .radio--variant_gradients {
    --colors-color-palette-purple-to-blue: var(--colors-gradients-purple-to-blue);
    --colors-color-palette-lavander-to-lightblue: var(--colors-gradients-lavander-to-lightblue);
    --colors-color-palette-dark-lavander-to-lightblue: var(--colors-gradients-dark-lavander-to-lightblue);
}

  .scrollContainer--activeTool_true:after {
    position: absolute;
    z-index: 10;
    pointer-events: none;
    content: "";
    left: var(--spacing-0);
    top: var(--spacing-0);
    right: var(--spacing-0);
    bottom: 40px;
    border-width: 2px;
    border-style: solid;
    border-color: var(--colors-blue\.200);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

  .scrollContainer--isFullWidth_true {
    height: 100%;
    overflow: overlay;
}

  .sidebar--visual_mobile {
    width: 100%;
    height: fit-content;
    position: fixed;
    background: var(--colors-color-palette-sidebar-main-bg);
    color: var(--colors-color-palette-sidebar-main-color);
    z-index: 90;
    justify-content: center;
    align-items: center;
    bottom: var(--spacing-0);
    left: var(--spacing-0);
    border-top-left-radius: var(--radii-ms);
    border-top-right-radius: var(--radii-ms);
}

  .sidebar--visual_mobile .sidebarItems {
    display: flex;
    gap: var(--spacing-md);
    width: 100%;
    height: 100%;
    padding-inline: var(--spacing-none);
    justify-content: space-evenly;
    padding-top: var(--spacing-ms);
    margin-top: var(--spacing-none);
}

  .sidebar--visual_mobile .sidebarItems .navlink {
    height: 100%;
    min-width: 45px;
    max-width: 65px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

  .sidebar--visual_mobile .sidebarItems .navlink .navlinkText {
    display: block;
    font-size: var(--font-sizes-ms);
}

  .sidebar--visual_narrow {
    border-radius: var(--radii-none);
    position: relative;
    width: 100px;
    max-width: 100px;
    height: 100vh;
    display: flex;
    bottom: var(--spacing-0);
    flex-direction: column;
    justify-content: start;
    align-items: start;
}

  .sidebar--visual_narrow .sidebarItems {
    padding-inline: var(--spacing-none);
    flex-direction: column;
    justify-content: start;
}

  .sidebar--visual_narrow .sidebarItems .navlink {
    max-width: unset;
}

  .sidebar--visual_narrow .sidebarItems .navlink .navlinkText {
    display: none;
}

  .sidebar--visual_narrow .sidebarItems .navlink navlinkIcon {
    margin-right: var(--spacing-none);
}

  .sidebar--visual_desktop {
    min-width: 200px;
    max-width: 200px;
    display: flex;
    height: 100vh;
    z-index: 90;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}

  .sidebar--visual_desktop .sidebarItems {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    padding-inline-start: var(--spacing-ml);
    display: flex;
    gap: var(--spacing-ms);
    flex-direction: column;
}

  .sidebar--visual_desktop .sidebarItems .navlink {
    gap: var(--spacing-sm);
    flex-direction: row;
}

  .sidebar--visual_desktop .sidebarItems .navlink .navlinkText {
    display: block;
    font-size: var(--font-sizes-md);
    font-weight: var(--font-weights-bold);
}

  .sidebar--visual_desktop .sidebarItems .navlink navlinkIcon {
    margin-right: var(--spacing-sm);
}

  .sidebar--variant_primary {
    --colors-color-palette-button-solid-bg: var(--colors-primary-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-primary-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-primary-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-primary-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-primary-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-primary-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-primary-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-primary-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-primary-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-primary-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-primary-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-primary-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-primary-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-primary-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-primary-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-primary-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-primary-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-primary-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-primary-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-button-link-btn-disabled-text);
    --colors-color-palette-cards-bg-container: var(--colors-primary-cards-bg-container);
    --colors-color-palette-cards-bg-content: var(--colors-primary-cards-bg-content);
    --colors-color-palette-cards-color: var(--colors-primary-cards-color);
    --colors-color-palette-cards-border-color: var(--colors-primary-cards-border-color);
    --colors-color-palette-box-bg: var(--colors-primary-box-bg);
    --colors-color-palette-box-color: var(--colors-primary-box-color);
    --colors-color-palette-dropdown-error-text: var(--colors-primary-dropdown-error-text);
    --colors-color-palette-dropdown-error-border: var(--colors-primary-dropdown-error-border);
    --colors-color-palette-dropdown-error-bg: var(--colors-primary-dropdown-error-bg);
    --colors-color-palette-dropdown-solid-bg: var(--colors-primary-dropdown-solid-bg);
    --colors-color-palette-dropdown-solid-text: var(--colors-primary-dropdown-solid-text);
    --colors-color-palette-dropdown-solid-hover-bg: var(--colors-primary-dropdown-solid-hover-bg);
    --colors-color-palette-dropdown-solid-hover-text: var(--colors-primary-dropdown-solid-hover-text);
    --colors-color-palette-dropdown-solid-disabled-bg: var(--colors-primary-dropdown-solid-disabled-bg);
    --colors-color-palette-dropdown-solid-disabled-text: var(--colors-primary-dropdown-solid-disabled-text);
    --colors-color-palette-dropdown-outline-bg: var(--colors-primary-dropdown-outline-bg);
    --colors-color-palette-dropdown-outline-text: var(--colors-primary-dropdown-outline-text);
    --colors-color-palette-dropdown-outline-border: var(--colors-primary-dropdown-outline-border);
    --colors-color-palette-dropdown-outline-hover-bg: var(--colors-primary-dropdown-outline-hover-bg);
    --colors-color-palette-dropdown-outline-hover-text: var(--colors-primary-dropdown-outline-hover-text);
    --colors-color-palette-dropdown-outline-hover-border: var(--colors-primary-dropdown-outline-hover-border);
    --colors-color-palette-dropdown-outline-disabled-bg: var(--colors-primary-dropdown-outline-disabled-bg);
    --colors-color-palette-dropdown-outline-disabled-text: var(--colors-primary-dropdown-outline-disabled-text);
    --colors-color-palette-dropdown-outline-disabled-border: var(--colors-primary-dropdown-outline-disabled-border);
    --colors-color-palette-input-text-text: var(--colors-primary-input-text-text);
    --colors-color-palette-input-text-placeholder: var(--colors-primary-input-text-placeholder);
    --colors-color-palette-input-text-invalid-border: var(--colors-primary-input-text-invalid-border);
    --colors-color-palette-input-text-invalid-text: var(--colors-primary-input-text-invalid-text);
    --colors-color-palette-input-text-invalid-placeholder: var(--colors-primary-input-text-invalid-placeholder);
    --colors-color-palette-input-text-focused-border: var(--colors-primary-input-text-focused-border);
    --colors-color-palette-input-text-disabled-border: var(--colors-primary-input-text-disabled-border);
    --colors-color-palette-input-text-disabled-text: var(--colors-primary-input-text-disabled-text);
    --colors-color-palette-input-text-disabled-placeholder: var(--colors-primary-input-text-disabled-placeholder);
    --colors-color-palette-input-text-solid-bg: var(--colors-primary-input-text-solid-bg);
    --colors-color-palette-input-text-solid-border: var(--colors-primary-input-text-solid-border);
    --colors-color-palette-input-text-solid-bg-disabled: var(--colors-primary-input-text-solid-bg-disabled);
    --colors-color-palette-input-text-outline-bg: var(--colors-primary-input-text-outline-bg);
    --colors-color-palette-input-text-outline-border: var(--colors-primary-input-text-outline-border);
    --colors-color-palette-input-text-ghost-bg: var(--colors-primary-input-text-ghost-bg);
    --colors-color-palette-input-text-ghost-border: var(--colors-primary-input-text-ghost-border);
    --colors-color-palette-label-bg: var(--colors-primary-label-bg);
    --colors-color-palette-label-text: var(--colors-primary-label-text);
    --colors-color-palette-label-active-bg: var(--colors-primary-label-active-bg);
    --colors-color-palette-label-active-text: var(--colors-primary-label-active-text);
    --colors-color-palette-label-pending-bg: var(--colors-primary-label-pending-bg);
    --colors-color-palette-label-pending-text: var(--colors-primary-label-pending-text);
    --colors-color-palette-label-inactive-bg: var(--colors-primary-label-inactive-bg);
    --colors-color-palette-label-inactive-text: var(--colors-primary-label-inactive-text);
    --colors-color-palette-logo-bg: var(--colors-primary-logo-bg);
    --colors-color-palette-nav-link-sidebar-item-bg: var(--colors-primary-nav-link-sidebar-item-bg);
    --colors-color-palette-nav-link-sidebar-item-text: var(--colors-primary-nav-link-sidebar-item-text);
    --colors-color-palette-nav-link-sidebar-item-hover-bg: var(--colors-primary-nav-link-sidebar-item-hover-bg);
    --colors-color-palette-nav-link-sidebar-item-hover-text: var(--colors-primary-nav-link-sidebar-item-hover-text);
    --colors-color-palette-nav-link-sidebar-item-disabled-bg: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
    --colors-color-palette-nav-link-sidebar-item-disabled-text: var(--colors-primary-nav-link-sidebar-item-disabled-text);
    --colors-color-palette-page-bg: var(--colors-primary-page-bg);
    --colors-color-palette-page-color: var(--colors-primary-page-color);
    --colors-color-palette-sidebar-main-bg: var(--colors-primary-sidebar-main-bg);
    --colors-color-palette-sidebar-main-color: var(--colors-primary-sidebar-main-color);
    --colors-color-palette-sidebar-main-hover-bg: var(--colors-primary-sidebar-main-hover-bg);
    --colors-color-palette-sidebar-main-hover-color: var(--colors-primary-sidebar-main-hover-color);
    --colors-color-palette-tag-bg: var(--colors-primary-tag-bg);
    --colors-color-palette-tag-text: var(--colors-primary-tag-text);
    --colors-color-palette-tag-hover-bg: var(--colors-primary-tag-hover-bg);
    --colors-color-palette-tag-hover-text: var(--colors-primary-tag-hover-text);
    --colors-color-palette-toast-bg: var(--colors-primary-toast-bg);
    --colors-color-palette-toast-text: var(--colors-primary-toast-text);
    --colors-color-palette-toast-info-icon: var(--colors-primary-toast-info-icon);
    --colors-color-palette-toast-success-icon: var(--colors-primary-toast-success-icon);
    --colors-color-palette-toast-alert-icon: var(--colors-primary-toast-alert-icon);
    --colors-color-palette-toggle-bg-switch: var(--colors-primary-toggle-bg-switch);
    --colors-color-palette-toggle-circle-bg: var(--colors-primary-toggle-circle-bg);
    --colors-color-palette-toggle-bg-icon: var(--colors-primary-toggle-bg-icon);
    --colors-color-palette-toggle-checked-bg: var(--colors-primary-toggle-checked-bg);
    --colors-color-palette-tooltip-main-bg: var(--colors-primary-tooltip-main-bg);
    --colors-color-palette-tooltip-main-text: var(--colors-primary-tooltip-main-text);
    --colors-color-palette-top-search-bar-bg: var(--colors-primary-top-search-bar-bg);
    --colors-color-palette-top-search-bar-border: var(--colors-primary-top-search-bar-border);
    --colors-color-palette-top-search-bar-color: var(--colors-primary-top-search-bar-color);
    --colors-color-palette-top-search-bar-input-bg: var(--colors-primary-top-search-bar-input-bg);
    --colors-color-palette-top-search-bar-input-border: var(--colors-primary-top-search-bar-input-border);
    --colors-color-palette-top-search-bar-input-color-placeholder: var(--colors-primary-top-search-bar-input-color-placeholder);
    --colors-color-palette-top-search-bar-input-color: var(--colors-primary-top-search-bar-input-color);
}

  .sidebar--variant_secondary {
    --colors-color-palette-button-solid-bg: var(--colors-secondary-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-secondary-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-secondary-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-secondary-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-secondary-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-secondary-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-secondary-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-secondary-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-secondary-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-secondary-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-secondary-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-secondary-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-secondary-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-secondary-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-secondary-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-secondary-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-secondary-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-secondary-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-secondary-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-secondary-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-secondary-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-secondary-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-secondary-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-secondary-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-secondary-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-secondary-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-secondary-button-link-btn-disabled-text);
}

  .sidebar--variant_third {
    --colors-color-palette-button-solid-bg: var(--colors-third-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-third-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-third-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-third-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-third-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-third-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-third-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-third-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-third-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-third-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-third-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-third-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-third-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-third-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-third-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-third-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-third-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-third-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-third-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-third-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-third-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-third-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-third-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-third-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-third-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-third-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-third-button-link-btn-disabled-text);
}

  .sidebar--variant_fourth {
    --colors-color-palette-button-solid-bg: var(--colors-fourth-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fourth-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fourth-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fourth-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fourth-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fourth-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-fourth-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-fourth-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-fourth-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-fourth-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-fourth-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-fourth-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-fourth-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-fourth-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-fourth-button-outline-disabled-border);
    --colors-color-palette-button-outline-light-bg: var(--colors-fourth-button-outline-light-bg);
    --colors-color-palette-button-outline-light-text: var(--colors-fourth-button-outline-light-text);
    --colors-color-palette-button-outline-light-border: var(--colors-fourth-button-outline-light-border);
    --colors-color-palette-button-outline-light-hover-bg: var(--colors-fourth-button-outline-light-hover-bg);
    --colors-color-palette-button-outline-light-hover-text: var(--colors-fourth-button-outline-light-hover-text);
    --colors-color-palette-button-outline-light-hover-border: var(--colors-fourth-button-outline-light-hover-border);
    --colors-color-palette-button-outline-light-disabled-bg: var(--colors-fourth-button-outline-light-disabled-bg);
    --colors-color-palette-button-outline-light-disabled-text: var(--colors-fourth-button-outline-light-disabled-text);
    --colors-color-palette-button-outline-light-disabled-border: var(--colors-fourth-button-outline-light-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-fourth-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-fourth-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-fourth-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-fourth-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-fourth-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-fourth-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-fourth-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-fourth-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-fourth-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-fourth-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-fourth-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-fourth-button-link-btn-disabled-text);
}

  .sidebar--variant_fifth {
    --colors-color-palette-button-solid-bg: var(--colors-fifth-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fifth-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fifth-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fifth-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fifth-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fifth-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-fifth-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-fifth-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-fifth-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-fifth-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-fifth-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-fifth-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-fifth-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-fifth-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-fifth-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-fifth-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-fifth-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-fifth-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-fifth-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-fifth-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-fifth-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-fifth-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-fifth-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-fifth-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-fifth-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-fifth-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-fifth-button-link-btn-disabled-text);
}

  .sidebar--variant_primaryInverted {
    --colors-color-palette-button-solid-bg: var(--colors-primary-inverted-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-primary-inverted-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-primary-inverted-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-primary-inverted-button-solid-hover-text);
    --colors-color-palette-button-outline-bg: var(--colors-primary-inverted-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-primary-inverted-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-primary-inverted-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-primary-inverted-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-primary-inverted-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-primary-inverted-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-inverted-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-primary-inverted-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-primary-inverted-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-primary-inverted-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-primary-inverted-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-inverted-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-primary-inverted-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-inverted-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-inverted-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-primary-inverted-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-primary-inverted-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-inverted-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-inverted-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-inverted-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-inverted-button-link-btn-disabled-text);
}

  .sidebar--variant_fifthInverted {
    --colors-color-palette-button-solid-bg: var(--colors-fifth-inverted-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fifth-inverted-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fifth-inverted-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fifth-inverted-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fifth-inverted-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fifth-inverted-button-solid-disabled-text);
}

  .sidebar--variant_rewrite {
    --colors-color-palette-button-solid-bg: var(--colors-rewrite-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-rewrite-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-rewrite-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-rewrite-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-rewrite-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-rewrite-button-solid-disabled-text);
}

  .sidebar--variant_translate {
    --colors-color-palette-button-solid-bg: var(--colors-translate-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-translate-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-translate-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-translate-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-translate-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-translate-button-solid-disabled-text);
}

  .sidebar--variant_ask {
    --colors-color-palette-button-solid-bg: var(--colors-ask-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-ask-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-ask-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-ask-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-ask-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-ask-button-solid-disabled-text);
}

  .sidebar--variant_detect {
    --colors-color-palette-button-solid-bg: var(--colors-detect-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-detect-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-detect-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-detect-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-detect-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-detect-button-solid-disabled-text);
}

  .sidebar--variant_danger {
    --colors-color-palette-button-solid-bg: var(--colors-danger-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-danger-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-danger-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-danger-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-danger-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-danger-button-solid-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-danger-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-danger-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-danger-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-danger-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-danger-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-danger-button-link-btn-disabled-text);
}

  .sidebar--variant_gradients {
    --colors-color-palette-purple-to-blue: var(--colors-gradients-purple-to-blue);
    --colors-color-palette-lavander-to-lightblue: var(--colors-gradients-lavander-to-lightblue);
    --colors-color-palette-dark-lavander-to-lightblue: var(--colors-gradients-dark-lavander-to-lightblue);
}

  .tag--size_lg {
    padding-block: var(--spacing-ms);
    padding-inline: var(--spacing-ml);
    min-height: 46px;
    gap: var(--spacing-md);
    font-size: var(--font-sizes-md);
}

  .tag--size_lg .tagIcon {
    width: 20px;
    min-width: 20px;
}

  .tag--visual_selected {
    background: var(--colors-color-palette-tag-hover-bg);
    color: var(--colors-color-palette-tag-hover-text);
}

  .tag--variant_primary {
    --colors-color-palette-button-solid-bg: var(--colors-primary-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-primary-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-primary-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-primary-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-primary-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-primary-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-primary-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-primary-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-primary-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-primary-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-primary-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-primary-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-primary-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-primary-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-primary-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-primary-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-primary-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-primary-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-primary-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-button-link-btn-disabled-text);
    --colors-color-palette-cards-bg-container: var(--colors-primary-cards-bg-container);
    --colors-color-palette-cards-bg-content: var(--colors-primary-cards-bg-content);
    --colors-color-palette-cards-color: var(--colors-primary-cards-color);
    --colors-color-palette-cards-border-color: var(--colors-primary-cards-border-color);
    --colors-color-palette-box-bg: var(--colors-primary-box-bg);
    --colors-color-palette-box-color: var(--colors-primary-box-color);
    --colors-color-palette-dropdown-error-text: var(--colors-primary-dropdown-error-text);
    --colors-color-palette-dropdown-error-border: var(--colors-primary-dropdown-error-border);
    --colors-color-palette-dropdown-error-bg: var(--colors-primary-dropdown-error-bg);
    --colors-color-palette-dropdown-solid-bg: var(--colors-primary-dropdown-solid-bg);
    --colors-color-palette-dropdown-solid-text: var(--colors-primary-dropdown-solid-text);
    --colors-color-palette-dropdown-solid-hover-bg: var(--colors-primary-dropdown-solid-hover-bg);
    --colors-color-palette-dropdown-solid-hover-text: var(--colors-primary-dropdown-solid-hover-text);
    --colors-color-palette-dropdown-solid-disabled-bg: var(--colors-primary-dropdown-solid-disabled-bg);
    --colors-color-palette-dropdown-solid-disabled-text: var(--colors-primary-dropdown-solid-disabled-text);
    --colors-color-palette-dropdown-outline-bg: var(--colors-primary-dropdown-outline-bg);
    --colors-color-palette-dropdown-outline-text: var(--colors-primary-dropdown-outline-text);
    --colors-color-palette-dropdown-outline-border: var(--colors-primary-dropdown-outline-border);
    --colors-color-palette-dropdown-outline-hover-bg: var(--colors-primary-dropdown-outline-hover-bg);
    --colors-color-palette-dropdown-outline-hover-text: var(--colors-primary-dropdown-outline-hover-text);
    --colors-color-palette-dropdown-outline-hover-border: var(--colors-primary-dropdown-outline-hover-border);
    --colors-color-palette-dropdown-outline-disabled-bg: var(--colors-primary-dropdown-outline-disabled-bg);
    --colors-color-palette-dropdown-outline-disabled-text: var(--colors-primary-dropdown-outline-disabled-text);
    --colors-color-palette-dropdown-outline-disabled-border: var(--colors-primary-dropdown-outline-disabled-border);
    --colors-color-palette-input-text-text: var(--colors-primary-input-text-text);
    --colors-color-palette-input-text-placeholder: var(--colors-primary-input-text-placeholder);
    --colors-color-palette-input-text-invalid-border: var(--colors-primary-input-text-invalid-border);
    --colors-color-palette-input-text-invalid-text: var(--colors-primary-input-text-invalid-text);
    --colors-color-palette-input-text-invalid-placeholder: var(--colors-primary-input-text-invalid-placeholder);
    --colors-color-palette-input-text-focused-border: var(--colors-primary-input-text-focused-border);
    --colors-color-palette-input-text-disabled-border: var(--colors-primary-input-text-disabled-border);
    --colors-color-palette-input-text-disabled-text: var(--colors-primary-input-text-disabled-text);
    --colors-color-palette-input-text-disabled-placeholder: var(--colors-primary-input-text-disabled-placeholder);
    --colors-color-palette-input-text-solid-bg: var(--colors-primary-input-text-solid-bg);
    --colors-color-palette-input-text-solid-border: var(--colors-primary-input-text-solid-border);
    --colors-color-palette-input-text-solid-bg-disabled: var(--colors-primary-input-text-solid-bg-disabled);
    --colors-color-palette-input-text-outline-bg: var(--colors-primary-input-text-outline-bg);
    --colors-color-palette-input-text-outline-border: var(--colors-primary-input-text-outline-border);
    --colors-color-palette-input-text-ghost-bg: var(--colors-primary-input-text-ghost-bg);
    --colors-color-palette-input-text-ghost-border: var(--colors-primary-input-text-ghost-border);
    --colors-color-palette-label-bg: var(--colors-primary-label-bg);
    --colors-color-palette-label-text: var(--colors-primary-label-text);
    --colors-color-palette-label-active-bg: var(--colors-primary-label-active-bg);
    --colors-color-palette-label-active-text: var(--colors-primary-label-active-text);
    --colors-color-palette-label-pending-bg: var(--colors-primary-label-pending-bg);
    --colors-color-palette-label-pending-text: var(--colors-primary-label-pending-text);
    --colors-color-palette-label-inactive-bg: var(--colors-primary-label-inactive-bg);
    --colors-color-palette-label-inactive-text: var(--colors-primary-label-inactive-text);
    --colors-color-palette-logo-bg: var(--colors-primary-logo-bg);
    --colors-color-palette-nav-link-sidebar-item-bg: var(--colors-primary-nav-link-sidebar-item-bg);
    --colors-color-palette-nav-link-sidebar-item-text: var(--colors-primary-nav-link-sidebar-item-text);
    --colors-color-palette-nav-link-sidebar-item-hover-bg: var(--colors-primary-nav-link-sidebar-item-hover-bg);
    --colors-color-palette-nav-link-sidebar-item-hover-text: var(--colors-primary-nav-link-sidebar-item-hover-text);
    --colors-color-palette-nav-link-sidebar-item-disabled-bg: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
    --colors-color-palette-nav-link-sidebar-item-disabled-text: var(--colors-primary-nav-link-sidebar-item-disabled-text);
    --colors-color-palette-page-bg: var(--colors-primary-page-bg);
    --colors-color-palette-page-color: var(--colors-primary-page-color);
    --colors-color-palette-sidebar-main-bg: var(--colors-primary-sidebar-main-bg);
    --colors-color-palette-sidebar-main-color: var(--colors-primary-sidebar-main-color);
    --colors-color-palette-sidebar-main-hover-bg: var(--colors-primary-sidebar-main-hover-bg);
    --colors-color-palette-sidebar-main-hover-color: var(--colors-primary-sidebar-main-hover-color);
    --colors-color-palette-tag-bg: var(--colors-primary-tag-bg);
    --colors-color-palette-tag-text: var(--colors-primary-tag-text);
    --colors-color-palette-tag-hover-bg: var(--colors-primary-tag-hover-bg);
    --colors-color-palette-tag-hover-text: var(--colors-primary-tag-hover-text);
    --colors-color-palette-toast-bg: var(--colors-primary-toast-bg);
    --colors-color-palette-toast-text: var(--colors-primary-toast-text);
    --colors-color-palette-toast-info-icon: var(--colors-primary-toast-info-icon);
    --colors-color-palette-toast-success-icon: var(--colors-primary-toast-success-icon);
    --colors-color-palette-toast-alert-icon: var(--colors-primary-toast-alert-icon);
    --colors-color-palette-toggle-bg-switch: var(--colors-primary-toggle-bg-switch);
    --colors-color-palette-toggle-circle-bg: var(--colors-primary-toggle-circle-bg);
    --colors-color-palette-toggle-bg-icon: var(--colors-primary-toggle-bg-icon);
    --colors-color-palette-toggle-checked-bg: var(--colors-primary-toggle-checked-bg);
    --colors-color-palette-tooltip-main-bg: var(--colors-primary-tooltip-main-bg);
    --colors-color-palette-tooltip-main-text: var(--colors-primary-tooltip-main-text);
    --colors-color-palette-top-search-bar-bg: var(--colors-primary-top-search-bar-bg);
    --colors-color-palette-top-search-bar-border: var(--colors-primary-top-search-bar-border);
    --colors-color-palette-top-search-bar-color: var(--colors-primary-top-search-bar-color);
    --colors-color-palette-top-search-bar-input-bg: var(--colors-primary-top-search-bar-input-bg);
    --colors-color-palette-top-search-bar-input-border: var(--colors-primary-top-search-bar-input-border);
    --colors-color-palette-top-search-bar-input-color-placeholder: var(--colors-primary-top-search-bar-input-color-placeholder);
    --colors-color-palette-top-search-bar-input-color: var(--colors-primary-top-search-bar-input-color);
}

  .tag--variant_secondary {
    --colors-color-palette-button-solid-bg: var(--colors-secondary-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-secondary-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-secondary-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-secondary-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-secondary-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-secondary-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-secondary-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-secondary-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-secondary-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-secondary-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-secondary-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-secondary-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-secondary-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-secondary-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-secondary-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-secondary-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-secondary-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-secondary-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-secondary-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-secondary-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-secondary-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-secondary-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-secondary-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-secondary-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-secondary-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-secondary-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-secondary-button-link-btn-disabled-text);
}

  .tag--variant_third {
    --colors-color-palette-button-solid-bg: var(--colors-third-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-third-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-third-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-third-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-third-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-third-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-third-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-third-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-third-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-third-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-third-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-third-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-third-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-third-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-third-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-third-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-third-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-third-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-third-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-third-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-third-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-third-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-third-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-third-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-third-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-third-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-third-button-link-btn-disabled-text);
}

  .tag--variant_fourth {
    --colors-color-palette-button-solid-bg: var(--colors-fourth-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fourth-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fourth-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fourth-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fourth-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fourth-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-fourth-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-fourth-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-fourth-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-fourth-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-fourth-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-fourth-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-fourth-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-fourth-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-fourth-button-outline-disabled-border);
    --colors-color-palette-button-outline-light-bg: var(--colors-fourth-button-outline-light-bg);
    --colors-color-palette-button-outline-light-text: var(--colors-fourth-button-outline-light-text);
    --colors-color-palette-button-outline-light-border: var(--colors-fourth-button-outline-light-border);
    --colors-color-palette-button-outline-light-hover-bg: var(--colors-fourth-button-outline-light-hover-bg);
    --colors-color-palette-button-outline-light-hover-text: var(--colors-fourth-button-outline-light-hover-text);
    --colors-color-palette-button-outline-light-hover-border: var(--colors-fourth-button-outline-light-hover-border);
    --colors-color-palette-button-outline-light-disabled-bg: var(--colors-fourth-button-outline-light-disabled-bg);
    --colors-color-palette-button-outline-light-disabled-text: var(--colors-fourth-button-outline-light-disabled-text);
    --colors-color-palette-button-outline-light-disabled-border: var(--colors-fourth-button-outline-light-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-fourth-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-fourth-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-fourth-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-fourth-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-fourth-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-fourth-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-fourth-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-fourth-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-fourth-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-fourth-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-fourth-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-fourth-button-link-btn-disabled-text);
}

  .tag--variant_fifth {
    --colors-color-palette-button-solid-bg: var(--colors-fifth-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fifth-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fifth-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fifth-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fifth-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fifth-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-fifth-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-fifth-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-fifth-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-fifth-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-fifth-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-fifth-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-fifth-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-fifth-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-fifth-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-fifth-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-fifth-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-fifth-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-fifth-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-fifth-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-fifth-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-fifth-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-fifth-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-fifth-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-fifth-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-fifth-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-fifth-button-link-btn-disabled-text);
}

  .tag--variant_primaryInverted {
    --colors-color-palette-button-solid-bg: var(--colors-primary-inverted-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-primary-inverted-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-primary-inverted-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-primary-inverted-button-solid-hover-text);
    --colors-color-palette-button-outline-bg: var(--colors-primary-inverted-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-primary-inverted-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-primary-inverted-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-primary-inverted-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-primary-inverted-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-primary-inverted-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-inverted-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-primary-inverted-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-primary-inverted-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-primary-inverted-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-primary-inverted-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-inverted-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-primary-inverted-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-inverted-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-inverted-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-primary-inverted-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-primary-inverted-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-inverted-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-inverted-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-inverted-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-inverted-button-link-btn-disabled-text);
}

  .tag--variant_fifthInverted {
    --colors-color-palette-button-solid-bg: var(--colors-fifth-inverted-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fifth-inverted-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fifth-inverted-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fifth-inverted-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fifth-inverted-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fifth-inverted-button-solid-disabled-text);
}

  .tag--variant_rewrite {
    --colors-color-palette-button-solid-bg: var(--colors-rewrite-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-rewrite-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-rewrite-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-rewrite-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-rewrite-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-rewrite-button-solid-disabled-text);
}

  .tag--variant_translate {
    --colors-color-palette-button-solid-bg: var(--colors-translate-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-translate-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-translate-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-translate-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-translate-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-translate-button-solid-disabled-text);
}

  .tag--variant_ask {
    --colors-color-palette-button-solid-bg: var(--colors-ask-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-ask-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-ask-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-ask-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-ask-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-ask-button-solid-disabled-text);
}

  .tag--variant_detect {
    --colors-color-palette-button-solid-bg: var(--colors-detect-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-detect-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-detect-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-detect-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-detect-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-detect-button-solid-disabled-text);
}

  .tag--variant_danger {
    --colors-color-palette-button-solid-bg: var(--colors-danger-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-danger-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-danger-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-danger-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-danger-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-danger-button-solid-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-danger-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-danger-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-danger-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-danger-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-danger-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-danger-button-link-btn-disabled-text);
}

  .tag--variant_gradients {
    --colors-color-palette-purple-to-blue: var(--colors-gradients-purple-to-blue);
    --colors-color-palette-lavander-to-lightblue: var(--colors-gradients-lavander-to-lightblue);
    --colors-color-palette-dark-lavander-to-lightblue: var(--colors-gradients-dark-lavander-to-lightblue);
}

  .tag--size_sm {
    padding-block: var(--spacing-xs);
    padding-inline: var(--spacing-sm);
    height: 32px;
    gap: var(--spacing-sm);
    font-size: var(--font-sizes-ms);
}

  .tag--size_sm .tagIcon {
    width: 14px;
    height: 14px;
}

  .tag--animationLoop_true .tagIcon {
    animation: var(--animations-loop);
}

  .tag--animationPulse_true .tagIcon {
    animation: var(--animations-pulse);
}

  .textarea--visual_solid .innerTextarea {
    background: var(--colors-color-palette-input-text-solid-bg);
    color: var(--colors-color-palette-input-text-text);
    border: 1px solid;
    border-color: var(--colors-color-palette-input-text-solid-border);
}

  .textarea--visual_solid .innerTextarea:is(:invalid, [data-invalid]) {
    color: var(--colors-color-palette-input-text-invalid-text);
    border-color: var(--colors-color-palette-input-text-invalid-border);
}

  .textarea--visual_solid .innerTextarea:invalid:focus {
    color: var(--colors-color-palette-input-text-invalid-text);
    border-color: var(--colors-color-palette-input-text-invalid-border);
}

  .textarea--visual_solid .innerTextarea:is(:disabled, [disabled], [data-disabled]) {
    cursor: not-allowed;
    color: var(--colors-color-palette-input-text-disabled-text);
    background: var(--colors-color-palette-input-text-solid-bg-disabled);
    border-color: var(--colors-color-palette-input-text-disabled-border);
}

  .textarea--visual_solid .innerTextarea:is(:disabled, [disabled], [data-disabled])::placeholder,.textarea--visual_solid .innerTextarea:is(:disabled, [disabled], [data-disabled])[data-placeholder] {
    color: var(--colors-color-palette-input-text-disabled-text);
}

  .textarea--visual_solid .innerTextarea:is(:focus, [data-focus]) {
    border-color: var(--colors-color-palette-input-text-focused-border);
}

  .textarea--size_large {
    font-size: var(--font-sizes-md);
}

  .textarea--visual_outline .innerTextarea {
    border: 1px solid;
    background: var(--colors-color-palette-input-text-outline-bg);
    border-radius: var(--radii-sm);
    border-color: var(--colors-color-palette-input-text-outline-border);
}

  .textarea--visual_outline .innerTextarea:is(:invalid, [data-invalid]) {
    color: var(--colors-color-palette-input-text-invalid-text);
    border-color: var(--colors-color-palette-input-text-invalid-border);
}

  .textarea--visual_outline .innerTextarea:invalid:focus {
    color: var(--colors-color-palette-input-text-invalid-text);
    border-color: var(--colors-color-palette-input-text-invalid-border);
}

  .textarea--visual_outline .innerTextarea:is(:disabled, [disabled], [data-disabled]) {
    cursor: not-allowed;
    color: var(--colors-color-palette-input-text-disabled-text);
    border-color: var(--colors-color-palette-input-text-disabled-border);
}

  .textarea--visual_outline .innerTextarea:is(:disabled, [disabled], [data-disabled])::placeholder,.textarea--visual_outline .innerTextarea:is(:disabled, [disabled], [data-disabled])[data-placeholder] {
    color: var(--colors-color-palette-input-text-disabled-text);
}

  .textarea--visual_outline .innerTextarea:is(:focus, [data-focus]) {
    border-color: var(--colors-color-palette-input-text-focused-border);
}

  .textarea--visual_ghost .innerTextarea {
    background: var(--colors-color-palette-input-text-ghost-bg);
    outline: 2px solid transparent;
    outline-offset: 2px;
    height: 50px;
    border-radius: unset;
    border-bottom: 1px solid;
    color: colorPalette.inputText.ghost.text;
    border-color: var(--colors-color-palette-input-text-ghost-border);
}

  .textarea--visual_ghost .innerTextarea:is(:invalid, [data-invalid]) {
    color: var(--colors-color-palette-input-text-invalid-text);
    border-color: var(--colors-color-palette-input-text-invalid-border);
}

  .textarea--visual_ghost .innerTextarea:invalid:focus {
    color: var(--colors-color-palette-input-text-invalid-text);
    border-color: var(--colors-color-palette-input-text-invalid-border);
}

  .textarea--visual_ghost .innerTextarea:is(:disabled, [disabled], [data-disabled]) {
    cursor: not-allowed;
    color: var(--colors-color-palette-input-text-disabled-text);
    border-color: var(--colors-color-palette-input-text-disabled-border);
}

  .textarea--visual_ghost .innerTextarea:is(:disabled, [disabled], [data-disabled])::placeholder,.textarea--visual_ghost .innerTextarea:is(:disabled, [disabled], [data-disabled])[data-placeholder] {
    color: var(--colors-color-palette-input-text-disabled-text);
}

  .textarea--visual_ghost .innerTextarea:is(:focus, [data-focus]) {
    border-color: var(--colors-color-palette-input-text-focused-border);
}

  .textarea--size_small {
    font-size: var(--font-sizes-ms);
}

  .textarea--size_medium {
    font-size: var(--font-sizes-md);
}

  .textarea--variant_primary {
    --colors-color-palette-button-solid-bg: var(--colors-primary-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-primary-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-primary-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-primary-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-primary-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-primary-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-primary-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-primary-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-primary-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-primary-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-primary-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-primary-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-primary-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-primary-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-primary-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-primary-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-primary-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-primary-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-primary-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-button-link-btn-disabled-text);
    --colors-color-palette-cards-bg-container: var(--colors-primary-cards-bg-container);
    --colors-color-palette-cards-bg-content: var(--colors-primary-cards-bg-content);
    --colors-color-palette-cards-color: var(--colors-primary-cards-color);
    --colors-color-palette-cards-border-color: var(--colors-primary-cards-border-color);
    --colors-color-palette-box-bg: var(--colors-primary-box-bg);
    --colors-color-palette-box-color: var(--colors-primary-box-color);
    --colors-color-palette-dropdown-error-text: var(--colors-primary-dropdown-error-text);
    --colors-color-palette-dropdown-error-border: var(--colors-primary-dropdown-error-border);
    --colors-color-palette-dropdown-error-bg: var(--colors-primary-dropdown-error-bg);
    --colors-color-palette-dropdown-solid-bg: var(--colors-primary-dropdown-solid-bg);
    --colors-color-palette-dropdown-solid-text: var(--colors-primary-dropdown-solid-text);
    --colors-color-palette-dropdown-solid-hover-bg: var(--colors-primary-dropdown-solid-hover-bg);
    --colors-color-palette-dropdown-solid-hover-text: var(--colors-primary-dropdown-solid-hover-text);
    --colors-color-palette-dropdown-solid-disabled-bg: var(--colors-primary-dropdown-solid-disabled-bg);
    --colors-color-palette-dropdown-solid-disabled-text: var(--colors-primary-dropdown-solid-disabled-text);
    --colors-color-palette-dropdown-outline-bg: var(--colors-primary-dropdown-outline-bg);
    --colors-color-palette-dropdown-outline-text: var(--colors-primary-dropdown-outline-text);
    --colors-color-palette-dropdown-outline-border: var(--colors-primary-dropdown-outline-border);
    --colors-color-palette-dropdown-outline-hover-bg: var(--colors-primary-dropdown-outline-hover-bg);
    --colors-color-palette-dropdown-outline-hover-text: var(--colors-primary-dropdown-outline-hover-text);
    --colors-color-palette-dropdown-outline-hover-border: var(--colors-primary-dropdown-outline-hover-border);
    --colors-color-palette-dropdown-outline-disabled-bg: var(--colors-primary-dropdown-outline-disabled-bg);
    --colors-color-palette-dropdown-outline-disabled-text: var(--colors-primary-dropdown-outline-disabled-text);
    --colors-color-palette-dropdown-outline-disabled-border: var(--colors-primary-dropdown-outline-disabled-border);
    --colors-color-palette-input-text-text: var(--colors-primary-input-text-text);
    --colors-color-palette-input-text-placeholder: var(--colors-primary-input-text-placeholder);
    --colors-color-palette-input-text-invalid-border: var(--colors-primary-input-text-invalid-border);
    --colors-color-palette-input-text-invalid-text: var(--colors-primary-input-text-invalid-text);
    --colors-color-palette-input-text-invalid-placeholder: var(--colors-primary-input-text-invalid-placeholder);
    --colors-color-palette-input-text-focused-border: var(--colors-primary-input-text-focused-border);
    --colors-color-palette-input-text-disabled-border: var(--colors-primary-input-text-disabled-border);
    --colors-color-palette-input-text-disabled-text: var(--colors-primary-input-text-disabled-text);
    --colors-color-palette-input-text-disabled-placeholder: var(--colors-primary-input-text-disabled-placeholder);
    --colors-color-palette-input-text-solid-bg: var(--colors-primary-input-text-solid-bg);
    --colors-color-palette-input-text-solid-border: var(--colors-primary-input-text-solid-border);
    --colors-color-palette-input-text-solid-bg-disabled: var(--colors-primary-input-text-solid-bg-disabled);
    --colors-color-palette-input-text-outline-bg: var(--colors-primary-input-text-outline-bg);
    --colors-color-palette-input-text-outline-border: var(--colors-primary-input-text-outline-border);
    --colors-color-palette-input-text-ghost-bg: var(--colors-primary-input-text-ghost-bg);
    --colors-color-palette-input-text-ghost-border: var(--colors-primary-input-text-ghost-border);
    --colors-color-palette-label-bg: var(--colors-primary-label-bg);
    --colors-color-palette-label-text: var(--colors-primary-label-text);
    --colors-color-palette-label-active-bg: var(--colors-primary-label-active-bg);
    --colors-color-palette-label-active-text: var(--colors-primary-label-active-text);
    --colors-color-palette-label-pending-bg: var(--colors-primary-label-pending-bg);
    --colors-color-palette-label-pending-text: var(--colors-primary-label-pending-text);
    --colors-color-palette-label-inactive-bg: var(--colors-primary-label-inactive-bg);
    --colors-color-palette-label-inactive-text: var(--colors-primary-label-inactive-text);
    --colors-color-palette-logo-bg: var(--colors-primary-logo-bg);
    --colors-color-palette-nav-link-sidebar-item-bg: var(--colors-primary-nav-link-sidebar-item-bg);
    --colors-color-palette-nav-link-sidebar-item-text: var(--colors-primary-nav-link-sidebar-item-text);
    --colors-color-palette-nav-link-sidebar-item-hover-bg: var(--colors-primary-nav-link-sidebar-item-hover-bg);
    --colors-color-palette-nav-link-sidebar-item-hover-text: var(--colors-primary-nav-link-sidebar-item-hover-text);
    --colors-color-palette-nav-link-sidebar-item-disabled-bg: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
    --colors-color-palette-nav-link-sidebar-item-disabled-text: var(--colors-primary-nav-link-sidebar-item-disabled-text);
    --colors-color-palette-page-bg: var(--colors-primary-page-bg);
    --colors-color-palette-page-color: var(--colors-primary-page-color);
    --colors-color-palette-sidebar-main-bg: var(--colors-primary-sidebar-main-bg);
    --colors-color-palette-sidebar-main-color: var(--colors-primary-sidebar-main-color);
    --colors-color-palette-sidebar-main-hover-bg: var(--colors-primary-sidebar-main-hover-bg);
    --colors-color-palette-sidebar-main-hover-color: var(--colors-primary-sidebar-main-hover-color);
    --colors-color-palette-tag-bg: var(--colors-primary-tag-bg);
    --colors-color-palette-tag-text: var(--colors-primary-tag-text);
    --colors-color-palette-tag-hover-bg: var(--colors-primary-tag-hover-bg);
    --colors-color-palette-tag-hover-text: var(--colors-primary-tag-hover-text);
    --colors-color-palette-toast-bg: var(--colors-primary-toast-bg);
    --colors-color-palette-toast-text: var(--colors-primary-toast-text);
    --colors-color-palette-toast-info-icon: var(--colors-primary-toast-info-icon);
    --colors-color-palette-toast-success-icon: var(--colors-primary-toast-success-icon);
    --colors-color-palette-toast-alert-icon: var(--colors-primary-toast-alert-icon);
    --colors-color-palette-toggle-bg-switch: var(--colors-primary-toggle-bg-switch);
    --colors-color-palette-toggle-circle-bg: var(--colors-primary-toggle-circle-bg);
    --colors-color-palette-toggle-bg-icon: var(--colors-primary-toggle-bg-icon);
    --colors-color-palette-toggle-checked-bg: var(--colors-primary-toggle-checked-bg);
    --colors-color-palette-tooltip-main-bg: var(--colors-primary-tooltip-main-bg);
    --colors-color-palette-tooltip-main-text: var(--colors-primary-tooltip-main-text);
    --colors-color-palette-top-search-bar-bg: var(--colors-primary-top-search-bar-bg);
    --colors-color-palette-top-search-bar-border: var(--colors-primary-top-search-bar-border);
    --colors-color-palette-top-search-bar-color: var(--colors-primary-top-search-bar-color);
    --colors-color-palette-top-search-bar-input-bg: var(--colors-primary-top-search-bar-input-bg);
    --colors-color-palette-top-search-bar-input-border: var(--colors-primary-top-search-bar-input-border);
    --colors-color-palette-top-search-bar-input-color-placeholder: var(--colors-primary-top-search-bar-input-color-placeholder);
    --colors-color-palette-top-search-bar-input-color: var(--colors-primary-top-search-bar-input-color);
}

  .textarea--variant_secondary {
    --colors-color-palette-button-solid-bg: var(--colors-secondary-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-secondary-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-secondary-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-secondary-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-secondary-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-secondary-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-secondary-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-secondary-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-secondary-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-secondary-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-secondary-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-secondary-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-secondary-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-secondary-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-secondary-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-secondary-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-secondary-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-secondary-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-secondary-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-secondary-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-secondary-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-secondary-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-secondary-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-secondary-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-secondary-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-secondary-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-secondary-button-link-btn-disabled-text);
}

  .textarea--variant_third {
    --colors-color-palette-button-solid-bg: var(--colors-third-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-third-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-third-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-third-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-third-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-third-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-third-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-third-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-third-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-third-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-third-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-third-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-third-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-third-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-third-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-third-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-third-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-third-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-third-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-third-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-third-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-third-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-third-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-third-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-third-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-third-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-third-button-link-btn-disabled-text);
}

  .textarea--variant_fourth {
    --colors-color-palette-button-solid-bg: var(--colors-fourth-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fourth-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fourth-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fourth-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fourth-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fourth-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-fourth-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-fourth-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-fourth-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-fourth-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-fourth-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-fourth-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-fourth-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-fourth-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-fourth-button-outline-disabled-border);
    --colors-color-palette-button-outline-light-bg: var(--colors-fourth-button-outline-light-bg);
    --colors-color-palette-button-outline-light-text: var(--colors-fourth-button-outline-light-text);
    --colors-color-palette-button-outline-light-border: var(--colors-fourth-button-outline-light-border);
    --colors-color-palette-button-outline-light-hover-bg: var(--colors-fourth-button-outline-light-hover-bg);
    --colors-color-palette-button-outline-light-hover-text: var(--colors-fourth-button-outline-light-hover-text);
    --colors-color-palette-button-outline-light-hover-border: var(--colors-fourth-button-outline-light-hover-border);
    --colors-color-palette-button-outline-light-disabled-bg: var(--colors-fourth-button-outline-light-disabled-bg);
    --colors-color-palette-button-outline-light-disabled-text: var(--colors-fourth-button-outline-light-disabled-text);
    --colors-color-palette-button-outline-light-disabled-border: var(--colors-fourth-button-outline-light-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-fourth-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-fourth-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-fourth-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-fourth-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-fourth-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-fourth-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-fourth-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-fourth-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-fourth-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-fourth-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-fourth-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-fourth-button-link-btn-disabled-text);
}

  .textarea--variant_fifth {
    --colors-color-palette-button-solid-bg: var(--colors-fifth-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fifth-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fifth-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fifth-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fifth-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fifth-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-fifth-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-fifth-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-fifth-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-fifth-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-fifth-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-fifth-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-fifth-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-fifth-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-fifth-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-fifth-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-fifth-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-fifth-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-fifth-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-fifth-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-fifth-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-fifth-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-fifth-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-fifth-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-fifth-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-fifth-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-fifth-button-link-btn-disabled-text);
}

  .textarea--variant_primaryInverted {
    --colors-color-palette-button-solid-bg: var(--colors-primary-inverted-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-primary-inverted-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-primary-inverted-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-primary-inverted-button-solid-hover-text);
    --colors-color-palette-button-outline-bg: var(--colors-primary-inverted-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-primary-inverted-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-primary-inverted-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-primary-inverted-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-primary-inverted-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-primary-inverted-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-inverted-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-primary-inverted-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-primary-inverted-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-primary-inverted-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-primary-inverted-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-inverted-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-primary-inverted-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-inverted-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-inverted-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-primary-inverted-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-primary-inverted-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-inverted-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-inverted-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-inverted-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-inverted-button-link-btn-disabled-text);
}

  .textarea--variant_fifthInverted {
    --colors-color-palette-button-solid-bg: var(--colors-fifth-inverted-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fifth-inverted-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fifth-inverted-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fifth-inverted-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fifth-inverted-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fifth-inverted-button-solid-disabled-text);
}

  .textarea--variant_rewrite {
    --colors-color-palette-button-solid-bg: var(--colors-rewrite-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-rewrite-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-rewrite-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-rewrite-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-rewrite-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-rewrite-button-solid-disabled-text);
}

  .textarea--variant_translate {
    --colors-color-palette-button-solid-bg: var(--colors-translate-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-translate-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-translate-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-translate-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-translate-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-translate-button-solid-disabled-text);
}

  .textarea--variant_ask {
    --colors-color-palette-button-solid-bg: var(--colors-ask-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-ask-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-ask-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-ask-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-ask-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-ask-button-solid-disabled-text);
}

  .textarea--variant_detect {
    --colors-color-palette-button-solid-bg: var(--colors-detect-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-detect-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-detect-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-detect-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-detect-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-detect-button-solid-disabled-text);
}

  .textarea--variant_danger {
    --colors-color-palette-button-solid-bg: var(--colors-danger-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-danger-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-danger-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-danger-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-danger-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-danger-button-solid-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-danger-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-danger-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-danger-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-danger-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-danger-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-danger-button-link-btn-disabled-text);
}

  .textarea--variant_gradients {
    --colors-color-palette-purple-to-blue: var(--colors-gradients-purple-to-blue);
    --colors-color-palette-lavander-to-lightblue: var(--colors-gradients-lavander-to-lightblue);
    --colors-color-palette-dark-lavander-to-lightblue: var(--colors-gradients-dark-lavander-to-lightblue);
}

  .toggle--visual_checked {
    transform: scale(0.6);
    background: var(--colors-color-palette-toggle-checked-bg);
}

  .toggle--visual_checked::after {
    transform: scale(0);
    left: 15px;
    bottom: 8px;
}

  .toggle--visual_checked .ray {
    background: var(--colors-color-palette-toggle-checked-bg);
}

  .toggle--visual_checked .ray:nth-child(1) {
    transform: rotate(45deg) translateX(-16px);
}

  .toggle--visual_checked .ray:nth-child(2) {
    transform: rotate(90deg) translateX(-16px);
}

  .toggle--visual_checked .ray:nth-child(3) {
    transform: rotate(135deg) translateX(-16px);
}

  .toggle--visual_checked .ray:nth-child(4) {
    transform: rotate(180deg) translateX(-16px);
}

  .toggle--visual_checked .ray:nth-child(5) {
    transform: rotate(225deg) translateX(-16px);
}

  .toggle--visual_checked .ray:nth-child(6) {
    transform: rotate(270deg) translateX(-16px);
}

  .toggle--visual_checked .ray:nth-child(7) {
    transform: rotate(315deg) translateX(-16px);
}

  .toggle--visual_checked .ray:nth-child(8) {
    transform: rotate(360deg) translateX(-16px);
}

  .wrapperBG--gradient_lavanderToLightblue {
    background: colorPalette.lavanderToLightblue.bg;
}

  .wrapperBG--gradient_purlpleToBlue {
    background: colorPalette.purlpleToBlue.bg;
}

  .wrapperBG--variant_primary {
    --colors-color-palette-button-solid-bg: var(--colors-primary-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-primary-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-primary-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-primary-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-primary-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-primary-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-primary-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-primary-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-primary-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-primary-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-primary-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-primary-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-primary-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-primary-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-primary-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-primary-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-primary-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-primary-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-primary-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-button-link-btn-disabled-text);
    --colors-color-palette-cards-bg-container: var(--colors-primary-cards-bg-container);
    --colors-color-palette-cards-bg-content: var(--colors-primary-cards-bg-content);
    --colors-color-palette-cards-color: var(--colors-primary-cards-color);
    --colors-color-palette-cards-border-color: var(--colors-primary-cards-border-color);
    --colors-color-palette-box-bg: var(--colors-primary-box-bg);
    --colors-color-palette-box-color: var(--colors-primary-box-color);
    --colors-color-palette-dropdown-error-text: var(--colors-primary-dropdown-error-text);
    --colors-color-palette-dropdown-error-border: var(--colors-primary-dropdown-error-border);
    --colors-color-palette-dropdown-error-bg: var(--colors-primary-dropdown-error-bg);
    --colors-color-palette-dropdown-solid-bg: var(--colors-primary-dropdown-solid-bg);
    --colors-color-palette-dropdown-solid-text: var(--colors-primary-dropdown-solid-text);
    --colors-color-palette-dropdown-solid-hover-bg: var(--colors-primary-dropdown-solid-hover-bg);
    --colors-color-palette-dropdown-solid-hover-text: var(--colors-primary-dropdown-solid-hover-text);
    --colors-color-palette-dropdown-solid-disabled-bg: var(--colors-primary-dropdown-solid-disabled-bg);
    --colors-color-palette-dropdown-solid-disabled-text: var(--colors-primary-dropdown-solid-disabled-text);
    --colors-color-palette-dropdown-outline-bg: var(--colors-primary-dropdown-outline-bg);
    --colors-color-palette-dropdown-outline-text: var(--colors-primary-dropdown-outline-text);
    --colors-color-palette-dropdown-outline-border: var(--colors-primary-dropdown-outline-border);
    --colors-color-palette-dropdown-outline-hover-bg: var(--colors-primary-dropdown-outline-hover-bg);
    --colors-color-palette-dropdown-outline-hover-text: var(--colors-primary-dropdown-outline-hover-text);
    --colors-color-palette-dropdown-outline-hover-border: var(--colors-primary-dropdown-outline-hover-border);
    --colors-color-palette-dropdown-outline-disabled-bg: var(--colors-primary-dropdown-outline-disabled-bg);
    --colors-color-palette-dropdown-outline-disabled-text: var(--colors-primary-dropdown-outline-disabled-text);
    --colors-color-palette-dropdown-outline-disabled-border: var(--colors-primary-dropdown-outline-disabled-border);
    --colors-color-palette-input-text-text: var(--colors-primary-input-text-text);
    --colors-color-palette-input-text-placeholder: var(--colors-primary-input-text-placeholder);
    --colors-color-palette-input-text-invalid-border: var(--colors-primary-input-text-invalid-border);
    --colors-color-palette-input-text-invalid-text: var(--colors-primary-input-text-invalid-text);
    --colors-color-palette-input-text-invalid-placeholder: var(--colors-primary-input-text-invalid-placeholder);
    --colors-color-palette-input-text-focused-border: var(--colors-primary-input-text-focused-border);
    --colors-color-palette-input-text-disabled-border: var(--colors-primary-input-text-disabled-border);
    --colors-color-palette-input-text-disabled-text: var(--colors-primary-input-text-disabled-text);
    --colors-color-palette-input-text-disabled-placeholder: var(--colors-primary-input-text-disabled-placeholder);
    --colors-color-palette-input-text-solid-bg: var(--colors-primary-input-text-solid-bg);
    --colors-color-palette-input-text-solid-border: var(--colors-primary-input-text-solid-border);
    --colors-color-palette-input-text-solid-bg-disabled: var(--colors-primary-input-text-solid-bg-disabled);
    --colors-color-palette-input-text-outline-bg: var(--colors-primary-input-text-outline-bg);
    --colors-color-palette-input-text-outline-border: var(--colors-primary-input-text-outline-border);
    --colors-color-palette-input-text-ghost-bg: var(--colors-primary-input-text-ghost-bg);
    --colors-color-palette-input-text-ghost-border: var(--colors-primary-input-text-ghost-border);
    --colors-color-palette-label-bg: var(--colors-primary-label-bg);
    --colors-color-palette-label-text: var(--colors-primary-label-text);
    --colors-color-palette-label-active-bg: var(--colors-primary-label-active-bg);
    --colors-color-palette-label-active-text: var(--colors-primary-label-active-text);
    --colors-color-palette-label-pending-bg: var(--colors-primary-label-pending-bg);
    --colors-color-palette-label-pending-text: var(--colors-primary-label-pending-text);
    --colors-color-palette-label-inactive-bg: var(--colors-primary-label-inactive-bg);
    --colors-color-palette-label-inactive-text: var(--colors-primary-label-inactive-text);
    --colors-color-palette-logo-bg: var(--colors-primary-logo-bg);
    --colors-color-palette-nav-link-sidebar-item-bg: var(--colors-primary-nav-link-sidebar-item-bg);
    --colors-color-palette-nav-link-sidebar-item-text: var(--colors-primary-nav-link-sidebar-item-text);
    --colors-color-palette-nav-link-sidebar-item-hover-bg: var(--colors-primary-nav-link-sidebar-item-hover-bg);
    --colors-color-palette-nav-link-sidebar-item-hover-text: var(--colors-primary-nav-link-sidebar-item-hover-text);
    --colors-color-palette-nav-link-sidebar-item-disabled-bg: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
    --colors-color-palette-nav-link-sidebar-item-disabled-text: var(--colors-primary-nav-link-sidebar-item-disabled-text);
    --colors-color-palette-page-bg: var(--colors-primary-page-bg);
    --colors-color-palette-page-color: var(--colors-primary-page-color);
    --colors-color-palette-sidebar-main-bg: var(--colors-primary-sidebar-main-bg);
    --colors-color-palette-sidebar-main-color: var(--colors-primary-sidebar-main-color);
    --colors-color-palette-sidebar-main-hover-bg: var(--colors-primary-sidebar-main-hover-bg);
    --colors-color-palette-sidebar-main-hover-color: var(--colors-primary-sidebar-main-hover-color);
    --colors-color-palette-tag-bg: var(--colors-primary-tag-bg);
    --colors-color-palette-tag-text: var(--colors-primary-tag-text);
    --colors-color-palette-tag-hover-bg: var(--colors-primary-tag-hover-bg);
    --colors-color-palette-tag-hover-text: var(--colors-primary-tag-hover-text);
    --colors-color-palette-toast-bg: var(--colors-primary-toast-bg);
    --colors-color-palette-toast-text: var(--colors-primary-toast-text);
    --colors-color-palette-toast-info-icon: var(--colors-primary-toast-info-icon);
    --colors-color-palette-toast-success-icon: var(--colors-primary-toast-success-icon);
    --colors-color-palette-toast-alert-icon: var(--colors-primary-toast-alert-icon);
    --colors-color-palette-toggle-bg-switch: var(--colors-primary-toggle-bg-switch);
    --colors-color-palette-toggle-circle-bg: var(--colors-primary-toggle-circle-bg);
    --colors-color-palette-toggle-bg-icon: var(--colors-primary-toggle-bg-icon);
    --colors-color-palette-toggle-checked-bg: var(--colors-primary-toggle-checked-bg);
    --colors-color-palette-tooltip-main-bg: var(--colors-primary-tooltip-main-bg);
    --colors-color-palette-tooltip-main-text: var(--colors-primary-tooltip-main-text);
    --colors-color-palette-top-search-bar-bg: var(--colors-primary-top-search-bar-bg);
    --colors-color-palette-top-search-bar-border: var(--colors-primary-top-search-bar-border);
    --colors-color-palette-top-search-bar-color: var(--colors-primary-top-search-bar-color);
    --colors-color-palette-top-search-bar-input-bg: var(--colors-primary-top-search-bar-input-bg);
    --colors-color-palette-top-search-bar-input-border: var(--colors-primary-top-search-bar-input-border);
    --colors-color-palette-top-search-bar-input-color-placeholder: var(--colors-primary-top-search-bar-input-color-placeholder);
    --colors-color-palette-top-search-bar-input-color: var(--colors-primary-top-search-bar-input-color);
}

  .wrapperBG--variant_secondary {
    --colors-color-palette-button-solid-bg: var(--colors-secondary-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-secondary-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-secondary-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-secondary-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-secondary-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-secondary-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-secondary-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-secondary-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-secondary-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-secondary-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-secondary-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-secondary-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-secondary-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-secondary-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-secondary-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-secondary-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-secondary-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-secondary-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-secondary-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-secondary-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-secondary-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-secondary-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-secondary-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-secondary-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-secondary-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-secondary-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-secondary-button-link-btn-disabled-text);
}

  .wrapperBG--variant_third {
    --colors-color-palette-button-solid-bg: var(--colors-third-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-third-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-third-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-third-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-third-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-third-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-third-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-third-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-third-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-third-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-third-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-third-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-third-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-third-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-third-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-third-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-third-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-third-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-third-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-third-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-third-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-third-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-third-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-third-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-third-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-third-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-third-button-link-btn-disabled-text);
}

  .wrapperBG--variant_fourth {
    --colors-color-palette-button-solid-bg: var(--colors-fourth-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fourth-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fourth-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fourth-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fourth-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fourth-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-fourth-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-fourth-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-fourth-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-fourth-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-fourth-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-fourth-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-fourth-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-fourth-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-fourth-button-outline-disabled-border);
    --colors-color-palette-button-outline-light-bg: var(--colors-fourth-button-outline-light-bg);
    --colors-color-palette-button-outline-light-text: var(--colors-fourth-button-outline-light-text);
    --colors-color-palette-button-outline-light-border: var(--colors-fourth-button-outline-light-border);
    --colors-color-palette-button-outline-light-hover-bg: var(--colors-fourth-button-outline-light-hover-bg);
    --colors-color-palette-button-outline-light-hover-text: var(--colors-fourth-button-outline-light-hover-text);
    --colors-color-palette-button-outline-light-hover-border: var(--colors-fourth-button-outline-light-hover-border);
    --colors-color-palette-button-outline-light-disabled-bg: var(--colors-fourth-button-outline-light-disabled-bg);
    --colors-color-palette-button-outline-light-disabled-text: var(--colors-fourth-button-outline-light-disabled-text);
    --colors-color-palette-button-outline-light-disabled-border: var(--colors-fourth-button-outline-light-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-fourth-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-fourth-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-fourth-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-fourth-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-fourth-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-fourth-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-fourth-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-fourth-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-fourth-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-fourth-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-fourth-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-fourth-button-link-btn-disabled-text);
}

  .wrapperBG--variant_fifth {
    --colors-color-palette-button-solid-bg: var(--colors-fifth-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fifth-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fifth-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fifth-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fifth-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fifth-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-fifth-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-fifth-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-fifth-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-fifth-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-fifth-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-fifth-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-fifth-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-fifth-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-fifth-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-fifth-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-fifth-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-fifth-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-fifth-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-fifth-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-fifth-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-fifth-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-fifth-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-fifth-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-fifth-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-fifth-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-fifth-button-link-btn-disabled-text);
}

  .wrapperBG--variant_primaryInverted {
    --colors-color-palette-button-solid-bg: var(--colors-primary-inverted-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-primary-inverted-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-primary-inverted-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-primary-inverted-button-solid-hover-text);
    --colors-color-palette-button-outline-bg: var(--colors-primary-inverted-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-primary-inverted-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-primary-inverted-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-primary-inverted-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-primary-inverted-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-primary-inverted-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-inverted-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-primary-inverted-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-primary-inverted-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-primary-inverted-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-primary-inverted-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-inverted-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-primary-inverted-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-inverted-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-inverted-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-primary-inverted-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-primary-inverted-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-inverted-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-inverted-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-inverted-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-inverted-button-link-btn-disabled-text);
}

  .wrapperBG--variant_fifthInverted {
    --colors-color-palette-button-solid-bg: var(--colors-fifth-inverted-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-fifth-inverted-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-fifth-inverted-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-fifth-inverted-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-fifth-inverted-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-fifth-inverted-button-solid-disabled-text);
}

  .wrapperBG--variant_rewrite {
    --colors-color-palette-button-solid-bg: var(--colors-rewrite-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-rewrite-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-rewrite-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-rewrite-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-rewrite-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-rewrite-button-solid-disabled-text);
}

  .wrapperBG--variant_translate {
    --colors-color-palette-button-solid-bg: var(--colors-translate-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-translate-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-translate-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-translate-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-translate-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-translate-button-solid-disabled-text);
}

  .wrapperBG--variant_ask {
    --colors-color-palette-button-solid-bg: var(--colors-ask-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-ask-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-ask-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-ask-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-ask-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-ask-button-solid-disabled-text);
}

  .wrapperBG--variant_detect {
    --colors-color-palette-button-solid-bg: var(--colors-detect-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-detect-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-detect-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-detect-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-detect-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-detect-button-solid-disabled-text);
}

  .wrapperBG--variant_danger {
    --colors-color-palette-button-solid-bg: var(--colors-danger-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-danger-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-danger-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-danger-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-danger-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-danger-button-solid-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-danger-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-danger-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-danger-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-danger-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-danger-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-danger-button-link-btn-disabled-text);
}

  .wrapperBG--variant_gradients {
    --colors-color-palette-purple-to-blue: var(--colors-gradients-purple-to-blue);
    --colors-color-palette-lavander-to-lightblue: var(--colors-gradients-lavander-to-lightblue);
    --colors-color-palette-dark-lavander-to-lightblue: var(--colors-gradients-dark-lavander-to-lightblue);
}

  @media screen and (min-width: 20rem) {
    .xs\:sidebar--visual_mobile {
      width: 100%;
      height: fit-content;
      position: fixed;
      background: var(--colors-color-palette-sidebar-main-bg);
      color: var(--colors-color-palette-sidebar-main-color);
      z-index: 90;
      justify-content: center;
      align-items: center;
      bottom: var(--spacing-0);
      left: var(--spacing-0);
      border-top-left-radius: var(--radii-ms);
      border-top-right-radius: var(--radii-ms);
}

    .xs\:sidebar--visual_mobile .sidebarItems {
      display: flex;
      gap: var(--spacing-md);
      width: 100%;
      height: 100%;
      padding-inline: var(--spacing-none);
      justify-content: space-evenly;
      padding-top: var(--spacing-ms);
      margin-top: var(--spacing-none);
}

    .xs\:sidebar--visual_mobile .sidebarItems .navlink {
      height: 100%;
      min-width: 45px;
      max-width: 65px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
}

    .xs\:sidebar--visual_mobile .sidebarItems .navlink .navlinkText {
      display: block;
      font-size: var(--font-sizes-ms);
}
}

  @media screen and (min-width: 30rem) {
    .sm\:button--size_md {
      padding-block: var(--spacing-sm);
      padding-inline: var(--spacing-ms);
      height: 32px;
}
}

  @media screen and (min-width: 55rem) {
    .md\:button--size_md {
      padding-block: var(--spacing-sm);
      padding-inline: var(--spacing-ms);
      height: 32px;
}
    .md\:logo--visual_narrow {
      display: flex;
      margin: 0 auto;
      width: fit-content;
}

    .md\:logo--visual_narrow .pictogram {
      position: static;
}

    .md\:logo--visual_narrow .logotype {
      display: none;
}
    .md\:sidebar--visual_narrow {
      border-radius: var(--radii-none);
      position: relative;
      width: 100px;
      max-width: 100px;
      height: 100vh;
      display: flex;
      bottom: var(--spacing-0);
      flex-direction: column;
      justify-content: start;
      align-items: start;
}

    .md\:sidebar--visual_narrow .sidebarItems {
      padding-inline: var(--spacing-none);
      flex-direction: column;
      justify-content: start;
}

    .md\:sidebar--visual_narrow .sidebarItems .navlink {
      max-width: unset;
}

    .md\:sidebar--visual_narrow .sidebarItems .navlink .navlinkText {
      display: none;
}

    .md\:sidebar--visual_narrow .sidebarItems .navlink navlinkIcon {
      margin-right: var(--spacing-none);
}
}

  @media screen and (min-width: 64rem) {
    .lg\:logo--visual_desktop {
      width: 144px;
      display: flex;
      justify-content: space-between;
}

    .lg\:logo--visual_desktop .logotype {
      display: flex;
}
    .lg\:sidebar--visual_desktop {
      min-width: 200px;
      max-width: 200px;
      display: flex;
      height: 100vh;
      z-index: 90;
      flex-direction: column;
      justify-content: start;
      align-items: start;
}

    .lg\:sidebar--visual_desktop .sidebarItems {
      cursor: pointer;
      -webkit-user-select: none;
      user-select: none;
      padding-inline-start: var(--spacing-ml);
      display: flex;
      gap: var(--spacing-ms);
      flex-direction: column;
}

    .lg\:sidebar--visual_desktop .sidebarItems .navlink {
      gap: var(--spacing-sm);
      flex-direction: row;
}

    .lg\:sidebar--visual_desktop .sidebarItems .navlink .navlinkText {
      display: block;
      font-size: var(--font-sizes-md);
      font-weight: var(--font-weights-bold);
}

    .lg\:sidebar--visual_desktop .sidebarItems .navlink navlinkIcon {
      margin-right: var(--spacing-sm);
}
}

  @media(hover) {
    .button--visual_primary:hover {
      color: #ffffff;
      background: #323232;
}
    .button--visual_primaryLight:hover {
      color: #3b3b3b;
      background: #c6c6c6;
}
    .button--visual_primaryLighter:hover {
      background: #5e5e5e1F;
}
    .button--visual_primaryWhite:hover {
      color: #3b3b3b;
      background: #c6c6c6;
}
    .button--visual_primaryOutline:hover {
      color: #ffffff;
      background: #414141;
      box-shadow: 0px 0px 0px 2px #414141 inset;
}
    .button--visual_primaryOutlineThin:hover {
      color: #ffffff;
      background: #414141;
      box-shadow: 0px 0px 0px 1px #414141 inset;
}
    .button--visual_primaryContrast:hover {
      color: #323232;
      background: #c6c6c6;
}
    .button--visual_empty:hover {
      background: none;
}
    .button--visual_primaryAlpha:hover {
      background: #4141411F;
}
    .button--visual_primaryContrastAlpha:hover {
      background: #1c1c1c1F;
}
    .button--visual_secondary:hover {
      color: #ffffff;
      background: #0065ff;
}
    .button--visual_secondaryLight:hover {
      color: #0065ff;
      background: #80b6ff;
}
    .button--visual_secondaryLighter:hover {
      background: #2683ff1f;
}
    .button--visual_secondaryContrast:hover {
      color: #0065ff;
      background: #b3d3ff;
}
    .button--visual_secondaryLink:hover {
      color: #0065ff;
      background: none;
      text-decoration: underline;
}
    .button--visual_secondaryWhite:hover {
      color: #0065ff;
      background: #80b6ff;
}
    .button--visual_secondaryWhiteAlpha:hover {
      background: #2683ff;
}
    .button--visual_secondaryAlpha:hover,.button--visual_secondaryContrastAlpha:hover {
      background: #006dff1f;
}
    .button--visual_secondaryOutline:hover {
      color: #ffffff;
      background: #006dff;
      box-shadow: 0px 0px 0px 2px #006dff inset;
}
    .button--visual_secondaryOutlineThin:hover {
      color: #ffffff;
      background: #006dff;
      box-shadow: 0px 0px 0px 1px #006dff inset;
}
    .button--visual_secondaryOutlineWhite:hover {
      color: #006dff;
      background: #b3d3ff;
      box-shadow: 0px 0px 0px 2px #006dff inset;
}
    .button--visual_secondaryOutlineWhiteThick:hover {
      color: #006dff;
      background: #b3d3ff;
      box-shadow: 0px 0px 0px 3px #006dff inset;
}
    .button--visual_secondaryOutlineWhiteThin:hover {
      color: #006dff;
      background: #b3d3ff;
      box-shadow: 0px 0px 0px 1px #006dff inset;
}
    .button--visual_third:hover {
      color: #1f1f1fff;
      background: #f6e78eff;
      opacity: 1;
      box-shadow: none;
}
    .button--visual_thirdContrast:hover {
      color: #ffbe40;
      background: #ffe5a8;
}
    .button--visual_danger:hover {
      color: #414141;
      background: #ff6b56;
}
    .button--visual_dangerAlpha:hover,.button--visual_dangerContrastAlpha:hover {
      background: #ff6b561f;
}
    .button--visual_SolidBlueLarge:hover,.button--visual_SolidBlueMedium:hover,.button--visual_SolidBlueSmall:hover,.button--visual_SolidWhiteLarge:hover,.button--visual_SolidWhiteMedium:hover,.button--visual_SolidWhiteSmall:hover {
      color: #2683ffff;
      background: #e5f0ffff;
      opacity: 1;
      box-shadow: none;
}
    .button--visual_SolidYellowLarge:hover,.button--visual_SolidYellowMedium:hover,.button--visual_SolidYellowSmall:hover {
      color: #1f1f1fff;
      background: #f6e78eff;
      opacity: 1;
      box-shadow: none;
}
    .button--visual_SolidSalmonLarge:hover,.button--visual_SolidSalmonMedium:hover,.button--visual_SolidSalmonSmall:hover {
      color: #ff986bff;
      background: #fff3edff;
      opacity: 1;
      box-shadow: none;
}
    .button--visual_SolidCoralLarge:hover,.button--visual_SolidCoralMedium:hover {
      color: #414141ff;
      background: #ffccc3ff;
      opacity: 1;
      box-shadow: none;
}
    .button--visual_SolidCoralSmall:hover {
      color: #ffffffff;
      background: #ff9986ff;
      opacity: 1;
      box-shadow: none;
}
    .button--visual_SolidAquaLarge:hover {
      color: #414141ff;
      background: #ceece9ff;
      opacity: 1;
      box-shadow: none;
}
    .button--visual_SolidAquaMedium:hover,.button--visual_SolidAquaSmall:hover {
      color: #ceece9ff;
      background: #00000000;
      opacity: 1;
      box-shadow: none;
}
    .button--visual_SolidGreenLarge:hover,.button--visual_SolidGreenMedium:hover,.button--visual_SolidGreenSmall:hover {
      color: #414141ff;
      background: #e4edccff;
      opacity: 1;
      box-shadow: none;
}
    .button--visual_OutlineCoralLarge:hover,.button--visual_OutlineCoralMedium:hover,.button--visual_OutlineCoralSmall:hover {
      color: #ff9986ff;
      background: #00000000;
      opacity: 1;
      box-shadow: 0px 0px 0px 2px #ff9986ff inset;
}
    .button--visual_GhostCoralLarge:hover,.button--visual_GhostCoralMedium:hover,.button--visual_GhostCoralSmall:hover {
      color: #ff9986ff;
      background: #00000000;
      opacity: 1;
      box-shadow: none;
}
    .button--visual_OutlineBlueLarge:hover,.button--visual_OutlineBlueMedium:hover,.button--visual_OutlineBlueSmall:hover,.button--visual_OutlineWhiteBlueLarge:hover,.button--visual_OutlineWhiteBlueMedium:hover,.button--visual_OutlineWhiteBlueSmall:hover,.button--visual_OutlineBlackLarge:hover,.button--visual_OutlineBlackMedium:hover,.button--visual_OutlineBlackSmall:hover,.button--visual_OutlineWhiteLarge:hover,.button--visual_OutlineWhiteMedium:hover,.button--visual_OutlineWhiteSmall:hover {
      color: #2683ffff;
      background: #e5f0ffff;
      opacity: 1;
      box-shadow: none;
}
    .button--visual_GhostBlueLarge:hover,.button--visual_GhostBlueMedium:hover,.button--visual_GhostBlueSmall:hover {
      color: #1766ffff;
      background: #00000000;
      opacity: 1;
      box-shadow: none;
}
    .button--visual_GhostWhiteLarge:hover,.button--visual_GhostWhiteMedium:hover,.button--visual_GhostWhiteSmall:hover {
      color: #bedaffff;
      background: #00000000;
      opacity: 1;
      box-shadow: none;
}
    .button--visual_SolidLightLarge:hover,.button--visual_SolidLightMedium:hover,.button--visual_SolidLightSmall:hover {
      color: #ffffffff;
      background: #2683ffff;
      opacity: 1;
      box-shadow: none;
}
    .button--visual_GhostBlackLarge:hover,.button--visual_GhostBlackMedium:hover,.button--visual_GhostBlackSmall:hover {
      color: #626262ff;
      background: #00000000;
      opacity: 1;
      box-shadow: none;
}
    .button--visual_LightSalmonLarge:hover,.button--visual_LightSalmonMedium:hover,.button--visual_LightSalmonSmall:hover {
      color: #ffffffff;
      background: #ff986bff;
      opacity: 1;
      box-shadow: none;
}
    .button--visual_LightBlueLarge:hover,.button--visual_LightBlueMedium:hover,.button--visual_LightBlueSmall:hover {
      color: #ffffffff;
      background: #2683ffff;
      opacity: 1;
      box-shadow: none;
}
    .button--visual_SolidLightpurpleLarge:hover,.button--visual_SolidLightpurpleMedium:hover,.button--visual_SolidLightpurpleSmall:hover {
      color: #ffffffff;
      background: #645fa1ff;
      opacity: 1;
      box-shadow: none;
}
    .button--visual__blue:hover,.button--visual__white:hover {
      color: #2683ffff;
      background: #e5f0ffff;
}
    .button--visual__yellow:hover {
      color: #1f1f1fff;
      background: #f6e78eff;
}
    .button--visual__salmon:hover {
      color: #ff986bff;
      background: #fff3edff;
}
    .button--visual__coral:hover {
      color: #ffffffff;
      background: #ff9986ff;
}
    .button--visual__aqua:hover {
      color: #ceece9ff;
      background: #00000000;
}
    .button--visual__green:hover {
      color: #414141ff;
      background: #e4edccff;
}
    .button--visual__coralOutline:hover,.button--visual__coralGhost:hover {
      color: #ff9986ff;
      background: #00000000;
}
    .button--visual__blueOutline:hover,.button--visual__whiteOutline:hover,.button--visual__blackOutline:hover {
      color: #2683ffff;
      background: #e5f0ffff;
}
    .button--visual__blueGhost:hover {
      color: #1766ffff;
      background: #00000000;
}
    .button--visual__whiteGhost:hover {
      color: #bedaffff;
      background: #00000000;
}
    .button--visual__light:hover {
      color: #ffffffff;
      background: #2683ffff;
}
    .button--visual__blackGhost:hover {
      color: #626262ff;
      background: #00000000;
}
    .button--visual__lightpurple:hover {
      color: #ffffffff;
      background: #645fa1ff;
}
}
}

@layer recipes.slots{
  @layer _base{

    .menu__triggerItem {
      border-radius: var(--radii-l1);
      cursor: pointer;
      display: flex;
      align-items: center;
      font-weight: var(--font-weights-medium);
      --transition-duration: var(--durations-fast);
      transition-duration: var(--durations-fast);
      --transition-prop: background, color;
      transition-property: background, color;
      --transition-easing: var(--easings-default);
      transition-timing-function: var(--easings-default);
}

    .menu__triggerItem[data-highlighted] {
      background: bg.muted;
}

    .menu__triggerItem :where(svg) {
      color: fg.muted;
}

    .menu__triggerItem:is(:disabled, [disabled], [data-disabled]) {
      color: fg.disabled;
      cursor: not-allowed;
}

    .menu__triggerItem:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
      color: fg.disabled;
      background: none;
}

    .menu__triggerItem:is(:hover, [data-hover]) {
      background: bg.muted;
}

    .menu__triggerItem:is(:hover, [data-hover]) :where(svg) {
      color: fg.default;
}

    .menu__positioner,.menu__content {
      z-index: var(--z-index-dropdown);
}

    .menu__content {
      background: bg.default;
      border-radius: var(--radii-l2);
      box-shadow: lg;
      display: flex;
      outline: 2px solid transparent;
      outline-offset: 2px;
      width: calc(100% + 2rem);
      flex-direction: column;
}

    .menu__content:is([hidden], [data-hidden]) {
      display: none;
}

    .menu__content:is([open], [data-open], [data-state="open"]) {
      animation: fadeIn 0.25s ease-out;
}

    .menu__content:is([closed], [data-closed], [data-state="closed"]) {
      animation: fadeOut 0.2s ease-out;
}

    .menu__item {
      border-radius: var(--radii-l1);
      cursor: pointer;
      display: flex;
      align-items: center;
      font-weight: var(--font-weights-medium);
      --transition-duration: var(--durations-fast);
      transition-duration: var(--durations-fast);
      --transition-prop: background, color;
      transition-property: background, color;
      --transition-easing: var(--easings-default);
      transition-timing-function: var(--easings-default);
}

    .menu__item[data-highlighted] {
      background: bg.muted;
}

    .menu__item :where(svg) {
      color: fg.muted;
}

    .menu__item:is(:disabled, [disabled], [data-disabled]) {
      color: fg.disabled;
      cursor: not-allowed;
}

    .menu__item:is(:disabled, [disabled], [data-disabled]):is(:hover, [data-hover]) {
      color: fg.disabled;
      background: none;
}

    .menu__item:is(:hover, [data-hover]) {
      background: bg.muted;
}

    .menu__item:is(:hover, [data-hover]) :where(svg) {
      color: fg.default;
}

    .menu__itemGroupLabel {
      font-weight: var(--font-weights-semibold);
}

    .menu__itemGroup {
      display: flex;
      flex-direction: column;
}

    .splitter__root {
      display: flex;
      gap: var(--spacing-2);
}

    .splitter__panel {
      background: bg.default;
      border-radius: var(--radii-l2);
      color: fg.muted;
      display: flex;
      border-width: 1px;
      align-items: center;
      justify-content: center;
}

    .splitter__resizeTrigger {
      border-radius: full;
      outline: 0;
      background: gray.7;
      --transition-duration: var(--durations-normal);
      transition-duration: var(--durations-normal);
      --transition-prop: background;
      transition-property: background;
      --transition-easing: var(--easings-default);
      transition-timing-function: var(--easings-default);
}

    .splitter__resizeTrigger[data-orientation=horizontal] {
      min-width: 1.5px;
      margin: min(1rem, 20%) 0;
}

    .splitter__resizeTrigger[data-orientation=vertical] {
      min-height: 1.5px;
      margin: 0 min(1rem, 20%);
}

    .splitter__resizeTrigger:is(:hover, [data-hover]) {
      background: gray.8;
}

    .splitter__resizeTrigger:is(:active, [data-active]) {
      background: gray.8;
}

    .tooltipWrapper__root {
      display: inline-flex;
      position: relative;
      height: fit-content;
}

    .tooltipWrapper__root,.tooltipWrapper__tooltip {
      --colors-color-palette-button-solid-bg: var(--colors-primary-button-solid-bg);
      --colors-color-palette-button-solid-text: var(--colors-primary-button-solid-text);
      --colors-color-palette-button-solid-hover-bg: var(--colors-primary-button-solid-hover-bg);
      --colors-color-palette-button-solid-hover-text: var(--colors-primary-button-solid-hover-text);
      --colors-color-palette-button-solid-disabled-bg: var(--colors-primary-button-solid-disabled-bg);
      --colors-color-palette-button-solid-disabled-text: var(--colors-primary-button-solid-disabled-text);
      --colors-color-palette-button-outline-bg: var(--colors-primary-button-outline-bg);
      --colors-color-palette-button-outline-text: var(--colors-primary-button-outline-text);
      --colors-color-palette-button-outline-border: var(--colors-primary-button-outline-border);
      --colors-color-palette-button-outline-hover-bg: var(--colors-primary-button-outline-hover-bg);
      --colors-color-palette-button-outline-hover-text: var(--colors-primary-button-outline-hover-text);
      --colors-color-palette-button-outline-hover-border: var(--colors-primary-button-outline-hover-border);
      --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-button-outline-disabled-bg);
      --colors-color-palette-button-outline-disabled-text: var(--colors-primary-button-outline-disabled-text);
      --colors-color-palette-button-outline-disabled-border: var(--colors-primary-button-outline-disabled-border);
      --colors-color-palette-button-ghost-bg: var(--colors-primary-button-ghost-bg);
      --colors-color-palette-button-ghost-text: var(--colors-primary-button-ghost-text);
      --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-button-ghost-hover-bg);
      --colors-color-palette-button-ghost-hover-text: var(--colors-primary-button-ghost-hover-text);
      --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-button-ghost-disabled-bg);
      --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-button-ghost-disabled-text);
      --colors-color-palette-button-link-btn-bg: var(--colors-primary-button-link-btn-bg);
      --colors-color-palette-button-link-btn-text: var(--colors-primary-button-link-btn-text);
      --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-button-link-btn-hover-bg);
      --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-button-link-btn-hover-text);
      --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-button-link-btn-disabled-bg);
      --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-button-link-btn-disabled-text);
      --colors-color-palette-cards-bg-container: var(--colors-primary-cards-bg-container);
      --colors-color-palette-cards-bg-content: var(--colors-primary-cards-bg-content);
      --colors-color-palette-cards-color: var(--colors-primary-cards-color);
      --colors-color-palette-cards-border-color: var(--colors-primary-cards-border-color);
      --colors-color-palette-box-bg: var(--colors-primary-box-bg);
      --colors-color-palette-box-color: var(--colors-primary-box-color);
      --colors-color-palette-dropdown-error-text: var(--colors-primary-dropdown-error-text);
      --colors-color-palette-dropdown-error-border: var(--colors-primary-dropdown-error-border);
      --colors-color-palette-dropdown-error-bg: var(--colors-primary-dropdown-error-bg);
      --colors-color-palette-dropdown-solid-bg: var(--colors-primary-dropdown-solid-bg);
      --colors-color-palette-dropdown-solid-text: var(--colors-primary-dropdown-solid-text);
      --colors-color-palette-dropdown-solid-hover-bg: var(--colors-primary-dropdown-solid-hover-bg);
      --colors-color-palette-dropdown-solid-hover-text: var(--colors-primary-dropdown-solid-hover-text);
      --colors-color-palette-dropdown-solid-disabled-bg: var(--colors-primary-dropdown-solid-disabled-bg);
      --colors-color-palette-dropdown-solid-disabled-text: var(--colors-primary-dropdown-solid-disabled-text);
      --colors-color-palette-dropdown-outline-bg: var(--colors-primary-dropdown-outline-bg);
      --colors-color-palette-dropdown-outline-text: var(--colors-primary-dropdown-outline-text);
      --colors-color-palette-dropdown-outline-border: var(--colors-primary-dropdown-outline-border);
      --colors-color-palette-dropdown-outline-hover-bg: var(--colors-primary-dropdown-outline-hover-bg);
      --colors-color-palette-dropdown-outline-hover-text: var(--colors-primary-dropdown-outline-hover-text);
      --colors-color-palette-dropdown-outline-hover-border: var(--colors-primary-dropdown-outline-hover-border);
      --colors-color-palette-dropdown-outline-disabled-bg: var(--colors-primary-dropdown-outline-disabled-bg);
      --colors-color-palette-dropdown-outline-disabled-text: var(--colors-primary-dropdown-outline-disabled-text);
      --colors-color-palette-dropdown-outline-disabled-border: var(--colors-primary-dropdown-outline-disabled-border);
      --colors-color-palette-input-text-text: var(--colors-primary-input-text-text);
      --colors-color-palette-input-text-placeholder: var(--colors-primary-input-text-placeholder);
      --colors-color-palette-input-text-invalid-border: var(--colors-primary-input-text-invalid-border);
      --colors-color-palette-input-text-invalid-text: var(--colors-primary-input-text-invalid-text);
      --colors-color-palette-input-text-invalid-placeholder: var(--colors-primary-input-text-invalid-placeholder);
      --colors-color-palette-input-text-focused-border: var(--colors-primary-input-text-focused-border);
      --colors-color-palette-input-text-disabled-border: var(--colors-primary-input-text-disabled-border);
      --colors-color-palette-input-text-disabled-text: var(--colors-primary-input-text-disabled-text);
      --colors-color-palette-input-text-disabled-placeholder: var(--colors-primary-input-text-disabled-placeholder);
      --colors-color-palette-input-text-solid-bg: var(--colors-primary-input-text-solid-bg);
      --colors-color-palette-input-text-solid-border: var(--colors-primary-input-text-solid-border);
      --colors-color-palette-input-text-solid-bg-disabled: var(--colors-primary-input-text-solid-bg-disabled);
      --colors-color-palette-input-text-outline-bg: var(--colors-primary-input-text-outline-bg);
      --colors-color-palette-input-text-outline-border: var(--colors-primary-input-text-outline-border);
      --colors-color-palette-input-text-ghost-bg: var(--colors-primary-input-text-ghost-bg);
      --colors-color-palette-input-text-ghost-border: var(--colors-primary-input-text-ghost-border);
      --colors-color-palette-label-bg: var(--colors-primary-label-bg);
      --colors-color-palette-label-text: var(--colors-primary-label-text);
      --colors-color-palette-label-active-bg: var(--colors-primary-label-active-bg);
      --colors-color-palette-label-active-text: var(--colors-primary-label-active-text);
      --colors-color-palette-label-pending-bg: var(--colors-primary-label-pending-bg);
      --colors-color-palette-label-pending-text: var(--colors-primary-label-pending-text);
      --colors-color-palette-label-inactive-bg: var(--colors-primary-label-inactive-bg);
      --colors-color-palette-label-inactive-text: var(--colors-primary-label-inactive-text);
      --colors-color-palette-logo-bg: var(--colors-primary-logo-bg);
      --colors-color-palette-nav-link-sidebar-item-bg: var(--colors-primary-nav-link-sidebar-item-bg);
      --colors-color-palette-nav-link-sidebar-item-text: var(--colors-primary-nav-link-sidebar-item-text);
      --colors-color-palette-nav-link-sidebar-item-hover-bg: var(--colors-primary-nav-link-sidebar-item-hover-bg);
      --colors-color-palette-nav-link-sidebar-item-hover-text: var(--colors-primary-nav-link-sidebar-item-hover-text);
      --colors-color-palette-nav-link-sidebar-item-disabled-bg: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
      --colors-color-palette-nav-link-sidebar-item-disabled-text: var(--colors-primary-nav-link-sidebar-item-disabled-text);
      --colors-color-palette-page-bg: var(--colors-primary-page-bg);
      --colors-color-palette-page-color: var(--colors-primary-page-color);
      --colors-color-palette-sidebar-main-bg: var(--colors-primary-sidebar-main-bg);
      --colors-color-palette-sidebar-main-color: var(--colors-primary-sidebar-main-color);
      --colors-color-palette-sidebar-main-hover-bg: var(--colors-primary-sidebar-main-hover-bg);
      --colors-color-palette-sidebar-main-hover-color: var(--colors-primary-sidebar-main-hover-color);
      --colors-color-palette-tag-bg: var(--colors-primary-tag-bg);
      --colors-color-palette-tag-text: var(--colors-primary-tag-text);
      --colors-color-palette-tag-hover-bg: var(--colors-primary-tag-hover-bg);
      --colors-color-palette-tag-hover-text: var(--colors-primary-tag-hover-text);
      --colors-color-palette-toast-bg: var(--colors-primary-toast-bg);
      --colors-color-palette-toast-text: var(--colors-primary-toast-text);
      --colors-color-palette-toast-info-icon: var(--colors-primary-toast-info-icon);
      --colors-color-palette-toast-success-icon: var(--colors-primary-toast-success-icon);
      --colors-color-palette-toast-alert-icon: var(--colors-primary-toast-alert-icon);
      --colors-color-palette-toggle-bg-switch: var(--colors-primary-toggle-bg-switch);
      --colors-color-palette-toggle-circle-bg: var(--colors-primary-toggle-circle-bg);
      --colors-color-palette-toggle-bg-icon: var(--colors-primary-toggle-bg-icon);
      --colors-color-palette-toggle-checked-bg: var(--colors-primary-toggle-checked-bg);
      --colors-color-palette-tooltip-main-bg: var(--colors-primary-tooltip-main-bg);
      --colors-color-palette-tooltip-main-text: var(--colors-primary-tooltip-main-text);
      --colors-color-palette-top-search-bar-bg: var(--colors-primary-top-search-bar-bg);
      --colors-color-palette-top-search-bar-border: var(--colors-primary-top-search-bar-border);
      --colors-color-palette-top-search-bar-color: var(--colors-primary-top-search-bar-color);
      --colors-color-palette-top-search-bar-input-bg: var(--colors-primary-top-search-bar-input-bg);
      --colors-color-palette-top-search-bar-input-border: var(--colors-primary-top-search-bar-input-border);
      --colors-color-palette-top-search-bar-input-color-placeholder: var(--colors-primary-top-search-bar-input-color-placeholder);
      --colors-color-palette-top-search-bar-input-color: var(--colors-primary-top-search-bar-input-color);
}

    .tooltipWrapper__tooltip {
      position: absolute;
      opacity: 0;
      z-index: 2;
      pointer-events: none;
      --transition-prop: opacity;
      transition-property: opacity;
      --transition-easing: linear;
      transition-timing-function: linear;
      transition-delay: 0ms;
      --transition-duration: 0ms;
      transition-duration: 0ms;
}

    .group:is(:hover, [data-hover]) .tooltipWrapper__tooltip {
      opacity: 1;
      transition-delay: 1000ms;
}

    .tooltipWrapper__text {
      position: relative;
      background: var(--colors-color-palette-tooltip-main-bg);
      color: var(--colors-color-palette-tooltip-main-text);
      border-radius: var(--radii-xs);
      padding-inline: var(--spacing-sm);
      padding-block: var(--spacing-xs);
      width: max-content;
      max-width: 200px;
      word-wrap: break-word;
      overflow-wrap: break-word;
      white-space: normal;
      font-size: var(--font-sizes-ms);
}

    .tooltipWrapper__text,.tooltipWrapper__arrow {
      --colors-color-palette-button-solid-bg: var(--colors-primary-button-solid-bg);
      --colors-color-palette-button-solid-text: var(--colors-primary-button-solid-text);
      --colors-color-palette-button-solid-hover-bg: var(--colors-primary-button-solid-hover-bg);
      --colors-color-palette-button-solid-hover-text: var(--colors-primary-button-solid-hover-text);
      --colors-color-palette-button-solid-disabled-bg: var(--colors-primary-button-solid-disabled-bg);
      --colors-color-palette-button-solid-disabled-text: var(--colors-primary-button-solid-disabled-text);
      --colors-color-palette-button-outline-bg: var(--colors-primary-button-outline-bg);
      --colors-color-palette-button-outline-text: var(--colors-primary-button-outline-text);
      --colors-color-palette-button-outline-border: var(--colors-primary-button-outline-border);
      --colors-color-palette-button-outline-hover-bg: var(--colors-primary-button-outline-hover-bg);
      --colors-color-palette-button-outline-hover-text: var(--colors-primary-button-outline-hover-text);
      --colors-color-palette-button-outline-hover-border: var(--colors-primary-button-outline-hover-border);
      --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-button-outline-disabled-bg);
      --colors-color-palette-button-outline-disabled-text: var(--colors-primary-button-outline-disabled-text);
      --colors-color-palette-button-outline-disabled-border: var(--colors-primary-button-outline-disabled-border);
      --colors-color-palette-button-ghost-bg: var(--colors-primary-button-ghost-bg);
      --colors-color-palette-button-ghost-text: var(--colors-primary-button-ghost-text);
      --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-button-ghost-hover-bg);
      --colors-color-palette-button-ghost-hover-text: var(--colors-primary-button-ghost-hover-text);
      --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-button-ghost-disabled-bg);
      --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-button-ghost-disabled-text);
      --colors-color-palette-button-link-btn-bg: var(--colors-primary-button-link-btn-bg);
      --colors-color-palette-button-link-btn-text: var(--colors-primary-button-link-btn-text);
      --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-button-link-btn-hover-bg);
      --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-button-link-btn-hover-text);
      --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-button-link-btn-disabled-bg);
      --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-button-link-btn-disabled-text);
      --colors-color-palette-cards-bg-container: var(--colors-primary-cards-bg-container);
      --colors-color-palette-cards-bg-content: var(--colors-primary-cards-bg-content);
      --colors-color-palette-cards-color: var(--colors-primary-cards-color);
      --colors-color-palette-cards-border-color: var(--colors-primary-cards-border-color);
      --colors-color-palette-box-bg: var(--colors-primary-box-bg);
      --colors-color-palette-box-color: var(--colors-primary-box-color);
      --colors-color-palette-dropdown-error-text: var(--colors-primary-dropdown-error-text);
      --colors-color-palette-dropdown-error-border: var(--colors-primary-dropdown-error-border);
      --colors-color-palette-dropdown-error-bg: var(--colors-primary-dropdown-error-bg);
      --colors-color-palette-dropdown-solid-bg: var(--colors-primary-dropdown-solid-bg);
      --colors-color-palette-dropdown-solid-text: var(--colors-primary-dropdown-solid-text);
      --colors-color-palette-dropdown-solid-hover-bg: var(--colors-primary-dropdown-solid-hover-bg);
      --colors-color-palette-dropdown-solid-hover-text: var(--colors-primary-dropdown-solid-hover-text);
      --colors-color-palette-dropdown-solid-disabled-bg: var(--colors-primary-dropdown-solid-disabled-bg);
      --colors-color-palette-dropdown-solid-disabled-text: var(--colors-primary-dropdown-solid-disabled-text);
      --colors-color-palette-dropdown-outline-bg: var(--colors-primary-dropdown-outline-bg);
      --colors-color-palette-dropdown-outline-text: var(--colors-primary-dropdown-outline-text);
      --colors-color-palette-dropdown-outline-border: var(--colors-primary-dropdown-outline-border);
      --colors-color-palette-dropdown-outline-hover-bg: var(--colors-primary-dropdown-outline-hover-bg);
      --colors-color-palette-dropdown-outline-hover-text: var(--colors-primary-dropdown-outline-hover-text);
      --colors-color-palette-dropdown-outline-hover-border: var(--colors-primary-dropdown-outline-hover-border);
      --colors-color-palette-dropdown-outline-disabled-bg: var(--colors-primary-dropdown-outline-disabled-bg);
      --colors-color-palette-dropdown-outline-disabled-text: var(--colors-primary-dropdown-outline-disabled-text);
      --colors-color-palette-dropdown-outline-disabled-border: var(--colors-primary-dropdown-outline-disabled-border);
      --colors-color-palette-input-text-text: var(--colors-primary-input-text-text);
      --colors-color-palette-input-text-placeholder: var(--colors-primary-input-text-placeholder);
      --colors-color-palette-input-text-invalid-border: var(--colors-primary-input-text-invalid-border);
      --colors-color-palette-input-text-invalid-text: var(--colors-primary-input-text-invalid-text);
      --colors-color-palette-input-text-invalid-placeholder: var(--colors-primary-input-text-invalid-placeholder);
      --colors-color-palette-input-text-focused-border: var(--colors-primary-input-text-focused-border);
      --colors-color-palette-input-text-disabled-border: var(--colors-primary-input-text-disabled-border);
      --colors-color-palette-input-text-disabled-text: var(--colors-primary-input-text-disabled-text);
      --colors-color-palette-input-text-disabled-placeholder: var(--colors-primary-input-text-disabled-placeholder);
      --colors-color-palette-input-text-solid-bg: var(--colors-primary-input-text-solid-bg);
      --colors-color-palette-input-text-solid-border: var(--colors-primary-input-text-solid-border);
      --colors-color-palette-input-text-solid-bg-disabled: var(--colors-primary-input-text-solid-bg-disabled);
      --colors-color-palette-input-text-outline-bg: var(--colors-primary-input-text-outline-bg);
      --colors-color-palette-input-text-outline-border: var(--colors-primary-input-text-outline-border);
      --colors-color-palette-input-text-ghost-bg: var(--colors-primary-input-text-ghost-bg);
      --colors-color-palette-input-text-ghost-border: var(--colors-primary-input-text-ghost-border);
      --colors-color-palette-label-bg: var(--colors-primary-label-bg);
      --colors-color-palette-label-text: var(--colors-primary-label-text);
      --colors-color-palette-label-active-bg: var(--colors-primary-label-active-bg);
      --colors-color-palette-label-active-text: var(--colors-primary-label-active-text);
      --colors-color-palette-label-pending-bg: var(--colors-primary-label-pending-bg);
      --colors-color-palette-label-pending-text: var(--colors-primary-label-pending-text);
      --colors-color-palette-label-inactive-bg: var(--colors-primary-label-inactive-bg);
      --colors-color-palette-label-inactive-text: var(--colors-primary-label-inactive-text);
      --colors-color-palette-logo-bg: var(--colors-primary-logo-bg);
      --colors-color-palette-nav-link-sidebar-item-bg: var(--colors-primary-nav-link-sidebar-item-bg);
      --colors-color-palette-nav-link-sidebar-item-text: var(--colors-primary-nav-link-sidebar-item-text);
      --colors-color-palette-nav-link-sidebar-item-hover-bg: var(--colors-primary-nav-link-sidebar-item-hover-bg);
      --colors-color-palette-nav-link-sidebar-item-hover-text: var(--colors-primary-nav-link-sidebar-item-hover-text);
      --colors-color-palette-nav-link-sidebar-item-disabled-bg: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
      --colors-color-palette-nav-link-sidebar-item-disabled-text: var(--colors-primary-nav-link-sidebar-item-disabled-text);
      --colors-color-palette-page-bg: var(--colors-primary-page-bg);
      --colors-color-palette-page-color: var(--colors-primary-page-color);
      --colors-color-palette-sidebar-main-bg: var(--colors-primary-sidebar-main-bg);
      --colors-color-palette-sidebar-main-color: var(--colors-primary-sidebar-main-color);
      --colors-color-palette-sidebar-main-hover-bg: var(--colors-primary-sidebar-main-hover-bg);
      --colors-color-palette-sidebar-main-hover-color: var(--colors-primary-sidebar-main-hover-color);
      --colors-color-palette-tag-bg: var(--colors-primary-tag-bg);
      --colors-color-palette-tag-text: var(--colors-primary-tag-text);
      --colors-color-palette-tag-hover-bg: var(--colors-primary-tag-hover-bg);
      --colors-color-palette-tag-hover-text: var(--colors-primary-tag-hover-text);
      --colors-color-palette-toast-bg: var(--colors-primary-toast-bg);
      --colors-color-palette-toast-text: var(--colors-primary-toast-text);
      --colors-color-palette-toast-info-icon: var(--colors-primary-toast-info-icon);
      --colors-color-palette-toast-success-icon: var(--colors-primary-toast-success-icon);
      --colors-color-palette-toast-alert-icon: var(--colors-primary-toast-alert-icon);
      --colors-color-palette-toggle-bg-switch: var(--colors-primary-toggle-bg-switch);
      --colors-color-palette-toggle-circle-bg: var(--colors-primary-toggle-circle-bg);
      --colors-color-palette-toggle-bg-icon: var(--colors-primary-toggle-bg-icon);
      --colors-color-palette-toggle-checked-bg: var(--colors-primary-toggle-checked-bg);
      --colors-color-palette-tooltip-main-bg: var(--colors-primary-tooltip-main-bg);
      --colors-color-palette-tooltip-main-text: var(--colors-primary-tooltip-main-text);
      --colors-color-palette-top-search-bar-bg: var(--colors-primary-top-search-bar-bg);
      --colors-color-palette-top-search-bar-border: var(--colors-primary-top-search-bar-border);
      --colors-color-palette-top-search-bar-color: var(--colors-primary-top-search-bar-color);
      --colors-color-palette-top-search-bar-input-bg: var(--colors-primary-top-search-bar-input-bg);
      --colors-color-palette-top-search-bar-input-border: var(--colors-primary-top-search-bar-input-border);
      --colors-color-palette-top-search-bar-input-color-placeholder: var(--colors-primary-top-search-bar-input-color-placeholder);
      --colors-color-palette-top-search-bar-input-color: var(--colors-primary-top-search-bar-input-color);
}

    .tooltipWrapper__arrow {
      color: var(--colors-color-palette-tooltip-main-bg);
      position: absolute;
      border-width: 4px;
      border-style: solid;
      border-color: var(--colors-transparent);
}
}

  .menu__triggerItem--size_md {
    height: 10px;
    padding-inline: var(--spacing-2\.5);
    margin-inline: var(--spacing-1\.5);
}

  .menu__triggerItem--size_md :where(svg) {
    width: 4px;
    height: 4px;
}

  .menu__content--size_md {
    padding-block: var(--spacing-1);
    gap: var(--spacing-1);
}

  .menu__item--size_md {
    height: 10px;
    padding-inline: var(--spacing-2\.5);
    margin-inline: var(--spacing-1);
}

  .menu__item--size_md :where(svg) {
    width: 4px;
    height: 4px;
}

  .menu__optionItem--size_md {
    height: 10px;
    padding-inline: var(--spacing-2\.5);
    margin-inline: var(--spacing-1);
}

  .menu__optionItem--size_md :where(svg) {
    width: 4px;
    height: 4px;
}

  .menu__itemGroupLabel--size_md {
    padding-block: var(--spacing-2\.5);
    padding-inline: var(--spacing-2\.5);
    margin-inline: var(--spacing-1);
}

  .menu__itemGroup--size_md {
    gap: var(--spacing-1);
}

  .menu__triggerItem--size_xs {
    height: 8px;
    padding-inline: var(--spacing-1\.5);
    margin-inline: var(--spacing-1);
}

  .menu__triggerItem--size_xs :where(svg) {
    width: 4px;
    height: 4px;
}

  .menu__content--size_xs {
    padding-block: var(--spacing-1);
    gap: var(--spacing-1);
}

  .menu__item--size_xs {
    height: 8px;
    padding-inline: var(--spacing-1\.5);
    margin-inline: var(--spacing-1);
}

  .menu__item--size_xs :where(svg) {
    width: 4px;
    height: 4px;
}

  .menu__optionItem--size_xs {
    height: 8px;
    padding-inline: var(--spacing-1\.5);
    margin-inline: var(--spacing-1);
}

  .menu__optionItem--size_xs :where(svg) {
    width: 4px;
    height: 4px;
}

  .menu__itemGroupLabel--size_xs {
    padding-block: var(--spacing-1\.5);
    padding-inline: var(--spacing-1\.5);
    margin-inline: var(--spacing-1);
}

  .menu__itemGroup--size_xs {
    gap: var(--spacing-1);
}

  .menu__triggerItem--size_sm {
    height: 9px;
    padding-inline: var(--spacing-2);
    margin-inline: var(--spacing-1\.5);
}

  .menu__triggerItem--size_sm :where(svg) {
    width: 4px;
    height: 4px;
}

  .menu__content--size_sm {
    padding-block: var(--spacing-1);
    gap: var(--spacing-1);
}

  .menu__item--size_sm {
    height: 9px;
    padding-inline: var(--spacing-2);
    margin-inline: var(--spacing-1);
}

  .menu__item--size_sm :where(svg) {
    width: 4px;
    height: 4px;
}

  .menu__optionItem--size_sm {
    height: 9px;
    padding-inline: var(--spacing-2);
    margin-inline: var(--spacing-1);
}

  .menu__optionItem--size_sm :where(svg) {
    width: 4px;
    height: 4px;
}

  .menu__itemGroupLabel--size_sm {
    padding-block: var(--spacing-2);
    padding-inline: var(--spacing-2);
    margin-inline: var(--spacing-1);
}

  .menu__itemGroup--size_sm {
    gap: var(--spacing-1);
}

  .menu__triggerItem--size_lg {
    height: 11px;
    padding-inline: var(--spacing-2\.5);
    margin-inline: var(--spacing-1\.5);
}

  .menu__triggerItem--size_lg :where(svg) {
    width: 5px;
    height: 5px;
}

  .menu__content--size_lg {
    padding-block: var(--spacing-1);
    gap: var(--spacing-1);
}

  .menu__item--size_lg {
    height: 11px;
    padding-inline: var(--spacing-2\.5);
    margin-inline: var(--spacing-1);
}

  .menu__item--size_lg :where(svg) {
    width: 5px;
    height: 5px;
}

  .menu__optionItem--size_lg {
    height: 11px;
    padding-inline: var(--spacing-2\.5);
    margin-inline: var(--spacing-1);
}

  .menu__optionItem--size_lg :where(svg) {
    width: 5px;
    height: 5px;
}

  .menu__itemGroupLabel--size_lg {
    padding-block: var(--spacing-2\.5);
    padding-inline: var(--spacing-2\.5);
    margin-inline: var(--spacing-1);
}

  .menu__itemGroup--size_lg {
    gap: var(--spacing-1);
}

  .tooltipWrapper__tooltip--placement_top {
    transform: translateX(-50%);
    bottom: 100%;
    left: 50%;
    margin-bottom: var(--spacing-sm);
}

  .tooltipWrapper__arrow--placement_top {
    transform: translateX(-50%);
    top: 100%;
    left: 50%;
    border-top-color: inherit;
}

  .group:is(:hover, [data-hover]) .tooltipWrapper__tooltip--delay_250 {
    transition-delay: 250ms;
}

  .group:is(:hover, [data-hover]) .tooltipWrapper__tooltip--delay_500 {
    transition-delay: 500ms;
}

  .group:is(:hover, [data-hover]) .tooltipWrapper__tooltip--delay_1000 {
    transition-delay: 1000ms;
}

  .group:is(:hover, [data-hover]) .tooltipWrapper__tooltip--delay_1250 {
    transition-delay: 1250ms;
}

  .group:is(:hover, [data-hover]) .tooltipWrapper__tooltip--delay_1500 {
    transition-delay: 1500ms;
}

  .group:is(:hover, [data-hover]) .tooltipWrapper__tooltip--delay_1750 {
    transition-delay: 1750ms;
}

  .group:is(:hover, [data-hover]) .tooltipWrapper__tooltip--delay_2000 {
    transition-delay: 2000ms;
}

  .tooltipWrapper__tooltip--placement_bottom {
    transform: translateX(-50%);
    top: 100%;
    left: 50%;
    margin-top: var(--spacing-sm);
}

  .tooltipWrapper__arrow--placement_bottom {
    transform: translateX(-50%);
    bottom: 100%;
    left: 50%;
    border-bottom-color: inherit;
}

  .tooltipWrapper__tooltip--placement_left {
    transform: translate(-100%, -50%);
    left: var(--spacing-0);
    top: 50%;
    padding-right: var(--spacing-sm);
}

  .tooltipWrapper__arrow--placement_left {
    transform: translateY(-50%);
    left: 100%;
    top: 50%;
    border-left-color: inherit;
}

  .tooltipWrapper__tooltip--placement_right {
    transform: translateY(-50%);
    left: 100%;
    top: 50%;
    padding-left: var(--spacing-sm);
}

  .tooltipWrapper__arrow--placement_right {
    transform: translateY(-50%);
    right: 100%;
    top: 50%;
    border-right-color: inherit;
}

  .tooltipWrapper__tooltip--placement_topLeft {
    bottom: 100%;
    left: var(--spacing-0);
    padding-bottom: var(--spacing-sm);
}

  .tooltipWrapper__arrow--placement_topLeft {
    top: 100%;
    left: 1rem;
    border-top-color: inherit;
}

  .tooltipWrapper__tooltip--placement_topRight {
    bottom: 100%;
    right: var(--spacing-0);
    padding-bottom: var(--spacing-sm);
}

  .tooltipWrapper__arrow--placement_topRight {
    top: 100%;
    right: 1rem;
    border-top-color: inherit;
}

  .tooltipWrapper__tooltip--placement_bottomLeft {
    top: 100%;
    left: var(--spacing-0);
    padding-top: var(--spacing-sm);
}

  .tooltipWrapper__arrow--placement_bottomLeft {
    bottom: 100%;
    left: 1rem;
    border-bottom-color: inherit;
}

  .tooltipWrapper__tooltip--placement_bottomRight {
    top: 100%;
    right: var(--spacing-0);
    margin-top: var(--spacing-sm);
}

  .tooltipWrapper__arrow--placement_bottomRight {
    bottom: 100%;
    right: 1rem;
    border-bottom-color: inherit;
}

  .tooltipWrapper__tooltip--placement_leftTop {
    right: 100%;
    top: var(--spacing-0);
    padding-right: var(--spacing-sm);
}

  .tooltipWrapper__arrow--placement_leftTop {
    left: 100%;
    top: 1rem;
    border-left-color: inherit;
}

  .tooltipWrapper__tooltip--placement_leftBottom {
    r: sm;
    right: 100%;
    bottom: var(--spacing-0);
}

  .tooltipWrapper__arrow--placement_leftBottom {
    left: 100%;
    bottom: 1rem;
    border-left-color: inherit;
}

  .tooltipWrapper__tooltip--placement_rightTop {
    left: 100%;
    top: var(--spacing-0);
    padding-left: var(--spacing-sm);
}

  .tooltipWrapper__arrow--placement_rightTop {
    right: 100%;
    top: 1rem;
    border-right-color: inherit;
}

  .tooltipWrapper__tooltip--placement_rightBottom {
    left: 100%;
    bottom: var(--spacing-0);
    padding-left: var(--spacing-sm);
}

  .tooltipWrapper__arrow--placement_rightBottom {
    right: 100%;
    bottom: 1rem;
    border-right-color: inherit;
}
}

@layer utilities{
  @layer compositions{

    .textStyle_heading_1_old {
      letter-spacing: -0.25px;
      font-family: Nunito Sans;
      font-size: 3.75rem;
      line-height: 1.25em;
}

    .textStyle_heading_1_serif_old {
      font-family: DM Serif Text;
      font-size: 3.75rem;
      line-height: 1.25em;
}

    .textStyle_heading_2_old {
      font-family: Nunito Sans;
}

    .textStyle_heading_2_old,.textStyle_heading_2_serif_old {
      letter-spacing: 0px;
      font-size: 2.5rem;
      line-height: 1.2em;
}

    .textStyle_heading_2_serif_old {
      font-family: DM Serif Text;
}

    .textStyle_heading_3_old {
      font-family: Nunito Sans;
}

    .textStyle_heading_3_old,.textStyle_heading_3_serif_old {
      letter-spacing: 0px;
      font-size: 2rem;
      line-height: 1.25em;
}

    .textStyle_heading_3_serif_old {
      font-family: DM Serif Text;
}

    .textStyle_heading_4_old {
      letter-spacing: 0px;
      font-family: Nunito Sans;
      font-size: 1.5rem;
      line-height: 1.33em;
}

    .textStyle_heading_4_serif_old {
      letter-spacing: 0.15px;
      font-family: DM Serif Text;
      font-size: 1.5rem;
      line-height: 1.33em;
}

    .textStyle_heading_5_old {
      font-family: Nunito Sans;
}

    .textStyle_heading_5_old,.textStyle_heading_5_serif_old {
      letter-spacing: 0.15px;
      font-size: 1.25rem;
      line-height: 1.2em;
}

    .textStyle_heading_5_serif_old {
      font-family: DM Serif Text;
}

    .textStyle_heading_6_old {
      font-family: Nunito Sans;
}

    .textStyle_heading_6_old,.textStyle_heading_6_serif_old {
      letter-spacing: 0.15px;
      font-size: 1.25rem;
      line-height: 1.6em;
}

    .textStyle_heading_6_serif_old {
      font-family: DM Serif Text;
}

    .textStyle_label_s_old {
      font-family: Nunito Sans;
      font-weight: 700;
      font-size: 12px;
      line-height: 16px;
}

    .textStyle_heading_2_sans_old {
      font-family: Nunito Sans;
      font-weight: 700;
      font-size: 40px;
      line-height: 48px;
}

    .textStyle_body_s_old {
      font-size: 12px;
      line-height: 16px;
}

    .textStyle_body_s_old,.textStyle_body_old {
      font-family: Nunito Sans;
      font-weight: 400;
}

    .textStyle_body_old {
      letter-spacing: 0.15px;
      font-size: 16px;
      line-height: 24px;
}

    .textStyle_heading_1_old_old {
      font-family: Gelasio;
      font-weight: 700;
      font-size: 60px;
      line-height: 80px;
}

    .textStyle_heading_2_old_old {
      font-family: Gelasio;
      font-weight: 700;
      font-size: 40px;
      line-height: 48px;
}

    .textStyle_heading_3_old_old {
      font-family: Gelasio;
      font-weight: 700;
      font-size: 32px;
      line-height: 40px;
}

    .textStyle_heading_4_old_old {
      font-family: Gelasio;
}

    .textStyle_heading_4_old_old,.textStyle_heading_5_old_old {
      font-weight: 700;
      font-size: 24px;
      line-height: 32px;
}

    .textStyle_heading_5_old_old {
      font-family: Nunito Sans;
}

    .textStyle_heading_6_old_old {
      font-family: Gelasio;
      font-weight: 700;
      font-size: 20px;
      line-height: 24px;
}

    .textStyle_heading_6_old_sans_old {
      font-weight: 700;
}

    .textStyle_heading_6_old_sans_old,.textStyle_body_l_old {
      font-family: Nunito Sans;
      font-size: 20px;
      line-height: 32px;
}

    .textStyle_body_l_old {
      font-weight: 400;
}

    .textStyle_strong_l_old {
      font-size: 20px;
}

    .textStyle_strong_l_old,.textStyle_strong_old {
      font-family: Nunito Sans;
      font-weight: 700;
      line-height: 24px;
}

    .textStyle_strong_old {
      font-size: 16px;
}

    .textStyle_strong_s_old {
      font-family: Nunito Sans;
      font-weight: 700;
      font-size: 12px;
      line-height: 16px;
}

    .textStyle_placeholder_old {
      font-weight: 400;
      line-height: 24px;
}

    .textStyle_placeholder_old,.textStyle_label_old {
      font-family: Nunito Sans;
      font-size: 16px;
}

    .textStyle_label_old {
      font-weight: 700;
      line-height: 16px;
}

    .textStyle_link_text_old,.textStyle_bodystrong_old {
      font-family: Nunito Sans;
      font-weight: 700;
      font-size: 16px;
      line-height: 24px;
}

    .textStyle_heading_1 {
      font-weight: var(--font-weights-bold);
}

    .textStyle_heading_1,.textStyle_heading_1_normal {
      letter-spacing: -0.25px;
      font-family: var(--fonts-sans-serif);
      font-size: 3.75rem;
      line-height: 1.25em;
}

    .textStyle_heading_1_normal,.textStyle_heading_1_serif {
      font-weight: var(--font-weights-normal);
}

    .textStyle_heading_1_serif {
      font-family: var(--fonts-serif);
      font-size: 3.75rem;
      line-height: 1.25em;
}

    .textStyle_heading_2 {
      font-weight: var(--font-weights-bold);
}

    .textStyle_heading_2,.textStyle_heading_2_normal {
      letter-spacing: 0px;
      font-family: var(--fonts-sans-serif);
      font-size: 2.5rem;
      line-height: 1.2em;
}

    .textStyle_heading_2_normal {
      font-weight: var(--font-weights-normal);
}

    .textStyle_heading_2_serif {
      letter-spacing: 0px;
      font-family: var(--fonts-serif);
      font-size: 2.5rem;
      line-height: 1.2em;
}

    .textStyle_heading_3 {
      font-weight: var(--font-weights-bold);
}

    .textStyle_heading_3,.textStyle_heading_3_normal {
      letter-spacing: 0px;
      font-family: var(--fonts-sans-serif);
      font-size: 2rem;
      line-height: 1.25em;
}

    .textStyle_heading_3_normal,.textStyle_heading_3_serif {
      font-weight: var(--font-weights-normal);
}

    .textStyle_heading_3_serif {
      letter-spacing: 0px;
      font-family: var(--fonts-serif);
      font-size: 2rem;
      line-height: 1.25em;
}

    .textStyle_heading_4 {
      letter-spacing: 0px;
      font-family: var(--fonts-sans-serif);
}

    .textStyle_heading_4,.textStyle_heading_4_serif {
      font-size: 1.5rem;
      font-weight: var(--font-weights-bold);
      line-height: 1.33em;
}

    .textStyle_heading_4_serif {
      letter-spacing: 0.15px;
      font-family: var(--fonts-serif);
}

    .textStyle_heading_5 {
      font-weight: var(--font-weights-bold);
}

    .textStyle_heading_5,.textStyle_heading_5_normal {
      letter-spacing: 0.15px;
      font-family: var(--fonts-sans-serif);
      font-size: 1.25rem;
      line-height: 1.2em;
}

    .textStyle_heading_5_normal {
      font-weight: 400;
}

    .textStyle_heading_5_serif {
      letter-spacing: 0.15px;
      font-family: var(--fonts-serif);
      font-size: 1.25rem;
      line-height: 1.2em;
}

    .textStyle_heading_6 {
      font-weight: var(--font-weights-bold);
}

    .textStyle_heading_6,.textStyle_heading_6_normal {
      letter-spacing: 0.15px;
      font-family: var(--fonts-sans-serif);
      font-size: 1.25rem;
      line-height: 1.6em;
}

    .textStyle_heading_6_normal {
      font-weight: var(--font-weights-normal);
}

    .textStyle_heading_6_serif {
      letter-spacing: 0.15px;
      font-family: var(--fonts-serif);
      font-size: 1.25rem;
      line-height: 1.6em;
}

    .textStyle_body_normal {
      font-weight: var(--font-weights-normal);
}

    .textStyle_body_normal,.textStyle_body_strong {
      letter-spacing: 0.15px;
      font-family: var(--fonts-sans-serif);
      font-size: 1rem;
      line-height: 1.5em;
}

    .textStyle_body_strong {
      font-weight: var(--font-weights-bold);
}

    .textStyle_body_placeholder {
      letter-spacing: 0.15px;
      font-weight: var(--font-weights-normal);
      font-style: italic;
}

    .textStyle_body_placeholder,.textStyle_body_label {
      font-family: var(--fonts-sans-serif);
      font-size: 1rem;
      line-height: 1.5em;
}

    .textStyle_body_label {
      letter-spacing: 0.75px;
      font-weight: var(--font-weights-bold);
}

    .textStyle_body_serif {
      letter-spacing: 0.15px;
      font-family: var(--fonts-serif);
      font-weight: var(--font-weights-normal);
      font-size: 1rem;
      line-height: 1.5em;
}

    .textStyle_footnote_body_s {
      font-weight: var(--font-weights-normal);
}

    .textStyle_footnote_body_s,.textStyle_footnote_strong_s {
      letter-spacing: 0.15px;
      font-family: var(--fonts-sans-serif);
      font-size: 0.75rem;
}

    .textStyle_footnote_strong_s,.textStyle_footnote_label_s {
      font-weight: var(--font-weights-bold);
}

    .textStyle_footnote_label_s {
      letter-spacing: 1px;
      text-transform: uppercase;
      font-family: var(--fonts-sans-serif);
      font-size: 0.75rem;
      line-height: 1.33em;
}

    @media screen and (min-width: 55rem) {
      .md\:textStyle_heading_3 {
        font-family: var(--fonts-sans-serif);
        font-weight: var(--font-weights-bold);
}
      .md\:textStyle_heading_3,.md\:textStyle_heading_3_serif {
        letter-spacing: 0px;
        font-size: 2rem;
        line-height: 1.25em;
}
      .md\:textStyle_heading_3_serif {
        font-family: var(--fonts-serif);
        font-weight: var(--font-weights-normal);
}
      .md\:textStyle_heading_4 {
        letter-spacing: 0px;
        font-family: var(--fonts-sans-serif);
        font-size: 1.5rem;
        font-weight: var(--font-weights-bold);
        line-height: 1.33em;
}
}
}

  .m_0 {
    margin: var(--spacing-0);
}

  .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_5 {
    margin: var(--spacing-5);
}

  .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_14 {
    margin: var(--spacing-14);
}

  .m_16 {
    margin: var(--spacing-16);
}

  .m_20 {
    margin: var(--spacing-20);
}

  .m_24 {
    margin: var(--spacing-24);
}

  .m_28 {
    margin: var(--spacing-28);
}

  .m_32 {
    margin: var(--spacing-32);
}

  .m_36 {
    margin: var(--spacing-36);
}

  .m_40 {
    margin: var(--spacing-40);
}

  .m_44 {
    margin: var(--spacing-44);
}

  .m_48 {
    margin: var(--spacing-48);
}

  .m_52 {
    margin: var(--spacing-52);
}

  .m_56 {
    margin: var(--spacing-56);
}

  .m_60 {
    margin: var(--spacing-60);
}

  .m_64 {
    margin: var(--spacing-64);
}

  .m_72 {
    margin: var(--spacing-72);
}

  .m_80 {
    margin: var(--spacing-80);
}

  .m_96 {
    margin: var(--spacing-96);
}

  .m_auto {
    margin: auto;
}

  .m_none {
    margin: var(--spacing-none);
}

  .m_xxs {
    margin: var(--spacing-xxs);
}

  .m_xs {
    margin: var(--spacing-xs);
}

  .m_sm {
    margin: var(--spacing-sm);
}

  .m_ms {
    margin: var(--spacing-ms);
}

  .m_mds {
    margin: var(--spacing-mds);
}

  .m_md {
    margin: var(--spacing-md);
}

  .m_mdl {
    margin: var(--spacing-mdl);
}

  .m_ml {
    margin: var(--spacing-ml);
}

  .m_lg {
    margin: var(--spacing-lg);
}

  .m_xl {
    margin: var(--spacing-xl);
}

  .m_xxl {
    margin: var(--spacing-xxl);
}

  .m_xxxl {
    margin: var(--spacing-xxxl);
}

  .m_0\.5 {
    margin: var(--spacing-0\.5);
}

  .m_1\.5 {
    margin: var(--spacing-1\.5);
}

  .m_2\.5 {
    margin: var(--spacing-2\.5);
}

  .m_3\.5 {
    margin: var(--spacing-3\.5);
}

  .m_4\.5 {
    margin: var(--spacing-4\.5);
}

  .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_-14 {
    margin: calc(var(--spacing-14) * -1);
}

  .m_-16 {
    margin: calc(var(--spacing-16) * -1);
}

  .m_-20 {
    margin: calc(var(--spacing-20) * -1);
}

  .m_-24 {
    margin: calc(var(--spacing-24) * -1);
}

  .m_-28 {
    margin: calc(var(--spacing-28) * -1);
}

  .m_-32 {
    margin: calc(var(--spacing-32) * -1);
}

  .m_-36 {
    margin: calc(var(--spacing-36) * -1);
}

  .m_-40 {
    margin: calc(var(--spacing-40) * -1);
}

  .m_-44 {
    margin: calc(var(--spacing-44) * -1);
}

  .m_-48 {
    margin: calc(var(--spacing-48) * -1);
}

  .m_-52 {
    margin: calc(var(--spacing-52) * -1);
}

  .m_-56 {
    margin: calc(var(--spacing-56) * -1);
}

  .m_-60 {
    margin: calc(var(--spacing-60) * -1);
}

  .m_-64 {
    margin: calc(var(--spacing-64) * -1);
}

  .m_-72 {
    margin: calc(var(--spacing-72) * -1);
}

  .m_-80 {
    margin: calc(var(--spacing-80) * -1);
}

  .m_-96 {
    margin: calc(var(--spacing-96) * -1);
}

  .m_-none {
    margin: calc(var(--spacing-none) * -1);
}

  .m_-xxs {
    margin: calc(var(--spacing-xxs) * -1);
}

  .m_-xs {
    margin: calc(var(--spacing-xs) * -1);
}

  .m_-sm {
    margin: calc(var(--spacing-sm) * -1);
}

  .m_-ms {
    margin: calc(var(--spacing-ms) * -1);
}

  .m_-mds {
    margin: calc(var(--spacing-mds) * -1);
}

  .m_-md {
    margin: calc(var(--spacing-md) * -1);
}

  .m_-mdl {
    margin: calc(var(--spacing-mdl) * -1);
}

  .m_-ml {
    margin: calc(var(--spacing-ml) * -1);
}

  .m_-lg {
    margin: calc(var(--spacing-lg) * -1);
}

  .m_-xl {
    margin: calc(var(--spacing-xl) * -1);
}

  .m_-xxl {
    margin: calc(var(--spacing-xxl) * -1);
}

  .m_-xxxl {
    margin: calc(var(--spacing-xxxl) * -1);
}

  .m_-0\.5 {
    margin: calc(var(--spacing-0\.5) * -1);
}

  .m_-1\.5 {
    margin: calc(var(--spacing-1\.5) * -1);
}

  .m_-2\.5 {
    margin: calc(var(--spacing-2\.5) * -1);
}

  .m_-3\.5 {
    margin: calc(var(--spacing-3\.5) * -1);
}

  .m_-4\.5 {
    margin: calc(var(--spacing-4\.5) * -1);
}

  .p_1 {
    padding: var(--spacing-1);
}

  .p_2 {
    padding: var(--spacing-2);
}

  .p_3 {
    padding: var(--spacing-3);
}

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

  .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_10 {
    padding: var(--spacing-10);
}

  .p_11 {
    padding: var(--spacing-11);
}

  .p_12 {
    padding: var(--spacing-12);
}

  .p_14 {
    padding: var(--spacing-14);
}

  .p_16 {
    padding: var(--spacing-16);
}

  .p_20 {
    padding: var(--spacing-20);
}

  .p_24 {
    padding: var(--spacing-24);
}

  .p_28 {
    padding: var(--spacing-28);
}

  .p_32 {
    padding: var(--spacing-32);
}

  .p_36 {
    padding: var(--spacing-36);
}

  .p_40 {
    padding: var(--spacing-40);
}

  .p_44 {
    padding: var(--spacing-44);
}

  .p_48 {
    padding: var(--spacing-48);
}

  .p_52 {
    padding: var(--spacing-52);
}

  .p_56 {
    padding: var(--spacing-56);
}

  .p_60 {
    padding: var(--spacing-60);
}

  .p_64 {
    padding: var(--spacing-64);
}

  .p_72 {
    padding: var(--spacing-72);
}

  .p_80 {
    padding: var(--spacing-80);
}

  .p_96 {
    padding: var(--spacing-96);
}

  .p_none {
    padding: var(--spacing-none);
}

  .p_xxs {
    padding: var(--spacing-xxs);
}

  .p_xs {
    padding: var(--spacing-xs);
}

  .p_sm {
    padding: var(--spacing-sm);
}

  .p_ms {
    padding: var(--spacing-ms);
}

  .p_mds {
    padding: var(--spacing-mds);
}

  .p_md {
    padding: var(--spacing-md);
}

  .p_mdl {
    padding: var(--spacing-mdl);
}

  .p_ml {
    padding: var(--spacing-ml);
}

  .p_lg {
    padding: var(--spacing-lg);
}

  .p_xl {
    padding: var(--spacing-xl);
}

  .p_xxl {
    padding: var(--spacing-xxl);
}

  .p_xxxl {
    padding: var(--spacing-xxxl);
}

  .p_0\.5 {
    padding: var(--spacing-0\.5);
}

  .p_1\.5 {
    padding: var(--spacing-1\.5);
}

  .p_2\.5 {
    padding: var(--spacing-2\.5);
}

  .p_3\.5 {
    padding: var(--spacing-3\.5);
}

  .p_4\.5 {
    padding: var(--spacing-4\.5);
}

  .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_-14 {
    padding: calc(var(--spacing-14) * -1);
}

  .p_-16 {
    padding: calc(var(--spacing-16) * -1);
}

  .p_-20 {
    padding: calc(var(--spacing-20) * -1);
}

  .p_-24 {
    padding: calc(var(--spacing-24) * -1);
}

  .p_-28 {
    padding: calc(var(--spacing-28) * -1);
}

  .p_-32 {
    padding: calc(var(--spacing-32) * -1);
}

  .p_-36 {
    padding: calc(var(--spacing-36) * -1);
}

  .p_-40 {
    padding: calc(var(--spacing-40) * -1);
}

  .p_-44 {
    padding: calc(var(--spacing-44) * -1);
}

  .p_-48 {
    padding: calc(var(--spacing-48) * -1);
}

  .p_-52 {
    padding: calc(var(--spacing-52) * -1);
}

  .p_-56 {
    padding: calc(var(--spacing-56) * -1);
}

  .p_-60 {
    padding: calc(var(--spacing-60) * -1);
}

  .p_-64 {
    padding: calc(var(--spacing-64) * -1);
}

  .p_-72 {
    padding: calc(var(--spacing-72) * -1);
}

  .p_-80 {
    padding: calc(var(--spacing-80) * -1);
}

  .p_-96 {
    padding: calc(var(--spacing-96) * -1);
}

  .p_-none {
    padding: calc(var(--spacing-none) * -1);
}

  .p_-xxs {
    padding: calc(var(--spacing-xxs) * -1);
}

  .p_-xs {
    padding: calc(var(--spacing-xs) * -1);
}

  .p_-sm {
    padding: calc(var(--spacing-sm) * -1);
}

  .p_-ms {
    padding: calc(var(--spacing-ms) * -1);
}

  .p_-mds {
    padding: calc(var(--spacing-mds) * -1);
}

  .p_-md {
    padding: calc(var(--spacing-md) * -1);
}

  .p_-mdl {
    padding: calc(var(--spacing-mdl) * -1);
}

  .p_-ml {
    padding: calc(var(--spacing-ml) * -1);
}

  .p_-lg {
    padding: calc(var(--spacing-lg) * -1);
}

  .p_-xl {
    padding: calc(var(--spacing-xl) * -1);
}

  .p_-xxl {
    padding: calc(var(--spacing-xxl) * -1);
}

  .p_-xxxl {
    padding: calc(var(--spacing-xxxl) * -1);
}

  .p_-0\.5 {
    padding: calc(var(--spacing-0\.5) * -1);
}

  .p_-1\.5 {
    padding: calc(var(--spacing-1\.5) * -1);
}

  .p_-2\.5 {
    padding: calc(var(--spacing-2\.5) * -1);
}

  .p_-3\.5 {
    padding: calc(var(--spacing-3\.5) * -1);
}

  .p_-4\.5 {
    padding: calc(var(--spacing-4\.5) * -1);
}

  .c_current {
    color: var(--colors-current);
}

  .c_black {
    color: var(--colors-black);
}

  .c_black\.a1 {
    color: var(--colors-black-a1);
}

  .c_black\.a2 {
    color: var(--colors-black-a2);
}

  .c_black\.a3 {
    color: var(--colors-black-a3);
}

  .c_black\.a4 {
    color: var(--colors-black-a4);
}

  .c_black\.a5 {
    color: var(--colors-black-a5);
}

  .c_black\.a6 {
    color: var(--colors-black-a6);
}

  .c_black\.a7 {
    color: var(--colors-black-a7);
}

  .c_black\.a8 {
    color: var(--colors-black-a8);
}

  .c_black\.a9 {
    color: var(--colors-black-a9);
}

  .c_black\.a10 {
    color: var(--colors-black-a10);
}

  .c_black\.a11 {
    color: var(--colors-black-a11);
}

  .c_black\.a12 {
    color: var(--colors-black-a12);
}

  .c_white {
    color: var(--colors-white);
}

  .c_white\.a1 {
    color: var(--colors-white-a1);
}

  .c_white\.a2 {
    color: var(--colors-white-a2);
}

  .c_white\.a3 {
    color: var(--colors-white-a3);
}

  .c_white\.a4 {
    color: var(--colors-white-a4);
}

  .c_white\.a5 {
    color: var(--colors-white-a5);
}

  .c_white\.a6 {
    color: var(--colors-white-a6);
}

  .c_white\.a7 {
    color: var(--colors-white-a7);
}

  .c_white\.a8 {
    color: var(--colors-white-a8);
}

  .c_white\.a9 {
    color: var(--colors-white-a9);
}

  .c_white\.a10 {
    color: var(--colors-white-a10);
}

  .c_white\.a11 {
    color: var(--colors-white-a11);
}

  .c_white\.a12 {
    color: var(--colors-white-a12);
}

  .c_transparent {
    color: var(--colors-transparent);
}

  .c_blue\.50 {
    color: var(--colors-blue\.50);
}

  .c_blue\.100 {
    color: var(--colors-blue\.100);
}

  .c_blue\.200 {
    color: var(--colors-blue\.200);
}

  .c_blue\.300 {
    color: var(--colors-blue\.300);
}

  .c_blue\.400 {
    color: var(--colors-blue\.400);
}

  .c_blue\.500 {
    color: var(--colors-blue\.500);
}

  .c_blue\.600 {
    color: var(--colors-blue\.600);
}

  .c_blue\.700 {
    color: var(--colors-blue\.700);
}

  .c_blue\.800 {
    color: var(--colors-blue\.800);
}

  .c_blue\.900 {
    color: var(--colors-blue\.900);
}

  .c_yellow\.50 {
    color: var(--colors-yellow\.50);
}

  .c_yellow\.100 {
    color: var(--colors-yellow\.100);
}

  .c_yellow\.200 {
    color: var(--colors-yellow\.200);
}

  .c_yellow\.300 {
    color: var(--colors-yellow\.300);
}

  .c_yellow\.400 {
    color: var(--colors-yellow\.400);
}

  .c_yellow\.500 {
    color: var(--colors-yellow\.500);
}

  .c_yellow\.600 {
    color: var(--colors-yellow\.600);
}

  .c_yellow\.700 {
    color: var(--colors-yellow\.700);
}

  .c_yellow\.800 {
    color: var(--colors-yellow\.800);
}

  .c_yellow\.900 {
    color: var(--colors-yellow\.900);
}

  .c_coral\.50 {
    color: var(--colors-coral\.50);
}

  .c_coral\.100 {
    color: var(--colors-coral\.100);
}

  .c_coral\.200 {
    color: var(--colors-coral\.200);
}

  .c_coral\.300 {
    color: var(--colors-coral\.300);
}

  .c_coral\.400 {
    color: var(--colors-coral\.400);
}

  .c_coral\.500 {
    color: var(--colors-coral\.500);
}

  .c_coral\.600 {
    color: var(--colors-coral\.600);
}

  .c_coral\.700 {
    color: var(--colors-coral\.700);
}

  .c_coral\.800 {
    color: var(--colors-coral\.800);
}

  .c_coral\.900 {
    color: var(--colors-coral\.900);
}

  .c_aqua\.50 {
    color: var(--colors-aqua\.50);
}

  .c_aqua\.100 {
    color: var(--colors-aqua\.100);
}

  .c_aqua\.200 {
    color: var(--colors-aqua\.200);
}

  .c_aqua\.300 {
    color: var(--colors-aqua\.300);
}

  .c_aqua\.400 {
    color: var(--colors-aqua\.400);
}

  .c_aqua\.500 {
    color: var(--colors-aqua\.500);
}

  .c_aqua\.600 {
    color: var(--colors-aqua\.600);
}

  .c_aqua\.700 {
    color: var(--colors-aqua\.700);
}

  .c_aqua\.800 {
    color: var(--colors-aqua\.800);
}

  .c_aqua\.900 {
    color: var(--colors-aqua\.900);
}

  .c_salmon\.50 {
    color: var(--colors-salmon\.50);
}

  .c_salmon\.100 {
    color: var(--colors-salmon\.100);
}

  .c_salmon\.200 {
    color: var(--colors-salmon\.200);
}

  .c_salmon\.300 {
    color: var(--colors-salmon\.300);
}

  .c_salmon\.400 {
    color: var(--colors-salmon\.400);
}

  .c_salmon\.500 {
    color: var(--colors-salmon\.500);
}

  .c_salmon\.600 {
    color: var(--colors-salmon\.600);
}

  .c_salmon\.700 {
    color: var(--colors-salmon\.700);
}

  .c_salmon\.800 {
    color: var(--colors-salmon\.800);
}

  .c_salmon\.900 {
    color: var(--colors-salmon\.900);
}

  .c_purple\.50 {
    color: var(--colors-purple\.50);
}

  .c_purple\.100 {
    color: var(--colors-purple\.100);
}

  .c_purple\.200 {
    color: var(--colors-purple\.200);
}

  .c_purple\.300 {
    color: var(--colors-purple\.300);
}

  .c_purple\.400 {
    color: var(--colors-purple\.400);
}

  .c_purple\.500 {
    color: var(--colors-purple\.500);
}

  .c_purple\.600 {
    color: var(--colors-purple\.600);
}

  .c_purple\.700 {
    color: var(--colors-purple\.700);
}

  .c_purple\.800 {
    color: var(--colors-purple\.800);
}

  .c_purple\.900 {
    color: var(--colors-purple\.900);
}

  .c_green\.50 {
    color: var(--colors-green\.50);
}

  .c_green\.100 {
    color: var(--colors-green\.100);
}

  .c_green\.200 {
    color: var(--colors-green\.200);
}

  .c_green\.300 {
    color: var(--colors-green\.300);
}

  .c_green\.400 {
    color: var(--colors-green\.400);
}

  .c_green\.500 {
    color: var(--colors-green\.500);
}

  .c_green\.600 {
    color: var(--colors-green\.600);
}

  .c_green\.700 {
    color: var(--colors-green\.700);
}

  .c_green\.800 {
    color: var(--colors-green\.800);
}

  .c_green\.900 {
    color: var(--colors-green\.900);
}

  .c_smoke\.50 {
    color: var(--colors-smoke\.50);
}

  .c_smoke\.100 {
    color: var(--colors-smoke\.100);
}

  .c_smoke\.200 {
    color: var(--colors-smoke\.200);
}

  .c_smoke\.300 {
    color: var(--colors-smoke\.300);
}

  .c_smoke\.400 {
    color: var(--colors-smoke\.400);
}

  .c_smoke\.500 {
    color: var(--colors-smoke\.500);
}

  .c_smoke\.600 {
    color: var(--colors-smoke\.600);
}

  .c_smoke\.700 {
    color: var(--colors-smoke\.700);
}

  .c_smoke\.800 {
    color: var(--colors-smoke\.800);
}

  .c_smoke\.900 {
    color: var(--colors-smoke\.900);
}

  .c_grey\.50 {
    color: var(--colors-grey\.50);
}

  .c_grey\.100 {
    color: var(--colors-grey\.100);
}

  .c_grey\.200 {
    color: var(--colors-grey\.200);
}

  .c_grey\.300 {
    color: var(--colors-grey\.300);
}

  .c_grey\.400 {
    color: var(--colors-grey\.400);
}

  .c_grey\.500 {
    color: var(--colors-grey\.500);
}

  .c_grey\.600 {
    color: var(--colors-grey\.600);
}

  .c_grey\.700 {
    color: var(--colors-grey\.700);
}

  .c_grey\.800 {
    color: var(--colors-grey\.800);
}

  .c_grey\.900 {
    color: var(--colors-grey\.900);
}

  .c_base\.white {
    color: var(--colors-base\.white);
}

  .c_dark\.50 {
    color: var(--colors-dark\.50);
}

  .c_dark\.100 {
    color: var(--colors-dark\.100);
}

  .c_dark\.200 {
    color: var(--colors-dark\.200);
}

  .c_dark\.300 {
    color: var(--colors-dark\.300);
}

  .c_dark\.400 {
    color: var(--colors-dark\.400);
}

  .c_dark\.500 {
    color: var(--colors-dark\.500);
}

  .c_dark\.600 {
    color: var(--colors-dark\.600);
}

  .c_dark\.700 {
    color: var(--colors-dark\.700);
}

  .c_dark\.800 {
    color: var(--colors-dark\.800);
}

  .c_dark\.900 {
    color: var(--colors-dark\.900);
}

  .c_base\.black {
    color: var(--colors-base\.black);
}

  .c_background-third {
    color: var(--colors-background-third);
}

  .c_background-fifth {
    color: var(--colors-background-fifth);
}

  .c_background-primary {
    color: var(--colors-background-primary);
}

  .c_background-secondary {
    color: var(--colors-background-secondary);
}

  .c_background-news-primary {
    color: var(--colors-background-news-primary);
}

  .c_background-news-secondary {
    color: var(--colors-background-news-secondary);
}

  .c_background-forth {
    color: var(--colors-background-forth);
}

  .c_background-sixth {
    color: var(--colors-background-sixth);
}

  .c_background-tag-secondary {
    color: var(--colors-background-tag-secondary);
}

  .c_background-aifeedback {
    color: var(--colors-background-aifeedback);
}

  .c_labels-primary {
    color: var(--colors-labels-primary);
}

  .c_labels-secondary {
    color: var(--colors-labels-secondary);
}

  .c_labels-third {
    color: var(--colors-labels-third);
}

  .c_labels-forth {
    color: var(--colors-labels-forth);
}

  .c_links-primary {
    color: var(--colors-links-primary);
}

  .c_links-secondary {
    color: var(--colors-links-secondary);
}

  .c_links-tertiary {
    color: var(--colors-links-tertiary);
}

  .c_stroke-quinary {
    color: var(--colors-stroke-quinary);
}

  .c_stroke-secondary {
    color: var(--colors-stroke-secondary);
}

  .c_stroke-tertiary {
    color: var(--colors-stroke-tertiary);
}

  .c_stroke-primary {
    color: var(--colors-stroke-primary);
}

  .c_content-primary {
    color: var(--colors-content-primary);
}

  .c_content-secondary {
    color: var(--colors-content-secondary);
}

  .c_content-button-premium-label-primary {
    color: var(--colors-content-button-premium-label-primary);
}

  .c_content-tertiary {
    color: var(--colors-content-tertiary);
}

  .c_content-quaternary {
    color: var(--colors-content-quaternary);
}

  .c_content-notification-number {
    color: var(--colors-content-notification-number);
}

  .c_buttons-primary-bg-default {
    color: var(--colors-buttons-primary-bg-default);
}

  .c_buttons-secondary-bg-default {
    color: var(--colors-buttons-secondary-bg-default);
}

  .c_buttons-tertiary-bg-default {
    color: var(--colors-buttons-tertiary-bg-default);
}

  .c_buttons-primary-label-default {
    color: var(--colors-buttons-primary-label-default);
}

  .c_buttons-secondary-label-default {
    color: var(--colors-buttons-secondary-label-default);
}

  .c_buttons-tertiary-label-default {
    color: var(--colors-buttons-tertiary-label-default);
}

  .c_buttons-primary-bg-hover {
    color: var(--colors-buttons-primary-bg-hover);
}

  .c_stroke-quaternary {
    color: var(--colors-stroke-quaternary);
}

  .c_stroke-similar {
    color: var(--colors-stroke-similar);
}

  .c_stroke-exact {
    color: var(--colors-stroke-exact);
}

  .c_status-primary-success {
    color: var(--colors-status-primary-success);
}

  .c_status-secondary-success {
    color: var(--colors-status-secondary-success);
}

  .c_status-primary-alert {
    color: var(--colors-status-primary-alert);
}

  .c_status-secondary-alert {
    color: var(--colors-status-secondary-alert);
}

  .c_status-primary-error {
    color: var(--colors-status-primary-error);
}

  .c_status-secondary-error {
    color: var(--colors-status-secondary-error);
}

  .c_stroke-white {
    color: var(--colors-stroke-white);
}

  .c_buttons-quaternary-bg {
    color: var(--colors-buttons-quaternary-bg);
}

  .c_labels-fifth {
    color: var(--colors-labels-fifth);
}

  .c_status-tertiary-error {
    color: var(--colors-status-tertiary-error);
}

  .c_buttons-secondary-bg-hover {
    color: var(--colors-buttons-secondary-bg-hover);
}

  .c_buttons-tertiary-bg-hover {
    color: var(--colors-buttons-tertiary-bg-hover);
}

  .c_stroke-sixth {
    color: var(--colors-stroke-sixth);
}

  .c_buttons-forth-bg-default {
    color: var(--colors-buttons-forth-bg-default);
}

  .c_buttons-forth-label-hover {
    color: var(--colors-buttons-forth-label-hover);
}

  .c_buttons-forth-bg-hover {
    color: var(--colors-buttons-forth-bg-hover);
}

  .c_buttons-tertiary-label {
    color: var(--colors-buttons-tertiary-label);
}

  .c_buttons-fifth-label-default {
    color: var(--colors-buttons-fifth-label-default);
}

  .c_buttons-primary-label-disabled {
    color: var(--colors-buttons-primary-label-disabled);
}

  .c_buttons-primary-bg-disabled {
    color: var(--colors-buttons-primary-bg-disabled);
}

  .c_buttons-sixth-label-default {
    color: var(--colors-buttons-sixth-label-default);
}

  .c_buttons-seventh-label-default {
    color: var(--colors-buttons-seventh-label-default);
}

  .c_dark\.blue\.50 {
    color: var(--colors-dark\.blue\.50);
}

  .c_dark\.blue\.100 {
    color: var(--colors-dark\.blue\.100);
}

  .c_dark\.blue\.200 {
    color: var(--colors-dark\.blue\.200);
}

  .c_dark\.blue\.300 {
    color: var(--colors-dark\.blue\.300);
}

  .c_dark\.blue\.400 {
    color: var(--colors-dark\.blue\.400);
}

  .c_dark\.blue\.500 {
    color: var(--colors-dark\.blue\.500);
}

  .c_dark\.blue\.600 {
    color: var(--colors-dark\.blue\.600);
}

  .c_dark\.blue\.700 {
    color: var(--colors-dark\.blue\.700);
}

  .c_dark\.blue\.800 {
    color: var(--colors-dark\.blue\.800);
}

  .c_dark\.blue\.900 {
    color: var(--colors-dark\.blue\.900);
}

  .c_dark\.yellow\.50 {
    color: var(--colors-dark\.yellow\.50);
}

  .c_dark\.yellow\.100 {
    color: var(--colors-dark\.yellow\.100);
}

  .c_dark\.yellow\.200 {
    color: var(--colors-dark\.yellow\.200);
}

  .c_dark\.yellow\.300 {
    color: var(--colors-dark\.yellow\.300);
}

  .c_dark\.yellow\.400 {
    color: var(--colors-dark\.yellow\.400);
}

  .c_dark\.yellow\.500 {
    color: var(--colors-dark\.yellow\.500);
}

  .c_dark\.yellow\.600 {
    color: var(--colors-dark\.yellow\.600);
}

  .c_dark\.yellow\.700 {
    color: var(--colors-dark\.yellow\.700);
}

  .c_dark\.yellow\.800 {
    color: var(--colors-dark\.yellow\.800);
}

  .c_dark\.yellow\.900 {
    color: var(--colors-dark\.yellow\.900);
}

  .c_dark\.coral\.50 {
    color: var(--colors-dark\.coral\.50);
}

  .c_dark\.coral\.100 {
    color: var(--colors-dark\.coral\.100);
}

  .c_dark\.coral\.200 {
    color: var(--colors-dark\.coral\.200);
}

  .c_dark\.coral\.300 {
    color: var(--colors-dark\.coral\.300);
}

  .c_dark\.coral\.400 {
    color: var(--colors-dark\.coral\.400);
}

  .c_dark\.coral\.500 {
    color: var(--colors-dark\.coral\.500);
}

  .c_dark\.coral\.600 {
    color: var(--colors-dark\.coral\.600);
}

  .c_dark\.coral\.700 {
    color: var(--colors-dark\.coral\.700);
}

  .c_dark\.coral\.800 {
    color: var(--colors-dark\.coral\.800);
}

  .c_dark\.coral\.900 {
    color: var(--colors-dark\.coral\.900);
}

  .c_dark\.aqua\.50 {
    color: var(--colors-dark\.aqua\.50);
}

  .c_dark\.aqua\.100 {
    color: var(--colors-dark\.aqua\.100);
}

  .c_dark\.aqua\.200 {
    color: var(--colors-dark\.aqua\.200);
}

  .c_dark\.aqua\.300 {
    color: var(--colors-dark\.aqua\.300);
}

  .c_dark\.aqua\.400 {
    color: var(--colors-dark\.aqua\.400);
}

  .c_dark\.aqua\.500 {
    color: var(--colors-dark\.aqua\.500);
}

  .c_dark\.aqua\.600 {
    color: var(--colors-dark\.aqua\.600);
}

  .c_dark\.aqua\.700 {
    color: var(--colors-dark\.aqua\.700);
}

  .c_dark\.aqua\.800 {
    color: var(--colors-dark\.aqua\.800);
}

  .c_dark\.aqua\.900 {
    color: var(--colors-dark\.aqua\.900);
}

  .c_dark\.salmon\.50 {
    color: var(--colors-dark\.salmon\.50);
}

  .c_dark\.salmon\.100 {
    color: var(--colors-dark\.salmon\.100);
}

  .c_dark\.salmon\.200 {
    color: var(--colors-dark\.salmon\.200);
}

  .c_dark\.salmon\.300 {
    color: var(--colors-dark\.salmon\.300);
}

  .c_dark\.salmon\.400 {
    color: var(--colors-dark\.salmon\.400);
}

  .c_dark\.salmon\.500 {
    color: var(--colors-dark\.salmon\.500);
}

  .c_dark\.salmon\.600 {
    color: var(--colors-dark\.salmon\.600);
}

  .c_dark\.salmon\.700 {
    color: var(--colors-dark\.salmon\.700);
}

  .c_dark\.salmon\.800 {
    color: var(--colors-dark\.salmon\.800);
}

  .c_dark\.salmon\.900 {
    color: var(--colors-dark\.salmon\.900);
}

  .c_dark\.purple\.50 {
    color: var(--colors-dark\.purple\.50);
}

  .c_dark\.purple\.100 {
    color: var(--colors-dark\.purple\.100);
}

  .c_dark\.purple\.200 {
    color: var(--colors-dark\.purple\.200);
}

  .c_dark\.purple\.300 {
    color: var(--colors-dark\.purple\.300);
}

  .c_dark\.purple\.400 {
    color: var(--colors-dark\.purple\.400);
}

  .c_dark\.purple\.500 {
    color: var(--colors-dark\.purple\.500);
}

  .c_dark\.purple\.600 {
    color: var(--colors-dark\.purple\.600);
}

  .c_dark\.purple\.700 {
    color: var(--colors-dark\.purple\.700);
}

  .c_dark\.purple\.800 {
    color: var(--colors-dark\.purple\.800);
}

  .c_dark\.purple\.900 {
    color: var(--colors-dark\.purple\.900);
}

  .c_dark\.green\.50 {
    color: var(--colors-dark\.green\.50);
}

  .c_dark\.green\.100 {
    color: var(--colors-dark\.green\.100);
}

  .c_dark\.green\.200 {
    color: var(--colors-dark\.green\.200);
}

  .c_dark\.green\.300 {
    color: var(--colors-dark\.green\.300);
}

  .c_dark\.green\.400 {
    color: var(--colors-dark\.green\.400);
}

  .c_dark\.green\.500 {
    color: var(--colors-dark\.green\.500);
}

  .c_dark\.green\.600 {
    color: var(--colors-dark\.green\.600);
}

  .c_dark\.green\.700 {
    color: var(--colors-dark\.green\.700);
}

  .c_dark\.green\.800 {
    color: var(--colors-dark\.green\.800);
}

  .c_dark\.green\.900 {
    color: var(--colors-dark\.green\.900);
}

  .c_dark\.smoke\.50 {
    color: var(--colors-dark\.smoke\.50);
}

  .c_dark\.smoke\.100 {
    color: var(--colors-dark\.smoke\.100);
}

  .c_dark\.smoke\.200 {
    color: var(--colors-dark\.smoke\.200);
}

  .c_dark\.smoke\.300 {
    color: var(--colors-dark\.smoke\.300);
}

  .c_dark\.smoke\.400 {
    color: var(--colors-dark\.smoke\.400);
}

  .c_dark\.smoke\.500 {
    color: var(--colors-dark\.smoke\.500);
}

  .c_dark\.smoke\.600 {
    color: var(--colors-dark\.smoke\.600);
}

  .c_dark\.smoke\.700 {
    color: var(--colors-dark\.smoke\.700);
}

  .c_dark\.smoke\.800 {
    color: var(--colors-dark\.smoke\.800);
}

  .c_dark\.smoke\.900 {
    color: var(--colors-dark\.smoke\.900);
}

  .c_dark\.grey\.50 {
    color: var(--colors-dark\.grey\.50);
}

  .c_dark\.grey\.100 {
    color: var(--colors-dark\.grey\.100);
}

  .c_dark\.grey\.200 {
    color: var(--colors-dark\.grey\.200);
}

  .c_dark\.grey\.300 {
    color: var(--colors-dark\.grey\.300);
}

  .c_dark\.grey\.400 {
    color: var(--colors-dark\.grey\.400);
}

  .c_dark\.grey\.500 {
    color: var(--colors-dark\.grey\.500);
}

  .c_dark\.grey\.600 {
    color: var(--colors-dark\.grey\.600);
}

  .c_dark\.grey\.700 {
    color: var(--colors-dark\.grey\.700);
}

  .c_dark\.grey\.800 {
    color: var(--colors-dark\.grey\.800);
}

  .c_dark\.grey\.900 {
    color: var(--colors-dark\.grey\.900);
}

  .c_dark\.base\.white {
    color: var(--colors-dark\.base\.white);
}

  .c_dark\.dark\.50 {
    color: var(--colors-dark\.dark\.50);
}

  .c_dark\.dark\.100 {
    color: var(--colors-dark\.dark\.100);
}

  .c_dark\.dark\.200 {
    color: var(--colors-dark\.dark\.200);
}

  .c_dark\.dark\.300 {
    color: var(--colors-dark\.dark\.300);
}

  .c_dark\.dark\.400 {
    color: var(--colors-dark\.dark\.400);
}

  .c_dark\.dark\.500 {
    color: var(--colors-dark\.dark\.500);
}

  .c_dark\.dark\.600 {
    color: var(--colors-dark\.dark\.600);
}

  .c_dark\.dark\.700 {
    color: var(--colors-dark\.dark\.700);
}

  .c_dark\.dark\.800 {
    color: var(--colors-dark\.dark\.800);
}

  .c_dark\.dark\.900 {
    color: var(--colors-dark\.dark\.900);
}

  .c_dark\.base\.black {
    color: var(--colors-dark\.base\.black);
}

  .c_dark-background-third {
    color: var(--colors-dark-background-third);
}

  .c_dark-background-fifth {
    color: var(--colors-dark-background-fifth);
}

  .c_dark-background-primary {
    color: var(--colors-dark-background-primary);
}

  .c_dark-background-secondary {
    color: var(--colors-dark-background-secondary);
}

  .c_dark-background-news-primary {
    color: var(--colors-dark-background-news-primary);
}

  .c_dark-background-news-secondary {
    color: var(--colors-dark-background-news-secondary);
}

  .c_dark-background-forth {
    color: var(--colors-dark-background-forth);
}

  .c_dark-background-sixth {
    color: var(--colors-dark-background-sixth);
}

  .c_dark-background-tag-secondary {
    color: var(--colors-dark-background-tag-secondary);
}

  .c_dark-background-aifeedback {
    color: var(--colors-dark-background-aifeedback);
}

  .c_dark-labels-primary {
    color: var(--colors-dark-labels-primary);
}

  .c_dark-labels-secondary {
    color: var(--colors-dark-labels-secondary);
}

  .c_dark-labels-third {
    color: var(--colors-dark-labels-third);
}

  .c_dark-labels-forth {
    color: var(--colors-dark-labels-forth);
}

  .c_dark-links-primary {
    color: var(--colors-dark-links-primary);
}

  .c_dark-links-secondary {
    color: var(--colors-dark-links-secondary);
}

  .c_dark-links-tertiary {
    color: var(--colors-dark-links-tertiary);
}

  .c_dark-stroke-quinary {
    color: var(--colors-dark-stroke-quinary);
}

  .c_dark-stroke-secondary {
    color: var(--colors-dark-stroke-secondary);
}

  .c_dark-stroke-tertiary {
    color: var(--colors-dark-stroke-tertiary);
}

  .c_dark-stroke-primary {
    color: var(--colors-dark-stroke-primary);
}

  .c_dark-content-primary {
    color: var(--colors-dark-content-primary);
}

  .c_dark-content-secondary {
    color: var(--colors-dark-content-secondary);
}

  .c_dark-content-button-premium-label-primary {
    color: var(--colors-dark-content-button-premium-label-primary);
}

  .c_dark-content-tertiary {
    color: var(--colors-dark-content-tertiary);
}

  .c_dark-content-quaternary {
    color: var(--colors-dark-content-quaternary);
}

  .c_dark-content-notification-number {
    color: var(--colors-dark-content-notification-number);
}

  .c_dark-buttons-primary-bg-default {
    color: var(--colors-dark-buttons-primary-bg-default);
}

  .c_dark-buttons-secondary-bg-default {
    color: var(--colors-dark-buttons-secondary-bg-default);
}

  .c_dark-buttons-tertiary-bg-default {
    color: var(--colors-dark-buttons-tertiary-bg-default);
}

  .c_dark-buttons-primary-label-default {
    color: var(--colors-dark-buttons-primary-label-default);
}

  .c_dark-buttons-secondary-label-default {
    color: var(--colors-dark-buttons-secondary-label-default);
}

  .c_dark-buttons-tertiary-label-default {
    color: var(--colors-dark-buttons-tertiary-label-default);
}

  .c_dark-buttons-primary-bg-hover {
    color: var(--colors-dark-buttons-primary-bg-hover);
}

  .c_dark-stroke-quaternary {
    color: var(--colors-dark-stroke-quaternary);
}

  .c_dark-stroke-similar {
    color: var(--colors-dark-stroke-similar);
}

  .c_dark-stroke-exact {
    color: var(--colors-dark-stroke-exact);
}

  .c_dark-status-primary-success {
    color: var(--colors-dark-status-primary-success);
}

  .c_dark-status-secondary-success {
    color: var(--colors-dark-status-secondary-success);
}

  .c_dark-status-primary-alert {
    color: var(--colors-dark-status-primary-alert);
}

  .c_dark-status-secondary-alert {
    color: var(--colors-dark-status-secondary-alert);
}

  .c_dark-status-primary-error {
    color: var(--colors-dark-status-primary-error);
}

  .c_dark-status-secondary-error {
    color: var(--colors-dark-status-secondary-error);
}

  .c_dark-stroke-white {
    color: var(--colors-dark-stroke-white);
}

  .c_dark-buttons-quaternary-bg {
    color: var(--colors-dark-buttons-quaternary-bg);
}

  .c_dark-labels-fifth {
    color: var(--colors-dark-labels-fifth);
}

  .c_dark-status-tertiary-error {
    color: var(--colors-dark-status-tertiary-error);
}

  .c_dark-buttons-secondary-bg-hover {
    color: var(--colors-dark-buttons-secondary-bg-hover);
}

  .c_dark-buttons-tertiary-bg-hover {
    color: var(--colors-dark-buttons-tertiary-bg-hover);
}

  .c_dark-stroke-sixth {
    color: var(--colors-dark-stroke-sixth);
}

  .c_dark-buttons-forth-bg-default {
    color: var(--colors-dark-buttons-forth-bg-default);
}

  .c_dark-buttons-forth-label-hover {
    color: var(--colors-dark-buttons-forth-label-hover);
}

  .c_dark-buttons-forth-bg-hover {
    color: var(--colors-dark-buttons-forth-bg-hover);
}

  .c_dark-buttons-tertiary-label {
    color: var(--colors-dark-buttons-tertiary-label);
}

  .c_dark-buttons-fifth-label-default {
    color: var(--colors-dark-buttons-fifth-label-default);
}

  .c_dark-buttons-primary-label-disabled {
    color: var(--colors-dark-buttons-primary-label-disabled);
}

  .c_dark-buttons-primary-bg-disabled {
    color: var(--colors-dark-buttons-primary-bg-disabled);
}

  .c_dark-buttons-sixth-label-default {
    color: var(--colors-dark-buttons-sixth-label-default);
}

  .c_dark-buttons-seventh-label-default {
    color: var(--colors-dark-buttons-seventh-label-default);
}

  .c_darkPurple {
    color: var(--colors-dark-purple);
}

  .c_gradients\.purpleToBlue {
    color: var(--colors-gradients-purple-to-blue);
}

  .c_gradients\.lavanderToLightblue {
    color: var(--colors-gradients-lavander-to-lightblue);
}

  .c_gradients\.darkLavanderToLightblue {
    color: var(--colors-gradients-dark-lavander-to-lightblue);
}

  .c_neutral\.light\.1 {
    color: var(--colors-neutral-light-1);
}

  .c_neutral\.light\.2 {
    color: var(--colors-neutral-light-2);
}

  .c_neutral\.light\.3 {
    color: var(--colors-neutral-light-3);
}

  .c_neutral\.light\.4 {
    color: var(--colors-neutral-light-4);
}

  .c_neutral\.light\.5 {
    color: var(--colors-neutral-light-5);
}

  .c_neutral\.light\.6 {
    color: var(--colors-neutral-light-6);
}

  .c_neutral\.light\.7 {
    color: var(--colors-neutral-light-7);
}

  .c_neutral\.light\.8 {
    color: var(--colors-neutral-light-8);
}

  .c_neutral\.light\.9 {
    color: var(--colors-neutral-light-9);
}

  .c_neutral\.light\.10 {
    color: var(--colors-neutral-light-10);
}

  .c_neutral\.light\.11 {
    color: var(--colors-neutral-light-11);
}

  .c_neutral\.light\.12 {
    color: var(--colors-neutral-light-12);
}

  .c_neutral\.light\.a1 {
    color: var(--colors-neutral-light-a1);
}

  .c_neutral\.light\.a2 {
    color: var(--colors-neutral-light-a2);
}

  .c_neutral\.light\.a3 {
    color: var(--colors-neutral-light-a3);
}

  .c_neutral\.light\.a4 {
    color: var(--colors-neutral-light-a4);
}

  .c_neutral\.light\.a5 {
    color: var(--colors-neutral-light-a5);
}

  .c_neutral\.light\.a6 {
    color: var(--colors-neutral-light-a6);
}

  .c_neutral\.light\.a7 {
    color: var(--colors-neutral-light-a7);
}

  .c_neutral\.light\.a8 {
    color: var(--colors-neutral-light-a8);
}

  .c_neutral\.light\.a9 {
    color: var(--colors-neutral-light-a9);
}

  .c_neutral\.light\.a10 {
    color: var(--colors-neutral-light-a10);
}

  .c_neutral\.light\.a11 {
    color: var(--colors-neutral-light-a11);
}

  .c_neutral\.light\.a12 {
    color: var(--colors-neutral-light-a12);
}

  .c_neutral\.dark\.1 {
    color: var(--colors-neutral-dark-1);
}

  .c_neutral\.dark\.2 {
    color: var(--colors-neutral-dark-2);
}

  .c_neutral\.dark\.3 {
    color: var(--colors-neutral-dark-3);
}

  .c_neutral\.dark\.4 {
    color: var(--colors-neutral-dark-4);
}

  .c_neutral\.dark\.5 {
    color: var(--colors-neutral-dark-5);
}

  .c_neutral\.dark\.6 {
    color: var(--colors-neutral-dark-6);
}

  .c_neutral\.dark\.7 {
    color: var(--colors-neutral-dark-7);
}

  .c_neutral\.dark\.8 {
    color: var(--colors-neutral-dark-8);
}

  .c_neutral\.dark\.9 {
    color: var(--colors-neutral-dark-9);
}

  .c_neutral\.dark\.10 {
    color: var(--colors-neutral-dark-10);
}

  .c_neutral\.dark\.11 {
    color: var(--colors-neutral-dark-11);
}

  .c_neutral\.dark\.12 {
    color: var(--colors-neutral-dark-12);
}

  .c_neutral\.dark\.a1 {
    color: var(--colors-neutral-dark-a1);
}

  .c_neutral\.dark\.a2 {
    color: var(--colors-neutral-dark-a2);
}

  .c_neutral\.dark\.a3 {
    color: var(--colors-neutral-dark-a3);
}

  .c_neutral\.dark\.a4 {
    color: var(--colors-neutral-dark-a4);
}

  .c_neutral\.dark\.a5 {
    color: var(--colors-neutral-dark-a5);
}

  .c_neutral\.dark\.a6 {
    color: var(--colors-neutral-dark-a6);
}

  .c_neutral\.dark\.a7 {
    color: var(--colors-neutral-dark-a7);
}

  .c_neutral\.dark\.a8 {
    color: var(--colors-neutral-dark-a8);
}

  .c_neutral\.dark\.a9 {
    color: var(--colors-neutral-dark-a9);
}

  .c_neutral\.dark\.a10 {
    color: var(--colors-neutral-dark-a10);
}

  .c_neutral\.dark\.a11 {
    color: var(--colors-neutral-dark-a11);
}

  .c_neutral\.dark\.a12 {
    color: var(--colors-neutral-dark-a12);
}

  .c_red\.light\.1 {
    color: var(--colors-red-light-1);
}

  .c_red\.light\.2 {
    color: var(--colors-red-light-2);
}

  .c_red\.light\.3 {
    color: var(--colors-red-light-3);
}

  .c_red\.light\.4 {
    color: var(--colors-red-light-4);
}

  .c_red\.light\.5 {
    color: var(--colors-red-light-5);
}

  .c_red\.light\.6 {
    color: var(--colors-red-light-6);
}

  .c_red\.light\.7 {
    color: var(--colors-red-light-7);
}

  .c_red\.light\.8 {
    color: var(--colors-red-light-8);
}

  .c_red\.light\.9 {
    color: var(--colors-red-light-9);
}

  .c_red\.light\.10 {
    color: var(--colors-red-light-10);
}

  .c_red\.light\.11 {
    color: var(--colors-red-light-11);
}

  .c_red\.light\.12 {
    color: var(--colors-red-light-12);
}

  .c_red\.light\.a1 {
    color: var(--colors-red-light-a1);
}

  .c_red\.light\.a2 {
    color: var(--colors-red-light-a2);
}

  .c_red\.light\.a3 {
    color: var(--colors-red-light-a3);
}

  .c_red\.light\.a4 {
    color: var(--colors-red-light-a4);
}

  .c_red\.light\.a5 {
    color: var(--colors-red-light-a5);
}

  .c_red\.light\.a6 {
    color: var(--colors-red-light-a6);
}

  .c_red\.light\.a7 {
    color: var(--colors-red-light-a7);
}

  .c_red\.light\.a8 {
    color: var(--colors-red-light-a8);
}

  .c_red\.light\.a9 {
    color: var(--colors-red-light-a9);
}

  .c_red\.light\.a10 {
    color: var(--colors-red-light-a10);
}

  .c_red\.light\.a11 {
    color: var(--colors-red-light-a11);
}

  .c_red\.light\.a12 {
    color: var(--colors-red-light-a12);
}

  .c_red\.dark\.1 {
    color: var(--colors-red-dark-1);
}

  .c_red\.dark\.2 {
    color: var(--colors-red-dark-2);
}

  .c_red\.dark\.3 {
    color: var(--colors-red-dark-3);
}

  .c_red\.dark\.4 {
    color: var(--colors-red-dark-4);
}

  .c_red\.dark\.5 {
    color: var(--colors-red-dark-5);
}

  .c_red\.dark\.6 {
    color: var(--colors-red-dark-6);
}

  .c_red\.dark\.7 {
    color: var(--colors-red-dark-7);
}

  .c_red\.dark\.8 {
    color: var(--colors-red-dark-8);
}

  .c_red\.dark\.9 {
    color: var(--colors-red-dark-9);
}

  .c_red\.dark\.10 {
    color: var(--colors-red-dark-10);
}

  .c_red\.dark\.11 {
    color: var(--colors-red-dark-11);
}

  .c_red\.dark\.12 {
    color: var(--colors-red-dark-12);
}

  .c_red\.dark\.a1 {
    color: var(--colors-red-dark-a1);
}

  .c_red\.dark\.a2 {
    color: var(--colors-red-dark-a2);
}

  .c_red\.dark\.a3 {
    color: var(--colors-red-dark-a3);
}

  .c_red\.dark\.a4 {
    color: var(--colors-red-dark-a4);
}

  .c_red\.dark\.a5 {
    color: var(--colors-red-dark-a5);
}

  .c_red\.dark\.a6 {
    color: var(--colors-red-dark-a6);
}

  .c_red\.dark\.a7 {
    color: var(--colors-red-dark-a7);
}

  .c_red\.dark\.a8 {
    color: var(--colors-red-dark-a8);
}

  .c_red\.dark\.a9 {
    color: var(--colors-red-dark-a9);
}

  .c_red\.dark\.a10 {
    color: var(--colors-red-dark-a10);
}

  .c_red\.dark\.a11 {
    color: var(--colors-red-dark-a11);
}

  .c_red\.dark\.a12 {
    color: var(--colors-red-dark-a12);
}

  .c_primary\.button\.solid\.bg {
    color: var(--colors-primary-button-solid-bg);
}

  .c_primary\.button\.solid\.text {
    color: var(--colors-primary-button-solid-text);
}

  .c_primary\.button\.solid\.hover\.bg {
    color: var(--colors-primary-button-solid-hover-bg);
}

  .c_primary\.button\.solid\.hover\.text {
    color: var(--colors-primary-button-solid-hover-text);
}

  .c_primary\.button\.solid\.disabled\.bg {
    color: var(--colors-primary-button-solid-disabled-bg);
}

  .c_primary\.button\.solid\.disabled\.text {
    color: var(--colors-primary-button-solid-disabled-text);
}

  .c_primary\.button\.outline\.bg {
    color: var(--colors-primary-button-outline-bg);
}

  .c_primary\.button\.outline\.text {
    color: var(--colors-primary-button-outline-text);
}

  .c_primary\.button\.outline\.border {
    color: var(--colors-primary-button-outline-border);
}

  .c_primary\.button\.outline\.hover\.bg {
    color: var(--colors-primary-button-outline-hover-bg);
}

  .c_primary\.button\.outline\.hover\.text {
    color: var(--colors-primary-button-outline-hover-text);
}

  .c_primary\.button\.outline\.hover\.border {
    color: var(--colors-primary-button-outline-hover-border);
}

  .c_primary\.button\.outline\.disabled\.bg {
    color: var(--colors-primary-button-outline-disabled-bg);
}

  .c_primary\.button\.outline\.disabled\.text {
    color: var(--colors-primary-button-outline-disabled-text);
}

  .c_primary\.button\.outline\.disabled\.border {
    color: var(--colors-primary-button-outline-disabled-border);
}

  .c_primary\.button\.ghost\.bg {
    color: var(--colors-primary-button-ghost-bg);
}

  .c_primary\.button\.ghost\.text {
    color: var(--colors-primary-button-ghost-text);
}

  .c_primary\.button\.ghost\.hover\.bg {
    color: var(--colors-primary-button-ghost-hover-bg);
}

  .c_primary\.button\.ghost\.hover\.text {
    color: var(--colors-primary-button-ghost-hover-text);
}

  .c_primary\.button\.ghost\.disabled\.bg {
    color: var(--colors-primary-button-ghost-disabled-bg);
}

  .c_primary\.button\.ghost\.disabled\.text {
    color: var(--colors-primary-button-ghost-disabled-text);
}

  .c_primary\.button\.linkBtn\.bg {
    color: var(--colors-primary-button-link-btn-bg);
}

  .c_primary\.button\.linkBtn\.text {
    color: var(--colors-primary-button-link-btn-text);
}

  .c_primary\.button\.linkBtn\.hover\.bg {
    color: var(--colors-primary-button-link-btn-hover-bg);
}

  .c_primary\.button\.linkBtn\.hover\.text {
    color: var(--colors-primary-button-link-btn-hover-text);
}

  .c_primary\.button\.linkBtn\.disabled\.bg {
    color: var(--colors-primary-button-link-btn-disabled-bg);
}

  .c_primary\.button\.linkBtn\.disabled\.text {
    color: var(--colors-primary-button-link-btn-disabled-text);
}

  .c_primary\.cards\.bgContainer {
    color: var(--colors-primary-cards-bg-container);
}

  .c_primary\.cards\.bgContent {
    color: var(--colors-primary-cards-bg-content);
}

  .c_primary\.cards\.color {
    color: var(--colors-primary-cards-color);
}

  .c_primary\.cards\.borderColor {
    color: var(--colors-primary-cards-border-color);
}

  .c_primary\.box\.bg {
    color: var(--colors-primary-box-bg);
}

  .c_primary\.box\.color {
    color: var(--colors-primary-box-color);
}

  .c_primary\.dropdown\.error\.text {
    color: var(--colors-primary-dropdown-error-text);
}

  .c_primary\.dropdown\.error\.border {
    color: var(--colors-primary-dropdown-error-border);
}

  .c_primary\.dropdown\.error\.bg {
    color: var(--colors-primary-dropdown-error-bg);
}

  .c_primary\.dropdown\.solid\.bg {
    color: var(--colors-primary-dropdown-solid-bg);
}

  .c_primary\.dropdown\.solid\.text {
    color: var(--colors-primary-dropdown-solid-text);
}

  .c_primary\.dropdown\.solid\.hover\.bg {
    color: var(--colors-primary-dropdown-solid-hover-bg);
}

  .c_primary\.dropdown\.solid\.hover\.text {
    color: var(--colors-primary-dropdown-solid-hover-text);
}

  .c_primary\.dropdown\.solid\.disabled\.bg {
    color: var(--colors-primary-dropdown-solid-disabled-bg);
}

  .c_primary\.dropdown\.solid\.disabled\.text {
    color: var(--colors-primary-dropdown-solid-disabled-text);
}

  .c_primary\.dropdown\.outline\.bg {
    color: var(--colors-primary-dropdown-outline-bg);
}

  .c_primary\.dropdown\.outline\.text {
    color: var(--colors-primary-dropdown-outline-text);
}

  .c_primary\.dropdown\.outline\.border {
    color: var(--colors-primary-dropdown-outline-border);
}

  .c_primary\.dropdown\.outline\.hover\.bg {
    color: var(--colors-primary-dropdown-outline-hover-bg);
}

  .c_primary\.dropdown\.outline\.hover\.text {
    color: var(--colors-primary-dropdown-outline-hover-text);
}

  .c_primary\.dropdown\.outline\.hover\.border {
    color: var(--colors-primary-dropdown-outline-hover-border);
}

  .c_primary\.dropdown\.outline\.disabled\.bg {
    color: var(--colors-primary-dropdown-outline-disabled-bg);
}

  .c_primary\.dropdown\.outline\.disabled\.text {
    color: var(--colors-primary-dropdown-outline-disabled-text);
}

  .c_primary\.dropdown\.outline\.disabled\.border {
    color: var(--colors-primary-dropdown-outline-disabled-border);
}

  .c_primary\.inputText\.text {
    color: var(--colors-primary-input-text-text);
}

  .c_primary\.inputText\.placeholder {
    color: var(--colors-primary-input-text-placeholder);
}

  .c_primary\.inputText\.invalid\.border {
    color: var(--colors-primary-input-text-invalid-border);
}

  .c_primary\.inputText\.invalid\.text {
    color: var(--colors-primary-input-text-invalid-text);
}

  .c_primary\.inputText\.invalid\.placeholder {
    color: var(--colors-primary-input-text-invalid-placeholder);
}

  .c_primary\.inputText\.focused\.border {
    color: var(--colors-primary-input-text-focused-border);
}

  .c_primary\.inputText\.disabled\.border {
    color: var(--colors-primary-input-text-disabled-border);
}

  .c_primary\.inputText\.disabled\.text {
    color: var(--colors-primary-input-text-disabled-text);
}

  .c_primary\.inputText\.disabled\.placeholder {
    color: var(--colors-primary-input-text-disabled-placeholder);
}

  .c_primary\.inputText\.solid\.bg {
    color: var(--colors-primary-input-text-solid-bg);
}

  .c_primary\.inputText\.solid\.border {
    color: var(--colors-primary-input-text-solid-border);
}

  .c_primary\.inputText\.solid\.bgDisabled {
    color: var(--colors-primary-input-text-solid-bg-disabled);
}

  .c_primary\.inputText\.outline\.bg {
    color: var(--colors-primary-input-text-outline-bg);
}

  .c_primary\.inputText\.outline\.border {
    color: var(--colors-primary-input-text-outline-border);
}

  .c_primary\.inputText\.ghost\.bg {
    color: var(--colors-primary-input-text-ghost-bg);
}

  .c_primary\.inputText\.ghost\.border {
    color: var(--colors-primary-input-text-ghost-border);
}

  .c_primary\.label\.bg {
    color: var(--colors-primary-label-bg);
}

  .c_primary\.label\.text {
    color: var(--colors-primary-label-text);
}

  .c_primary\.label\.active\.bg {
    color: var(--colors-primary-label-active-bg);
}

  .c_primary\.label\.active\.text {
    color: var(--colors-primary-label-active-text);
}

  .c_primary\.label\.pending\.bg {
    color: var(--colors-primary-label-pending-bg);
}

  .c_primary\.label\.pending\.text {
    color: var(--colors-primary-label-pending-text);
}

  .c_primary\.label\.inactive\.bg {
    color: var(--colors-primary-label-inactive-bg);
}

  .c_primary\.label\.inactive\.text {
    color: var(--colors-primary-label-inactive-text);
}

  .c_primary\.logo\.bg {
    color: var(--colors-primary-logo-bg);
}

  .c_primary\.navLink\.sidebarItem\.bg {
    color: var(--colors-primary-nav-link-sidebar-item-bg);
}

  .c_primary\.navLink\.sidebarItem\.text {
    color: var(--colors-primary-nav-link-sidebar-item-text);
}

  .c_primary\.navLink\.sidebarItem\.hover\.bg {
    color: var(--colors-primary-nav-link-sidebar-item-hover-bg);
}

  .c_primary\.navLink\.sidebarItem\.hover\.text {
    color: var(--colors-primary-nav-link-sidebar-item-hover-text);
}

  .c_primary\.navLink\.sidebarItem\.disabled\.bg {
    color: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
}

  .c_primary\.navLink\.sidebarItem\.disabled\.text {
    color: var(--colors-primary-nav-link-sidebar-item-disabled-text);
}

  .c_primary\.page\.bg {
    color: var(--colors-primary-page-bg);
}

  .c_primary\.page\.color {
    color: var(--colors-primary-page-color);
}

  .c_primary\.sidebar\.main\.bg {
    color: var(--colors-primary-sidebar-main-bg);
}

  .c_primary\.sidebar\.main\.color {
    color: var(--colors-primary-sidebar-main-color);
}

  .c_primary\.sidebar\.main\.hover\.bg {
    color: var(--colors-primary-sidebar-main-hover-bg);
}

  .c_primary\.sidebar\.main\.hover\.color {
    color: var(--colors-primary-sidebar-main-hover-color);
}

  .c_primary\.tag\.bg {
    color: var(--colors-primary-tag-bg);
}

  .c_primary\.tag\.text {
    color: var(--colors-primary-tag-text);
}

  .c_primary\.tag\.hover\.bg {
    color: var(--colors-primary-tag-hover-bg);
}

  .c_primary\.tag\.hover\.text {
    color: var(--colors-primary-tag-hover-text);
}

  .c_primary\.toast\.bg {
    color: var(--colors-primary-toast-bg);
}

  .c_primary\.toast\.text {
    color: var(--colors-primary-toast-text);
}

  .c_primary\.toast\.info\.icon {
    color: var(--colors-primary-toast-info-icon);
}

  .c_primary\.toast\.success\.icon {
    color: var(--colors-primary-toast-success-icon);
}

  .c_primary\.toast\.alert\.icon {
    color: var(--colors-primary-toast-alert-icon);
}

  .c_primary\.toggle\.bgSwitch {
    color: var(--colors-primary-toggle-bg-switch);
}

  .c_primary\.toggle\.circleBg {
    color: var(--colors-primary-toggle-circle-bg);
}

  .c_primary\.toggle\.bgIcon {
    color: var(--colors-primary-toggle-bg-icon);
}

  .c_primary\.toggle\.checked\.bg {
    color: var(--colors-primary-toggle-checked-bg);
}

  .c_primary\.tooltip\.main\.bg {
    color: var(--colors-primary-tooltip-main-bg);
}

  .c_primary\.tooltip\.main\.text {
    color: var(--colors-primary-tooltip-main-text);
}

  .c_primary\.topSearchBar\.bg {
    color: var(--colors-primary-top-search-bar-bg);
}

  .c_primary\.topSearchBar\.border {
    color: var(--colors-primary-top-search-bar-border);
}

  .c_primary\.topSearchBar\.color {
    color: var(--colors-primary-top-search-bar-color);
}

  .c_primary\.topSearchBar\.input\.bg {
    color: var(--colors-primary-top-search-bar-input-bg);
}

  .c_primary\.topSearchBar\.input\.border {
    color: var(--colors-primary-top-search-bar-input-border);
}

  .c_primary\.topSearchBar\.input\.colorPlaceholder {
    color: var(--colors-primary-top-search-bar-input-color-placeholder);
}

  .c_primary\.topSearchBar\.input\.color {
    color: var(--colors-primary-top-search-bar-input-color);
}

  .c_primaryInverted\.button\.solid\.bg {
    color: var(--colors-primary-inverted-button-solid-bg);
}

  .c_primaryInverted\.button\.solid\.text {
    color: var(--colors-primary-inverted-button-solid-text);
}

  .c_primaryInverted\.button\.solid\.hover\.bg {
    color: var(--colors-primary-inverted-button-solid-hover-bg);
}

  .c_primaryInverted\.button\.solid\.hover\.text {
    color: var(--colors-primary-inverted-button-solid-hover-text);
}

  .c_primaryInverted\.button\.outline\.bg {
    color: var(--colors-primary-inverted-button-outline-bg);
}

  .c_primaryInverted\.button\.outline\.text {
    color: var(--colors-primary-inverted-button-outline-text);
}

  .c_primaryInverted\.button\.outline\.border {
    color: var(--colors-primary-inverted-button-outline-border);
}

  .c_primaryInverted\.button\.outline\.hover\.bg {
    color: var(--colors-primary-inverted-button-outline-hover-bg);
}

  .c_primaryInverted\.button\.outline\.hover\.text {
    color: var(--colors-primary-inverted-button-outline-hover-text);
}

  .c_primaryInverted\.button\.outline\.hover\.border {
    color: var(--colors-primary-inverted-button-outline-hover-border);
}

  .c_primaryInverted\.button\.outline\.disabled\.bg {
    color: var(--colors-primary-inverted-button-outline-disabled-bg);
}

  .c_primaryInverted\.button\.outline\.disabled\.text {
    color: var(--colors-primary-inverted-button-outline-disabled-text);
}

  .c_primaryInverted\.button\.outline\.disabled\.border {
    color: var(--colors-primary-inverted-button-outline-disabled-border);
}

  .c_primaryInverted\.button\.ghost\.bg {
    color: var(--colors-primary-inverted-button-ghost-bg);
}

  .c_primaryInverted\.button\.ghost\.text {
    color: var(--colors-primary-inverted-button-ghost-text);
}

  .c_primaryInverted\.button\.ghost\.hover\.bg {
    color: var(--colors-primary-inverted-button-ghost-hover-bg);
}

  .c_primaryInverted\.button\.ghost\.hover\.text {
    color: var(--colors-primary-inverted-button-ghost-hover-text);
}

  .c_primaryInverted\.button\.ghost\.disabled\.bg {
    color: var(--colors-primary-inverted-button-ghost-disabled-bg);
}

  .c_primaryInverted\.button\.ghost\.disabled\.text {
    color: var(--colors-primary-inverted-button-ghost-disabled-text);
}

  .c_primaryInverted\.button\.linkBtn\.bg {
    color: var(--colors-primary-inverted-button-link-btn-bg);
}

  .c_primaryInverted\.button\.linkBtn\.text {
    color: var(--colors-primary-inverted-button-link-btn-text);
}

  .c_primaryInverted\.button\.linkBtn\.hover\.bg {
    color: var(--colors-primary-inverted-button-link-btn-hover-bg);
}

  .c_primaryInverted\.button\.linkBtn\.hover\.text {
    color: var(--colors-primary-inverted-button-link-btn-hover-text);
}

  .c_primaryInverted\.button\.linkBtn\.disabled\.bg {
    color: var(--colors-primary-inverted-button-link-btn-disabled-bg);
}

  .c_primaryInverted\.button\.linkBtn\.disabled\.text {
    color: var(--colors-primary-inverted-button-link-btn-disabled-text);
}

  .c_secondary\.button\.solid\.bg {
    color: var(--colors-secondary-button-solid-bg);
}

  .c_secondary\.button\.solid\.text {
    color: var(--colors-secondary-button-solid-text);
}

  .c_secondary\.button\.solid\.hover\.bg {
    color: var(--colors-secondary-button-solid-hover-bg);
}

  .c_secondary\.button\.solid\.hover\.text {
    color: var(--colors-secondary-button-solid-hover-text);
}

  .c_secondary\.button\.solid\.disabled\.bg {
    color: var(--colors-secondary-button-solid-disabled-bg);
}

  .c_secondary\.button\.solid\.disabled\.text {
    color: var(--colors-secondary-button-solid-disabled-text);
}

  .c_secondary\.button\.outline\.bg {
    color: var(--colors-secondary-button-outline-bg);
}

  .c_secondary\.button\.outline\.text {
    color: var(--colors-secondary-button-outline-text);
}

  .c_secondary\.button\.outline\.border {
    color: var(--colors-secondary-button-outline-border);
}

  .c_secondary\.button\.outline\.hover\.bg {
    color: var(--colors-secondary-button-outline-hover-bg);
}

  .c_secondary\.button\.outline\.hover\.text {
    color: var(--colors-secondary-button-outline-hover-text);
}

  .c_secondary\.button\.outline\.hover\.border {
    color: var(--colors-secondary-button-outline-hover-border);
}

  .c_secondary\.button\.outline\.disabled\.bg {
    color: var(--colors-secondary-button-outline-disabled-bg);
}

  .c_secondary\.button\.outline\.disabled\.text {
    color: var(--colors-secondary-button-outline-disabled-text);
}

  .c_secondary\.button\.outline\.disabled\.border {
    color: var(--colors-secondary-button-outline-disabled-border);
}

  .c_secondary\.button\.ghost\.bg {
    color: var(--colors-secondary-button-ghost-bg);
}

  .c_secondary\.button\.ghost\.text {
    color: var(--colors-secondary-button-ghost-text);
}

  .c_secondary\.button\.ghost\.hover\.bg {
    color: var(--colors-secondary-button-ghost-hover-bg);
}

  .c_secondary\.button\.ghost\.hover\.text {
    color: var(--colors-secondary-button-ghost-hover-text);
}

  .c_secondary\.button\.ghost\.disabled\.bg {
    color: var(--colors-secondary-button-ghost-disabled-bg);
}

  .c_secondary\.button\.ghost\.disabled\.text {
    color: var(--colors-secondary-button-ghost-disabled-text);
}

  .c_secondary\.button\.linkBtn\.bg {
    color: var(--colors-secondary-button-link-btn-bg);
}

  .c_secondary\.button\.linkBtn\.text {
    color: var(--colors-secondary-button-link-btn-text);
}

  .c_secondary\.button\.linkBtn\.hover\.bg {
    color: var(--colors-secondary-button-link-btn-hover-bg);
}

  .c_secondary\.button\.linkBtn\.hover\.text {
    color: var(--colors-secondary-button-link-btn-hover-text);
}

  .c_secondary\.button\.linkBtn\.disabled\.bg {
    color: var(--colors-secondary-button-link-btn-disabled-bg);
}

  .c_secondary\.button\.linkBtn\.disabled\.text {
    color: var(--colors-secondary-button-link-btn-disabled-text);
}

  .c_secondaryInverted\.button\.solid\.bg {
    color: var(--colors-secondary-inverted-button-solid-bg);
}

  .c_secondaryInverted\.button\.solid\.text {
    color: var(--colors-secondary-inverted-button-solid-text);
}

  .c_secondaryInverted\.button\.solid\.hover\.bg {
    color: var(--colors-secondary-inverted-button-solid-hover-bg);
}

  .c_secondaryInverted\.button\.solid\.hover\.text {
    color: var(--colors-secondary-inverted-button-solid-hover-text);
}

  .c_secondaryInverted\.button\.solid\.disabled\.bg {
    color: var(--colors-secondary-inverted-button-solid-disabled-bg);
}

  .c_secondaryInverted\.button\.solid\.disabled\.text {
    color: var(--colors-secondary-inverted-button-solid-disabled-text);
}

  .c_secondaryInverted\.button\.outline\.bg {
    color: var(--colors-secondary-inverted-button-outline-bg);
}

  .c_secondaryInverted\.button\.outline\.text {
    color: var(--colors-secondary-inverted-button-outline-text);
}

  .c_secondaryInverted\.button\.outline\.border {
    color: var(--colors-secondary-inverted-button-outline-border);
}

  .c_secondaryInverted\.button\.outline\.hover\.bg {
    color: var(--colors-secondary-inverted-button-outline-hover-bg);
}

  .c_secondaryInverted\.button\.outline\.hover\.text {
    color: var(--colors-secondary-inverted-button-outline-hover-text);
}

  .c_secondaryInverted\.button\.outline\.hover\.border {
    color: var(--colors-secondary-inverted-button-outline-hover-border);
}

  .c_secondaryInverted\.button\.outline\.disabled\.bg {
    color: var(--colors-secondary-inverted-button-outline-disabled-bg);
}

  .c_secondaryInverted\.button\.outline\.disabled\.text {
    color: var(--colors-secondary-inverted-button-outline-disabled-text);
}

  .c_secondaryInverted\.button\.outline\.disabled\.border {
    color: var(--colors-secondary-inverted-button-outline-disabled-border);
}

  .c_secondaryInverted\.button\.ghost\.bg {
    color: var(--colors-secondary-inverted-button-ghost-bg);
}

  .c_secondaryInverted\.button\.ghost\.text {
    color: var(--colors-secondary-inverted-button-ghost-text);
}

  .c_secondaryInverted\.button\.ghost\.hover\.bg {
    color: var(--colors-secondary-inverted-button-ghost-hover-bg);
}

  .c_secondaryInverted\.button\.ghost\.hover\.text {
    color: var(--colors-secondary-inverted-button-ghost-hover-text);
}

  .c_secondaryInverted\.button\.ghost\.disabled\.bg {
    color: var(--colors-secondary-inverted-button-ghost-disabled-bg);
}

  .c_secondaryInverted\.button\.ghost\.disabled\.text {
    color: var(--colors-secondary-inverted-button-ghost-disabled-text);
}

  .c_secondaryInverted\.button\.linkBtn\.bg {
    color: var(--colors-secondary-inverted-button-link-btn-bg);
}

  .c_secondaryInverted\.button\.linkBtn\.text {
    color: var(--colors-secondary-inverted-button-link-btn-text);
}

  .c_secondaryInverted\.button\.linkBtn\.hover\.bg {
    color: var(--colors-secondary-inverted-button-link-btn-hover-bg);
}

  .c_secondaryInverted\.button\.linkBtn\.hover\.text {
    color: var(--colors-secondary-inverted-button-link-btn-hover-text);
}

  .c_secondaryInverted\.button\.linkBtn\.disabled\.bg {
    color: var(--colors-secondary-inverted-button-link-btn-disabled-bg);
}

  .c_secondaryInverted\.button\.linkBtn\.disabled\.text {
    color: var(--colors-secondary-inverted-button-link-btn-disabled-text);
}

  .c_third\.button\.solid\.bg {
    color: var(--colors-third-button-solid-bg);
}

  .c_third\.button\.solid\.text {
    color: var(--colors-third-button-solid-text);
}

  .c_third\.button\.solid\.hover\.bg {
    color: var(--colors-third-button-solid-hover-bg);
}

  .c_third\.button\.solid\.hover\.text {
    color: var(--colors-third-button-solid-hover-text);
}

  .c_third\.button\.solid\.disabled\.bg {
    color: var(--colors-third-button-solid-disabled-bg);
}

  .c_third\.button\.solid\.disabled\.text {
    color: var(--colors-third-button-solid-disabled-text);
}

  .c_third\.button\.outline\.bg {
    color: var(--colors-third-button-outline-bg);
}

  .c_third\.button\.outline\.text {
    color: var(--colors-third-button-outline-text);
}

  .c_third\.button\.outline\.border {
    color: var(--colors-third-button-outline-border);
}

  .c_third\.button\.outline\.hover\.bg {
    color: var(--colors-third-button-outline-hover-bg);
}

  .c_third\.button\.outline\.hover\.text {
    color: var(--colors-third-button-outline-hover-text);
}

  .c_third\.button\.outline\.hover\.border {
    color: var(--colors-third-button-outline-hover-border);
}

  .c_third\.button\.outline\.disabled\.bg {
    color: var(--colors-third-button-outline-disabled-bg);
}

  .c_third\.button\.outline\.disabled\.text {
    color: var(--colors-third-button-outline-disabled-text);
}

  .c_third\.button\.outline\.disabled\.border {
    color: var(--colors-third-button-outline-disabled-border);
}

  .c_third\.button\.ghost\.bg {
    color: var(--colors-third-button-ghost-bg);
}

  .c_third\.button\.ghost\.text {
    color: var(--colors-third-button-ghost-text);
}

  .c_third\.button\.ghost\.hover\.bg {
    color: var(--colors-third-button-ghost-hover-bg);
}

  .c_third\.button\.ghost\.hover\.text {
    color: var(--colors-third-button-ghost-hover-text);
}

  .c_third\.button\.ghost\.disabled\.bg {
    color: var(--colors-third-button-ghost-disabled-bg);
}

  .c_third\.button\.ghost\.disabled\.text {
    color: var(--colors-third-button-ghost-disabled-text);
}

  .c_third\.button\.linkBtn\.bg {
    color: var(--colors-third-button-link-btn-bg);
}

  .c_third\.button\.linkBtn\.text {
    color: var(--colors-third-button-link-btn-text);
}

  .c_third\.button\.linkBtn\.hover\.bg {
    color: var(--colors-third-button-link-btn-hover-bg);
}

  .c_third\.button\.linkBtn\.hover\.text {
    color: var(--colors-third-button-link-btn-hover-text);
}

  .c_third\.button\.linkBtn\.disabled\.bg {
    color: var(--colors-third-button-link-btn-disabled-bg);
}

  .c_third\.button\.linkBtn\.disabled\.text {
    color: var(--colors-third-button-link-btn-disabled-text);
}

  .c_fourth\.button\.solid\.bg {
    color: var(--colors-fourth-button-solid-bg);
}

  .c_fourth\.button\.solid\.text {
    color: var(--colors-fourth-button-solid-text);
}

  .c_fourth\.button\.solid\.hover\.bg {
    color: var(--colors-fourth-button-solid-hover-bg);
}

  .c_fourth\.button\.solid\.hover\.text {
    color: var(--colors-fourth-button-solid-hover-text);
}

  .c_fourth\.button\.solid\.disabled\.bg {
    color: var(--colors-fourth-button-solid-disabled-bg);
}

  .c_fourth\.button\.solid\.disabled\.text {
    color: var(--colors-fourth-button-solid-disabled-text);
}

  .c_fourth\.button\.outline\.bg {
    color: var(--colors-fourth-button-outline-bg);
}

  .c_fourth\.button\.outline\.text {
    color: var(--colors-fourth-button-outline-text);
}

  .c_fourth\.button\.outline\.border {
    color: var(--colors-fourth-button-outline-border);
}

  .c_fourth\.button\.outline\.hover\.bg {
    color: var(--colors-fourth-button-outline-hover-bg);
}

  .c_fourth\.button\.outline\.hover\.text {
    color: var(--colors-fourth-button-outline-hover-text);
}

  .c_fourth\.button\.outline\.hover\.border {
    color: var(--colors-fourth-button-outline-hover-border);
}

  .c_fourth\.button\.outline\.disabled\.bg {
    color: var(--colors-fourth-button-outline-disabled-bg);
}

  .c_fourth\.button\.outline\.disabled\.text {
    color: var(--colors-fourth-button-outline-disabled-text);
}

  .c_fourth\.button\.outline\.disabled\.border {
    color: var(--colors-fourth-button-outline-disabled-border);
}

  .c_fourth\.button\.outlineLight\.bg {
    color: var(--colors-fourth-button-outline-light-bg);
}

  .c_fourth\.button\.outlineLight\.text {
    color: var(--colors-fourth-button-outline-light-text);
}

  .c_fourth\.button\.outlineLight\.border {
    color: var(--colors-fourth-button-outline-light-border);
}

  .c_fourth\.button\.outlineLight\.hover\.bg {
    color: var(--colors-fourth-button-outline-light-hover-bg);
}

  .c_fourth\.button\.outlineLight\.hover\.text {
    color: var(--colors-fourth-button-outline-light-hover-text);
}

  .c_fourth\.button\.outlineLight\.hover\.border {
    color: var(--colors-fourth-button-outline-light-hover-border);
}

  .c_fourth\.button\.outlineLight\.disabled\.bg {
    color: var(--colors-fourth-button-outline-light-disabled-bg);
}

  .c_fourth\.button\.outlineLight\.disabled\.text {
    color: var(--colors-fourth-button-outline-light-disabled-text);
}

  .c_fourth\.button\.outlineLight\.disabled\.border {
    color: var(--colors-fourth-button-outline-light-disabled-border);
}

  .c_fourth\.button\.ghost\.bg {
    color: var(--colors-fourth-button-ghost-bg);
}

  .c_fourth\.button\.ghost\.text {
    color: var(--colors-fourth-button-ghost-text);
}

  .c_fourth\.button\.ghost\.hover\.bg {
    color: var(--colors-fourth-button-ghost-hover-bg);
}

  .c_fourth\.button\.ghost\.hover\.text {
    color: var(--colors-fourth-button-ghost-hover-text);
}

  .c_fourth\.button\.ghost\.disabled\.bg {
    color: var(--colors-fourth-button-ghost-disabled-bg);
}

  .c_fourth\.button\.ghost\.disabled\.text {
    color: var(--colors-fourth-button-ghost-disabled-text);
}

  .c_fourth\.button\.linkBtn\.bg {
    color: var(--colors-fourth-button-link-btn-bg);
}

  .c_fourth\.button\.linkBtn\.text {
    color: var(--colors-fourth-button-link-btn-text);
}

  .c_fourth\.button\.linkBtn\.hover\.bg {
    color: var(--colors-fourth-button-link-btn-hover-bg);
}

  .c_fourth\.button\.linkBtn\.hover\.text {
    color: var(--colors-fourth-button-link-btn-hover-text);
}

  .c_fourth\.button\.linkBtn\.disabled\.bg {
    color: var(--colors-fourth-button-link-btn-disabled-bg);
}

  .c_fourth\.button\.linkBtn\.disabled\.text {
    color: var(--colors-fourth-button-link-btn-disabled-text);
}

  .c_fifth\.button\.solid\.bg {
    color: var(--colors-fifth-button-solid-bg);
}

  .c_fifth\.button\.solid\.text {
    color: var(--colors-fifth-button-solid-text);
}

  .c_fifth\.button\.solid\.hover\.bg {
    color: var(--colors-fifth-button-solid-hover-bg);
}

  .c_fifth\.button\.solid\.hover\.text {
    color: var(--colors-fifth-button-solid-hover-text);
}

  .c_fifth\.button\.solid\.disabled\.bg {
    color: var(--colors-fifth-button-solid-disabled-bg);
}

  .c_fifth\.button\.solid\.disabled\.text {
    color: var(--colors-fifth-button-solid-disabled-text);
}

  .c_fifth\.button\.outline\.bg {
    color: var(--colors-fifth-button-outline-bg);
}

  .c_fifth\.button\.outline\.text {
    color: var(--colors-fifth-button-outline-text);
}

  .c_fifth\.button\.outline\.border {
    color: var(--colors-fifth-button-outline-border);
}

  .c_fifth\.button\.outline\.hover\.bg {
    color: var(--colors-fifth-button-outline-hover-bg);
}

  .c_fifth\.button\.outline\.hover\.text {
    color: var(--colors-fifth-button-outline-hover-text);
}

  .c_fifth\.button\.outline\.hover\.border {
    color: var(--colors-fifth-button-outline-hover-border);
}

  .c_fifth\.button\.outline\.disabled\.bg {
    color: var(--colors-fifth-button-outline-disabled-bg);
}

  .c_fifth\.button\.outline\.disabled\.text {
    color: var(--colors-fifth-button-outline-disabled-text);
}

  .c_fifth\.button\.outline\.disabled\.border {
    color: var(--colors-fifth-button-outline-disabled-border);
}

  .c_fifth\.button\.ghost\.bg {
    color: var(--colors-fifth-button-ghost-bg);
}

  .c_fifth\.button\.ghost\.text {
    color: var(--colors-fifth-button-ghost-text);
}

  .c_fifth\.button\.ghost\.hover\.bg {
    color: var(--colors-fifth-button-ghost-hover-bg);
}

  .c_fifth\.button\.ghost\.hover\.text {
    color: var(--colors-fifth-button-ghost-hover-text);
}

  .c_fifth\.button\.ghost\.disabled\.bg {
    color: var(--colors-fifth-button-ghost-disabled-bg);
}

  .c_fifth\.button\.ghost\.disabled\.text {
    color: var(--colors-fifth-button-ghost-disabled-text);
}

  .c_fifth\.button\.linkBtn\.bg {
    color: var(--colors-fifth-button-link-btn-bg);
}

  .c_fifth\.button\.linkBtn\.text {
    color: var(--colors-fifth-button-link-btn-text);
}

  .c_fifth\.button\.linkBtn\.hover\.bg {
    color: var(--colors-fifth-button-link-btn-hover-bg);
}

  .c_fifth\.button\.linkBtn\.hover\.text {
    color: var(--colors-fifth-button-link-btn-hover-text);
}

  .c_fifth\.button\.linkBtn\.disabled\.bg {
    color: var(--colors-fifth-button-link-btn-disabled-bg);
}

  .c_fifth\.button\.linkBtn\.disabled\.text {
    color: var(--colors-fifth-button-link-btn-disabled-text);
}

  .c_fifthInverted\.button\.solid\.bg {
    color: var(--colors-fifth-inverted-button-solid-bg);
}

  .c_fifthInverted\.button\.solid\.text {
    color: var(--colors-fifth-inverted-button-solid-text);
}

  .c_fifthInverted\.button\.solid\.hover\.bg {
    color: var(--colors-fifth-inverted-button-solid-hover-bg);
}

  .c_fifthInverted\.button\.solid\.hover\.text {
    color: var(--colors-fifth-inverted-button-solid-hover-text);
}

  .c_fifthInverted\.button\.solid\.disabled\.bg {
    color: var(--colors-fifth-inverted-button-solid-disabled-bg);
}

  .c_fifthInverted\.button\.solid\.disabled\.text {
    color: var(--colors-fifth-inverted-button-solid-disabled-text);
}

  .c_danger\.button\.solid\.bg {
    color: var(--colors-danger-button-solid-bg);
}

  .c_danger\.button\.solid\.text {
    color: var(--colors-danger-button-solid-text);
}

  .c_danger\.button\.solid\.hover\.bg {
    color: var(--colors-danger-button-solid-hover-bg);
}

  .c_danger\.button\.solid\.hover\.text {
    color: var(--colors-danger-button-solid-hover-text);
}

  .c_danger\.button\.solid\.disabled\.bg {
    color: var(--colors-danger-button-solid-disabled-bg);
}

  .c_danger\.button\.solid\.disabled\.text {
    color: var(--colors-danger-button-solid-disabled-text);
}

  .c_danger\.button\.linkBtn\.bg {
    color: var(--colors-danger-button-link-btn-bg);
}

  .c_danger\.button\.linkBtn\.text {
    color: var(--colors-danger-button-link-btn-text);
}

  .c_danger\.button\.linkBtn\.hover\.bg {
    color: var(--colors-danger-button-link-btn-hover-bg);
}

  .c_danger\.button\.linkBtn\.hover\.text {
    color: var(--colors-danger-button-link-btn-hover-text);
}

  .c_danger\.button\.linkBtn\.disabled\.bg {
    color: var(--colors-danger-button-link-btn-disabled-bg);
}

  .c_danger\.button\.linkBtn\.disabled\.text {
    color: var(--colors-danger-button-link-btn-disabled-text);
}

  .c_rewrite\.button\.solid\.bg {
    color: var(--colors-rewrite-button-solid-bg);
}

  .c_rewrite\.button\.solid\.text {
    color: var(--colors-rewrite-button-solid-text);
}

  .c_rewrite\.button\.solid\.hover\.bg {
    color: var(--colors-rewrite-button-solid-hover-bg);
}

  .c_rewrite\.button\.solid\.hover\.text {
    color: var(--colors-rewrite-button-solid-hover-text);
}

  .c_rewrite\.button\.solid\.disabled\.bg {
    color: var(--colors-rewrite-button-solid-disabled-bg);
}

  .c_rewrite\.button\.solid\.disabled\.text {
    color: var(--colors-rewrite-button-solid-disabled-text);
}

  .c_translate\.button\.solid\.bg {
    color: var(--colors-translate-button-solid-bg);
}

  .c_translate\.button\.solid\.text {
    color: var(--colors-translate-button-solid-text);
}

  .c_translate\.button\.solid\.hover\.bg {
    color: var(--colors-translate-button-solid-hover-bg);
}

  .c_translate\.button\.solid\.hover\.text {
    color: var(--colors-translate-button-solid-hover-text);
}

  .c_translate\.button\.solid\.disabled\.bg {
    color: var(--colors-translate-button-solid-disabled-bg);
}

  .c_translate\.button\.solid\.disabled\.text {
    color: var(--colors-translate-button-solid-disabled-text);
}

  .c_ask\.button\.solid\.bg {
    color: var(--colors-ask-button-solid-bg);
}

  .c_ask\.button\.solid\.text {
    color: var(--colors-ask-button-solid-text);
}

  .c_ask\.button\.solid\.hover\.bg {
    color: var(--colors-ask-button-solid-hover-bg);
}

  .c_ask\.button\.solid\.hover\.text {
    color: var(--colors-ask-button-solid-hover-text);
}

  .c_ask\.button\.solid\.disabled\.bg {
    color: var(--colors-ask-button-solid-disabled-bg);
}

  .c_ask\.button\.solid\.disabled\.text {
    color: var(--colors-ask-button-solid-disabled-text);
}

  .c_detect\.button\.solid\.bg {
    color: var(--colors-detect-button-solid-bg);
}

  .c_detect\.button\.solid\.text {
    color: var(--colors-detect-button-solid-text);
}

  .c_detect\.button\.solid\.hover\.bg {
    color: var(--colors-detect-button-solid-hover-bg);
}

  .c_detect\.button\.solid\.hover\.text {
    color: var(--colors-detect-button-solid-hover-text);
}

  .c_detect\.button\.solid\.disabled\.bg {
    color: var(--colors-detect-button-solid-disabled-bg);
}

  .c_detect\.button\.solid\.disabled\.text {
    color: var(--colors-detect-button-solid-disabled-text);
}

  .c_red\.1 {
    color: var(--colors-red-1);
}

  .c_red\.2 {
    color: var(--colors-red-2);
}

  .c_red\.3 {
    color: var(--colors-red-3);
}

  .c_red\.4 {
    color: var(--colors-red-4);
}

  .c_red\.5 {
    color: var(--colors-red-5);
}

  .c_red\.6 {
    color: var(--colors-red-6);
}

  .c_red\.7 {
    color: var(--colors-red-7);
}

  .c_red\.8 {
    color: var(--colors-red-8);
}

  .c_red\.9 {
    color: var(--colors-red-9);
}

  .c_red\.10 {
    color: var(--colors-red-10);
}

  .c_red\.11 {
    color: var(--colors-red-11);
}

  .c_red\.12 {
    color: var(--colors-red-12);
}

  .c_red\.a1 {
    color: var(--colors-red-a1);
}

  .c_red\.a2 {
    color: var(--colors-red-a2);
}

  .c_red\.a3 {
    color: var(--colors-red-a3);
}

  .c_red\.a4 {
    color: var(--colors-red-a4);
}

  .c_red\.a5 {
    color: var(--colors-red-a5);
}

  .c_red\.a6 {
    color: var(--colors-red-a6);
}

  .c_red\.a7 {
    color: var(--colors-red-a7);
}

  .c_red\.a8 {
    color: var(--colors-red-a8);
}

  .c_red\.a9 {
    color: var(--colors-red-a9);
}

  .c_red\.a10 {
    color: var(--colors-red-a10);
}

  .c_red\.a11 {
    color: var(--colors-red-a11);
}

  .c_red\.a12 {
    color: var(--colors-red-a12);
}

  .c_red\.default {
    color: var(--colors-red-default);
}

  .c_red\.emphasized {
    color: var(--colors-red-emphasized);
}

  .c_red\.fg {
    color: var(--colors-red-fg);
}

  .c_red\.text {
    color: var(--colors-red-text);
}

  .c_neutral\.1 {
    color: var(--colors-neutral-1);
}

  .c_neutral\.2 {
    color: var(--colors-neutral-2);
}

  .c_neutral\.3 {
    color: var(--colors-neutral-3);
}

  .c_neutral\.4 {
    color: var(--colors-neutral-4);
}

  .c_neutral\.5 {
    color: var(--colors-neutral-5);
}

  .c_neutral\.6 {
    color: var(--colors-neutral-6);
}

  .c_neutral\.7 {
    color: var(--colors-neutral-7);
}

  .c_neutral\.8 {
    color: var(--colors-neutral-8);
}

  .c_neutral\.9 {
    color: var(--colors-neutral-9);
}

  .c_neutral\.10 {
    color: var(--colors-neutral-10);
}

  .c_neutral\.11 {
    color: var(--colors-neutral-11);
}

  .c_neutral\.12 {
    color: var(--colors-neutral-12);
}

  .c_neutral\.a1 {
    color: var(--colors-neutral-a1);
}

  .c_neutral\.a2 {
    color: var(--colors-neutral-a2);
}

  .c_neutral\.a3 {
    color: var(--colors-neutral-a3);
}

  .c_neutral\.a4 {
    color: var(--colors-neutral-a4);
}

  .c_neutral\.a5 {
    color: var(--colors-neutral-a5);
}

  .c_neutral\.a6 {
    color: var(--colors-neutral-a6);
}

  .c_neutral\.a7 {
    color: var(--colors-neutral-a7);
}

  .c_neutral\.a8 {
    color: var(--colors-neutral-a8);
}

  .c_neutral\.a9 {
    color: var(--colors-neutral-a9);
}

  .c_neutral\.a10 {
    color: var(--colors-neutral-a10);
}

  .c_neutral\.a11 {
    color: var(--colors-neutral-a11);
}

  .c_neutral\.a12 {
    color: var(--colors-neutral-a12);
}

  .c_neutral\.default {
    color: var(--colors-neutral-default);
}

  .c_neutral\.fg {
    color: var(--colors-neutral-fg);
}

  .c_neutral\.text {
    color: var(--colors-neutral-text);
}

  .c_colorPalette {
    color: var(--colors-color-palette);
}

  .c_colorPalette\.a1 {
    color: var(--colors-color-palette-a1);
}

  .c_colorPalette\.a2 {
    color: var(--colors-color-palette-a2);
}

  .c_colorPalette\.a3 {
    color: var(--colors-color-palette-a3);
}

  .c_colorPalette\.a4 {
    color: var(--colors-color-palette-a4);
}

  .c_colorPalette\.a5 {
    color: var(--colors-color-palette-a5);
}

  .c_colorPalette\.a6 {
    color: var(--colors-color-palette-a6);
}

  .c_colorPalette\.a7 {
    color: var(--colors-color-palette-a7);
}

  .c_colorPalette\.a8 {
    color: var(--colors-color-palette-a8);
}

  .c_colorPalette\.a9 {
    color: var(--colors-color-palette-a9);
}

  .c_colorPalette\.a10 {
    color: var(--colors-color-palette-a10);
}

  .c_colorPalette\.a11 {
    color: var(--colors-color-palette-a11);
}

  .c_colorPalette\.a12 {
    color: var(--colors-color-palette-a12);
}

  .c_colorPalette\.purpleToBlue {
    color: var(--colors-color-palette-purple-to-blue);
}

  .c_colorPalette\.lavanderToLightblue {
    color: var(--colors-color-palette-lavander-to-lightblue);
}

  .c_colorPalette\.darkLavanderToLightblue {
    color: var(--colors-color-palette-dark-lavander-to-lightblue);
}

  .c_colorPalette\.light\.1 {
    color: var(--colors-color-palette-light-1);
}

  .c_colorPalette\.1 {
    color: var(--colors-color-palette-1);
}

  .c_colorPalette\.light\.2 {
    color: var(--colors-color-palette-light-2);
}

  .c_colorPalette\.2 {
    color: var(--colors-color-palette-2);
}

  .c_colorPalette\.light\.3 {
    color: var(--colors-color-palette-light-3);
}

  .c_colorPalette\.3 {
    color: var(--colors-color-palette-3);
}

  .c_colorPalette\.light\.4 {
    color: var(--colors-color-palette-light-4);
}

  .c_colorPalette\.4 {
    color: var(--colors-color-palette-4);
}

  .c_colorPalette\.light\.5 {
    color: var(--colors-color-palette-light-5);
}

  .c_colorPalette\.5 {
    color: var(--colors-color-palette-5);
}

  .c_colorPalette\.light\.6 {
    color: var(--colors-color-palette-light-6);
}

  .c_colorPalette\.6 {
    color: var(--colors-color-palette-6);
}

  .c_colorPalette\.light\.7 {
    color: var(--colors-color-palette-light-7);
}

  .c_colorPalette\.7 {
    color: var(--colors-color-palette-7);
}

  .c_colorPalette\.light\.8 {
    color: var(--colors-color-palette-light-8);
}

  .c_colorPalette\.8 {
    color: var(--colors-color-palette-8);
}

  .c_colorPalette\.light\.9 {
    color: var(--colors-color-palette-light-9);
}

  .c_colorPalette\.9 {
    color: var(--colors-color-palette-9);
}

  .c_colorPalette\.light\.10 {
    color: var(--colors-color-palette-light-10);
}

  .c_colorPalette\.10 {
    color: var(--colors-color-palette-10);
}

  .c_colorPalette\.light\.11 {
    color: var(--colors-color-palette-light-11);
}

  .c_colorPalette\.11 {
    color: var(--colors-color-palette-11);
}

  .c_colorPalette\.light\.12 {
    color: var(--colors-color-palette-light-12);
}

  .c_colorPalette\.12 {
    color: var(--colors-color-palette-12);
}

  .c_colorPalette\.light\.a1 {
    color: var(--colors-color-palette-light-a1);
}

  .c_colorPalette\.light\.a2 {
    color: var(--colors-color-palette-light-a2);
}

  .c_colorPalette\.light\.a3 {
    color: var(--colors-color-palette-light-a3);
}

  .c_colorPalette\.light\.a4 {
    color: var(--colors-color-palette-light-a4);
}

  .c_colorPalette\.light\.a5 {
    color: var(--colors-color-palette-light-a5);
}

  .c_colorPalette\.light\.a6 {
    color: var(--colors-color-palette-light-a6);
}

  .c_colorPalette\.light\.a7 {
    color: var(--colors-color-palette-light-a7);
}

  .c_colorPalette\.light\.a8 {
    color: var(--colors-color-palette-light-a8);
}

  .c_colorPalette\.light\.a9 {
    color: var(--colors-color-palette-light-a9);
}

  .c_colorPalette\.light\.a10 {
    color: var(--colors-color-palette-light-a10);
}

  .c_colorPalette\.light\.a11 {
    color: var(--colors-color-palette-light-a11);
}

  .c_colorPalette\.light\.a12 {
    color: var(--colors-color-palette-light-a12);
}

  .c_colorPalette\.dark\.1 {
    color: var(--colors-color-palette-dark-1);
}

  .c_colorPalette\.dark\.2 {
    color: var(--colors-color-palette-dark-2);
}

  .c_colorPalette\.dark\.3 {
    color: var(--colors-color-palette-dark-3);
}

  .c_colorPalette\.dark\.4 {
    color: var(--colors-color-palette-dark-4);
}

  .c_colorPalette\.dark\.5 {
    color: var(--colors-color-palette-dark-5);
}

  .c_colorPalette\.dark\.6 {
    color: var(--colors-color-palette-dark-6);
}

  .c_colorPalette\.dark\.7 {
    color: var(--colors-color-palette-dark-7);
}

  .c_colorPalette\.dark\.8 {
    color: var(--colors-color-palette-dark-8);
}

  .c_colorPalette\.dark\.9 {
    color: var(--colors-color-palette-dark-9);
}

  .c_colorPalette\.dark\.10 {
    color: var(--colors-color-palette-dark-10);
}

  .c_colorPalette\.dark\.11 {
    color: var(--colors-color-palette-dark-11);
}

  .c_colorPalette\.dark\.12 {
    color: var(--colors-color-palette-dark-12);
}

  .c_colorPalette\.dark\.a1 {
    color: var(--colors-color-palette-dark-a1);
}

  .c_colorPalette\.dark\.a2 {
    color: var(--colors-color-palette-dark-a2);
}

  .c_colorPalette\.dark\.a3 {
    color: var(--colors-color-palette-dark-a3);
}

  .c_colorPalette\.dark\.a4 {
    color: var(--colors-color-palette-dark-a4);
}

  .c_colorPalette\.dark\.a5 {
    color: var(--colors-color-palette-dark-a5);
}

  .c_colorPalette\.dark\.a6 {
    color: var(--colors-color-palette-dark-a6);
}

  .c_colorPalette\.dark\.a7 {
    color: var(--colors-color-palette-dark-a7);
}

  .c_colorPalette\.dark\.a8 {
    color: var(--colors-color-palette-dark-a8);
}

  .c_colorPalette\.dark\.a9 {
    color: var(--colors-color-palette-dark-a9);
}

  .c_colorPalette\.dark\.a10 {
    color: var(--colors-color-palette-dark-a10);
}

  .c_colorPalette\.dark\.a11 {
    color: var(--colors-color-palette-dark-a11);
}

  .c_colorPalette\.dark\.a12 {
    color: var(--colors-color-palette-dark-a12);
}

  .c_colorPalette\.default {
    color: var(--colors-color-palette-default);
}

  .c_colorPalette\.emphasized {
    color: var(--colors-color-palette-emphasized);
}

  .c_colorPalette\.fg {
    color: var(--colors-color-palette-fg);
}

  .c_colorPalette\.text {
    color: var(--colors-color-palette-text);
}

  .c_colorPalette\.button\.solid\.bg {
    color: var(--colors-color-palette-button-solid-bg);
}

  .c_colorPalette\.solid\.bg {
    color: var(--colors-color-palette-solid-bg);
}

  .c_colorPalette\.bg {
    color: var(--colors-color-palette-bg);
}

  .c_colorPalette\.button\.solid\.text {
    color: var(--colors-color-palette-button-solid-text);
}

  .c_colorPalette\.solid\.text {
    color: var(--colors-color-palette-solid-text);
}

  .c_colorPalette\.button\.solid\.hover\.bg {
    color: var(--colors-color-palette-button-solid-hover-bg);
}

  .c_colorPalette\.solid\.hover\.bg {
    color: var(--colors-color-palette-solid-hover-bg);
}

  .c_colorPalette\.hover\.bg {
    color: var(--colors-color-palette-hover-bg);
}

  .c_colorPalette\.button\.solid\.hover\.text {
    color: var(--colors-color-palette-button-solid-hover-text);
}

  .c_colorPalette\.solid\.hover\.text {
    color: var(--colors-color-palette-solid-hover-text);
}

  .c_colorPalette\.hover\.text {
    color: var(--colors-color-palette-hover-text);
}

  .c_colorPalette\.button\.solid\.disabled\.bg {
    color: var(--colors-color-palette-button-solid-disabled-bg);
}

  .c_colorPalette\.solid\.disabled\.bg {
    color: var(--colors-color-palette-solid-disabled-bg);
}

  .c_colorPalette\.disabled\.bg {
    color: var(--colors-color-palette-disabled-bg);
}

  .c_colorPalette\.button\.solid\.disabled\.text {
    color: var(--colors-color-palette-button-solid-disabled-text);
}

  .c_colorPalette\.solid\.disabled\.text {
    color: var(--colors-color-palette-solid-disabled-text);
}

  .c_colorPalette\.disabled\.text {
    color: var(--colors-color-palette-disabled-text);
}

  .c_colorPalette\.button\.outline\.bg {
    color: var(--colors-color-palette-button-outline-bg);
}

  .c_colorPalette\.outline\.bg {
    color: var(--colors-color-palette-outline-bg);
}

  .c_colorPalette\.button\.outline\.text {
    color: var(--colors-color-palette-button-outline-text);
}

  .c_colorPalette\.outline\.text {
    color: var(--colors-color-palette-outline-text);
}

  .c_colorPalette\.button\.outline\.border {
    color: var(--colors-color-palette-button-outline-border);
}

  .c_colorPalette\.outline\.border {
    color: var(--colors-color-palette-outline-border);
}

  .c_colorPalette\.border {
    color: var(--colors-color-palette-border);
}

  .c_colorPalette\.button\.outline\.hover\.bg {
    color: var(--colors-color-palette-button-outline-hover-bg);
}

  .c_colorPalette\.outline\.hover\.bg {
    color: var(--colors-color-palette-outline-hover-bg);
}

  .c_colorPalette\.button\.outline\.hover\.text {
    color: var(--colors-color-palette-button-outline-hover-text);
}

  .c_colorPalette\.outline\.hover\.text {
    color: var(--colors-color-palette-outline-hover-text);
}

  .c_colorPalette\.button\.outline\.hover\.border {
    color: var(--colors-color-palette-button-outline-hover-border);
}

  .c_colorPalette\.outline\.hover\.border {
    color: var(--colors-color-palette-outline-hover-border);
}

  .c_colorPalette\.hover\.border {
    color: var(--colors-color-palette-hover-border);
}

  .c_colorPalette\.button\.outline\.disabled\.bg {
    color: var(--colors-color-palette-button-outline-disabled-bg);
}

  .c_colorPalette\.outline\.disabled\.bg {
    color: var(--colors-color-palette-outline-disabled-bg);
}

  .c_colorPalette\.button\.outline\.disabled\.text {
    color: var(--colors-color-palette-button-outline-disabled-text);
}

  .c_colorPalette\.outline\.disabled\.text {
    color: var(--colors-color-palette-outline-disabled-text);
}

  .c_colorPalette\.button\.outline\.disabled\.border {
    color: var(--colors-color-palette-button-outline-disabled-border);
}

  .c_colorPalette\.outline\.disabled\.border {
    color: var(--colors-color-palette-outline-disabled-border);
}

  .c_colorPalette\.disabled\.border {
    color: var(--colors-color-palette-disabled-border);
}

  .c_colorPalette\.button\.ghost\.bg {
    color: var(--colors-color-palette-button-ghost-bg);
}

  .c_colorPalette\.ghost\.bg {
    color: var(--colors-color-palette-ghost-bg);
}

  .c_colorPalette\.button\.ghost\.text {
    color: var(--colors-color-palette-button-ghost-text);
}

  .c_colorPalette\.ghost\.text {
    color: var(--colors-color-palette-ghost-text);
}

  .c_colorPalette\.button\.ghost\.hover\.bg {
    color: var(--colors-color-palette-button-ghost-hover-bg);
}

  .c_colorPalette\.ghost\.hover\.bg {
    color: var(--colors-color-palette-ghost-hover-bg);
}

  .c_colorPalette\.button\.ghost\.hover\.text {
    color: var(--colors-color-palette-button-ghost-hover-text);
}

  .c_colorPalette\.ghost\.hover\.text {
    color: var(--colors-color-palette-ghost-hover-text);
}

  .c_colorPalette\.button\.ghost\.disabled\.bg {
    color: var(--colors-color-palette-button-ghost-disabled-bg);
}

  .c_colorPalette\.ghost\.disabled\.bg {
    color: var(--colors-color-palette-ghost-disabled-bg);
}

  .c_colorPalette\.button\.ghost\.disabled\.text {
    color: var(--colors-color-palette-button-ghost-disabled-text);
}

  .c_colorPalette\.ghost\.disabled\.text {
    color: var(--colors-color-palette-ghost-disabled-text);
}

  .c_colorPalette\.button\.linkBtn\.bg {
    color: var(--colors-color-palette-button-link-btn-bg);
}

  .c_colorPalette\.linkBtn\.bg {
    color: var(--colors-color-palette-link-btn-bg);
}

  .c_colorPalette\.button\.linkBtn\.text {
    color: var(--colors-color-palette-button-link-btn-text);
}

  .c_colorPalette\.linkBtn\.text {
    color: var(--colors-color-palette-link-btn-text);
}

  .c_colorPalette\.button\.linkBtn\.hover\.bg {
    color: var(--colors-color-palette-button-link-btn-hover-bg);
}

  .c_colorPalette\.linkBtn\.hover\.bg {
    color: var(--colors-color-palette-link-btn-hover-bg);
}

  .c_colorPalette\.button\.linkBtn\.hover\.text {
    color: var(--colors-color-palette-button-link-btn-hover-text);
}

  .c_colorPalette\.linkBtn\.hover\.text {
    color: var(--colors-color-palette-link-btn-hover-text);
}

  .c_colorPalette\.button\.linkBtn\.disabled\.bg {
    color: var(--colors-color-palette-button-link-btn-disabled-bg);
}

  .c_colorPalette\.linkBtn\.disabled\.bg {
    color: var(--colors-color-palette-link-btn-disabled-bg);
}

  .c_colorPalette\.button\.linkBtn\.disabled\.text {
    color: var(--colors-color-palette-button-link-btn-disabled-text);
}

  .c_colorPalette\.linkBtn\.disabled\.text {
    color: var(--colors-color-palette-link-btn-disabled-text);
}

  .c_colorPalette\.cards\.bgContainer {
    color: var(--colors-color-palette-cards-bg-container);
}

  .c_colorPalette\.bgContainer {
    color: var(--colors-color-palette-bg-container);
}

  .c_colorPalette\.cards\.bgContent {
    color: var(--colors-color-palette-cards-bg-content);
}

  .c_colorPalette\.bgContent {
    color: var(--colors-color-palette-bg-content);
}

  .c_colorPalette\.cards\.color {
    color: var(--colors-color-palette-cards-color);
}

  .c_colorPalette\.color {
    color: var(--colors-color-palette-color);
}

  .c_colorPalette\.cards\.borderColor {
    color: var(--colors-color-palette-cards-border-color);
}

  .c_colorPalette\.borderColor {
    color: var(--colors-color-palette-border-color);
}

  .c_colorPalette\.box\.bg {
    color: var(--colors-color-palette-box-bg);
}

  .c_colorPalette\.box\.color {
    color: var(--colors-color-palette-box-color);
}

  .c_colorPalette\.dropdown\.error\.text {
    color: var(--colors-color-palette-dropdown-error-text);
}

  .c_colorPalette\.error\.text {
    color: var(--colors-color-palette-error-text);
}

  .c_colorPalette\.dropdown\.error\.border {
    color: var(--colors-color-palette-dropdown-error-border);
}

  .c_colorPalette\.error\.border {
    color: var(--colors-color-palette-error-border);
}

  .c_colorPalette\.dropdown\.error\.bg {
    color: var(--colors-color-palette-dropdown-error-bg);
}

  .c_colorPalette\.error\.bg {
    color: var(--colors-color-palette-error-bg);
}

  .c_colorPalette\.dropdown\.solid\.bg {
    color: var(--colors-color-palette-dropdown-solid-bg);
}

  .c_colorPalette\.dropdown\.solid\.text {
    color: var(--colors-color-palette-dropdown-solid-text);
}

  .c_colorPalette\.dropdown\.solid\.hover\.bg {
    color: var(--colors-color-palette-dropdown-solid-hover-bg);
}

  .c_colorPalette\.dropdown\.solid\.hover\.text {
    color: var(--colors-color-palette-dropdown-solid-hover-text);
}

  .c_colorPalette\.dropdown\.solid\.disabled\.bg {
    color: var(--colors-color-palette-dropdown-solid-disabled-bg);
}

  .c_colorPalette\.dropdown\.solid\.disabled\.text {
    color: var(--colors-color-palette-dropdown-solid-disabled-text);
}

  .c_colorPalette\.dropdown\.outline\.bg {
    color: var(--colors-color-palette-dropdown-outline-bg);
}

  .c_colorPalette\.dropdown\.outline\.text {
    color: var(--colors-color-palette-dropdown-outline-text);
}

  .c_colorPalette\.dropdown\.outline\.border {
    color: var(--colors-color-palette-dropdown-outline-border);
}

  .c_colorPalette\.dropdown\.outline\.hover\.bg {
    color: var(--colors-color-palette-dropdown-outline-hover-bg);
}

  .c_colorPalette\.dropdown\.outline\.hover\.text {
    color: var(--colors-color-palette-dropdown-outline-hover-text);
}

  .c_colorPalette\.dropdown\.outline\.hover\.border {
    color: var(--colors-color-palette-dropdown-outline-hover-border);
}

  .c_colorPalette\.dropdown\.outline\.disabled\.bg {
    color: var(--colors-color-palette-dropdown-outline-disabled-bg);
}

  .c_colorPalette\.dropdown\.outline\.disabled\.text {
    color: var(--colors-color-palette-dropdown-outline-disabled-text);
}

  .c_colorPalette\.dropdown\.outline\.disabled\.border {
    color: var(--colors-color-palette-dropdown-outline-disabled-border);
}

  .c_colorPalette\.inputText\.text {
    color: var(--colors-color-palette-input-text-text);
}

  .c_colorPalette\.inputText\.placeholder {
    color: var(--colors-color-palette-input-text-placeholder);
}

  .c_colorPalette\.placeholder {
    color: var(--colors-color-palette-placeholder);
}

  .c_colorPalette\.inputText\.invalid\.border {
    color: var(--colors-color-palette-input-text-invalid-border);
}

  .c_colorPalette\.invalid\.border {
    color: var(--colors-color-palette-invalid-border);
}

  .c_colorPalette\.inputText\.invalid\.text {
    color: var(--colors-color-palette-input-text-invalid-text);
}

  .c_colorPalette\.invalid\.text {
    color: var(--colors-color-palette-invalid-text);
}

  .c_colorPalette\.inputText\.invalid\.placeholder {
    color: var(--colors-color-palette-input-text-invalid-placeholder);
}

  .c_colorPalette\.invalid\.placeholder {
    color: var(--colors-color-palette-invalid-placeholder);
}

  .c_colorPalette\.inputText\.focused\.border {
    color: var(--colors-color-palette-input-text-focused-border);
}

  .c_colorPalette\.focused\.border {
    color: var(--colors-color-palette-focused-border);
}

  .c_colorPalette\.inputText\.disabled\.border {
    color: var(--colors-color-palette-input-text-disabled-border);
}

  .c_colorPalette\.inputText\.disabled\.text {
    color: var(--colors-color-palette-input-text-disabled-text);
}

  .c_colorPalette\.inputText\.disabled\.placeholder {
    color: var(--colors-color-palette-input-text-disabled-placeholder);
}

  .c_colorPalette\.disabled\.placeholder {
    color: var(--colors-color-palette-disabled-placeholder);
}

  .c_colorPalette\.inputText\.solid\.bg {
    color: var(--colors-color-palette-input-text-solid-bg);
}

  .c_colorPalette\.inputText\.solid\.border {
    color: var(--colors-color-palette-input-text-solid-border);
}

  .c_colorPalette\.solid\.border {
    color: var(--colors-color-palette-solid-border);
}

  .c_colorPalette\.inputText\.solid\.bgDisabled {
    color: var(--colors-color-palette-input-text-solid-bg-disabled);
}

  .c_colorPalette\.solid\.bgDisabled {
    color: var(--colors-color-palette-solid-bg-disabled);
}

  .c_colorPalette\.bgDisabled {
    color: var(--colors-color-palette-bg-disabled);
}

  .c_colorPalette\.inputText\.outline\.bg {
    color: var(--colors-color-palette-input-text-outline-bg);
}

  .c_colorPalette\.inputText\.outline\.border {
    color: var(--colors-color-palette-input-text-outline-border);
}

  .c_colorPalette\.inputText\.ghost\.bg {
    color: var(--colors-color-palette-input-text-ghost-bg);
}

  .c_colorPalette\.inputText\.ghost\.border {
    color: var(--colors-color-palette-input-text-ghost-border);
}

  .c_colorPalette\.ghost\.border {
    color: var(--colors-color-palette-ghost-border);
}

  .c_colorPalette\.label\.bg {
    color: var(--colors-color-palette-label-bg);
}

  .c_colorPalette\.label\.text {
    color: var(--colors-color-palette-label-text);
}

  .c_colorPalette\.label\.active\.bg {
    color: var(--colors-color-palette-label-active-bg);
}

  .c_colorPalette\.active\.bg {
    color: var(--colors-color-palette-active-bg);
}

  .c_colorPalette\.label\.active\.text {
    color: var(--colors-color-palette-label-active-text);
}

  .c_colorPalette\.active\.text {
    color: var(--colors-color-palette-active-text);
}

  .c_colorPalette\.label\.pending\.bg {
    color: var(--colors-color-palette-label-pending-bg);
}

  .c_colorPalette\.pending\.bg {
    color: var(--colors-color-palette-pending-bg);
}

  .c_colorPalette\.label\.pending\.text {
    color: var(--colors-color-palette-label-pending-text);
}

  .c_colorPalette\.pending\.text {
    color: var(--colors-color-palette-pending-text);
}

  .c_colorPalette\.label\.inactive\.bg {
    color: var(--colors-color-palette-label-inactive-bg);
}

  .c_colorPalette\.inactive\.bg {
    color: var(--colors-color-palette-inactive-bg);
}

  .c_colorPalette\.label\.inactive\.text {
    color: var(--colors-color-palette-label-inactive-text);
}

  .c_colorPalette\.inactive\.text {
    color: var(--colors-color-palette-inactive-text);
}

  .c_colorPalette\.logo\.bg {
    color: var(--colors-color-palette-logo-bg);
}

  .c_colorPalette\.navLink\.sidebarItem\.bg {
    color: var(--colors-color-palette-nav-link-sidebar-item-bg);
}

  .c_colorPalette\.sidebarItem\.bg {
    color: var(--colors-color-palette-sidebar-item-bg);
}

  .c_colorPalette\.navLink\.sidebarItem\.text {
    color: var(--colors-color-palette-nav-link-sidebar-item-text);
}

  .c_colorPalette\.sidebarItem\.text {
    color: var(--colors-color-palette-sidebar-item-text);
}

  .c_colorPalette\.navLink\.sidebarItem\.hover\.bg {
    color: var(--colors-color-palette-nav-link-sidebar-item-hover-bg);
}

  .c_colorPalette\.sidebarItem\.hover\.bg {
    color: var(--colors-color-palette-sidebar-item-hover-bg);
}

  .c_colorPalette\.navLink\.sidebarItem\.hover\.text {
    color: var(--colors-color-palette-nav-link-sidebar-item-hover-text);
}

  .c_colorPalette\.sidebarItem\.hover\.text {
    color: var(--colors-color-palette-sidebar-item-hover-text);
}

  .c_colorPalette\.navLink\.sidebarItem\.disabled\.bg {
    color: var(--colors-color-palette-nav-link-sidebar-item-disabled-bg);
}

  .c_colorPalette\.sidebarItem\.disabled\.bg {
    color: var(--colors-color-palette-sidebar-item-disabled-bg);
}

  .c_colorPalette\.navLink\.sidebarItem\.disabled\.text {
    color: var(--colors-color-palette-nav-link-sidebar-item-disabled-text);
}

  .c_colorPalette\.sidebarItem\.disabled\.text {
    color: var(--colors-color-palette-sidebar-item-disabled-text);
}

  .c_colorPalette\.page\.bg {
    color: var(--colors-color-palette-page-bg);
}

  .c_colorPalette\.page\.color {
    color: var(--colors-color-palette-page-color);
}

  .c_colorPalette\.sidebar\.main\.bg {
    color: var(--colors-color-palette-sidebar-main-bg);
}

  .c_colorPalette\.main\.bg {
    color: var(--colors-color-palette-main-bg);
}

  .c_colorPalette\.sidebar\.main\.color {
    color: var(--colors-color-palette-sidebar-main-color);
}

  .c_colorPalette\.main\.color {
    color: var(--colors-color-palette-main-color);
}

  .c_colorPalette\.sidebar\.main\.hover\.bg {
    color: var(--colors-color-palette-sidebar-main-hover-bg);
}

  .c_colorPalette\.main\.hover\.bg {
    color: var(--colors-color-palette-main-hover-bg);
}

  .c_colorPalette\.sidebar\.main\.hover\.color {
    color: var(--colors-color-palette-sidebar-main-hover-color);
}

  .c_colorPalette\.main\.hover\.color {
    color: var(--colors-color-palette-main-hover-color);
}

  .c_colorPalette\.hover\.color {
    color: var(--colors-color-palette-hover-color);
}

  .c_colorPalette\.tag\.bg {
    color: var(--colors-color-palette-tag-bg);
}

  .c_colorPalette\.tag\.text {
    color: var(--colors-color-palette-tag-text);
}

  .c_colorPalette\.tag\.hover\.bg {
    color: var(--colors-color-palette-tag-hover-bg);
}

  .c_colorPalette\.tag\.hover\.text {
    color: var(--colors-color-palette-tag-hover-text);
}

  .c_colorPalette\.toast\.bg {
    color: var(--colors-color-palette-toast-bg);
}

  .c_colorPalette\.toast\.text {
    color: var(--colors-color-palette-toast-text);
}

  .c_colorPalette\.toast\.info\.icon {
    color: var(--colors-color-palette-toast-info-icon);
}

  .c_colorPalette\.info\.icon {
    color: var(--colors-color-palette-info-icon);
}

  .c_colorPalette\.icon {
    color: var(--colors-color-palette-icon);
}

  .c_colorPalette\.toast\.success\.icon {
    color: var(--colors-color-palette-toast-success-icon);
}

  .c_colorPalette\.success\.icon {
    color: var(--colors-color-palette-success-icon);
}

  .c_colorPalette\.toast\.alert\.icon {
    color: var(--colors-color-palette-toast-alert-icon);
}

  .c_colorPalette\.alert\.icon {
    color: var(--colors-color-palette-alert-icon);
}

  .c_colorPalette\.toggle\.bgSwitch {
    color: var(--colors-color-palette-toggle-bg-switch);
}

  .c_colorPalette\.bgSwitch {
    color: var(--colors-color-palette-bg-switch);
}

  .c_colorPalette\.toggle\.circleBg {
    color: var(--colors-color-palette-toggle-circle-bg);
}

  .c_colorPalette\.circleBg {
    color: var(--colors-color-palette-circle-bg);
}

  .c_colorPalette\.toggle\.bgIcon {
    color: var(--colors-color-palette-toggle-bg-icon);
}

  .c_colorPalette\.bgIcon {
    color: var(--colors-color-palette-bg-icon);
}

  .c_colorPalette\.toggle\.checked\.bg {
    color: var(--colors-color-palette-toggle-checked-bg);
}

  .c_colorPalette\.checked\.bg {
    color: var(--colors-color-palette-checked-bg);
}

  .c_colorPalette\.tooltip\.main\.bg {
    color: var(--colors-color-palette-tooltip-main-bg);
}

  .c_colorPalette\.tooltip\.main\.text {
    color: var(--colors-color-palette-tooltip-main-text);
}

  .c_colorPalette\.main\.text {
    color: var(--colors-color-palette-main-text);
}

  .c_colorPalette\.topSearchBar\.bg {
    color: var(--colors-color-palette-top-search-bar-bg);
}

  .c_colorPalette\.topSearchBar\.border {
    color: var(--colors-color-palette-top-search-bar-border);
}

  .c_colorPalette\.topSearchBar\.color {
    color: var(--colors-color-palette-top-search-bar-color);
}

  .c_colorPalette\.topSearchBar\.input\.bg {
    color: var(--colors-color-palette-top-search-bar-input-bg);
}

  .c_colorPalette\.input\.bg {
    color: var(--colors-color-palette-input-bg);
}

  .c_colorPalette\.topSearchBar\.input\.border {
    color: var(--colors-color-palette-top-search-bar-input-border);
}

  .c_colorPalette\.input\.border {
    color: var(--colors-color-palette-input-border);
}

  .c_colorPalette\.topSearchBar\.input\.colorPlaceholder {
    color: var(--colors-color-palette-top-search-bar-input-color-placeholder);
}

  .c_colorPalette\.input\.colorPlaceholder {
    color: var(--colors-color-palette-input-color-placeholder);
}

  .c_colorPalette\.colorPlaceholder {
    color: var(--colors-color-palette-color-placeholder);
}

  .c_colorPalette\.topSearchBar\.input\.color {
    color: var(--colors-color-palette-top-search-bar-input-color);
}

  .c_colorPalette\.input\.color {
    color: var(--colors-color-palette-input-color);
}

  .c_colorPalette\.button\.outlineLight\.bg {
    color: var(--colors-color-palette-button-outline-light-bg);
}

  .c_colorPalette\.outlineLight\.bg {
    color: var(--colors-color-palette-outline-light-bg);
}

  .c_colorPalette\.button\.outlineLight\.text {
    color: var(--colors-color-palette-button-outline-light-text);
}

  .c_colorPalette\.outlineLight\.text {
    color: var(--colors-color-palette-outline-light-text);
}

  .c_colorPalette\.button\.outlineLight\.border {
    color: var(--colors-color-palette-button-outline-light-border);
}

  .c_colorPalette\.outlineLight\.border {
    color: var(--colors-color-palette-outline-light-border);
}

  .c_colorPalette\.button\.outlineLight\.hover\.bg {
    color: var(--colors-color-palette-button-outline-light-hover-bg);
}

  .c_colorPalette\.outlineLight\.hover\.bg {
    color: var(--colors-color-palette-outline-light-hover-bg);
}

  .c_colorPalette\.button\.outlineLight\.hover\.text {
    color: var(--colors-color-palette-button-outline-light-hover-text);
}

  .c_colorPalette\.outlineLight\.hover\.text {
    color: var(--colors-color-palette-outline-light-hover-text);
}

  .c_colorPalette\.button\.outlineLight\.hover\.border {
    color: var(--colors-color-palette-button-outline-light-hover-border);
}

  .c_colorPalette\.outlineLight\.hover\.border {
    color: var(--colors-color-palette-outline-light-hover-border);
}

  .c_colorPalette\.button\.outlineLight\.disabled\.bg {
    color: var(--colors-color-palette-button-outline-light-disabled-bg);
}

  .c_colorPalette\.outlineLight\.disabled\.bg {
    color: var(--colors-color-palette-outline-light-disabled-bg);
}

  .c_colorPalette\.button\.outlineLight\.disabled\.text {
    color: var(--colors-color-palette-button-outline-light-disabled-text);
}

  .c_colorPalette\.outlineLight\.disabled\.text {
    color: var(--colors-color-palette-outline-light-disabled-text);
}

  .c_colorPalette\.button\.outlineLight\.disabled\.border {
    color: var(--colors-color-palette-button-outline-light-disabled-border);
}

  .c_colorPalette\.outlineLight\.disabled\.border {
    color: var(--colors-color-palette-outline-light-disabled-border);
}

  .bg_current {
    background: var(--colors-current);
}

  .bg_black {
    background: var(--colors-black);
}

  .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 {
    background: var(--colors-white);
}

  .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_transparent {
    background: var(--colors-transparent);
}

  .bg_blue\.50 {
    background: var(--colors-blue\.50);
}

  .bg_blue\.100 {
    background: var(--colors-blue\.100);
}

  .bg_blue\.200 {
    background: var(--colors-blue\.200);
}

  .bg_blue\.300 {
    background: var(--colors-blue\.300);
}

  .bg_blue\.400 {
    background: var(--colors-blue\.400);
}

  .bg_blue\.500 {
    background: var(--colors-blue\.500);
}

  .bg_blue\.600 {
    background: var(--colors-blue\.600);
}

  .bg_blue\.700 {
    background: var(--colors-blue\.700);
}

  .bg_blue\.800 {
    background: var(--colors-blue\.800);
}

  .bg_blue\.900 {
    background: var(--colors-blue\.900);
}

  .bg_yellow\.50 {
    background: var(--colors-yellow\.50);
}

  .bg_yellow\.100 {
    background: var(--colors-yellow\.100);
}

  .bg_yellow\.200 {
    background: var(--colors-yellow\.200);
}

  .bg_yellow\.300 {
    background: var(--colors-yellow\.300);
}

  .bg_yellow\.400 {
    background: var(--colors-yellow\.400);
}

  .bg_yellow\.500 {
    background: var(--colors-yellow\.500);
}

  .bg_yellow\.600 {
    background: var(--colors-yellow\.600);
}

  .bg_yellow\.700 {
    background: var(--colors-yellow\.700);
}

  .bg_yellow\.800 {
    background: var(--colors-yellow\.800);
}

  .bg_yellow\.900 {
    background: var(--colors-yellow\.900);
}

  .bg_coral\.50 {
    background: var(--colors-coral\.50);
}

  .bg_coral\.100 {
    background: var(--colors-coral\.100);
}

  .bg_coral\.200 {
    background: var(--colors-coral\.200);
}

  .bg_coral\.300 {
    background: var(--colors-coral\.300);
}

  .bg_coral\.400 {
    background: var(--colors-coral\.400);
}

  .bg_coral\.500 {
    background: var(--colors-coral\.500);
}

  .bg_coral\.600 {
    background: var(--colors-coral\.600);
}

  .bg_coral\.700 {
    background: var(--colors-coral\.700);
}

  .bg_coral\.800 {
    background: var(--colors-coral\.800);
}

  .bg_coral\.900 {
    background: var(--colors-coral\.900);
}

  .bg_aqua\.50 {
    background: var(--colors-aqua\.50);
}

  .bg_aqua\.100 {
    background: var(--colors-aqua\.100);
}

  .bg_aqua\.200 {
    background: var(--colors-aqua\.200);
}

  .bg_aqua\.300 {
    background: var(--colors-aqua\.300);
}

  .bg_aqua\.400 {
    background: var(--colors-aqua\.400);
}

  .bg_aqua\.500 {
    background: var(--colors-aqua\.500);
}

  .bg_aqua\.600 {
    background: var(--colors-aqua\.600);
}

  .bg_aqua\.700 {
    background: var(--colors-aqua\.700);
}

  .bg_aqua\.800 {
    background: var(--colors-aqua\.800);
}

  .bg_aqua\.900 {
    background: var(--colors-aqua\.900);
}

  .bg_salmon\.50 {
    background: var(--colors-salmon\.50);
}

  .bg_salmon\.100 {
    background: var(--colors-salmon\.100);
}

  .bg_salmon\.200 {
    background: var(--colors-salmon\.200);
}

  .bg_salmon\.300 {
    background: var(--colors-salmon\.300);
}

  .bg_salmon\.400 {
    background: var(--colors-salmon\.400);
}

  .bg_salmon\.500 {
    background: var(--colors-salmon\.500);
}

  .bg_salmon\.600 {
    background: var(--colors-salmon\.600);
}

  .bg_salmon\.700 {
    background: var(--colors-salmon\.700);
}

  .bg_salmon\.800 {
    background: var(--colors-salmon\.800);
}

  .bg_salmon\.900 {
    background: var(--colors-salmon\.900);
}

  .bg_purple\.50 {
    background: var(--colors-purple\.50);
}

  .bg_purple\.100 {
    background: var(--colors-purple\.100);
}

  .bg_purple\.200 {
    background: var(--colors-purple\.200);
}

  .bg_purple\.300 {
    background: var(--colors-purple\.300);
}

  .bg_purple\.400 {
    background: var(--colors-purple\.400);
}

  .bg_purple\.500 {
    background: var(--colors-purple\.500);
}

  .bg_purple\.600 {
    background: var(--colors-purple\.600);
}

  .bg_purple\.700 {
    background: var(--colors-purple\.700);
}

  .bg_purple\.800 {
    background: var(--colors-purple\.800);
}

  .bg_purple\.900 {
    background: var(--colors-purple\.900);
}

  .bg_green\.50 {
    background: var(--colors-green\.50);
}

  .bg_green\.100 {
    background: var(--colors-green\.100);
}

  .bg_green\.200 {
    background: var(--colors-green\.200);
}

  .bg_green\.300 {
    background: var(--colors-green\.300);
}

  .bg_green\.400 {
    background: var(--colors-green\.400);
}

  .bg_green\.500 {
    background: var(--colors-green\.500);
}

  .bg_green\.600 {
    background: var(--colors-green\.600);
}

  .bg_green\.700 {
    background: var(--colors-green\.700);
}

  .bg_green\.800 {
    background: var(--colors-green\.800);
}

  .bg_green\.900 {
    background: var(--colors-green\.900);
}

  .bg_smoke\.50 {
    background: var(--colors-smoke\.50);
}

  .bg_smoke\.100 {
    background: var(--colors-smoke\.100);
}

  .bg_smoke\.200 {
    background: var(--colors-smoke\.200);
}

  .bg_smoke\.300 {
    background: var(--colors-smoke\.300);
}

  .bg_smoke\.400 {
    background: var(--colors-smoke\.400);
}

  .bg_smoke\.500 {
    background: var(--colors-smoke\.500);
}

  .bg_smoke\.600 {
    background: var(--colors-smoke\.600);
}

  .bg_smoke\.700 {
    background: var(--colors-smoke\.700);
}

  .bg_smoke\.800 {
    background: var(--colors-smoke\.800);
}

  .bg_smoke\.900 {
    background: var(--colors-smoke\.900);
}

  .bg_grey\.50 {
    background: var(--colors-grey\.50);
}

  .bg_grey\.100 {
    background: var(--colors-grey\.100);
}

  .bg_grey\.200 {
    background: var(--colors-grey\.200);
}

  .bg_grey\.300 {
    background: var(--colors-grey\.300);
}

  .bg_grey\.400 {
    background: var(--colors-grey\.400);
}

  .bg_grey\.500 {
    background: var(--colors-grey\.500);
}

  .bg_grey\.600 {
    background: var(--colors-grey\.600);
}

  .bg_grey\.700 {
    background: var(--colors-grey\.700);
}

  .bg_grey\.800 {
    background: var(--colors-grey\.800);
}

  .bg_grey\.900 {
    background: var(--colors-grey\.900);
}

  .bg_base\.white {
    background: var(--colors-base\.white);
}

  .bg_dark\.50 {
    background: var(--colors-dark\.50);
}

  .bg_dark\.100 {
    background: var(--colors-dark\.100);
}

  .bg_dark\.200 {
    background: var(--colors-dark\.200);
}

  .bg_dark\.300 {
    background: var(--colors-dark\.300);
}

  .bg_dark\.400 {
    background: var(--colors-dark\.400);
}

  .bg_dark\.500 {
    background: var(--colors-dark\.500);
}

  .bg_dark\.600 {
    background: var(--colors-dark\.600);
}

  .bg_dark\.700 {
    background: var(--colors-dark\.700);
}

  .bg_dark\.800 {
    background: var(--colors-dark\.800);
}

  .bg_dark\.900 {
    background: var(--colors-dark\.900);
}

  .bg_base\.black {
    background: var(--colors-base\.black);
}

  .bg_background-third {
    background: var(--colors-background-third);
}

  .bg_background-fifth {
    background: var(--colors-background-fifth);
}

  .bg_background-primary {
    background: var(--colors-background-primary);
}

  .bg_background-secondary {
    background: var(--colors-background-secondary);
}

  .bg_background-news-primary {
    background: var(--colors-background-news-primary);
}

  .bg_background-news-secondary {
    background: var(--colors-background-news-secondary);
}

  .bg_background-forth {
    background: var(--colors-background-forth);
}

  .bg_background-sixth {
    background: var(--colors-background-sixth);
}

  .bg_background-tag-secondary {
    background: var(--colors-background-tag-secondary);
}

  .bg_background-aifeedback {
    background: var(--colors-background-aifeedback);
}

  .bg_labels-primary {
    background: var(--colors-labels-primary);
}

  .bg_labels-secondary {
    background: var(--colors-labels-secondary);
}

  .bg_labels-third {
    background: var(--colors-labels-third);
}

  .bg_labels-forth {
    background: var(--colors-labels-forth);
}

  .bg_links-primary {
    background: var(--colors-links-primary);
}

  .bg_links-secondary {
    background: var(--colors-links-secondary);
}

  .bg_links-tertiary {
    background: var(--colors-links-tertiary);
}

  .bg_stroke-quinary {
    background: var(--colors-stroke-quinary);
}

  .bg_stroke-secondary {
    background: var(--colors-stroke-secondary);
}

  .bg_stroke-tertiary {
    background: var(--colors-stroke-tertiary);
}

  .bg_stroke-primary {
    background: var(--colors-stroke-primary);
}

  .bg_content-primary {
    background: var(--colors-content-primary);
}

  .bg_content-secondary {
    background: var(--colors-content-secondary);
}

  .bg_content-button-premium-label-primary {
    background: var(--colors-content-button-premium-label-primary);
}

  .bg_content-tertiary {
    background: var(--colors-content-tertiary);
}

  .bg_content-quaternary {
    background: var(--colors-content-quaternary);
}

  .bg_content-notification-number {
    background: var(--colors-content-notification-number);
}

  .bg_buttons-primary-bg-default {
    background: var(--colors-buttons-primary-bg-default);
}

  .bg_buttons-secondary-bg-default {
    background: var(--colors-buttons-secondary-bg-default);
}

  .bg_buttons-tertiary-bg-default {
    background: var(--colors-buttons-tertiary-bg-default);
}

  .bg_buttons-primary-label-default {
    background: var(--colors-buttons-primary-label-default);
}

  .bg_buttons-secondary-label-default {
    background: var(--colors-buttons-secondary-label-default);
}

  .bg_buttons-tertiary-label-default {
    background: var(--colors-buttons-tertiary-label-default);
}

  .bg_buttons-primary-bg-hover {
    background: var(--colors-buttons-primary-bg-hover);
}

  .bg_stroke-quaternary {
    background: var(--colors-stroke-quaternary);
}

  .bg_stroke-similar {
    background: var(--colors-stroke-similar);
}

  .bg_stroke-exact {
    background: var(--colors-stroke-exact);
}

  .bg_status-primary-success {
    background: var(--colors-status-primary-success);
}

  .bg_status-secondary-success {
    background: var(--colors-status-secondary-success);
}

  .bg_status-primary-alert {
    background: var(--colors-status-primary-alert);
}

  .bg_status-secondary-alert {
    background: var(--colors-status-secondary-alert);
}

  .bg_status-primary-error {
    background: var(--colors-status-primary-error);
}

  .bg_status-secondary-error {
    background: var(--colors-status-secondary-error);
}

  .bg_stroke-white {
    background: var(--colors-stroke-white);
}

  .bg_buttons-quaternary-bg {
    background: var(--colors-buttons-quaternary-bg);
}

  .bg_labels-fifth {
    background: var(--colors-labels-fifth);
}

  .bg_status-tertiary-error {
    background: var(--colors-status-tertiary-error);
}

  .bg_buttons-secondary-bg-hover {
    background: var(--colors-buttons-secondary-bg-hover);
}

  .bg_buttons-tertiary-bg-hover {
    background: var(--colors-buttons-tertiary-bg-hover);
}

  .bg_stroke-sixth {
    background: var(--colors-stroke-sixth);
}

  .bg_buttons-forth-bg-default {
    background: var(--colors-buttons-forth-bg-default);
}

  .bg_buttons-forth-label-hover {
    background: var(--colors-buttons-forth-label-hover);
}

  .bg_buttons-forth-bg-hover {
    background: var(--colors-buttons-forth-bg-hover);
}

  .bg_buttons-tertiary-label {
    background: var(--colors-buttons-tertiary-label);
}

  .bg_buttons-fifth-label-default {
    background: var(--colors-buttons-fifth-label-default);
}

  .bg_buttons-primary-label-disabled {
    background: var(--colors-buttons-primary-label-disabled);
}

  .bg_buttons-primary-bg-disabled {
    background: var(--colors-buttons-primary-bg-disabled);
}

  .bg_buttons-sixth-label-default {
    background: var(--colors-buttons-sixth-label-default);
}

  .bg_buttons-seventh-label-default {
    background: var(--colors-buttons-seventh-label-default);
}

  .bg_dark\.blue\.50 {
    background: var(--colors-dark\.blue\.50);
}

  .bg_dark\.blue\.100 {
    background: var(--colors-dark\.blue\.100);
}

  .bg_dark\.blue\.200 {
    background: var(--colors-dark\.blue\.200);
}

  .bg_dark\.blue\.300 {
    background: var(--colors-dark\.blue\.300);
}

  .bg_dark\.blue\.400 {
    background: var(--colors-dark\.blue\.400);
}

  .bg_dark\.blue\.500 {
    background: var(--colors-dark\.blue\.500);
}

  .bg_dark\.blue\.600 {
    background: var(--colors-dark\.blue\.600);
}

  .bg_dark\.blue\.700 {
    background: var(--colors-dark\.blue\.700);
}

  .bg_dark\.blue\.800 {
    background: var(--colors-dark\.blue\.800);
}

  .bg_dark\.blue\.900 {
    background: var(--colors-dark\.blue\.900);
}

  .bg_dark\.yellow\.50 {
    background: var(--colors-dark\.yellow\.50);
}

  .bg_dark\.yellow\.100 {
    background: var(--colors-dark\.yellow\.100);
}

  .bg_dark\.yellow\.200 {
    background: var(--colors-dark\.yellow\.200);
}

  .bg_dark\.yellow\.300 {
    background: var(--colors-dark\.yellow\.300);
}

  .bg_dark\.yellow\.400 {
    background: var(--colors-dark\.yellow\.400);
}

  .bg_dark\.yellow\.500 {
    background: var(--colors-dark\.yellow\.500);
}

  .bg_dark\.yellow\.600 {
    background: var(--colors-dark\.yellow\.600);
}

  .bg_dark\.yellow\.700 {
    background: var(--colors-dark\.yellow\.700);
}

  .bg_dark\.yellow\.800 {
    background: var(--colors-dark\.yellow\.800);
}

  .bg_dark\.yellow\.900 {
    background: var(--colors-dark\.yellow\.900);
}

  .bg_dark\.coral\.50 {
    background: var(--colors-dark\.coral\.50);
}

  .bg_dark\.coral\.100 {
    background: var(--colors-dark\.coral\.100);
}

  .bg_dark\.coral\.200 {
    background: var(--colors-dark\.coral\.200);
}

  .bg_dark\.coral\.300 {
    background: var(--colors-dark\.coral\.300);
}

  .bg_dark\.coral\.400 {
    background: var(--colors-dark\.coral\.400);
}

  .bg_dark\.coral\.500 {
    background: var(--colors-dark\.coral\.500);
}

  .bg_dark\.coral\.600 {
    background: var(--colors-dark\.coral\.600);
}

  .bg_dark\.coral\.700 {
    background: var(--colors-dark\.coral\.700);
}

  .bg_dark\.coral\.800 {
    background: var(--colors-dark\.coral\.800);
}

  .bg_dark\.coral\.900 {
    background: var(--colors-dark\.coral\.900);
}

  .bg_dark\.aqua\.50 {
    background: var(--colors-dark\.aqua\.50);
}

  .bg_dark\.aqua\.100 {
    background: var(--colors-dark\.aqua\.100);
}

  .bg_dark\.aqua\.200 {
    background: var(--colors-dark\.aqua\.200);
}

  .bg_dark\.aqua\.300 {
    background: var(--colors-dark\.aqua\.300);
}

  .bg_dark\.aqua\.400 {
    background: var(--colors-dark\.aqua\.400);
}

  .bg_dark\.aqua\.500 {
    background: var(--colors-dark\.aqua\.500);
}

  .bg_dark\.aqua\.600 {
    background: var(--colors-dark\.aqua\.600);
}

  .bg_dark\.aqua\.700 {
    background: var(--colors-dark\.aqua\.700);
}

  .bg_dark\.aqua\.800 {
    background: var(--colors-dark\.aqua\.800);
}

  .bg_dark\.aqua\.900 {
    background: var(--colors-dark\.aqua\.900);
}

  .bg_dark\.salmon\.50 {
    background: var(--colors-dark\.salmon\.50);
}

  .bg_dark\.salmon\.100 {
    background: var(--colors-dark\.salmon\.100);
}

  .bg_dark\.salmon\.200 {
    background: var(--colors-dark\.salmon\.200);
}

  .bg_dark\.salmon\.300 {
    background: var(--colors-dark\.salmon\.300);
}

  .bg_dark\.salmon\.400 {
    background: var(--colors-dark\.salmon\.400);
}

  .bg_dark\.salmon\.500 {
    background: var(--colors-dark\.salmon\.500);
}

  .bg_dark\.salmon\.600 {
    background: var(--colors-dark\.salmon\.600);
}

  .bg_dark\.salmon\.700 {
    background: var(--colors-dark\.salmon\.700);
}

  .bg_dark\.salmon\.800 {
    background: var(--colors-dark\.salmon\.800);
}

  .bg_dark\.salmon\.900 {
    background: var(--colors-dark\.salmon\.900);
}

  .bg_dark\.purple\.50 {
    background: var(--colors-dark\.purple\.50);
}

  .bg_dark\.purple\.100 {
    background: var(--colors-dark\.purple\.100);
}

  .bg_dark\.purple\.200 {
    background: var(--colors-dark\.purple\.200);
}

  .bg_dark\.purple\.300 {
    background: var(--colors-dark\.purple\.300);
}

  .bg_dark\.purple\.400 {
    background: var(--colors-dark\.purple\.400);
}

  .bg_dark\.purple\.500 {
    background: var(--colors-dark\.purple\.500);
}

  .bg_dark\.purple\.600 {
    background: var(--colors-dark\.purple\.600);
}

  .bg_dark\.purple\.700 {
    background: var(--colors-dark\.purple\.700);
}

  .bg_dark\.purple\.800 {
    background: var(--colors-dark\.purple\.800);
}

  .bg_dark\.purple\.900 {
    background: var(--colors-dark\.purple\.900);
}

  .bg_dark\.green\.50 {
    background: var(--colors-dark\.green\.50);
}

  .bg_dark\.green\.100 {
    background: var(--colors-dark\.green\.100);
}

  .bg_dark\.green\.200 {
    background: var(--colors-dark\.green\.200);
}

  .bg_dark\.green\.300 {
    background: var(--colors-dark\.green\.300);
}

  .bg_dark\.green\.400 {
    background: var(--colors-dark\.green\.400);
}

  .bg_dark\.green\.500 {
    background: var(--colors-dark\.green\.500);
}

  .bg_dark\.green\.600 {
    background: var(--colors-dark\.green\.600);
}

  .bg_dark\.green\.700 {
    background: var(--colors-dark\.green\.700);
}

  .bg_dark\.green\.800 {
    background: var(--colors-dark\.green\.800);
}

  .bg_dark\.green\.900 {
    background: var(--colors-dark\.green\.900);
}

  .bg_dark\.smoke\.50 {
    background: var(--colors-dark\.smoke\.50);
}

  .bg_dark\.smoke\.100 {
    background: var(--colors-dark\.smoke\.100);
}

  .bg_dark\.smoke\.200 {
    background: var(--colors-dark\.smoke\.200);
}

  .bg_dark\.smoke\.300 {
    background: var(--colors-dark\.smoke\.300);
}

  .bg_dark\.smoke\.400 {
    background: var(--colors-dark\.smoke\.400);
}

  .bg_dark\.smoke\.500 {
    background: var(--colors-dark\.smoke\.500);
}

  .bg_dark\.smoke\.600 {
    background: var(--colors-dark\.smoke\.600);
}

  .bg_dark\.smoke\.700 {
    background: var(--colors-dark\.smoke\.700);
}

  .bg_dark\.smoke\.800 {
    background: var(--colors-dark\.smoke\.800);
}

  .bg_dark\.smoke\.900 {
    background: var(--colors-dark\.smoke\.900);
}

  .bg_dark\.grey\.50 {
    background: var(--colors-dark\.grey\.50);
}

  .bg_dark\.grey\.100 {
    background: var(--colors-dark\.grey\.100);
}

  .bg_dark\.grey\.200 {
    background: var(--colors-dark\.grey\.200);
}

  .bg_dark\.grey\.300 {
    background: var(--colors-dark\.grey\.300);
}

  .bg_dark\.grey\.400 {
    background: var(--colors-dark\.grey\.400);
}

  .bg_dark\.grey\.500 {
    background: var(--colors-dark\.grey\.500);
}

  .bg_dark\.grey\.600 {
    background: var(--colors-dark\.grey\.600);
}

  .bg_dark\.grey\.700 {
    background: var(--colors-dark\.grey\.700);
}

  .bg_dark\.grey\.800 {
    background: var(--colors-dark\.grey\.800);
}

  .bg_dark\.grey\.900 {
    background: var(--colors-dark\.grey\.900);
}

  .bg_dark\.base\.white {
    background: var(--colors-dark\.base\.white);
}

  .bg_dark\.dark\.50 {
    background: var(--colors-dark\.dark\.50);
}

  .bg_dark\.dark\.100 {
    background: var(--colors-dark\.dark\.100);
}

  .bg_dark\.dark\.200 {
    background: var(--colors-dark\.dark\.200);
}

  .bg_dark\.dark\.300 {
    background: var(--colors-dark\.dark\.300);
}

  .bg_dark\.dark\.400 {
    background: var(--colors-dark\.dark\.400);
}

  .bg_dark\.dark\.500 {
    background: var(--colors-dark\.dark\.500);
}

  .bg_dark\.dark\.600 {
    background: var(--colors-dark\.dark\.600);
}

  .bg_dark\.dark\.700 {
    background: var(--colors-dark\.dark\.700);
}

  .bg_dark\.dark\.800 {
    background: var(--colors-dark\.dark\.800);
}

  .bg_dark\.dark\.900 {
    background: var(--colors-dark\.dark\.900);
}

  .bg_dark\.base\.black {
    background: var(--colors-dark\.base\.black);
}

  .bg_dark-background-third {
    background: var(--colors-dark-background-third);
}

  .bg_dark-background-fifth {
    background: var(--colors-dark-background-fifth);
}

  .bg_dark-background-primary {
    background: var(--colors-dark-background-primary);
}

  .bg_dark-background-secondary {
    background: var(--colors-dark-background-secondary);
}

  .bg_dark-background-news-primary {
    background: var(--colors-dark-background-news-primary);
}

  .bg_dark-background-news-secondary {
    background: var(--colors-dark-background-news-secondary);
}

  .bg_dark-background-forth {
    background: var(--colors-dark-background-forth);
}

  .bg_dark-background-sixth {
    background: var(--colors-dark-background-sixth);
}

  .bg_dark-background-tag-secondary {
    background: var(--colors-dark-background-tag-secondary);
}

  .bg_dark-background-aifeedback {
    background: var(--colors-dark-background-aifeedback);
}

  .bg_dark-labels-primary {
    background: var(--colors-dark-labels-primary);
}

  .bg_dark-labels-secondary {
    background: var(--colors-dark-labels-secondary);
}

  .bg_dark-labels-third {
    background: var(--colors-dark-labels-third);
}

  .bg_dark-labels-forth {
    background: var(--colors-dark-labels-forth);
}

  .bg_dark-links-primary {
    background: var(--colors-dark-links-primary);
}

  .bg_dark-links-secondary {
    background: var(--colors-dark-links-secondary);
}

  .bg_dark-links-tertiary {
    background: var(--colors-dark-links-tertiary);
}

  .bg_dark-stroke-quinary {
    background: var(--colors-dark-stroke-quinary);
}

  .bg_dark-stroke-secondary {
    background: var(--colors-dark-stroke-secondary);
}

  .bg_dark-stroke-tertiary {
    background: var(--colors-dark-stroke-tertiary);
}

  .bg_dark-stroke-primary {
    background: var(--colors-dark-stroke-primary);
}

  .bg_dark-content-primary {
    background: var(--colors-dark-content-primary);
}

  .bg_dark-content-secondary {
    background: var(--colors-dark-content-secondary);
}

  .bg_dark-content-button-premium-label-primary {
    background: var(--colors-dark-content-button-premium-label-primary);
}

  .bg_dark-content-tertiary {
    background: var(--colors-dark-content-tertiary);
}

  .bg_dark-content-quaternary {
    background: var(--colors-dark-content-quaternary);
}

  .bg_dark-content-notification-number {
    background: var(--colors-dark-content-notification-number);
}

  .bg_dark-buttons-primary-bg-default {
    background: var(--colors-dark-buttons-primary-bg-default);
}

  .bg_dark-buttons-secondary-bg-default {
    background: var(--colors-dark-buttons-secondary-bg-default);
}

  .bg_dark-buttons-tertiary-bg-default {
    background: var(--colors-dark-buttons-tertiary-bg-default);
}

  .bg_dark-buttons-primary-label-default {
    background: var(--colors-dark-buttons-primary-label-default);
}

  .bg_dark-buttons-secondary-label-default {
    background: var(--colors-dark-buttons-secondary-label-default);
}

  .bg_dark-buttons-tertiary-label-default {
    background: var(--colors-dark-buttons-tertiary-label-default);
}

  .bg_dark-buttons-primary-bg-hover {
    background: var(--colors-dark-buttons-primary-bg-hover);
}

  .bg_dark-stroke-quaternary {
    background: var(--colors-dark-stroke-quaternary);
}

  .bg_dark-stroke-similar {
    background: var(--colors-dark-stroke-similar);
}

  .bg_dark-stroke-exact {
    background: var(--colors-dark-stroke-exact);
}

  .bg_dark-status-primary-success {
    background: var(--colors-dark-status-primary-success);
}

  .bg_dark-status-secondary-success {
    background: var(--colors-dark-status-secondary-success);
}

  .bg_dark-status-primary-alert {
    background: var(--colors-dark-status-primary-alert);
}

  .bg_dark-status-secondary-alert {
    background: var(--colors-dark-status-secondary-alert);
}

  .bg_dark-status-primary-error {
    background: var(--colors-dark-status-primary-error);
}

  .bg_dark-status-secondary-error {
    background: var(--colors-dark-status-secondary-error);
}

  .bg_dark-stroke-white {
    background: var(--colors-dark-stroke-white);
}

  .bg_dark-buttons-quaternary-bg {
    background: var(--colors-dark-buttons-quaternary-bg);
}

  .bg_dark-labels-fifth {
    background: var(--colors-dark-labels-fifth);
}

  .bg_dark-status-tertiary-error {
    background: var(--colors-dark-status-tertiary-error);
}

  .bg_dark-buttons-secondary-bg-hover {
    background: var(--colors-dark-buttons-secondary-bg-hover);
}

  .bg_dark-buttons-tertiary-bg-hover {
    background: var(--colors-dark-buttons-tertiary-bg-hover);
}

  .bg_dark-stroke-sixth {
    background: var(--colors-dark-stroke-sixth);
}

  .bg_dark-buttons-forth-bg-default {
    background: var(--colors-dark-buttons-forth-bg-default);
}

  .bg_dark-buttons-forth-label-hover {
    background: var(--colors-dark-buttons-forth-label-hover);
}

  .bg_dark-buttons-forth-bg-hover {
    background: var(--colors-dark-buttons-forth-bg-hover);
}

  .bg_dark-buttons-tertiary-label {
    background: var(--colors-dark-buttons-tertiary-label);
}

  .bg_dark-buttons-fifth-label-default {
    background: var(--colors-dark-buttons-fifth-label-default);
}

  .bg_dark-buttons-primary-label-disabled {
    background: var(--colors-dark-buttons-primary-label-disabled);
}

  .bg_dark-buttons-primary-bg-disabled {
    background: var(--colors-dark-buttons-primary-bg-disabled);
}

  .bg_dark-buttons-sixth-label-default {
    background: var(--colors-dark-buttons-sixth-label-default);
}

  .bg_dark-buttons-seventh-label-default {
    background: var(--colors-dark-buttons-seventh-label-default);
}

  .bg_darkPurple {
    background: var(--colors-dark-purple);
}

  .bg_gradients\.purpleToBlue {
    background: var(--colors-gradients-purple-to-blue);
}

  .bg_gradients\.lavanderToLightblue {
    background: var(--colors-gradients-lavander-to-lightblue);
}

  .bg_gradients\.darkLavanderToLightblue {
    background: var(--colors-gradients-dark-lavander-to-lightblue);
}

  .bg_neutral\.light\.1 {
    background: var(--colors-neutral-light-1);
}

  .bg_neutral\.light\.2 {
    background: var(--colors-neutral-light-2);
}

  .bg_neutral\.light\.3 {
    background: var(--colors-neutral-light-3);
}

  .bg_neutral\.light\.4 {
    background: var(--colors-neutral-light-4);
}

  .bg_neutral\.light\.5 {
    background: var(--colors-neutral-light-5);
}

  .bg_neutral\.light\.6 {
    background: var(--colors-neutral-light-6);
}

  .bg_neutral\.light\.7 {
    background: var(--colors-neutral-light-7);
}

  .bg_neutral\.light\.8 {
    background: var(--colors-neutral-light-8);
}

  .bg_neutral\.light\.9 {
    background: var(--colors-neutral-light-9);
}

  .bg_neutral\.light\.10 {
    background: var(--colors-neutral-light-10);
}

  .bg_neutral\.light\.11 {
    background: var(--colors-neutral-light-11);
}

  .bg_neutral\.light\.12 {
    background: var(--colors-neutral-light-12);
}

  .bg_neutral\.light\.a1 {
    background: var(--colors-neutral-light-a1);
}

  .bg_neutral\.light\.a2 {
    background: var(--colors-neutral-light-a2);
}

  .bg_neutral\.light\.a3 {
    background: var(--colors-neutral-light-a3);
}

  .bg_neutral\.light\.a4 {
    background: var(--colors-neutral-light-a4);
}

  .bg_neutral\.light\.a5 {
    background: var(--colors-neutral-light-a5);
}

  .bg_neutral\.light\.a6 {
    background: var(--colors-neutral-light-a6);
}

  .bg_neutral\.light\.a7 {
    background: var(--colors-neutral-light-a7);
}

  .bg_neutral\.light\.a8 {
    background: var(--colors-neutral-light-a8);
}

  .bg_neutral\.light\.a9 {
    background: var(--colors-neutral-light-a9);
}

  .bg_neutral\.light\.a10 {
    background: var(--colors-neutral-light-a10);
}

  .bg_neutral\.light\.a11 {
    background: var(--colors-neutral-light-a11);
}

  .bg_neutral\.light\.a12 {
    background: var(--colors-neutral-light-a12);
}

  .bg_neutral\.dark\.1 {
    background: var(--colors-neutral-dark-1);
}

  .bg_neutral\.dark\.2 {
    background: var(--colors-neutral-dark-2);
}

  .bg_neutral\.dark\.3 {
    background: var(--colors-neutral-dark-3);
}

  .bg_neutral\.dark\.4 {
    background: var(--colors-neutral-dark-4);
}

  .bg_neutral\.dark\.5 {
    background: var(--colors-neutral-dark-5);
}

  .bg_neutral\.dark\.6 {
    background: var(--colors-neutral-dark-6);
}

  .bg_neutral\.dark\.7 {
    background: var(--colors-neutral-dark-7);
}

  .bg_neutral\.dark\.8 {
    background: var(--colors-neutral-dark-8);
}

  .bg_neutral\.dark\.9 {
    background: var(--colors-neutral-dark-9);
}

  .bg_neutral\.dark\.10 {
    background: var(--colors-neutral-dark-10);
}

  .bg_neutral\.dark\.11 {
    background: var(--colors-neutral-dark-11);
}

  .bg_neutral\.dark\.12 {
    background: var(--colors-neutral-dark-12);
}

  .bg_neutral\.dark\.a1 {
    background: var(--colors-neutral-dark-a1);
}

  .bg_neutral\.dark\.a2 {
    background: var(--colors-neutral-dark-a2);
}

  .bg_neutral\.dark\.a3 {
    background: var(--colors-neutral-dark-a3);
}

  .bg_neutral\.dark\.a4 {
    background: var(--colors-neutral-dark-a4);
}

  .bg_neutral\.dark\.a5 {
    background: var(--colors-neutral-dark-a5);
}

  .bg_neutral\.dark\.a6 {
    background: var(--colors-neutral-dark-a6);
}

  .bg_neutral\.dark\.a7 {
    background: var(--colors-neutral-dark-a7);
}

  .bg_neutral\.dark\.a8 {
    background: var(--colors-neutral-dark-a8);
}

  .bg_neutral\.dark\.a9 {
    background: var(--colors-neutral-dark-a9);
}

  .bg_neutral\.dark\.a10 {
    background: var(--colors-neutral-dark-a10);
}

  .bg_neutral\.dark\.a11 {
    background: var(--colors-neutral-dark-a11);
}

  .bg_neutral\.dark\.a12 {
    background: var(--colors-neutral-dark-a12);
}

  .bg_red\.light\.1 {
    background: var(--colors-red-light-1);
}

  .bg_red\.light\.2 {
    background: var(--colors-red-light-2);
}

  .bg_red\.light\.3 {
    background: var(--colors-red-light-3);
}

  .bg_red\.light\.4 {
    background: var(--colors-red-light-4);
}

  .bg_red\.light\.5 {
    background: var(--colors-red-light-5);
}

  .bg_red\.light\.6 {
    background: var(--colors-red-light-6);
}

  .bg_red\.light\.7 {
    background: var(--colors-red-light-7);
}

  .bg_red\.light\.8 {
    background: var(--colors-red-light-8);
}

  .bg_red\.light\.9 {
    background: var(--colors-red-light-9);
}

  .bg_red\.light\.10 {
    background: var(--colors-red-light-10);
}

  .bg_red\.light\.11 {
    background: var(--colors-red-light-11);
}

  .bg_red\.light\.12 {
    background: var(--colors-red-light-12);
}

  .bg_red\.light\.a1 {
    background: var(--colors-red-light-a1);
}

  .bg_red\.light\.a2 {
    background: var(--colors-red-light-a2);
}

  .bg_red\.light\.a3 {
    background: var(--colors-red-light-a3);
}

  .bg_red\.light\.a4 {
    background: var(--colors-red-light-a4);
}

  .bg_red\.light\.a5 {
    background: var(--colors-red-light-a5);
}

  .bg_red\.light\.a6 {
    background: var(--colors-red-light-a6);
}

  .bg_red\.light\.a7 {
    background: var(--colors-red-light-a7);
}

  .bg_red\.light\.a8 {
    background: var(--colors-red-light-a8);
}

  .bg_red\.light\.a9 {
    background: var(--colors-red-light-a9);
}

  .bg_red\.light\.a10 {
    background: var(--colors-red-light-a10);
}

  .bg_red\.light\.a11 {
    background: var(--colors-red-light-a11);
}

  .bg_red\.light\.a12 {
    background: var(--colors-red-light-a12);
}

  .bg_red\.dark\.1 {
    background: var(--colors-red-dark-1);
}

  .bg_red\.dark\.2 {
    background: var(--colors-red-dark-2);
}

  .bg_red\.dark\.3 {
    background: var(--colors-red-dark-3);
}

  .bg_red\.dark\.4 {
    background: var(--colors-red-dark-4);
}

  .bg_red\.dark\.5 {
    background: var(--colors-red-dark-5);
}

  .bg_red\.dark\.6 {
    background: var(--colors-red-dark-6);
}

  .bg_red\.dark\.7 {
    background: var(--colors-red-dark-7);
}

  .bg_red\.dark\.8 {
    background: var(--colors-red-dark-8);
}

  .bg_red\.dark\.9 {
    background: var(--colors-red-dark-9);
}

  .bg_red\.dark\.10 {
    background: var(--colors-red-dark-10);
}

  .bg_red\.dark\.11 {
    background: var(--colors-red-dark-11);
}

  .bg_red\.dark\.12 {
    background: var(--colors-red-dark-12);
}

  .bg_red\.dark\.a1 {
    background: var(--colors-red-dark-a1);
}

  .bg_red\.dark\.a2 {
    background: var(--colors-red-dark-a2);
}

  .bg_red\.dark\.a3 {
    background: var(--colors-red-dark-a3);
}

  .bg_red\.dark\.a4 {
    background: var(--colors-red-dark-a4);
}

  .bg_red\.dark\.a5 {
    background: var(--colors-red-dark-a5);
}

  .bg_red\.dark\.a6 {
    background: var(--colors-red-dark-a6);
}

  .bg_red\.dark\.a7 {
    background: var(--colors-red-dark-a7);
}

  .bg_red\.dark\.a8 {
    background: var(--colors-red-dark-a8);
}

  .bg_red\.dark\.a9 {
    background: var(--colors-red-dark-a9);
}

  .bg_red\.dark\.a10 {
    background: var(--colors-red-dark-a10);
}

  .bg_red\.dark\.a11 {
    background: var(--colors-red-dark-a11);
}

  .bg_red\.dark\.a12 {
    background: var(--colors-red-dark-a12);
}

  .bg_primary\.button\.solid\.bg {
    background: var(--colors-primary-button-solid-bg);
}

  .bg_primary\.button\.solid\.text {
    background: var(--colors-primary-button-solid-text);
}

  .bg_primary\.button\.solid\.hover\.bg {
    background: var(--colors-primary-button-solid-hover-bg);
}

  .bg_primary\.button\.solid\.hover\.text {
    background: var(--colors-primary-button-solid-hover-text);
}

  .bg_primary\.button\.solid\.disabled\.bg {
    background: var(--colors-primary-button-solid-disabled-bg);
}

  .bg_primary\.button\.solid\.disabled\.text {
    background: var(--colors-primary-button-solid-disabled-text);
}

  .bg_primary\.button\.outline\.bg {
    background: var(--colors-primary-button-outline-bg);
}

  .bg_primary\.button\.outline\.text {
    background: var(--colors-primary-button-outline-text);
}

  .bg_primary\.button\.outline\.border {
    background: var(--colors-primary-button-outline-border);
}

  .bg_primary\.button\.outline\.hover\.bg {
    background: var(--colors-primary-button-outline-hover-bg);
}

  .bg_primary\.button\.outline\.hover\.text {
    background: var(--colors-primary-button-outline-hover-text);
}

  .bg_primary\.button\.outline\.hover\.border {
    background: var(--colors-primary-button-outline-hover-border);
}

  .bg_primary\.button\.outline\.disabled\.bg {
    background: var(--colors-primary-button-outline-disabled-bg);
}

  .bg_primary\.button\.outline\.disabled\.text {
    background: var(--colors-primary-button-outline-disabled-text);
}

  .bg_primary\.button\.outline\.disabled\.border {
    background: var(--colors-primary-button-outline-disabled-border);
}

  .bg_primary\.button\.ghost\.bg {
    background: var(--colors-primary-button-ghost-bg);
}

  .bg_primary\.button\.ghost\.text {
    background: var(--colors-primary-button-ghost-text);
}

  .bg_primary\.button\.ghost\.hover\.bg {
    background: var(--colors-primary-button-ghost-hover-bg);
}

  .bg_primary\.button\.ghost\.hover\.text {
    background: var(--colors-primary-button-ghost-hover-text);
}

  .bg_primary\.button\.ghost\.disabled\.bg {
    background: var(--colors-primary-button-ghost-disabled-bg);
}

  .bg_primary\.button\.ghost\.disabled\.text {
    background: var(--colors-primary-button-ghost-disabled-text);
}

  .bg_primary\.button\.linkBtn\.bg {
    background: var(--colors-primary-button-link-btn-bg);
}

  .bg_primary\.button\.linkBtn\.text {
    background: var(--colors-primary-button-link-btn-text);
}

  .bg_primary\.button\.linkBtn\.hover\.bg {
    background: var(--colors-primary-button-link-btn-hover-bg);
}

  .bg_primary\.button\.linkBtn\.hover\.text {
    background: var(--colors-primary-button-link-btn-hover-text);
}

  .bg_primary\.button\.linkBtn\.disabled\.bg {
    background: var(--colors-primary-button-link-btn-disabled-bg);
}

  .bg_primary\.button\.linkBtn\.disabled\.text {
    background: var(--colors-primary-button-link-btn-disabled-text);
}

  .bg_primary\.cards\.bgContainer {
    background: var(--colors-primary-cards-bg-container);
}

  .bg_primary\.cards\.bgContent {
    background: var(--colors-primary-cards-bg-content);
}

  .bg_primary\.cards\.color {
    background: var(--colors-primary-cards-color);
}

  .bg_primary\.cards\.borderColor {
    background: var(--colors-primary-cards-border-color);
}

  .bg_primary\.box\.bg {
    background: var(--colors-primary-box-bg);
}

  .bg_primary\.box\.color {
    background: var(--colors-primary-box-color);
}

  .bg_primary\.dropdown\.error\.text {
    background: var(--colors-primary-dropdown-error-text);
}

  .bg_primary\.dropdown\.error\.border {
    background: var(--colors-primary-dropdown-error-border);
}

  .bg_primary\.dropdown\.error\.bg {
    background: var(--colors-primary-dropdown-error-bg);
}

  .bg_primary\.dropdown\.solid\.bg {
    background: var(--colors-primary-dropdown-solid-bg);
}

  .bg_primary\.dropdown\.solid\.text {
    background: var(--colors-primary-dropdown-solid-text);
}

  .bg_primary\.dropdown\.solid\.hover\.bg {
    background: var(--colors-primary-dropdown-solid-hover-bg);
}

  .bg_primary\.dropdown\.solid\.hover\.text {
    background: var(--colors-primary-dropdown-solid-hover-text);
}

  .bg_primary\.dropdown\.solid\.disabled\.bg {
    background: var(--colors-primary-dropdown-solid-disabled-bg);
}

  .bg_primary\.dropdown\.solid\.disabled\.text {
    background: var(--colors-primary-dropdown-solid-disabled-text);
}

  .bg_primary\.dropdown\.outline\.bg {
    background: var(--colors-primary-dropdown-outline-bg);
}

  .bg_primary\.dropdown\.outline\.text {
    background: var(--colors-primary-dropdown-outline-text);
}

  .bg_primary\.dropdown\.outline\.border {
    background: var(--colors-primary-dropdown-outline-border);
}

  .bg_primary\.dropdown\.outline\.hover\.bg {
    background: var(--colors-primary-dropdown-outline-hover-bg);
}

  .bg_primary\.dropdown\.outline\.hover\.text {
    background: var(--colors-primary-dropdown-outline-hover-text);
}

  .bg_primary\.dropdown\.outline\.hover\.border {
    background: var(--colors-primary-dropdown-outline-hover-border);
}

  .bg_primary\.dropdown\.outline\.disabled\.bg {
    background: var(--colors-primary-dropdown-outline-disabled-bg);
}

  .bg_primary\.dropdown\.outline\.disabled\.text {
    background: var(--colors-primary-dropdown-outline-disabled-text);
}

  .bg_primary\.dropdown\.outline\.disabled\.border {
    background: var(--colors-primary-dropdown-outline-disabled-border);
}

  .bg_primary\.inputText\.text {
    background: var(--colors-primary-input-text-text);
}

  .bg_primary\.inputText\.placeholder {
    background: var(--colors-primary-input-text-placeholder);
}

  .bg_primary\.inputText\.invalid\.border {
    background: var(--colors-primary-input-text-invalid-border);
}

  .bg_primary\.inputText\.invalid\.text {
    background: var(--colors-primary-input-text-invalid-text);
}

  .bg_primary\.inputText\.invalid\.placeholder {
    background: var(--colors-primary-input-text-invalid-placeholder);
}

  .bg_primary\.inputText\.focused\.border {
    background: var(--colors-primary-input-text-focused-border);
}

  .bg_primary\.inputText\.disabled\.border {
    background: var(--colors-primary-input-text-disabled-border);
}

  .bg_primary\.inputText\.disabled\.text {
    background: var(--colors-primary-input-text-disabled-text);
}

  .bg_primary\.inputText\.disabled\.placeholder {
    background: var(--colors-primary-input-text-disabled-placeholder);
}

  .bg_primary\.inputText\.solid\.bg {
    background: var(--colors-primary-input-text-solid-bg);
}

  .bg_primary\.inputText\.solid\.border {
    background: var(--colors-primary-input-text-solid-border);
}

  .bg_primary\.inputText\.solid\.bgDisabled {
    background: var(--colors-primary-input-text-solid-bg-disabled);
}

  .bg_primary\.inputText\.outline\.bg {
    background: var(--colors-primary-input-text-outline-bg);
}

  .bg_primary\.inputText\.outline\.border {
    background: var(--colors-primary-input-text-outline-border);
}

  .bg_primary\.inputText\.ghost\.bg {
    background: var(--colors-primary-input-text-ghost-bg);
}

  .bg_primary\.inputText\.ghost\.border {
    background: var(--colors-primary-input-text-ghost-border);
}

  .bg_primary\.label\.bg {
    background: var(--colors-primary-label-bg);
}

  .bg_primary\.label\.text {
    background: var(--colors-primary-label-text);
}

  .bg_primary\.label\.active\.bg {
    background: var(--colors-primary-label-active-bg);
}

  .bg_primary\.label\.active\.text {
    background: var(--colors-primary-label-active-text);
}

  .bg_primary\.label\.pending\.bg {
    background: var(--colors-primary-label-pending-bg);
}

  .bg_primary\.label\.pending\.text {
    background: var(--colors-primary-label-pending-text);
}

  .bg_primary\.label\.inactive\.bg {
    background: var(--colors-primary-label-inactive-bg);
}

  .bg_primary\.label\.inactive\.text {
    background: var(--colors-primary-label-inactive-text);
}

  .bg_primary\.logo\.bg {
    background: var(--colors-primary-logo-bg);
}

  .bg_primary\.navLink\.sidebarItem\.bg {
    background: var(--colors-primary-nav-link-sidebar-item-bg);
}

  .bg_primary\.navLink\.sidebarItem\.text {
    background: var(--colors-primary-nav-link-sidebar-item-text);
}

  .bg_primary\.navLink\.sidebarItem\.hover\.bg {
    background: var(--colors-primary-nav-link-sidebar-item-hover-bg);
}

  .bg_primary\.navLink\.sidebarItem\.hover\.text {
    background: var(--colors-primary-nav-link-sidebar-item-hover-text);
}

  .bg_primary\.navLink\.sidebarItem\.disabled\.bg {
    background: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
}

  .bg_primary\.navLink\.sidebarItem\.disabled\.text {
    background: var(--colors-primary-nav-link-sidebar-item-disabled-text);
}

  .bg_primary\.page\.bg {
    background: var(--colors-primary-page-bg);
}

  .bg_primary\.page\.color {
    background: var(--colors-primary-page-color);
}

  .bg_primary\.sidebar\.main\.bg {
    background: var(--colors-primary-sidebar-main-bg);
}

  .bg_primary\.sidebar\.main\.color {
    background: var(--colors-primary-sidebar-main-color);
}

  .bg_primary\.sidebar\.main\.hover\.bg {
    background: var(--colors-primary-sidebar-main-hover-bg);
}

  .bg_primary\.sidebar\.main\.hover\.color {
    background: var(--colors-primary-sidebar-main-hover-color);
}

  .bg_primary\.tag\.bg {
    background: var(--colors-primary-tag-bg);
}

  .bg_primary\.tag\.text {
    background: var(--colors-primary-tag-text);
}

  .bg_primary\.tag\.hover\.bg {
    background: var(--colors-primary-tag-hover-bg);
}

  .bg_primary\.tag\.hover\.text {
    background: var(--colors-primary-tag-hover-text);
}

  .bg_primary\.toast\.bg {
    background: var(--colors-primary-toast-bg);
}

  .bg_primary\.toast\.text {
    background: var(--colors-primary-toast-text);
}

  .bg_primary\.toast\.info\.icon {
    background: var(--colors-primary-toast-info-icon);
}

  .bg_primary\.toast\.success\.icon {
    background: var(--colors-primary-toast-success-icon);
}

  .bg_primary\.toast\.alert\.icon {
    background: var(--colors-primary-toast-alert-icon);
}

  .bg_primary\.toggle\.bgSwitch {
    background: var(--colors-primary-toggle-bg-switch);
}

  .bg_primary\.toggle\.circleBg {
    background: var(--colors-primary-toggle-circle-bg);
}

  .bg_primary\.toggle\.bgIcon {
    background: var(--colors-primary-toggle-bg-icon);
}

  .bg_primary\.toggle\.checked\.bg {
    background: var(--colors-primary-toggle-checked-bg);
}

  .bg_primary\.tooltip\.main\.bg {
    background: var(--colors-primary-tooltip-main-bg);
}

  .bg_primary\.tooltip\.main\.text {
    background: var(--colors-primary-tooltip-main-text);
}

  .bg_primary\.topSearchBar\.bg {
    background: var(--colors-primary-top-search-bar-bg);
}

  .bg_primary\.topSearchBar\.border {
    background: var(--colors-primary-top-search-bar-border);
}

  .bg_primary\.topSearchBar\.color {
    background: var(--colors-primary-top-search-bar-color);
}

  .bg_primary\.topSearchBar\.input\.bg {
    background: var(--colors-primary-top-search-bar-input-bg);
}

  .bg_primary\.topSearchBar\.input\.border {
    background: var(--colors-primary-top-search-bar-input-border);
}

  .bg_primary\.topSearchBar\.input\.colorPlaceholder {
    background: var(--colors-primary-top-search-bar-input-color-placeholder);
}

  .bg_primary\.topSearchBar\.input\.color {
    background: var(--colors-primary-top-search-bar-input-color);
}

  .bg_primaryInverted\.button\.solid\.bg {
    background: var(--colors-primary-inverted-button-solid-bg);
}

  .bg_primaryInverted\.button\.solid\.text {
    background: var(--colors-primary-inverted-button-solid-text);
}

  .bg_primaryInverted\.button\.solid\.hover\.bg {
    background: var(--colors-primary-inverted-button-solid-hover-bg);
}

  .bg_primaryInverted\.button\.solid\.hover\.text {
    background: var(--colors-primary-inverted-button-solid-hover-text);
}

  .bg_primaryInverted\.button\.outline\.bg {
    background: var(--colors-primary-inverted-button-outline-bg);
}

  .bg_primaryInverted\.button\.outline\.text {
    background: var(--colors-primary-inverted-button-outline-text);
}

  .bg_primaryInverted\.button\.outline\.border {
    background: var(--colors-primary-inverted-button-outline-border);
}

  .bg_primaryInverted\.button\.outline\.hover\.bg {
    background: var(--colors-primary-inverted-button-outline-hover-bg);
}

  .bg_primaryInverted\.button\.outline\.hover\.text {
    background: var(--colors-primary-inverted-button-outline-hover-text);
}

  .bg_primaryInverted\.button\.outline\.hover\.border {
    background: var(--colors-primary-inverted-button-outline-hover-border);
}

  .bg_primaryInverted\.button\.outline\.disabled\.bg {
    background: var(--colors-primary-inverted-button-outline-disabled-bg);
}

  .bg_primaryInverted\.button\.outline\.disabled\.text {
    background: var(--colors-primary-inverted-button-outline-disabled-text);
}

  .bg_primaryInverted\.button\.outline\.disabled\.border {
    background: var(--colors-primary-inverted-button-outline-disabled-border);
}

  .bg_primaryInverted\.button\.ghost\.bg {
    background: var(--colors-primary-inverted-button-ghost-bg);
}

  .bg_primaryInverted\.button\.ghost\.text {
    background: var(--colors-primary-inverted-button-ghost-text);
}

  .bg_primaryInverted\.button\.ghost\.hover\.bg {
    background: var(--colors-primary-inverted-button-ghost-hover-bg);
}

  .bg_primaryInverted\.button\.ghost\.hover\.text {
    background: var(--colors-primary-inverted-button-ghost-hover-text);
}

  .bg_primaryInverted\.button\.ghost\.disabled\.bg {
    background: var(--colors-primary-inverted-button-ghost-disabled-bg);
}

  .bg_primaryInverted\.button\.ghost\.disabled\.text {
    background: var(--colors-primary-inverted-button-ghost-disabled-text);
}

  .bg_primaryInverted\.button\.linkBtn\.bg {
    background: var(--colors-primary-inverted-button-link-btn-bg);
}

  .bg_primaryInverted\.button\.linkBtn\.text {
    background: var(--colors-primary-inverted-button-link-btn-text);
}

  .bg_primaryInverted\.button\.linkBtn\.hover\.bg {
    background: var(--colors-primary-inverted-button-link-btn-hover-bg);
}

  .bg_primaryInverted\.button\.linkBtn\.hover\.text {
    background: var(--colors-primary-inverted-button-link-btn-hover-text);
}

  .bg_primaryInverted\.button\.linkBtn\.disabled\.bg {
    background: var(--colors-primary-inverted-button-link-btn-disabled-bg);
}

  .bg_primaryInverted\.button\.linkBtn\.disabled\.text {
    background: var(--colors-primary-inverted-button-link-btn-disabled-text);
}

  .bg_secondary\.button\.solid\.bg {
    background: var(--colors-secondary-button-solid-bg);
}

  .bg_secondary\.button\.solid\.text {
    background: var(--colors-secondary-button-solid-text);
}

  .bg_secondary\.button\.solid\.hover\.bg {
    background: var(--colors-secondary-button-solid-hover-bg);
}

  .bg_secondary\.button\.solid\.hover\.text {
    background: var(--colors-secondary-button-solid-hover-text);
}

  .bg_secondary\.button\.solid\.disabled\.bg {
    background: var(--colors-secondary-button-solid-disabled-bg);
}

  .bg_secondary\.button\.solid\.disabled\.text {
    background: var(--colors-secondary-button-solid-disabled-text);
}

  .bg_secondary\.button\.outline\.bg {
    background: var(--colors-secondary-button-outline-bg);
}

  .bg_secondary\.button\.outline\.text {
    background: var(--colors-secondary-button-outline-text);
}

  .bg_secondary\.button\.outline\.border {
    background: var(--colors-secondary-button-outline-border);
}

  .bg_secondary\.button\.outline\.hover\.bg {
    background: var(--colors-secondary-button-outline-hover-bg);
}

  .bg_secondary\.button\.outline\.hover\.text {
    background: var(--colors-secondary-button-outline-hover-text);
}

  .bg_secondary\.button\.outline\.hover\.border {
    background: var(--colors-secondary-button-outline-hover-border);
}

  .bg_secondary\.button\.outline\.disabled\.bg {
    background: var(--colors-secondary-button-outline-disabled-bg);
}

  .bg_secondary\.button\.outline\.disabled\.text {
    background: var(--colors-secondary-button-outline-disabled-text);
}

  .bg_secondary\.button\.outline\.disabled\.border {
    background: var(--colors-secondary-button-outline-disabled-border);
}

  .bg_secondary\.button\.ghost\.bg {
    background: var(--colors-secondary-button-ghost-bg);
}

  .bg_secondary\.button\.ghost\.text {
    background: var(--colors-secondary-button-ghost-text);
}

  .bg_secondary\.button\.ghost\.hover\.bg {
    background: var(--colors-secondary-button-ghost-hover-bg);
}

  .bg_secondary\.button\.ghost\.hover\.text {
    background: var(--colors-secondary-button-ghost-hover-text);
}

  .bg_secondary\.button\.ghost\.disabled\.bg {
    background: var(--colors-secondary-button-ghost-disabled-bg);
}

  .bg_secondary\.button\.ghost\.disabled\.text {
    background: var(--colors-secondary-button-ghost-disabled-text);
}

  .bg_secondary\.button\.linkBtn\.bg {
    background: var(--colors-secondary-button-link-btn-bg);
}

  .bg_secondary\.button\.linkBtn\.text {
    background: var(--colors-secondary-button-link-btn-text);
}

  .bg_secondary\.button\.linkBtn\.hover\.bg {
    background: var(--colors-secondary-button-link-btn-hover-bg);
}

  .bg_secondary\.button\.linkBtn\.hover\.text {
    background: var(--colors-secondary-button-link-btn-hover-text);
}

  .bg_secondary\.button\.linkBtn\.disabled\.bg {
    background: var(--colors-secondary-button-link-btn-disabled-bg);
}

  .bg_secondary\.button\.linkBtn\.disabled\.text {
    background: var(--colors-secondary-button-link-btn-disabled-text);
}

  .bg_secondaryInverted\.button\.solid\.bg {
    background: var(--colors-secondary-inverted-button-solid-bg);
}

  .bg_secondaryInverted\.button\.solid\.text {
    background: var(--colors-secondary-inverted-button-solid-text);
}

  .bg_secondaryInverted\.button\.solid\.hover\.bg {
    background: var(--colors-secondary-inverted-button-solid-hover-bg);
}

  .bg_secondaryInverted\.button\.solid\.hover\.text {
    background: var(--colors-secondary-inverted-button-solid-hover-text);
}

  .bg_secondaryInverted\.button\.solid\.disabled\.bg {
    background: var(--colors-secondary-inverted-button-solid-disabled-bg);
}

  .bg_secondaryInverted\.button\.solid\.disabled\.text {
    background: var(--colors-secondary-inverted-button-solid-disabled-text);
}

  .bg_secondaryInverted\.button\.outline\.bg {
    background: var(--colors-secondary-inverted-button-outline-bg);
}

  .bg_secondaryInverted\.button\.outline\.text {
    background: var(--colors-secondary-inverted-button-outline-text);
}

  .bg_secondaryInverted\.button\.outline\.border {
    background: var(--colors-secondary-inverted-button-outline-border);
}

  .bg_secondaryInverted\.button\.outline\.hover\.bg {
    background: var(--colors-secondary-inverted-button-outline-hover-bg);
}

  .bg_secondaryInverted\.button\.outline\.hover\.text {
    background: var(--colors-secondary-inverted-button-outline-hover-text);
}

  .bg_secondaryInverted\.button\.outline\.hover\.border {
    background: var(--colors-secondary-inverted-button-outline-hover-border);
}

  .bg_secondaryInverted\.button\.outline\.disabled\.bg {
    background: var(--colors-secondary-inverted-button-outline-disabled-bg);
}

  .bg_secondaryInverted\.button\.outline\.disabled\.text {
    background: var(--colors-secondary-inverted-button-outline-disabled-text);
}

  .bg_secondaryInverted\.button\.outline\.disabled\.border {
    background: var(--colors-secondary-inverted-button-outline-disabled-border);
}

  .bg_secondaryInverted\.button\.ghost\.bg {
    background: var(--colors-secondary-inverted-button-ghost-bg);
}

  .bg_secondaryInverted\.button\.ghost\.text {
    background: var(--colors-secondary-inverted-button-ghost-text);
}

  .bg_secondaryInverted\.button\.ghost\.hover\.bg {
    background: var(--colors-secondary-inverted-button-ghost-hover-bg);
}

  .bg_secondaryInverted\.button\.ghost\.hover\.text {
    background: var(--colors-secondary-inverted-button-ghost-hover-text);
}

  .bg_secondaryInverted\.button\.ghost\.disabled\.bg {
    background: var(--colors-secondary-inverted-button-ghost-disabled-bg);
}

  .bg_secondaryInverted\.button\.ghost\.disabled\.text {
    background: var(--colors-secondary-inverted-button-ghost-disabled-text);
}

  .bg_secondaryInverted\.button\.linkBtn\.bg {
    background: var(--colors-secondary-inverted-button-link-btn-bg);
}

  .bg_secondaryInverted\.button\.linkBtn\.text {
    background: var(--colors-secondary-inverted-button-link-btn-text);
}

  .bg_secondaryInverted\.button\.linkBtn\.hover\.bg {
    background: var(--colors-secondary-inverted-button-link-btn-hover-bg);
}

  .bg_secondaryInverted\.button\.linkBtn\.hover\.text {
    background: var(--colors-secondary-inverted-button-link-btn-hover-text);
}

  .bg_secondaryInverted\.button\.linkBtn\.disabled\.bg {
    background: var(--colors-secondary-inverted-button-link-btn-disabled-bg);
}

  .bg_secondaryInverted\.button\.linkBtn\.disabled\.text {
    background: var(--colors-secondary-inverted-button-link-btn-disabled-text);
}

  .bg_third\.button\.solid\.bg {
    background: var(--colors-third-button-solid-bg);
}

  .bg_third\.button\.solid\.text {
    background: var(--colors-third-button-solid-text);
}

  .bg_third\.button\.solid\.hover\.bg {
    background: var(--colors-third-button-solid-hover-bg);
}

  .bg_third\.button\.solid\.hover\.text {
    background: var(--colors-third-button-solid-hover-text);
}

  .bg_third\.button\.solid\.disabled\.bg {
    background: var(--colors-third-button-solid-disabled-bg);
}

  .bg_third\.button\.solid\.disabled\.text {
    background: var(--colors-third-button-solid-disabled-text);
}

  .bg_third\.button\.outline\.bg {
    background: var(--colors-third-button-outline-bg);
}

  .bg_third\.button\.outline\.text {
    background: var(--colors-third-button-outline-text);
}

  .bg_third\.button\.outline\.border {
    background: var(--colors-third-button-outline-border);
}

  .bg_third\.button\.outline\.hover\.bg {
    background: var(--colors-third-button-outline-hover-bg);
}

  .bg_third\.button\.outline\.hover\.text {
    background: var(--colors-third-button-outline-hover-text);
}

  .bg_third\.button\.outline\.hover\.border {
    background: var(--colors-third-button-outline-hover-border);
}

  .bg_third\.button\.outline\.disabled\.bg {
    background: var(--colors-third-button-outline-disabled-bg);
}

  .bg_third\.button\.outline\.disabled\.text {
    background: var(--colors-third-button-outline-disabled-text);
}

  .bg_third\.button\.outline\.disabled\.border {
    background: var(--colors-third-button-outline-disabled-border);
}

  .bg_third\.button\.ghost\.bg {
    background: var(--colors-third-button-ghost-bg);
}

  .bg_third\.button\.ghost\.text {
    background: var(--colors-third-button-ghost-text);
}

  .bg_third\.button\.ghost\.hover\.bg {
    background: var(--colors-third-button-ghost-hover-bg);
}

  .bg_third\.button\.ghost\.hover\.text {
    background: var(--colors-third-button-ghost-hover-text);
}

  .bg_third\.button\.ghost\.disabled\.bg {
    background: var(--colors-third-button-ghost-disabled-bg);
}

  .bg_third\.button\.ghost\.disabled\.text {
    background: var(--colors-third-button-ghost-disabled-text);
}

  .bg_third\.button\.linkBtn\.bg {
    background: var(--colors-third-button-link-btn-bg);
}

  .bg_third\.button\.linkBtn\.text {
    background: var(--colors-third-button-link-btn-text);
}

  .bg_third\.button\.linkBtn\.hover\.bg {
    background: var(--colors-third-button-link-btn-hover-bg);
}

  .bg_third\.button\.linkBtn\.hover\.text {
    background: var(--colors-third-button-link-btn-hover-text);
}

  .bg_third\.button\.linkBtn\.disabled\.bg {
    background: var(--colors-third-button-link-btn-disabled-bg);
}

  .bg_third\.button\.linkBtn\.disabled\.text {
    background: var(--colors-third-button-link-btn-disabled-text);
}

  .bg_fourth\.button\.solid\.bg {
    background: var(--colors-fourth-button-solid-bg);
}

  .bg_fourth\.button\.solid\.text {
    background: var(--colors-fourth-button-solid-text);
}

  .bg_fourth\.button\.solid\.hover\.bg {
    background: var(--colors-fourth-button-solid-hover-bg);
}

  .bg_fourth\.button\.solid\.hover\.text {
    background: var(--colors-fourth-button-solid-hover-text);
}

  .bg_fourth\.button\.solid\.disabled\.bg {
    background: var(--colors-fourth-button-solid-disabled-bg);
}

  .bg_fourth\.button\.solid\.disabled\.text {
    background: var(--colors-fourth-button-solid-disabled-text);
}

  .bg_fourth\.button\.outline\.bg {
    background: var(--colors-fourth-button-outline-bg);
}

  .bg_fourth\.button\.outline\.text {
    background: var(--colors-fourth-button-outline-text);
}

  .bg_fourth\.button\.outline\.border {
    background: var(--colors-fourth-button-outline-border);
}

  .bg_fourth\.button\.outline\.hover\.bg {
    background: var(--colors-fourth-button-outline-hover-bg);
}

  .bg_fourth\.button\.outline\.hover\.text {
    background: var(--colors-fourth-button-outline-hover-text);
}

  .bg_fourth\.button\.outline\.hover\.border {
    background: var(--colors-fourth-button-outline-hover-border);
}

  .bg_fourth\.button\.outline\.disabled\.bg {
    background: var(--colors-fourth-button-outline-disabled-bg);
}

  .bg_fourth\.button\.outline\.disabled\.text {
    background: var(--colors-fourth-button-outline-disabled-text);
}

  .bg_fourth\.button\.outline\.disabled\.border {
    background: var(--colors-fourth-button-outline-disabled-border);
}

  .bg_fourth\.button\.outlineLight\.bg {
    background: var(--colors-fourth-button-outline-light-bg);
}

  .bg_fourth\.button\.outlineLight\.text {
    background: var(--colors-fourth-button-outline-light-text);
}

  .bg_fourth\.button\.outlineLight\.border {
    background: var(--colors-fourth-button-outline-light-border);
}

  .bg_fourth\.button\.outlineLight\.hover\.bg {
    background: var(--colors-fourth-button-outline-light-hover-bg);
}

  .bg_fourth\.button\.outlineLight\.hover\.text {
    background: var(--colors-fourth-button-outline-light-hover-text);
}

  .bg_fourth\.button\.outlineLight\.hover\.border {
    background: var(--colors-fourth-button-outline-light-hover-border);
}

  .bg_fourth\.button\.outlineLight\.disabled\.bg {
    background: var(--colors-fourth-button-outline-light-disabled-bg);
}

  .bg_fourth\.button\.outlineLight\.disabled\.text {
    background: var(--colors-fourth-button-outline-light-disabled-text);
}

  .bg_fourth\.button\.outlineLight\.disabled\.border {
    background: var(--colors-fourth-button-outline-light-disabled-border);
}

  .bg_fourth\.button\.ghost\.bg {
    background: var(--colors-fourth-button-ghost-bg);
}

  .bg_fourth\.button\.ghost\.text {
    background: var(--colors-fourth-button-ghost-text);
}

  .bg_fourth\.button\.ghost\.hover\.bg {
    background: var(--colors-fourth-button-ghost-hover-bg);
}

  .bg_fourth\.button\.ghost\.hover\.text {
    background: var(--colors-fourth-button-ghost-hover-text);
}

  .bg_fourth\.button\.ghost\.disabled\.bg {
    background: var(--colors-fourth-button-ghost-disabled-bg);
}

  .bg_fourth\.button\.ghost\.disabled\.text {
    background: var(--colors-fourth-button-ghost-disabled-text);
}

  .bg_fourth\.button\.linkBtn\.bg {
    background: var(--colors-fourth-button-link-btn-bg);
}

  .bg_fourth\.button\.linkBtn\.text {
    background: var(--colors-fourth-button-link-btn-text);
}

  .bg_fourth\.button\.linkBtn\.hover\.bg {
    background: var(--colors-fourth-button-link-btn-hover-bg);
}

  .bg_fourth\.button\.linkBtn\.hover\.text {
    background: var(--colors-fourth-button-link-btn-hover-text);
}

  .bg_fourth\.button\.linkBtn\.disabled\.bg {
    background: var(--colors-fourth-button-link-btn-disabled-bg);
}

  .bg_fourth\.button\.linkBtn\.disabled\.text {
    background: var(--colors-fourth-button-link-btn-disabled-text);
}

  .bg_fifth\.button\.solid\.bg {
    background: var(--colors-fifth-button-solid-bg);
}

  .bg_fifth\.button\.solid\.text {
    background: var(--colors-fifth-button-solid-text);
}

  .bg_fifth\.button\.solid\.hover\.bg {
    background: var(--colors-fifth-button-solid-hover-bg);
}

  .bg_fifth\.button\.solid\.hover\.text {
    background: var(--colors-fifth-button-solid-hover-text);
}

  .bg_fifth\.button\.solid\.disabled\.bg {
    background: var(--colors-fifth-button-solid-disabled-bg);
}

  .bg_fifth\.button\.solid\.disabled\.text {
    background: var(--colors-fifth-button-solid-disabled-text);
}

  .bg_fifth\.button\.outline\.bg {
    background: var(--colors-fifth-button-outline-bg);
}

  .bg_fifth\.button\.outline\.text {
    background: var(--colors-fifth-button-outline-text);
}

  .bg_fifth\.button\.outline\.border {
    background: var(--colors-fifth-button-outline-border);
}

  .bg_fifth\.button\.outline\.hover\.bg {
    background: var(--colors-fifth-button-outline-hover-bg);
}

  .bg_fifth\.button\.outline\.hover\.text {
    background: var(--colors-fifth-button-outline-hover-text);
}

  .bg_fifth\.button\.outline\.hover\.border {
    background: var(--colors-fifth-button-outline-hover-border);
}

  .bg_fifth\.button\.outline\.disabled\.bg {
    background: var(--colors-fifth-button-outline-disabled-bg);
}

  .bg_fifth\.button\.outline\.disabled\.text {
    background: var(--colors-fifth-button-outline-disabled-text);
}

  .bg_fifth\.button\.outline\.disabled\.border {
    background: var(--colors-fifth-button-outline-disabled-border);
}

  .bg_fifth\.button\.ghost\.bg {
    background: var(--colors-fifth-button-ghost-bg);
}

  .bg_fifth\.button\.ghost\.text {
    background: var(--colors-fifth-button-ghost-text);
}

  .bg_fifth\.button\.ghost\.hover\.bg {
    background: var(--colors-fifth-button-ghost-hover-bg);
}

  .bg_fifth\.button\.ghost\.hover\.text {
    background: var(--colors-fifth-button-ghost-hover-text);
}

  .bg_fifth\.button\.ghost\.disabled\.bg {
    background: var(--colors-fifth-button-ghost-disabled-bg);
}

  .bg_fifth\.button\.ghost\.disabled\.text {
    background: var(--colors-fifth-button-ghost-disabled-text);
}

  .bg_fifth\.button\.linkBtn\.bg {
    background: var(--colors-fifth-button-link-btn-bg);
}

  .bg_fifth\.button\.linkBtn\.text {
    background: var(--colors-fifth-button-link-btn-text);
}

  .bg_fifth\.button\.linkBtn\.hover\.bg {
    background: var(--colors-fifth-button-link-btn-hover-bg);
}

  .bg_fifth\.button\.linkBtn\.hover\.text {
    background: var(--colors-fifth-button-link-btn-hover-text);
}

  .bg_fifth\.button\.linkBtn\.disabled\.bg {
    background: var(--colors-fifth-button-link-btn-disabled-bg);
}

  .bg_fifth\.button\.linkBtn\.disabled\.text {
    background: var(--colors-fifth-button-link-btn-disabled-text);
}

  .bg_fifthInverted\.button\.solid\.bg {
    background: var(--colors-fifth-inverted-button-solid-bg);
}

  .bg_fifthInverted\.button\.solid\.text {
    background: var(--colors-fifth-inverted-button-solid-text);
}

  .bg_fifthInverted\.button\.solid\.hover\.bg {
    background: var(--colors-fifth-inverted-button-solid-hover-bg);
}

  .bg_fifthInverted\.button\.solid\.hover\.text {
    background: var(--colors-fifth-inverted-button-solid-hover-text);
}

  .bg_fifthInverted\.button\.solid\.disabled\.bg {
    background: var(--colors-fifth-inverted-button-solid-disabled-bg);
}

  .bg_fifthInverted\.button\.solid\.disabled\.text {
    background: var(--colors-fifth-inverted-button-solid-disabled-text);
}

  .bg_danger\.button\.solid\.bg {
    background: var(--colors-danger-button-solid-bg);
}

  .bg_danger\.button\.solid\.text {
    background: var(--colors-danger-button-solid-text);
}

  .bg_danger\.button\.solid\.hover\.bg {
    background: var(--colors-danger-button-solid-hover-bg);
}

  .bg_danger\.button\.solid\.hover\.text {
    background: var(--colors-danger-button-solid-hover-text);
}

  .bg_danger\.button\.solid\.disabled\.bg {
    background: var(--colors-danger-button-solid-disabled-bg);
}

  .bg_danger\.button\.solid\.disabled\.text {
    background: var(--colors-danger-button-solid-disabled-text);
}

  .bg_danger\.button\.linkBtn\.bg {
    background: var(--colors-danger-button-link-btn-bg);
}

  .bg_danger\.button\.linkBtn\.text {
    background: var(--colors-danger-button-link-btn-text);
}

  .bg_danger\.button\.linkBtn\.hover\.bg {
    background: var(--colors-danger-button-link-btn-hover-bg);
}

  .bg_danger\.button\.linkBtn\.hover\.text {
    background: var(--colors-danger-button-link-btn-hover-text);
}

  .bg_danger\.button\.linkBtn\.disabled\.bg {
    background: var(--colors-danger-button-link-btn-disabled-bg);
}

  .bg_danger\.button\.linkBtn\.disabled\.text {
    background: var(--colors-danger-button-link-btn-disabled-text);
}

  .bg_rewrite\.button\.solid\.bg {
    background: var(--colors-rewrite-button-solid-bg);
}

  .bg_rewrite\.button\.solid\.text {
    background: var(--colors-rewrite-button-solid-text);
}

  .bg_rewrite\.button\.solid\.hover\.bg {
    background: var(--colors-rewrite-button-solid-hover-bg);
}

  .bg_rewrite\.button\.solid\.hover\.text {
    background: var(--colors-rewrite-button-solid-hover-text);
}

  .bg_rewrite\.button\.solid\.disabled\.bg {
    background: var(--colors-rewrite-button-solid-disabled-bg);
}

  .bg_rewrite\.button\.solid\.disabled\.text {
    background: var(--colors-rewrite-button-solid-disabled-text);
}

  .bg_translate\.button\.solid\.bg {
    background: var(--colors-translate-button-solid-bg);
}

  .bg_translate\.button\.solid\.text {
    background: var(--colors-translate-button-solid-text);
}

  .bg_translate\.button\.solid\.hover\.bg {
    background: var(--colors-translate-button-solid-hover-bg);
}

  .bg_translate\.button\.solid\.hover\.text {
    background: var(--colors-translate-button-solid-hover-text);
}

  .bg_translate\.button\.solid\.disabled\.bg {
    background: var(--colors-translate-button-solid-disabled-bg);
}

  .bg_translate\.button\.solid\.disabled\.text {
    background: var(--colors-translate-button-solid-disabled-text);
}

  .bg_ask\.button\.solid\.bg {
    background: var(--colors-ask-button-solid-bg);
}

  .bg_ask\.button\.solid\.text {
    background: var(--colors-ask-button-solid-text);
}

  .bg_ask\.button\.solid\.hover\.bg {
    background: var(--colors-ask-button-solid-hover-bg);
}

  .bg_ask\.button\.solid\.hover\.text {
    background: var(--colors-ask-button-solid-hover-text);
}

  .bg_ask\.button\.solid\.disabled\.bg {
    background: var(--colors-ask-button-solid-disabled-bg);
}

  .bg_ask\.button\.solid\.disabled\.text {
    background: var(--colors-ask-button-solid-disabled-text);
}

  .bg_detect\.button\.solid\.bg {
    background: var(--colors-detect-button-solid-bg);
}

  .bg_detect\.button\.solid\.text {
    background: var(--colors-detect-button-solid-text);
}

  .bg_detect\.button\.solid\.hover\.bg {
    background: var(--colors-detect-button-solid-hover-bg);
}

  .bg_detect\.button\.solid\.hover\.text {
    background: var(--colors-detect-button-solid-hover-text);
}

  .bg_detect\.button\.solid\.disabled\.bg {
    background: var(--colors-detect-button-solid-disabled-bg);
}

  .bg_detect\.button\.solid\.disabled\.text {
    background: var(--colors-detect-button-solid-disabled-text);
}

  .bg_red\.1 {
    background: var(--colors-red-1);
}

  .bg_red\.2 {
    background: var(--colors-red-2);
}

  .bg_red\.3 {
    background: var(--colors-red-3);
}

  .bg_red\.4 {
    background: var(--colors-red-4);
}

  .bg_red\.5 {
    background: var(--colors-red-5);
}

  .bg_red\.6 {
    background: var(--colors-red-6);
}

  .bg_red\.7 {
    background: var(--colors-red-7);
}

  .bg_red\.8 {
    background: var(--colors-red-8);
}

  .bg_red\.9 {
    background: var(--colors-red-9);
}

  .bg_red\.10 {
    background: var(--colors-red-10);
}

  .bg_red\.11 {
    background: var(--colors-red-11);
}

  .bg_red\.12 {
    background: var(--colors-red-12);
}

  .bg_red\.a1 {
    background: var(--colors-red-a1);
}

  .bg_red\.a2 {
    background: var(--colors-red-a2);
}

  .bg_red\.a3 {
    background: var(--colors-red-a3);
}

  .bg_red\.a4 {
    background: var(--colors-red-a4);
}

  .bg_red\.a5 {
    background: var(--colors-red-a5);
}

  .bg_red\.a6 {
    background: var(--colors-red-a6);
}

  .bg_red\.a7 {
    background: var(--colors-red-a7);
}

  .bg_red\.a8 {
    background: var(--colors-red-a8);
}

  .bg_red\.a9 {
    background: var(--colors-red-a9);
}

  .bg_red\.a10 {
    background: var(--colors-red-a10);
}

  .bg_red\.a11 {
    background: var(--colors-red-a11);
}

  .bg_red\.a12 {
    background: var(--colors-red-a12);
}

  .bg_red\.default {
    background: var(--colors-red-default);
}

  .bg_red\.emphasized {
    background: var(--colors-red-emphasized);
}

  .bg_red\.fg {
    background: var(--colors-red-fg);
}

  .bg_red\.text {
    background: var(--colors-red-text);
}

  .bg_neutral\.1 {
    background: var(--colors-neutral-1);
}

  .bg_neutral\.2 {
    background: var(--colors-neutral-2);
}

  .bg_neutral\.3 {
    background: var(--colors-neutral-3);
}

  .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\.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\.default {
    background: var(--colors-neutral-default);
}

  .bg_neutral\.fg {
    background: var(--colors-neutral-fg);
}

  .bg_neutral\.text {
    background: var(--colors-neutral-text);
}

  .bg_colorPalette {
    background: var(--colors-color-palette);
}

  .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\.purpleToBlue {
    background: var(--colors-color-palette-purple-to-blue);
}

  .bg_colorPalette\.lavanderToLightblue {
    background: var(--colors-color-palette-lavander-to-lightblue);
}

  .bg_colorPalette\.darkLavanderToLightblue {
    background: var(--colors-color-palette-dark-lavander-to-lightblue);
}

  .bg_colorPalette\.light\.1 {
    background: var(--colors-color-palette-light-1);
}

  .bg_colorPalette\.1 {
    background: var(--colors-color-palette-1);
}

  .bg_colorPalette\.light\.2 {
    background: var(--colors-color-palette-light-2);
}

  .bg_colorPalette\.2 {
    background: var(--colors-color-palette-2);
}

  .bg_colorPalette\.light\.3 {
    background: var(--colors-color-palette-light-3);
}

  .bg_colorPalette\.3 {
    background: var(--colors-color-palette-3);
}

  .bg_colorPalette\.light\.4 {
    background: var(--colors-color-palette-light-4);
}

  .bg_colorPalette\.4 {
    background: var(--colors-color-palette-4);
}

  .bg_colorPalette\.light\.5 {
    background: var(--colors-color-palette-light-5);
}

  .bg_colorPalette\.5 {
    background: var(--colors-color-palette-5);
}

  .bg_colorPalette\.light\.6 {
    background: var(--colors-color-palette-light-6);
}

  .bg_colorPalette\.6 {
    background: var(--colors-color-palette-6);
}

  .bg_colorPalette\.light\.7 {
    background: var(--colors-color-palette-light-7);
}

  .bg_colorPalette\.7 {
    background: var(--colors-color-palette-7);
}

  .bg_colorPalette\.light\.8 {
    background: var(--colors-color-palette-light-8);
}

  .bg_colorPalette\.8 {
    background: var(--colors-color-palette-8);
}

  .bg_colorPalette\.light\.9 {
    background: var(--colors-color-palette-light-9);
}

  .bg_colorPalette\.9 {
    background: var(--colors-color-palette-9);
}

  .bg_colorPalette\.light\.10 {
    background: var(--colors-color-palette-light-10);
}

  .bg_colorPalette\.10 {
    background: var(--colors-color-palette-10);
}

  .bg_colorPalette\.light\.11 {
    background: var(--colors-color-palette-light-11);
}

  .bg_colorPalette\.11 {
    background: var(--colors-color-palette-11);
}

  .bg_colorPalette\.light\.12 {
    background: var(--colors-color-palette-light-12);
}

  .bg_colorPalette\.12 {
    background: var(--colors-color-palette-12);
}

  .bg_colorPalette\.light\.a1 {
    background: var(--colors-color-palette-light-a1);
}

  .bg_colorPalette\.light\.a2 {
    background: var(--colors-color-palette-light-a2);
}

  .bg_colorPalette\.light\.a3 {
    background: var(--colors-color-palette-light-a3);
}

  .bg_colorPalette\.light\.a4 {
    background: var(--colors-color-palette-light-a4);
}

  .bg_colorPalette\.light\.a5 {
    background: var(--colors-color-palette-light-a5);
}

  .bg_colorPalette\.light\.a6 {
    background: var(--colors-color-palette-light-a6);
}

  .bg_colorPalette\.light\.a7 {
    background: var(--colors-color-palette-light-a7);
}

  .bg_colorPalette\.light\.a8 {
    background: var(--colors-color-palette-light-a8);
}

  .bg_colorPalette\.light\.a9 {
    background: var(--colors-color-palette-light-a9);
}

  .bg_colorPalette\.light\.a10 {
    background: var(--colors-color-palette-light-a10);
}

  .bg_colorPalette\.light\.a11 {
    background: var(--colors-color-palette-light-a11);
}

  .bg_colorPalette\.light\.a12 {
    background: var(--colors-color-palette-light-a12);
}

  .bg_colorPalette\.dark\.1 {
    background: var(--colors-color-palette-dark-1);
}

  .bg_colorPalette\.dark\.2 {
    background: var(--colors-color-palette-dark-2);
}

  .bg_colorPalette\.dark\.3 {
    background: var(--colors-color-palette-dark-3);
}

  .bg_colorPalette\.dark\.4 {
    background: var(--colors-color-palette-dark-4);
}

  .bg_colorPalette\.dark\.5 {
    background: var(--colors-color-palette-dark-5);
}

  .bg_colorPalette\.dark\.6 {
    background: var(--colors-color-palette-dark-6);
}

  .bg_colorPalette\.dark\.7 {
    background: var(--colors-color-palette-dark-7);
}

  .bg_colorPalette\.dark\.8 {
    background: var(--colors-color-palette-dark-8);
}

  .bg_colorPalette\.dark\.9 {
    background: var(--colors-color-palette-dark-9);
}

  .bg_colorPalette\.dark\.10 {
    background: var(--colors-color-palette-dark-10);
}

  .bg_colorPalette\.dark\.11 {
    background: var(--colors-color-palette-dark-11);
}

  .bg_colorPalette\.dark\.12 {
    background: var(--colors-color-palette-dark-12);
}

  .bg_colorPalette\.dark\.a1 {
    background: var(--colors-color-palette-dark-a1);
}

  .bg_colorPalette\.dark\.a2 {
    background: var(--colors-color-palette-dark-a2);
}

  .bg_colorPalette\.dark\.a3 {
    background: var(--colors-color-palette-dark-a3);
}

  .bg_colorPalette\.dark\.a4 {
    background: var(--colors-color-palette-dark-a4);
}

  .bg_colorPalette\.dark\.a5 {
    background: var(--colors-color-palette-dark-a5);
}

  .bg_colorPalette\.dark\.a6 {
    background: var(--colors-color-palette-dark-a6);
}

  .bg_colorPalette\.dark\.a7 {
    background: var(--colors-color-palette-dark-a7);
}

  .bg_colorPalette\.dark\.a8 {
    background: var(--colors-color-palette-dark-a8);
}

  .bg_colorPalette\.dark\.a9 {
    background: var(--colors-color-palette-dark-a9);
}

  .bg_colorPalette\.dark\.a10 {
    background: var(--colors-color-palette-dark-a10);
}

  .bg_colorPalette\.dark\.a11 {
    background: var(--colors-color-palette-dark-a11);
}

  .bg_colorPalette\.dark\.a12 {
    background: var(--colors-color-palette-dark-a12);
}

  .bg_colorPalette\.default {
    background: var(--colors-color-palette-default);
}

  .bg_colorPalette\.emphasized {
    background: var(--colors-color-palette-emphasized);
}

  .bg_colorPalette\.fg {
    background: var(--colors-color-palette-fg);
}

  .bg_colorPalette\.text {
    background: var(--colors-color-palette-text);
}

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

  .bg_colorPalette\.solid\.bg {
    background: var(--colors-color-palette-solid-bg);
}

  .bg_colorPalette\.bg {
    background: var(--colors-color-palette-bg);
}

  .bg_colorPalette\.button\.solid\.text {
    background: var(--colors-color-palette-button-solid-text);
}

  .bg_colorPalette\.solid\.text {
    background: var(--colors-color-palette-solid-text);
}

  .bg_colorPalette\.button\.solid\.hover\.bg {
    background: var(--colors-color-palette-button-solid-hover-bg);
}

  .bg_colorPalette\.solid\.hover\.bg {
    background: var(--colors-color-palette-solid-hover-bg);
}

  .bg_colorPalette\.hover\.bg {
    background: var(--colors-color-palette-hover-bg);
}

  .bg_colorPalette\.button\.solid\.hover\.text {
    background: var(--colors-color-palette-button-solid-hover-text);
}

  .bg_colorPalette\.solid\.hover\.text {
    background: var(--colors-color-palette-solid-hover-text);
}

  .bg_colorPalette\.hover\.text {
    background: var(--colors-color-palette-hover-text);
}

  .bg_colorPalette\.button\.solid\.disabled\.bg {
    background: var(--colors-color-palette-button-solid-disabled-bg);
}

  .bg_colorPalette\.solid\.disabled\.bg {
    background: var(--colors-color-palette-solid-disabled-bg);
}

  .bg_colorPalette\.disabled\.bg {
    background: var(--colors-color-palette-disabled-bg);
}

  .bg_colorPalette\.button\.solid\.disabled\.text {
    background: var(--colors-color-palette-button-solid-disabled-text);
}

  .bg_colorPalette\.solid\.disabled\.text {
    background: var(--colors-color-palette-solid-disabled-text);
}

  .bg_colorPalette\.disabled\.text {
    background: var(--colors-color-palette-disabled-text);
}

  .bg_colorPalette\.button\.outline\.bg {
    background: var(--colors-color-palette-button-outline-bg);
}

  .bg_colorPalette\.outline\.bg {
    background: var(--colors-color-palette-outline-bg);
}

  .bg_colorPalette\.button\.outline\.text {
    background: var(--colors-color-palette-button-outline-text);
}

  .bg_colorPalette\.outline\.text {
    background: var(--colors-color-palette-outline-text);
}

  .bg_colorPalette\.button\.outline\.border {
    background: var(--colors-color-palette-button-outline-border);
}

  .bg_colorPalette\.outline\.border {
    background: var(--colors-color-palette-outline-border);
}

  .bg_colorPalette\.border {
    background: var(--colors-color-palette-border);
}

  .bg_colorPalette\.button\.outline\.hover\.bg {
    background: var(--colors-color-palette-button-outline-hover-bg);
}

  .bg_colorPalette\.outline\.hover\.bg {
    background: var(--colors-color-palette-outline-hover-bg);
}

  .bg_colorPalette\.button\.outline\.hover\.text {
    background: var(--colors-color-palette-button-outline-hover-text);
}

  .bg_colorPalette\.outline\.hover\.text {
    background: var(--colors-color-palette-outline-hover-text);
}

  .bg_colorPalette\.button\.outline\.hover\.border {
    background: var(--colors-color-palette-button-outline-hover-border);
}

  .bg_colorPalette\.outline\.hover\.border {
    background: var(--colors-color-palette-outline-hover-border);
}

  .bg_colorPalette\.hover\.border {
    background: var(--colors-color-palette-hover-border);
}

  .bg_colorPalette\.button\.outline\.disabled\.bg {
    background: var(--colors-color-palette-button-outline-disabled-bg);
}

  .bg_colorPalette\.outline\.disabled\.bg {
    background: var(--colors-color-palette-outline-disabled-bg);
}

  .bg_colorPalette\.button\.outline\.disabled\.text {
    background: var(--colors-color-palette-button-outline-disabled-text);
}

  .bg_colorPalette\.outline\.disabled\.text {
    background: var(--colors-color-palette-outline-disabled-text);
}

  .bg_colorPalette\.button\.outline\.disabled\.border {
    background: var(--colors-color-palette-button-outline-disabled-border);
}

  .bg_colorPalette\.outline\.disabled\.border {
    background: var(--colors-color-palette-outline-disabled-border);
}

  .bg_colorPalette\.disabled\.border {
    background: var(--colors-color-palette-disabled-border);
}

  .bg_colorPalette\.button\.ghost\.bg {
    background: var(--colors-color-palette-button-ghost-bg);
}

  .bg_colorPalette\.ghost\.bg {
    background: var(--colors-color-palette-ghost-bg);
}

  .bg_colorPalette\.button\.ghost\.text {
    background: var(--colors-color-palette-button-ghost-text);
}

  .bg_colorPalette\.ghost\.text {
    background: var(--colors-color-palette-ghost-text);
}

  .bg_colorPalette\.button\.ghost\.hover\.bg {
    background: var(--colors-color-palette-button-ghost-hover-bg);
}

  .bg_colorPalette\.ghost\.hover\.bg {
    background: var(--colors-color-palette-ghost-hover-bg);
}

  .bg_colorPalette\.button\.ghost\.hover\.text {
    background: var(--colors-color-palette-button-ghost-hover-text);
}

  .bg_colorPalette\.ghost\.hover\.text {
    background: var(--colors-color-palette-ghost-hover-text);
}

  .bg_colorPalette\.button\.ghost\.disabled\.bg {
    background: var(--colors-color-palette-button-ghost-disabled-bg);
}

  .bg_colorPalette\.ghost\.disabled\.bg {
    background: var(--colors-color-palette-ghost-disabled-bg);
}

  .bg_colorPalette\.button\.ghost\.disabled\.text {
    background: var(--colors-color-palette-button-ghost-disabled-text);
}

  .bg_colorPalette\.ghost\.disabled\.text {
    background: var(--colors-color-palette-ghost-disabled-text);
}

  .bg_colorPalette\.button\.linkBtn\.bg {
    background: var(--colors-color-palette-button-link-btn-bg);
}

  .bg_colorPalette\.linkBtn\.bg {
    background: var(--colors-color-palette-link-btn-bg);
}

  .bg_colorPalette\.button\.linkBtn\.text {
    background: var(--colors-color-palette-button-link-btn-text);
}

  .bg_colorPalette\.linkBtn\.text {
    background: var(--colors-color-palette-link-btn-text);
}

  .bg_colorPalette\.button\.linkBtn\.hover\.bg {
    background: var(--colors-color-palette-button-link-btn-hover-bg);
}

  .bg_colorPalette\.linkBtn\.hover\.bg {
    background: var(--colors-color-palette-link-btn-hover-bg);
}

  .bg_colorPalette\.button\.linkBtn\.hover\.text {
    background: var(--colors-color-palette-button-link-btn-hover-text);
}

  .bg_colorPalette\.linkBtn\.hover\.text {
    background: var(--colors-color-palette-link-btn-hover-text);
}

  .bg_colorPalette\.button\.linkBtn\.disabled\.bg {
    background: var(--colors-color-palette-button-link-btn-disabled-bg);
}

  .bg_colorPalette\.linkBtn\.disabled\.bg {
    background: var(--colors-color-palette-link-btn-disabled-bg);
}

  .bg_colorPalette\.button\.linkBtn\.disabled\.text {
    background: var(--colors-color-palette-button-link-btn-disabled-text);
}

  .bg_colorPalette\.linkBtn\.disabled\.text {
    background: var(--colors-color-palette-link-btn-disabled-text);
}

  .bg_colorPalette\.cards\.bgContainer {
    background: var(--colors-color-palette-cards-bg-container);
}

  .bg_colorPalette\.bgContainer {
    background: var(--colors-color-palette-bg-container);
}

  .bg_colorPalette\.cards\.bgContent {
    background: var(--colors-color-palette-cards-bg-content);
}

  .bg_colorPalette\.bgContent {
    background: var(--colors-color-palette-bg-content);
}

  .bg_colorPalette\.cards\.color {
    background: var(--colors-color-palette-cards-color);
}

  .bg_colorPalette\.color {
    background: var(--colors-color-palette-color);
}

  .bg_colorPalette\.cards\.borderColor {
    background: var(--colors-color-palette-cards-border-color);
}

  .bg_colorPalette\.borderColor {
    background: var(--colors-color-palette-border-color);
}

  .bg_colorPalette\.box\.bg {
    background: var(--colors-color-palette-box-bg);
}

  .bg_colorPalette\.box\.color {
    background: var(--colors-color-palette-box-color);
}

  .bg_colorPalette\.dropdown\.error\.text {
    background: var(--colors-color-palette-dropdown-error-text);
}

  .bg_colorPalette\.error\.text {
    background: var(--colors-color-palette-error-text);
}

  .bg_colorPalette\.dropdown\.error\.border {
    background: var(--colors-color-palette-dropdown-error-border);
}

  .bg_colorPalette\.error\.border {
    background: var(--colors-color-palette-error-border);
}

  .bg_colorPalette\.dropdown\.error\.bg {
    background: var(--colors-color-palette-dropdown-error-bg);
}

  .bg_colorPalette\.error\.bg {
    background: var(--colors-color-palette-error-bg);
}

  .bg_colorPalette\.dropdown\.solid\.bg {
    background: var(--colors-color-palette-dropdown-solid-bg);
}

  .bg_colorPalette\.dropdown\.solid\.text {
    background: var(--colors-color-palette-dropdown-solid-text);
}

  .bg_colorPalette\.dropdown\.solid\.hover\.bg {
    background: var(--colors-color-palette-dropdown-solid-hover-bg);
}

  .bg_colorPalette\.dropdown\.solid\.hover\.text {
    background: var(--colors-color-palette-dropdown-solid-hover-text);
}

  .bg_colorPalette\.dropdown\.solid\.disabled\.bg {
    background: var(--colors-color-palette-dropdown-solid-disabled-bg);
}

  .bg_colorPalette\.dropdown\.solid\.disabled\.text {
    background: var(--colors-color-palette-dropdown-solid-disabled-text);
}

  .bg_colorPalette\.dropdown\.outline\.bg {
    background: var(--colors-color-palette-dropdown-outline-bg);
}

  .bg_colorPalette\.dropdown\.outline\.text {
    background: var(--colors-color-palette-dropdown-outline-text);
}

  .bg_colorPalette\.dropdown\.outline\.border {
    background: var(--colors-color-palette-dropdown-outline-border);
}

  .bg_colorPalette\.dropdown\.outline\.hover\.bg {
    background: var(--colors-color-palette-dropdown-outline-hover-bg);
}

  .bg_colorPalette\.dropdown\.outline\.hover\.text {
    background: var(--colors-color-palette-dropdown-outline-hover-text);
}

  .bg_colorPalette\.dropdown\.outline\.hover\.border {
    background: var(--colors-color-palette-dropdown-outline-hover-border);
}

  .bg_colorPalette\.dropdown\.outline\.disabled\.bg {
    background: var(--colors-color-palette-dropdown-outline-disabled-bg);
}

  .bg_colorPalette\.dropdown\.outline\.disabled\.text {
    background: var(--colors-color-palette-dropdown-outline-disabled-text);
}

  .bg_colorPalette\.dropdown\.outline\.disabled\.border {
    background: var(--colors-color-palette-dropdown-outline-disabled-border);
}

  .bg_colorPalette\.inputText\.text {
    background: var(--colors-color-palette-input-text-text);
}

  .bg_colorPalette\.inputText\.placeholder {
    background: var(--colors-color-palette-input-text-placeholder);
}

  .bg_colorPalette\.placeholder {
    background: var(--colors-color-palette-placeholder);
}

  .bg_colorPalette\.inputText\.invalid\.border {
    background: var(--colors-color-palette-input-text-invalid-border);
}

  .bg_colorPalette\.invalid\.border {
    background: var(--colors-color-palette-invalid-border);
}

  .bg_colorPalette\.inputText\.invalid\.text {
    background: var(--colors-color-palette-input-text-invalid-text);
}

  .bg_colorPalette\.invalid\.text {
    background: var(--colors-color-palette-invalid-text);
}

  .bg_colorPalette\.inputText\.invalid\.placeholder {
    background: var(--colors-color-palette-input-text-invalid-placeholder);
}

  .bg_colorPalette\.invalid\.placeholder {
    background: var(--colors-color-palette-invalid-placeholder);
}

  .bg_colorPalette\.inputText\.focused\.border {
    background: var(--colors-color-palette-input-text-focused-border);
}

  .bg_colorPalette\.focused\.border {
    background: var(--colors-color-palette-focused-border);
}

  .bg_colorPalette\.inputText\.disabled\.border {
    background: var(--colors-color-palette-input-text-disabled-border);
}

  .bg_colorPalette\.inputText\.disabled\.text {
    background: var(--colors-color-palette-input-text-disabled-text);
}

  .bg_colorPalette\.inputText\.disabled\.placeholder {
    background: var(--colors-color-palette-input-text-disabled-placeholder);
}

  .bg_colorPalette\.disabled\.placeholder {
    background: var(--colors-color-palette-disabled-placeholder);
}

  .bg_colorPalette\.inputText\.solid\.bg {
    background: var(--colors-color-palette-input-text-solid-bg);
}

  .bg_colorPalette\.inputText\.solid\.border {
    background: var(--colors-color-palette-input-text-solid-border);
}

  .bg_colorPalette\.solid\.border {
    background: var(--colors-color-palette-solid-border);
}

  .bg_colorPalette\.inputText\.solid\.bgDisabled {
    background: var(--colors-color-palette-input-text-solid-bg-disabled);
}

  .bg_colorPalette\.solid\.bgDisabled {
    background: var(--colors-color-palette-solid-bg-disabled);
}

  .bg_colorPalette\.bgDisabled {
    background: var(--colors-color-palette-bg-disabled);
}

  .bg_colorPalette\.inputText\.outline\.bg {
    background: var(--colors-color-palette-input-text-outline-bg);
}

  .bg_colorPalette\.inputText\.outline\.border {
    background: var(--colors-color-palette-input-text-outline-border);
}

  .bg_colorPalette\.inputText\.ghost\.bg {
    background: var(--colors-color-palette-input-text-ghost-bg);
}

  .bg_colorPalette\.inputText\.ghost\.border {
    background: var(--colors-color-palette-input-text-ghost-border);
}

  .bg_colorPalette\.ghost\.border {
    background: var(--colors-color-palette-ghost-border);
}

  .bg_colorPalette\.label\.bg {
    background: var(--colors-color-palette-label-bg);
}

  .bg_colorPalette\.label\.text {
    background: var(--colors-color-palette-label-text);
}

  .bg_colorPalette\.label\.active\.bg {
    background: var(--colors-color-palette-label-active-bg);
}

  .bg_colorPalette\.active\.bg {
    background: var(--colors-color-palette-active-bg);
}

  .bg_colorPalette\.label\.active\.text {
    background: var(--colors-color-palette-label-active-text);
}

  .bg_colorPalette\.active\.text {
    background: var(--colors-color-palette-active-text);
}

  .bg_colorPalette\.label\.pending\.bg {
    background: var(--colors-color-palette-label-pending-bg);
}

  .bg_colorPalette\.pending\.bg {
    background: var(--colors-color-palette-pending-bg);
}

  .bg_colorPalette\.label\.pending\.text {
    background: var(--colors-color-palette-label-pending-text);
}

  .bg_colorPalette\.pending\.text {
    background: var(--colors-color-palette-pending-text);
}

  .bg_colorPalette\.label\.inactive\.bg {
    background: var(--colors-color-palette-label-inactive-bg);
}

  .bg_colorPalette\.inactive\.bg {
    background: var(--colors-color-palette-inactive-bg);
}

  .bg_colorPalette\.label\.inactive\.text {
    background: var(--colors-color-palette-label-inactive-text);
}

  .bg_colorPalette\.inactive\.text {
    background: var(--colors-color-palette-inactive-text);
}

  .bg_colorPalette\.logo\.bg {
    background: var(--colors-color-palette-logo-bg);
}

  .bg_colorPalette\.navLink\.sidebarItem\.bg {
    background: var(--colors-color-palette-nav-link-sidebar-item-bg);
}

  .bg_colorPalette\.sidebarItem\.bg {
    background: var(--colors-color-palette-sidebar-item-bg);
}

  .bg_colorPalette\.navLink\.sidebarItem\.text {
    background: var(--colors-color-palette-nav-link-sidebar-item-text);
}

  .bg_colorPalette\.sidebarItem\.text {
    background: var(--colors-color-palette-sidebar-item-text);
}

  .bg_colorPalette\.navLink\.sidebarItem\.hover\.bg {
    background: var(--colors-color-palette-nav-link-sidebar-item-hover-bg);
}

  .bg_colorPalette\.sidebarItem\.hover\.bg {
    background: var(--colors-color-palette-sidebar-item-hover-bg);
}

  .bg_colorPalette\.navLink\.sidebarItem\.hover\.text {
    background: var(--colors-color-palette-nav-link-sidebar-item-hover-text);
}

  .bg_colorPalette\.sidebarItem\.hover\.text {
    background: var(--colors-color-palette-sidebar-item-hover-text);
}

  .bg_colorPalette\.navLink\.sidebarItem\.disabled\.bg {
    background: var(--colors-color-palette-nav-link-sidebar-item-disabled-bg);
}

  .bg_colorPalette\.sidebarItem\.disabled\.bg {
    background: var(--colors-color-palette-sidebar-item-disabled-bg);
}

  .bg_colorPalette\.navLink\.sidebarItem\.disabled\.text {
    background: var(--colors-color-palette-nav-link-sidebar-item-disabled-text);
}

  .bg_colorPalette\.sidebarItem\.disabled\.text {
    background: var(--colors-color-palette-sidebar-item-disabled-text);
}

  .bg_colorPalette\.page\.bg {
    background: var(--colors-color-palette-page-bg);
}

  .bg_colorPalette\.page\.color {
    background: var(--colors-color-palette-page-color);
}

  .bg_colorPalette\.sidebar\.main\.bg {
    background: var(--colors-color-palette-sidebar-main-bg);
}

  .bg_colorPalette\.main\.bg {
    background: var(--colors-color-palette-main-bg);
}

  .bg_colorPalette\.sidebar\.main\.color {
    background: var(--colors-color-palette-sidebar-main-color);
}

  .bg_colorPalette\.main\.color {
    background: var(--colors-color-palette-main-color);
}

  .bg_colorPalette\.sidebar\.main\.hover\.bg {
    background: var(--colors-color-palette-sidebar-main-hover-bg);
}

  .bg_colorPalette\.main\.hover\.bg {
    background: var(--colors-color-palette-main-hover-bg);
}

  .bg_colorPalette\.sidebar\.main\.hover\.color {
    background: var(--colors-color-palette-sidebar-main-hover-color);
}

  .bg_colorPalette\.main\.hover\.color {
    background: var(--colors-color-palette-main-hover-color);
}

  .bg_colorPalette\.hover\.color {
    background: var(--colors-color-palette-hover-color);
}

  .bg_colorPalette\.tag\.bg {
    background: var(--colors-color-palette-tag-bg);
}

  .bg_colorPalette\.tag\.text {
    background: var(--colors-color-palette-tag-text);
}

  .bg_colorPalette\.tag\.hover\.bg {
    background: var(--colors-color-palette-tag-hover-bg);
}

  .bg_colorPalette\.tag\.hover\.text {
    background: var(--colors-color-palette-tag-hover-text);
}

  .bg_colorPalette\.toast\.bg {
    background: var(--colors-color-palette-toast-bg);
}

  .bg_colorPalette\.toast\.text {
    background: var(--colors-color-palette-toast-text);
}

  .bg_colorPalette\.toast\.info\.icon {
    background: var(--colors-color-palette-toast-info-icon);
}

  .bg_colorPalette\.info\.icon {
    background: var(--colors-color-palette-info-icon);
}

  .bg_colorPalette\.icon {
    background: var(--colors-color-palette-icon);
}

  .bg_colorPalette\.toast\.success\.icon {
    background: var(--colors-color-palette-toast-success-icon);
}

  .bg_colorPalette\.success\.icon {
    background: var(--colors-color-palette-success-icon);
}

  .bg_colorPalette\.toast\.alert\.icon {
    background: var(--colors-color-palette-toast-alert-icon);
}

  .bg_colorPalette\.alert\.icon {
    background: var(--colors-color-palette-alert-icon);
}

  .bg_colorPalette\.toggle\.bgSwitch {
    background: var(--colors-color-palette-toggle-bg-switch);
}

  .bg_colorPalette\.bgSwitch {
    background: var(--colors-color-palette-bg-switch);
}

  .bg_colorPalette\.toggle\.circleBg {
    background: var(--colors-color-palette-toggle-circle-bg);
}

  .bg_colorPalette\.circleBg {
    background: var(--colors-color-palette-circle-bg);
}

  .bg_colorPalette\.toggle\.bgIcon {
    background: var(--colors-color-palette-toggle-bg-icon);
}

  .bg_colorPalette\.bgIcon {
    background: var(--colors-color-palette-bg-icon);
}

  .bg_colorPalette\.toggle\.checked\.bg {
    background: var(--colors-color-palette-toggle-checked-bg);
}

  .bg_colorPalette\.checked\.bg {
    background: var(--colors-color-palette-checked-bg);
}

  .bg_colorPalette\.tooltip\.main\.bg {
    background: var(--colors-color-palette-tooltip-main-bg);
}

  .bg_colorPalette\.tooltip\.main\.text {
    background: var(--colors-color-palette-tooltip-main-text);
}

  .bg_colorPalette\.main\.text {
    background: var(--colors-color-palette-main-text);
}

  .bg_colorPalette\.topSearchBar\.bg {
    background: var(--colors-color-palette-top-search-bar-bg);
}

  .bg_colorPalette\.topSearchBar\.border {
    background: var(--colors-color-palette-top-search-bar-border);
}

  .bg_colorPalette\.topSearchBar\.color {
    background: var(--colors-color-palette-top-search-bar-color);
}

  .bg_colorPalette\.topSearchBar\.input\.bg {
    background: var(--colors-color-palette-top-search-bar-input-bg);
}

  .bg_colorPalette\.input\.bg {
    background: var(--colors-color-palette-input-bg);
}

  .bg_colorPalette\.topSearchBar\.input\.border {
    background: var(--colors-color-palette-top-search-bar-input-border);
}

  .bg_colorPalette\.input\.border {
    background: var(--colors-color-palette-input-border);
}

  .bg_colorPalette\.topSearchBar\.input\.colorPlaceholder {
    background: var(--colors-color-palette-top-search-bar-input-color-placeholder);
}

  .bg_colorPalette\.input\.colorPlaceholder {
    background: var(--colors-color-palette-input-color-placeholder);
}

  .bg_colorPalette\.colorPlaceholder {
    background: var(--colors-color-palette-color-placeholder);
}

  .bg_colorPalette\.topSearchBar\.input\.color {
    background: var(--colors-color-palette-top-search-bar-input-color);
}

  .bg_colorPalette\.input\.color {
    background: var(--colors-color-palette-input-color);
}

  .bg_colorPalette\.button\.outlineLight\.bg {
    background: var(--colors-color-palette-button-outline-light-bg);
}

  .bg_colorPalette\.outlineLight\.bg {
    background: var(--colors-color-palette-outline-light-bg);
}

  .bg_colorPalette\.button\.outlineLight\.text {
    background: var(--colors-color-palette-button-outline-light-text);
}

  .bg_colorPalette\.outlineLight\.text {
    background: var(--colors-color-palette-outline-light-text);
}

  .bg_colorPalette\.button\.outlineLight\.border {
    background: var(--colors-color-palette-button-outline-light-border);
}

  .bg_colorPalette\.outlineLight\.border {
    background: var(--colors-color-palette-outline-light-border);
}

  .bg_colorPalette\.button\.outlineLight\.hover\.bg {
    background: var(--colors-color-palette-button-outline-light-hover-bg);
}

  .bg_colorPalette\.outlineLight\.hover\.bg {
    background: var(--colors-color-palette-outline-light-hover-bg);
}

  .bg_colorPalette\.button\.outlineLight\.hover\.text {
    background: var(--colors-color-palette-button-outline-light-hover-text);
}

  .bg_colorPalette\.outlineLight\.hover\.text {
    background: var(--colors-color-palette-outline-light-hover-text);
}

  .bg_colorPalette\.button\.outlineLight\.hover\.border {
    background: var(--colors-color-palette-button-outline-light-hover-border);
}

  .bg_colorPalette\.outlineLight\.hover\.border {
    background: var(--colors-color-palette-outline-light-hover-border);
}

  .bg_colorPalette\.button\.outlineLight\.disabled\.bg {
    background: var(--colors-color-palette-button-outline-light-disabled-bg);
}

  .bg_colorPalette\.outlineLight\.disabled\.bg {
    background: var(--colors-color-palette-outline-light-disabled-bg);
}

  .bg_colorPalette\.button\.outlineLight\.disabled\.text {
    background: var(--colors-color-palette-button-outline-light-disabled-text);
}

  .bg_colorPalette\.outlineLight\.disabled\.text {
    background: var(--colors-color-palette-outline-light-disabled-text);
}

  .bg_colorPalette\.button\.outlineLight\.disabled\.border {
    background: var(--colors-color-palette-button-outline-light-disabled-border);
}

  .bg_colorPalette\.outlineLight\.disabled\.border {
    background: var(--colors-color-palette-outline-light-disabled-border);
}

  .bg_linear-gradient\(270\.78deg\,_\#FBF5CE_0\.05\%\,_\#FFF3ED_32\.42\%\,_\#E5F0FF_99\.67\%\) {
    background: linear-gradient(270.78deg, #FBF5CE 0.05%, #FFF3ED 32.42%, #E5F0FF 99.67%);
}

  .bg_linear-gradient\(270\.78deg\,_\#FBF5CE_0\.05\%\,_\#FFF3ED_32\.42\%\,_\#FF986B_99\.67\%\) {
    background: linear-gradient(270.78deg, #FBF5CE 0.05%, #FFF3ED 32.42%, #FF986B 99.67%);
}

  .bg_linear-gradient\(270\.78deg\,_\#FBF5CE_0\.05\%\,_\#FFF3ED_32\.42\%\,_\#6FC0B6_99\.67\%\) {
    background: linear-gradient(270.78deg, #FBF5CE 0.05%, #FFF3ED 32.42%, #6FC0B6 99.67%);
}

  .bg_linear-gradient\(270\.78deg\,_\#FBF5CE_0\.05\%\,_\#FFF3ED_11\.01\%\,_\#8783BF_99\.67\%\) {
    background: linear-gradient(270.78deg, #FBF5CE 0.05%, #FFF3ED 11.01%, #8783BF 99.67%);
}

  .bg_linear-gradient\(270\.78deg\,_\#CFF1FC_0\.05\%\,_\#CEDDF2_11\.01\%\,_\#CAC9E3_99\.67\%\) {
    background: linear-gradient(270.78deg, #CFF1FC 0.05%, #CEDDF2 11.01%, #CAC9E3 99.67%);
}

  .bg_linear-gradient\(270\.78deg\,_\#CFF1FC_0\.05\%\,_\#CEDDF2_11\.01\%\,_\#BEDAFF_99\.67\%\) {
    background: linear-gradient(270.78deg, #CFF1FC 0.05%, #CEDDF2 11.01%, #BEDAFF 99.67%);
}

  .bg_linear-gradient\(270\.78deg\,_\#FF9986_0\.19\%\,_\#D3D8DF_59\.63\%\,_\#93C1FF_99\.81\%\) {
    background: linear-gradient(270.78deg, #FF9986 0.19%, #D3D8DF 59.63%, #93C1FF 99.81%);
}

  .bg_linear-gradient\(90\.78deg\,_\#FBF5CE_0\.19\%\,_\#FFF3ED_11\.15\%\,_\#8783BF_99\.81\%\) {
    background: linear-gradient(90.78deg, #FBF5CE 0.19%, #FFF3ED 11.15%, #8783BF 99.81%);
}

  .bx-sh_xs {
    box-shadow: var(--shadows-xs);
}

  .bx-sh_sm {
    box-shadow: var(--shadows-sm);
}

  .bx-sh_md {
    box-shadow: var(--shadows-md);
}

  .bx-sh_darkSh {
    box-shadow: var(--shadows-dark-sh);
}

  .bx-sh_focusVs {
    box-shadow: var(--shadows-focus-vs);
}

  .bx-sh_smTop {
    box-shadow: var(--shadows-sm-top);
}

  .bx-sh_mdTop {
    box-shadow: var(--shadows-md-top);
}

  .bx-sh_mainShadows\.small {
    box-shadow: var(--shadows-main-shadows-small);
}

  .bx-sh_mainShadows\.medium {
    box-shadow: var(--shadows-main-shadows-medium);
}

  .bx-sh_mainShadows\.large {
    box-shadow: var(--shadows-main-shadows-large);
}

  .bd_normal {
    border: var(--borders-normal);
}

  .bd_medium {
    border: var(--borders-medium);
}

  .bdr_none {
    border-radius: var(--radii-none);
}

  .bdr_xxs {
    border-radius: var(--radii-xxs);
}

  .bdr_xs {
    border-radius: var(--radii-xs);
}

  .bdr_sm {
    border-radius: var(--radii-sm);
}

  .bdr_ms {
    border-radius: var(--radii-ms);
}

  .bdr_mds {
    border-radius: var(--radii-mds);
}

  .bdr_md {
    border-radius: var(--radii-md);
}

  .bdr_mdl {
    border-radius: var(--radii-mdl);
}

  .bdr_ml {
    border-radius: var(--radii-ml);
}

  .bdr_lg {
    border-radius: var(--radii-lg);
}

  .bdr_xl {
    border-radius: var(--radii-xl);
}

  .bdr_xxl {
    border-radius: var(--radii-xxl);
}

  .bdr_xxxl {
    border-radius: var(--radii-xxxl);
}

  .bdr_l1 {
    border-radius: var(--radii-l1);
}

  .bdr_l2 {
    border-radius: var(--radii-l2);
}

  .bdr_l3 {
    border-radius: var(--radii-l3);
}

  .bdr_4px_0_0_4px {
    border-radius: 4px 0 0 4px;
}

  .bdr_0_4px_4px_0 {
    border-radius: 0 4px 4px 0;
}

  .bdr_0 {
    border-radius: 0;
}

  .d_flex {
    display: flex;
}

  .ta_center {
    text-align: center;
}

  .h_100\% {
    height: 100%;
}

  .w_100\% {
    width: 100%;
}

  .min-w_370px {
    min-width: 370px;
}

  .py_md {
    padding-block: var(--spacing-md);
}

  .px_ml {
    padding-inline: var(--spacing-ml);
}

  .h_35px {
    height: 35px;
}

  .w_fit-content {
    width: fit-content;
}

  .white-space_nowrap {
    white-space: nowrap;
}

  .mx_ms {
    margin-inline: var(--spacing-ms);
}

  .tt_uppercase {
    text-transform: uppercase;
}

  .ls_1px {
    letter-spacing: 1px;
}

  .stk-w_1 {
    stroke-width: 1;
}

  .duration_0\.5 {
    duration: 0.5px;
}

  .ease_anticipate {
    ease: anticipate;
}

  .ar_no-drag {
    --webkit-app-region: no-drag;
    -webkit-user-drag: none;
}

  .h_50\% {
    height: 50%;
}

  .max-w_100\% {
    max-width: 100%;
}

  .px_12px {
    padding-inline: 12px;
}

  .flex_1 {
    flex: 1 1 0%;
}

  .bdr_30px_30px_0_0 {
    border-radius: 30px 30px 0 0;
}

  .p_24px {
    padding: 24px;
}

  .px_xl {
    padding-inline: var(--spacing-xl);
}

  .d_M31\.3383905\,8_C32\.9593337\,8_33\.5471269\,8\.16877384_34\.1397195\,8\.48569583_C34\.7323121\,8\.80261781_35\.1973822\,9\.26768795_35\.5143042\,9\.86028054_L35\.6199739\,10\.0709217_C35\.8686017\,10\.6054771_36\,11\.2313655_36\,12\.6616095_L36\.0001597\,18\.0906884_C36\.7606666\,18\.1879274_37\.2165105\,18\.3621045_37\.6746493\,18\.6071198_C38\.4153901\,19\.0032723_38\.9967277\,19\.5846099_39\.3928802\,20\.3253507_C39\.7890327\,21\.0660914_40\,21\.8008329_40\,23\.8270118_L40\,34\.1729882_C40\,36\.1991671_39\.7890327\,36\.9339086_39\.3928802\,37\.6746493_C38\.9967277\,38\.4153901_38\.4153901\,38\.9967277_37\.6746493\,39\.3928802_C36\.9339086\,39\.7890327_36\.1991671\,40_34\.1729882\,40_L13\.8270118\,40_C11\.8008329\,40_11\.0660914\,39\.7890327_10\.3253507\,39\.3928802_C9\.58460993\,38\.9967277_9\.00327226\,38\.4153901_8\.60711978\,37\.6746493_C8\.2109673\,36\.9339086_8\,36\.1991671_8\,34\.1729882_L8\,23\.8270118_C8\,21\.8008329_8\.2109673\,21\.0660914_8\.60711978\,20\.3253507_C9\.00327226\,19\.5846099_9\.58460993\,19\.0032723_10\.3253507\,18\.6071198_C10\.8652913\,18\.3183564_11\.4020444\,18\.1279863_12\.4380977\,18\.0459949_L12\.3800261\,17\.9290783_C12\.1313983\,17\.3945229_12\,16\.7686345_12\,15\.3383905_L12\,8_L31\.3383905\,8_Z {
    d: M31.3383905,8 C32.9593337,8 33.5471269,8.16877384 34.1397195,8.48569583 C34.7323121,8.80261781 35.1973822,9.26768795 35.5143042,9.86028054 L35.6199739,10.0709217 C35.8686017,10.6054771 36,11.2313655 36,12.6616095 L36.0001597,18.0906884 C36.7606666,18.1879274 37.2165105,18.3621045 37.6746493,18.6071198 C38.4153901,19.0032723 38.9967277,19.5846099 39.3928802,20.3253507 C39.7890327,21.0660914 40,21.8008329 40,23.8270118 L40,34.1729882 C40,36.1991671 39.7890327,36.9339086 39.3928802,37.6746493 C38.9967277,38.4153901 38.4153901,38.9967277 37.6746493,39.3928802 C36.9339086,39.7890327 36.1991671,40 34.1729882,40 L13.8270118,40 C11.8008329,40 11.0660914,39.7890327 10.3253507,39.3928802 C9.58460993,38.9967277 9.00327226,38.4153901 8.60711978,37.6746493 C8.2109673,36.9339086 8,36.1991671 8,34.1729882 L8,23.8270118 C8,21.8008329 8.2109673,21.0660914 8.60711978,20.3253507 C9.00327226,19.5846099 9.58460993,19.0032723 10.3253507,18.6071198 C10.8652913,18.3183564 11.4020444,18.1279863 12.4380977,18.0459949 L12.3800261,17.9290783 C12.1313983,17.3945229 12,16.7686345 12,15.3383905 L12,8 L31.3383905,8 Z;
}

  .d_M32\,12_L16\,12 {
    d: M32,12 L16,12;
}

  .d_M32\,15_L16\,15 {
    d: M32,15 L16,15;
}

  .d_M34\.6153846\,34_L13\.3846154\,34_C12\.6203077\,34_12\,34\.672_12\,35\.5_C12\,36\.328_12\.6203077\,37_13\.3846154\,37_L13\.3846154\,37_L34\.6153846\,37_C35\.3796923\,37_36\,36\.328_36\,35\.5_C36\,34\.672_35\.3796923\,34_34\.6153846\,34_L34\.6153846\,34_Z {
    d: M34.6153846,34 L13.3846154,34 C12.6203077,34 12,34.672 12,35.5 C12,36.328 12.6203077,37 13.3846154,37 L13.3846154,37 L34.6153846,37 C35.3796923,37 36,36.328 36,35.5 C36,34.672 35.3796923,34 34.6153846,34 L34.6153846,34 Z;
}

  .ov_hidden {
    overflow: hidden;
}

  .pos_relative {
    position: relative;
}

  .pos_sticky {
    position: sticky;
}

  .z_2 {
    z-index: 2;
}

  .my_sm {
    margin-block: var(--spacing-sm);
}

  .w_800px {
    width: 800px;
}

  .h_6px {
    height: 6px;
}

  .bdr_full {
    border-radius: full;
}

  .bg_gray\.200 {
    background: gray.200;
}

  .trs_width_0\.3s_ease {
    transition: width 0.3s ease;
}

  .pos_absolute {
    position: absolute;
}

  .anim_progress-stripe_1s_linear_infinite {
    animation: progress-stripe 1s linear infinite;
}

  .bg_red\.50 {
    background: red.50;
}

  .bg_gray\.50 {
    background: gray.50;
}

  .px_ms {
    padding-inline: var(--spacing-ms);
}

  .py_xs {
    padding-block: var(--spacing-xs);
}

  .gap_xs {
    gap: var(--spacing-xs);
}

  .gap_xxs {
    gap: var(--spacing-xxs);
}

  .c_red\.500 {
    color: red.500;
}

  .c_gray\.600 {
    color: gray.600;
}

  .z_10 {
    z-index: 10;
}

  .pointer-events_none {
    pointer-events: none;
}

  .px_md {
    padding-inline: var(--spacing-md);
}

  .py_sm {
    padding-block: var(--spacing-sm);
}

  .bg_white\/80 {
    --mix-background: color-mix(in srgb, var(--colors-white) 80%, transparent);
    background: var(--mix-background, var(--colors-white));
}

  .bkdp_blur\(3px\) {
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

  .ring-o_-sm {
    outline-offset: calc(var(--spacing-sm) * -1);
}

  .z_1 {
    z-index: 1;
}

  .c_danger\.500 {
    color: danger.500;
}

  .c_primary\.500 {
    color: primary.500;
}

  .gap_md {
    gap: var(--spacing-md);
}

  .bg_\#f2f1f8 {
    background: #f2f1f8;
}

  .ring-o_0 {
    outline-offset: var(--spacing-0);
}

  .p_1rem {
    padding: 1rem;
}

  .m_1\.5rem_0 {
    margin: 1.5rem 0;
}

  .bdr_8px {
    border-radius: 8px;
}

  .ov_auto {
    overflow: auto;
}

  .d_block {
    display: block;
}

  .p_0\.2em_0\.4em {
    padding: 0.2em 0.4em;
}

  .m_0_0\.2em {
    margin: 0 0.2em;
}

  .bdr_3px {
    border-radius: 3px;
}

  .c_\#d81b60 {
    color: #d81b60;
}

  .pos_fixed {
    position: fixed;
}

  .op_0\.75 {
    opacity: 0.75;
}

  .z_100 {
    z-index: 100;
}

  .inset_0 {
    inset: var(--spacing-0);
}

  .bkdp-blur_3px {
    --backdrop-blur: blur(3px);
}

  .min-w_150px {
    min-width: 150px;
}

  .min-h_100px {
    min-height: 100px;
}

  .max-h_65vh {
    max-height: 65vh;
}

  .bd-b_normal {
    border-bottom: var(--borders-normal);
}

  .gap_sm {
    gap: var(--spacing-sm);
}

  .z_9998 {
    z-index: 9998;
}

  .max-w_960px {
    max-width: 960px;
}

  .min-h_0 {
    min-height: 0;
}

  .gap_16px {
    gap: 16px;
}

  .ov_scroll {
    overflow: scroll;
}

  .scr-bar-w_none {
    scrollbar-width: none;
}

  .h_144px {
    height: 144px;
}

  .py_4px {
    padding-block: 4px;
}

  .px_4px {
    padding-inline: 4px;
}

  .gap_8px {
    gap: 8px;
}

  .min-w_1980px {
    min-width: 1980px;
}

  .w_322px {
    width: 322px;
}

  .ring_1px_solid_\#E8E8E8 {
    outline: 1px solid #E8E8E8;
}

  .gap_4px {
    gap: 4px;
}

  .px_8px {
    padding-inline: 8px;
}

  .py_12px {
    padding-block: 12px;
}

  .cursor_pointer {
    cursor: pointer;
}

  .d_none {
    display: none;
}

  .bg_\#8F8F8F {
    background: #8F8F8F;
}

  .bg_\#E4E4E4 {
    background: #E4E4E4;
}

  .w_8px {
    width: 8px;
}

  .h_8px {
    height: 8px;
}

  .bdr_50\% {
    border-radius: 50%;
}

  .w_auto {
    width: auto;
}

  .min-w_280px {
    min-width: 280px;
}

  .max-w_400px {
    max-width: 400px;
}

  .px_sm {
    padding-inline: var(--spacing-sm);
}

  .max-h_220px {
    max-height: 220px;
}

  .gap_ms {
    gap: var(--spacing-ms);
}

  .px_xs {
    padding-inline: var(--spacing-xs);
}

  .min-h_200px {
    min-height: 200px;
}

  .px_none {
    padding-inline: var(--spacing-none);
}

  .w_600px {
    width: 600px;
}

  .h_48px {
    height: 48px;
}

  .bkdp_blur\(2px\) {
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

  .ov_overlay {
    overflow: overlay;
}

  .max-w_720px {
    max-width: 720px;
}

  .min-w_250px {
    min-width: 250px;
}

  .us_none {
    -webkit-user-select: none;
    user-select: none;
}

  .my_md {
    margin-block: var(--spacing-md);
}

  .py_none {
    padding-block: var(--spacing-none);
}

  .max-h_300px {
    max-height: 300px;
}

  .bg_\#ffffffe8 {
    background: #ffffffe8;
}

  .w_220px {
    width: 220px;
}

  .bd-r_none {
    border-right: none;
}

  .tov_ellipsis {
    text-overflow: ellipsis;
}

  .vis_visible {
    visibility: visible;
}

  .max-w_90\% {
    max-width: 90%;
}

  .min-w_140px {
    min-width: 140px;
}

  .trf_rotate\(180deg\) {
    transform: rotate(180deg);
}

  .trf_none {
    transform: none;
}

  .trs_transform_0\.2s_ease {
    transition: transform 0.2s ease;
}

  .max-w_300px {
    max-width: 300px;
}

  .min-w_100px {
    min-width: 100px;
}

  .li-s_none {
    list-style: none;
}

  .c_gray\.700 {
    color: gray.700;
}

  .c_gray\.800 {
    color: gray.800;
}

  .grid-g_sm {
    grid-gap: var(--spacing-sm);
}

  .min-w_40px {
    min-width: 40px;
}

  .w_40px {
    width: 40px;
}

  .h_40px {
    height: 40px;
}

  .min-w_min-content {
    min-width: min-content;
}

  .max-w_30px {
    max-width: 30px;
}

  .h_fit-content {
    height: fit-content;
}

  .ring_normal {
    outline: var(--borders-normal);
}

  .ta_left {
    text-align: left;
}

  .px_xxs {
    padding-inline: var(--spacing-xxs);
}

  .trf_translate\(-50\%\,_-50\%\) {
    transform: translate(-50%, -50%);
}

  .h_2px {
    height: 2px;
}

  .bg_blue\.400\/10 {
    --mix-background: color-mix(in srgb, var(--colors-blue\.400) 10%, transparent);
    background: var(--mix-background, var(--colors-blue\.400));
}

  .anim_infiniteBarLoader_1\.5s_infinite_linear {
    animation: infiniteBarLoader 1.5s infinite linear;
}

  .trf_translate\(50\%\,_-50\%\) {
    transform: translate(50%, -50%);
}

  .scale_0\.7 {
    scale: 0.7;
}

  .stk-w_0\.2 {
    stroke-width: 0.2;
}

  .w_150px {
    width: 150px;
}

  .max-w_150px {
    max-width: 150px;
}

  .min-h_30px {
    min-height: 30px;
}

  .w_-webkit-fill-available {
    width: -webkit-fill-available;
}

  .min-w_0 {
    min-width: 0;
}

  .min-w_80px {
    min-width: 80px;
}

  .op_0\.6 {
    opacity: 0.6;
}

  .c_red {
    color: red;
}

  .bg_red\.100 {
    background: red.100;
}

  .flex_1_0_auto {
    flex: 1 0 auto;
}

  .bdr-t_sm {
    border-top-left-radius: var(--radii-sm);
    border-top-right-radius: var(--radii-sm);
}

  .bd-l_sm {
    border-left: sm;
}

  .bd-r_sm {
    border-right: sm;
}

  .bd-t_none {
    border-top: none;
}

  .bdr-b_none {
    border-bottom-left-radius: var(--radii-none);
    border-bottom-right-radius: var(--radii-none);
}

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

  .mx_xs {
    margin-inline: var(--spacing-xs);
}

  .h_auto {
    height: auto;
}

  .d_initial {
    display: initial;
}

  .resize_none {
    resize: none;
}

  .grid-g_xs {
    grid-gap: var(--spacing-xs);
}

  .tt_lowercase {
    text-transform: lowercase;
}

  .bd-l_medium {
    border-left: var(--borders-medium);
}

  .li-s_disc {
    list-style: disc;
}

  .li-s_decimal {
    list-style: decimal;
}

  .my_lg\! {
    margin-block: var(--spacing-lg) !important;
}

  .bd-b_normal\! {
    border-bottom: var(--borders-normal) !important;
}

  .bd-cl_separate {
    border-collapse: separate;
}

  .bd-sp_0 {
    border-spacing: var(--spacing-0);
}

  .bd-y_medium {
    border-block: var(--borders-medium);
}

  .bd-b_medium {
    border-bottom: var(--borders-medium);
}

  .td_underline\! {
    text-decoration: underline !important;
}

  .c_blue\.500\! {
    color: var(--colors-blue\.500) !important;
}

  .tu-o_sm\! {
    text-underline-offset: sm !important;
}

  .z_100\! {
    z-index: 100 !important;
}

  .min-w_32px {
    min-width: 32px;
}

  .h_32px {
    height: 32px;
}

  .py_2px {
    padding-block: 2px;
}

  .max-w_80\% {
    max-width: 80%;
}

  .c_\#6a9955 {
    color: #6a9955;
}

  .c_\#569cd6 {
    color: #569cd6;
}

  .c_\#ce9178 {
    color: #ce9178;
}

  .c_\#dcdcaa {
    color: #dcdcaa;
}

  .c_\#b5cea8 {
    color: #b5cea8;
}

  .c_\#d4d4d4 {
    color: #d4d4d4;
}

  .c_\#4ec9b0 {
    color: #4ec9b0;
}

  .c_\#9cdcfe {
    color: #9cdcfe;
}

  .c_\#d7ba7d {
    color: #d7ba7d;
}

  .c_\#d16969 {
    color: #d16969;
}

  .counter-reset_line {
    counter-reset: line;
}

  .bg_yellow {
    background: yellow;
}

  .bg_none {
    background: none;
}

  .gap_3 {
    gap: var(--spacing-3);
}

  .min-w_20px {
    min-width: 20px;
}

  .h_20px {
    height: 20px;
}

  .cursor_initial {
    cursor: initial;
}

  .gap_none {
    gap: var(--spacing-none);
}

  .gap_10px {
    gap: 10px;
}

  .max-w_70\% {
    max-width: 70%;
}

  .max-h_400px {
    max-height: 400px;
}

  .z_99999 {
    z-index: 99999;
}

  .h_initial {
    height: initial;
}

  .w_initial {
    width: initial;
}

  .max-h_100\% {
    max-height: 100%;
}

  .gap_2 {
    gap: var(--spacing-2);
}

  .w_80px {
    width: 80px;
}

  .h_90px {
    height: 90px;
}

  .bg_red {
    background: red;
}

  .min-h_68px {
    min-height: 68px;
}

  .w_20px {
    width: 20px;
}

  .bd-b_none {
    border-bottom: none;
}

  .c_danger\.700 {
    color: danger.700;
}

  .c_grays\.600 {
    color: grays.600;
}

  .c_orange {
    color: orange;
}

  .c_gray {
    color: gray;
}

  .c_blue {
    color: blue;
}

  .trs_colors_0\.5s {
    transition: colors 0.5s;
}

  .min-w_200px {
    min-width: 200px;
}

  .max-w_200px {
    max-width: 200px;
}

  .c_rgba\(38\,_131\,_255\,_1\) {
    color: rgba(38, 131, 255, 1);
}

  .w_16px {
    width: 16px;
}

  .h_16px {
    height: 16px;
}

  .max-w_100px {
    max-width: 100px;
}

  .c_rgba\(117\,_116\,_116\,_1\) {
    color: rgba(117, 116, 116, 1);
}

  .bd_1px_solid {
    border: 1px solid;
}

  .px_lg {
    padding-inline: var(--spacing-lg);
}

  .z_5 {
    z-index: 5;
}

  .gap_20px {
    gap: 20px;
}

  .bd_2px_solid {
    border: 2px solid;
}

  .asp_1\/1 {
    aspect-ratio: 1/1;
}

  .ls_0\.02rem {
    letter-spacing: 0.02rem;
}

  .z_initial {
    z-index: initial;
}

  .py_ms {
    padding-block: var(--spacing-ms);
}

  .bdr_0_0px_12px_12px {
    border-radius: 0 0px 12px 12px;
}

  .bdr_12px_12px_0_0 {
    border-radius: 12px 12px 0 0;
}

  .bdr_62px {
    border-radius: 62px;
}

  .trs_all_0\.3s_ease-in-out {
    transition: all 0.3s ease-in-out;
}

  .h_30px {
    height: 30px;
}

  .cursor_auto {
    cursor: auto;
}

  .z_20 {
    z-index: 20;
}

  .h_0px {
    height: 0px;
}

  .flex_1_1_auto {
    flex: 1 1 auto;
}

  .flex_0 {
    flex: 0;
}

  .align_center {
    align: center;
}

  .py_lg {
    padding-block: var(--spacing-lg);
}

  .bd_0 {
    border: 0;
}

  .w_30px {
    width: 30px;
}

  .bd-b_1px_solid_\#ddd {
    border-bottom: 1px solid #ddd;
}

  .__16px_16px_0_0 {_: 16px 16px 0 0;
}

  .w_350px {
    width: 350px;
}

  .c_blues\.500 {
    color: blues.500;
}

  .mx_md {
    margin-inline: var(--spacing-md);
}

  .anim_pulseBig_1\.5s_infinite_linear {
    animation: pulseBig 1.5s infinite linear;
}

  .place-content_center {
    place-content: center;
}

  .w_60px {
    width: 60px;
}

  .bg_linear-gradient\(to_left\,_\#fbfbfb_35\%\,_transparent\) {
    background: linear-gradient(to left, #fbfbfb 35%, transparent);
}

  .d_grid {
    display: grid;
}

  .max-w_800px {
    max-width: 800px;
}

  .min-w_fit-content {
    min-width: fit-content;
}

  .max-w_240px {
    max-width: 240px;
}

  .p_16px {
    padding: 16px;
}

  .px_24px {
    padding-inline: 24px;
}

  .bx-sh_shadow_08 {
    box-shadow: shadow_08;
}

  .bdr_6px {
    border-radius: 6px;
}

  .bg_\#fff4b6 {
    background: #fff4b6;
}

  .bx-sh_shadow_04 {
    box-shadow: shadow_04;
}

  .__280px {_: 280px;
}

  .bdr_16px {
    border-radius: 16px;
}

  .bd_1px_solid_\#6081A5 {
    border: 1px solid #6081A5;
}

  .bg_\#F1F4F5 {
    background: #F1F4F5;
}

  .w_calc\(_100\%_-_165px\) {
    width: calc( 100% - 165px);
}

  .bg_\#B7DCDF {
    background: #B7DCDF;
}

  .bdr_2px {
    border-radius: 2px;
}

  .w_141px {
    width: 141px;
}

  .h_133px {
    height: 133px;
}

  .w_13px {
    width: 13px;
}

  .h_13px {
    height: 13px;
}

  .p_2px {
    padding: 2px;
}

  .w_24 {
    width: 24px;
}

  .h_24 {
    height: 24px;
}

  .bg_\#eeeeee {
    background: #eeeeee;
}

  .w_64px {
    width: 64px;
}

  .h_64px {
    height: 64px;
}

  .w_12px {
    width: 12px;
}

  .h_12px {
    height: 12px;
}

  .w_213px {
    width: 213px;
}

  .grid-g_16px {
    grid-gap: 16px;
}

  .m_0_auto {
    margin: 0 auto;
}

  .bg-grad_mainGradients\.light {
    --gradient-stops: var(--gradient-via-stops, var(--gradient-from) var(--gradient-from-position), var(--gradient-to) var(--gradient-to-position));
    --gradient: var(--gradient-via-stops, var(--gradient-stops));
    background-image: var(--gradients-main-gradients-light);
}

  .gap_lg {
    gap: var(--spacing-lg);
}

  .z_11 {
    z-index: 11;
}

  .ta_right {
    text-align: right;
}

  .ms_lg {
    margin-inline-start: var(--spacing-lg);
}

  .min-h_250px {
    min-height: 250px;
}

  .direction_row {
    direction: row;
}

  .bg_rgba\(255\,255\,255\,\.9\) {
    background: rgba(255,255,255,.9);
}

  .h_75px {
    height: 75px;
}

  .h_55px {
    height: 55px;
}

  .mx_sm {
    margin-inline: var(--spacing-sm);
}

  .__80px {_: 80px;
}

  .ms_200px {
    margin-inline-start: 200px;
}

  .ms_10px {
    margin-inline-start: 10px;
}

  .ms_flex-start {
    margin-inline-start: flex-start;
}

  .__none {_: none;
}

  .ms_block {
    margin-inline-start: block;
}

  .__block {_: block;
}

  .ms_none {
    margin-inline-start: var(--spacing-none);
}

  .duration_1 {
    duration: 1px;
}

  .delay_1 {
    delay: 1px;
}

  .flex_0_1_auto {
    flex: 0 1 auto;
}

  .w_450px {
    width: 450px;
}

  .bd-b_1px_solid {
    border-bottom: 1px solid;
}

  .ms_sm {
    margin-inline-start: var(--spacing-sm);
}

  .bd-b_1px_solid_\#DEDEDE {
    border-bottom: 1px solid #DEDEDE;
}

  .w_110px {
    width: 110px;
}

  .min-h_236px {
    min-height: 236px;
}

  .min-h_500px {
    min-height: 500px;
}

  .max-h_580px {
    max-height: 580px;
}

  .max-h_830px {
    max-height: 830px;
}

  .__column {_: column;
}

  .__auto {_: auto;
}

  .__100\% {_: 100%;
}

  .max-h_575px {
    max-height: 575px;
}

  .bdr_12px {
    border-radius: 12px;
}

  .bg_rgba\(244\,_244\,_244\,_1\) {
    background: rgba(244, 244, 244, 1);
}

  .__md {_: md;
}

  .__sm {_: sm;
}

  .w_calc\(_100\%_-_2px_\) {
    width: calc( 100% - 2px );
}

  .m_1px {
    margin: 1px;
}

  .p_20px {
    padding: 20px;
}

  .w_400px {
    width: 400px;
}

  .h_100px {
    height: 100px;
}

  .max-h_100px {
    max-height: 100px;
}

  .bg_\#fff {
    background: #fff;
}

  .ov_initial {
    overflow: initial;
}

  .max-w_782px {
    max-width: 782px;
}

  .h_130px {
    height: 130px;
}

  .grid-g_8px {
    grid-gap: 8px;
}

  .__4px {_: 4px;
}

  .h_36px {
    height: 36px;
}

  .grid-g_4px {
    grid-gap: 4px;
}

  .p_24px_0_0_0 {
    padding: 24px 0 0 0;
}

  .m_16px_auto {
    margin: 16px auto;
}

  .p_0_24px {
    padding: 0 24px;
}

  .bdr_24px {
    border-radius: 24px;
}

  .__24px {_: 24px;
}

  .__16px {_: 16px;
}

  .bx-sh_shadow_12 {
    box-shadow: shadow_12;
}

  .m_0_0_8px_12px {
    margin: 0 0 8px 12px;
}

  .ms_30px {
    margin-inline-start: 30px;
}

  .__0 {_: 0;
}

  .py_16px {
    padding-block: 16px;
}

  .__10px {_: 10px;
}

  .bg_\#fffce2c7 {
    background: #fffce2c7;
}

  .__calc\(50\%_-_4px\) {_: calc(50% - 4px);
}

  .p_32px {
    padding: 32px;
}

  .py_xl {
    padding-block: var(--spacing-xl);
}

  .w_56px {
    width: 56px;
}

  .h_56px {
    height: 56px;
}

  .stk-w_1px {
    stroke-width: 1px;
}

  .px_xxl {
    padding-inline: var(--spacing-xxl);
}

  .max-w_500px {
    max-width: 500px;
}

  .h_1px {
    height: 1px;
}

  .h_150px {
    height: 150px;
}

  .w_187px {
    width: 187px;
}

  .h_330px {
    height: 330px;
}

  .w_650px {
    width: 650px;
}

  .h_410px {
    height: 410px;
}

  .w_100px {
    width: 100px;
}

  .bg_blues\.500 {
    background: blues.500;
}

  .op_1 {
    opacity: 1;
}

  .op_0 {
    opacity: 0;
}

  .bg_blues\.50 {
    background: blues.50;
}

  .ls_3px {
    letter-spacing: 3px;
}

  .bg_blue {
    background: blue;
}

  .bg_azure {
    background: azure;
}

  .bg_redine {
    background: redine;
}

  .bdr-t_ms {
    border-top-left-radius: var(--radii-ms);
    border-top-right-radius: var(--radii-ms);
}

  .gap_xxxl {
    gap: var(--spacing-xxxl);
}

  .me_sm {
    margin-inline-end: var(--spacing-sm);
}

  .w_50px {
    width: 50px;
}

  .c_secondary\.400 {
    color: secondary.400;
}

  .d_inline-flex {
    display: inline-flex;
}

  .bx-sh_lg {
    box-shadow: lg;
}

  .ms_md {
    margin-inline-start: var(--spacing-md);
}

  .bg_secondary\.300 {
    background: secondary.300;
}

  .bg_whitesmoke {
    background: whitesmoke;
}

  .ms_row {
    margin-inline-start: row;
}

  .__1 {_: 1px;
}

  .ms_0 {
    margin-inline-start: var(--spacing-0);
}

  .ms_1 {
    margin-inline-start: var(--spacing-1);
}

  .__xs {_: xs;
}

  .bg_secondary\.50 {
    background: secondary.50;
}

  .bdr_4em {
    border-radius: 4em;
}

  .w_60\% {
    width: 60%;
}

  .min-h_253px {
    min-height: 253px;
}

  .bdr_5px {
    border-radius: 5px;
}

  .bg_\#FBF5CE {
    background: #FBF5CE;
}

  .min-h_131px {
    min-height: 131px;
}

  .c_primary\.400 {
    color: primary.400;
}

  .w_300px {
    width: 300px;
}

  .bd_alphaGray {
    border: alphaGray;
}

  .c_secondary\.700 {
    color: secondary.700;
}

  .h_50px {
    height: 50px;
}

  .c_primary\.200 {
    color: primary.200;
}

  .c_secondary\.100 {
    color: secondary.100;
}

  .bg_alphaSmoke {
    background: alphaSmoke;
}

  .flex_initial {
    flex: 0 1 auto;
}

  .my_none {
    margin-block: var(--spacing-none);
}

  .c_primary\.300 {
    color: primary.300;
}

  .c_primary\.700 {
    color: primary.700;
}

  .__unset {_: unset;
}

  .bg_third\.100 {
    background: third.100;
}

  .bg_danger\.100 {
    background: danger.100;
}

  .p_\.2rem {
    padding: .2rem;
}

  .min-w_70px {
    min-width: 70px;
}

  .c_primary\.600 {
    color: primary.600;
}

  .w_250px {
    width: 250px;
}

  .bg_third\.900 {
    background: third.900;
}

  .bg_danger\.900 {
    background: danger.900;
}

  .duration_0\.8 {
    duration: 0.8px;
}

  .ease_easeOut {
    ease: easeOut;
}

  .c_third\.900 {
    color: third.900;
}

  .c_danger\.900 {
    color: danger.900;
}

  .flex_2 {
    flex: 2;
}

  .min-w_400px {
    min-width: 400px;
}

  .w_20\% {
    width: 20%;
}

  .bd-t_normal {
    border-top: var(--borders-normal);
}

  .z_103 {
    z-index: 103;
}

  .c_warning {
    color: warning;
}

  .c_muted {
    color: muted;
}

  .px_0 {
    padding-inline: var(--spacing-0);
}

  .max-h_700px {
    max-height: 700px;
}

  .c_secondary\.200 {
    color: secondary.200;
}

  .c_third\.400 {
    color: third.400;
}

  .c_alphaGray {
    color: alphaGray;
}

  .color-palette_primary {
    --colors-color-palette-button-solid-bg: var(--colors-primary-button-solid-bg);
    --colors-color-palette-button-solid-text: var(--colors-primary-button-solid-text);
    --colors-color-palette-button-solid-hover-bg: var(--colors-primary-button-solid-hover-bg);
    --colors-color-palette-button-solid-hover-text: var(--colors-primary-button-solid-hover-text);
    --colors-color-palette-button-solid-disabled-bg: var(--colors-primary-button-solid-disabled-bg);
    --colors-color-palette-button-solid-disabled-text: var(--colors-primary-button-solid-disabled-text);
    --colors-color-palette-button-outline-bg: var(--colors-primary-button-outline-bg);
    --colors-color-palette-button-outline-text: var(--colors-primary-button-outline-text);
    --colors-color-palette-button-outline-border: var(--colors-primary-button-outline-border);
    --colors-color-palette-button-outline-hover-bg: var(--colors-primary-button-outline-hover-bg);
    --colors-color-palette-button-outline-hover-text: var(--colors-primary-button-outline-hover-text);
    --colors-color-palette-button-outline-hover-border: var(--colors-primary-button-outline-hover-border);
    --colors-color-palette-button-outline-disabled-bg: var(--colors-primary-button-outline-disabled-bg);
    --colors-color-palette-button-outline-disabled-text: var(--colors-primary-button-outline-disabled-text);
    --colors-color-palette-button-outline-disabled-border: var(--colors-primary-button-outline-disabled-border);
    --colors-color-palette-button-ghost-bg: var(--colors-primary-button-ghost-bg);
    --colors-color-palette-button-ghost-text: var(--colors-primary-button-ghost-text);
    --colors-color-palette-button-ghost-hover-bg: var(--colors-primary-button-ghost-hover-bg);
    --colors-color-palette-button-ghost-hover-text: var(--colors-primary-button-ghost-hover-text);
    --colors-color-palette-button-ghost-disabled-bg: var(--colors-primary-button-ghost-disabled-bg);
    --colors-color-palette-button-ghost-disabled-text: var(--colors-primary-button-ghost-disabled-text);
    --colors-color-palette-button-link-btn-bg: var(--colors-primary-button-link-btn-bg);
    --colors-color-palette-button-link-btn-text: var(--colors-primary-button-link-btn-text);
    --colors-color-palette-button-link-btn-hover-bg: var(--colors-primary-button-link-btn-hover-bg);
    --colors-color-palette-button-link-btn-hover-text: var(--colors-primary-button-link-btn-hover-text);
    --colors-color-palette-button-link-btn-disabled-bg: var(--colors-primary-button-link-btn-disabled-bg);
    --colors-color-palette-button-link-btn-disabled-text: var(--colors-primary-button-link-btn-disabled-text);
    --colors-color-palette-cards-bg-container: var(--colors-primary-cards-bg-container);
    --colors-color-palette-cards-bg-content: var(--colors-primary-cards-bg-content);
    --colors-color-palette-cards-color: var(--colors-primary-cards-color);
    --colors-color-palette-cards-border-color: var(--colors-primary-cards-border-color);
    --colors-color-palette-box-bg: var(--colors-primary-box-bg);
    --colors-color-palette-box-color: var(--colors-primary-box-color);
    --colors-color-palette-dropdown-error-text: var(--colors-primary-dropdown-error-text);
    --colors-color-palette-dropdown-error-border: var(--colors-primary-dropdown-error-border);
    --colors-color-palette-dropdown-error-bg: var(--colors-primary-dropdown-error-bg);
    --colors-color-palette-dropdown-solid-bg: var(--colors-primary-dropdown-solid-bg);
    --colors-color-palette-dropdown-solid-text: var(--colors-primary-dropdown-solid-text);
    --colors-color-palette-dropdown-solid-hover-bg: var(--colors-primary-dropdown-solid-hover-bg);
    --colors-color-palette-dropdown-solid-hover-text: var(--colors-primary-dropdown-solid-hover-text);
    --colors-color-palette-dropdown-solid-disabled-bg: var(--colors-primary-dropdown-solid-disabled-bg);
    --colors-color-palette-dropdown-solid-disabled-text: var(--colors-primary-dropdown-solid-disabled-text);
    --colors-color-palette-dropdown-outline-bg: var(--colors-primary-dropdown-outline-bg);
    --colors-color-palette-dropdown-outline-text: var(--colors-primary-dropdown-outline-text);
    --colors-color-palette-dropdown-outline-border: var(--colors-primary-dropdown-outline-border);
    --colors-color-palette-dropdown-outline-hover-bg: var(--colors-primary-dropdown-outline-hover-bg);
    --colors-color-palette-dropdown-outline-hover-text: var(--colors-primary-dropdown-outline-hover-text);
    --colors-color-palette-dropdown-outline-hover-border: var(--colors-primary-dropdown-outline-hover-border);
    --colors-color-palette-dropdown-outline-disabled-bg: var(--colors-primary-dropdown-outline-disabled-bg);
    --colors-color-palette-dropdown-outline-disabled-text: var(--colors-primary-dropdown-outline-disabled-text);
    --colors-color-palette-dropdown-outline-disabled-border: var(--colors-primary-dropdown-outline-disabled-border);
    --colors-color-palette-input-text-text: var(--colors-primary-input-text-text);
    --colors-color-palette-input-text-placeholder: var(--colors-primary-input-text-placeholder);
    --colors-color-palette-input-text-invalid-border: var(--colors-primary-input-text-invalid-border);
    --colors-color-palette-input-text-invalid-text: var(--colors-primary-input-text-invalid-text);
    --colors-color-palette-input-text-invalid-placeholder: var(--colors-primary-input-text-invalid-placeholder);
    --colors-color-palette-input-text-focused-border: var(--colors-primary-input-text-focused-border);
    --colors-color-palette-input-text-disabled-border: var(--colors-primary-input-text-disabled-border);
    --colors-color-palette-input-text-disabled-text: var(--colors-primary-input-text-disabled-text);
    --colors-color-palette-input-text-disabled-placeholder: var(--colors-primary-input-text-disabled-placeholder);
    --colors-color-palette-input-text-solid-bg: var(--colors-primary-input-text-solid-bg);
    --colors-color-palette-input-text-solid-border: var(--colors-primary-input-text-solid-border);
    --colors-color-palette-input-text-solid-bg-disabled: var(--colors-primary-input-text-solid-bg-disabled);
    --colors-color-palette-input-text-outline-bg: var(--colors-primary-input-text-outline-bg);
    --colors-color-palette-input-text-outline-border: var(--colors-primary-input-text-outline-border);
    --colors-color-palette-input-text-ghost-bg: var(--colors-primary-input-text-ghost-bg);
    --colors-color-palette-input-text-ghost-border: var(--colors-primary-input-text-ghost-border);
    --colors-color-palette-label-bg: var(--colors-primary-label-bg);
    --colors-color-palette-label-text: var(--colors-primary-label-text);
    --colors-color-palette-label-active-bg: var(--colors-primary-label-active-bg);
    --colors-color-palette-label-active-text: var(--colors-primary-label-active-text);
    --colors-color-palette-label-pending-bg: var(--colors-primary-label-pending-bg);
    --colors-color-palette-label-pending-text: var(--colors-primary-label-pending-text);
    --colors-color-palette-label-inactive-bg: var(--colors-primary-label-inactive-bg);
    --colors-color-palette-label-inactive-text: var(--colors-primary-label-inactive-text);
    --colors-color-palette-logo-bg: var(--colors-primary-logo-bg);
    --colors-color-palette-nav-link-sidebar-item-bg: var(--colors-primary-nav-link-sidebar-item-bg);
    --colors-color-palette-nav-link-sidebar-item-text: var(--colors-primary-nav-link-sidebar-item-text);
    --colors-color-palette-nav-link-sidebar-item-hover-bg: var(--colors-primary-nav-link-sidebar-item-hover-bg);
    --colors-color-palette-nav-link-sidebar-item-hover-text: var(--colors-primary-nav-link-sidebar-item-hover-text);
    --colors-color-palette-nav-link-sidebar-item-disabled-bg: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
    --colors-color-palette-nav-link-sidebar-item-disabled-text: var(--colors-primary-nav-link-sidebar-item-disabled-text);
    --colors-color-palette-page-bg: var(--colors-primary-page-bg);
    --colors-color-palette-page-color: var(--colors-primary-page-color);
    --colors-color-palette-sidebar-main-bg: var(--colors-primary-sidebar-main-bg);
    --colors-color-palette-sidebar-main-color: var(--colors-primary-sidebar-main-color);
    --colors-color-palette-sidebar-main-hover-bg: var(--colors-primary-sidebar-main-hover-bg);
    --colors-color-palette-sidebar-main-hover-color: var(--colors-primary-sidebar-main-hover-color);
    --colors-color-palette-tag-bg: var(--colors-primary-tag-bg);
    --colors-color-palette-tag-text: var(--colors-primary-tag-text);
    --colors-color-palette-tag-hover-bg: var(--colors-primary-tag-hover-bg);
    --colors-color-palette-tag-hover-text: var(--colors-primary-tag-hover-text);
    --colors-color-palette-toast-bg: var(--colors-primary-toast-bg);
    --colors-color-palette-toast-text: var(--colors-primary-toast-text);
    --colors-color-palette-toast-info-icon: var(--colors-primary-toast-info-icon);
    --colors-color-palette-toast-success-icon: var(--colors-primary-toast-success-icon);
    --colors-color-palette-toast-alert-icon: var(--colors-primary-toast-alert-icon);
    --colors-color-palette-toggle-bg-switch: var(--colors-primary-toggle-bg-switch);
    --colors-color-palette-toggle-circle-bg: var(--colors-primary-toggle-circle-bg);
    --colors-color-palette-toggle-bg-icon: var(--colors-primary-toggle-bg-icon);
    --colors-color-palette-toggle-checked-bg: var(--colors-primary-toggle-checked-bg);
    --colors-color-palette-tooltip-main-bg: var(--colors-primary-tooltip-main-bg);
    --colors-color-palette-tooltip-main-text: var(--colors-primary-tooltip-main-text);
    --colors-color-palette-top-search-bar-bg: var(--colors-primary-top-search-bar-bg);
    --colors-color-palette-top-search-bar-border: var(--colors-primary-top-search-bar-border);
    --colors-color-palette-top-search-bar-color: var(--colors-primary-top-search-bar-color);
    --colors-color-palette-top-search-bar-input-bg: var(--colors-primary-top-search-bar-input-bg);
    --colors-color-palette-top-search-bar-input-border: var(--colors-primary-top-search-bar-input-border);
    --colors-color-palette-top-search-bar-input-color-placeholder: var(--colors-primary-top-search-bar-input-color-placeholder);
    --colors-color-palette-top-search-bar-input-color: var(--colors-primary-top-search-bar-input-color);
}

  .bx-sh_0 {
    box-shadow: 0;
}

  .bg_0 {
    background: 0;
}

  .d_M83\.9319_30\.2732C86\.2079_30\.5652_87\.5736_31\.0873_88\.9462_31\.8214C91\.1684_33\.0098_92\.9124_34\.7538_94\.1009_36\.976C95\.2893_39\.1983_95\.9222_41\.4025_95\.9222_47\.481V78\.519C95\.9222_84\.5975_95\.2893_86\.8017_94\.1009_89\.0239C92\.9124_91\.2462_91\.1684_92\.9902_88\.9462_94\.1786C86\.7239_95\.3671_84\.5197_96_78\.4412_96H17\.481C11\.4025_96_9\.19828_95\.3671_6\.97605_94\.1786C4\.75383_92\.9902_3\.00982_91\.2462_1\.82136_89\.0239C0\.632902_86\.8017_0_84\.5975_0_78\.519V47\.481C0_41\.4025_0\.632902_39\.1983_1\.82136_36\.976C3\.00982_34\.7538_4\.75383_33\.0098_6\.97605_31\.8214C8\.59436_30\.9559_10\.2031_30\.385_13\.3056_30\.1387L13\.1294_29\.7872C12\.3842_28\.1836_11\.9903_26\.3059_11\.9903_22\.0152V0H69\.9584C74\.8173_0_76\.5793_0\.506321_78\.3556_1\.45709C80\.132_2\.40785_81\.526_3\.80306_82\.476_5\.58084L82\.7928_6\.21276C83\.5381_7\.81643_83\.9319_9\.69409_83\.9319_13\.9848V30\.2732ZM31\.9741_48C31\.9741_51\.315_34\.6569_54_37\.9692_54C41\.2815_54_43\.9643_51\.315_43\.9643_48C43\.9643_44\.685_41\.2815_42_37\.9692_42C34\.6569_42_31\.9741_44\.685_31\.9741_48ZM33\.9725_66C33\.9725_62\.685_31\.2896_60_27\.9773_60C24\.665_60_21\.9822_62\.685_21\.9822_66C21\.9822_69\.315_24\.665_72_27\.9773_72C31\.2896_72_33\.9725_69\.315_33\.9725_66ZM47\.9611_60C44\.6488_60_41\.966_62\.685_41\.966_66C41\.966_69\.315_44\.6488_72_47\.9611_72C51\.2734_72_53\.9562_69\.315_53\.9562_66C53\.9562_62\.685_51\.2734_60_47\.9611_60ZM51\.9579_48C51\.9579_51\.315_54\.6407_54_57\.953_54C61\.2653_54_63\.9481_51\.315_63\.9481_48C63\.9481_44\.685_61\.2653_42_57\.953_42C54\.6407_42_51\.9579_44\.685_51\.9579_48ZM67\.9449_60C64\.6326_60_61\.9498_62\.685_61\.9498_66C61\.9498_69\.315_64\.6326_72_67\.9449_72C71\.2572_72_73\.94_69\.315_73\.94_66C73\.94_62\.685_71\.2572_60_67\.9449_60ZM71\.9417_48C71\.9417_51\.315_74\.6245_54_77\.9368_54C81\.2491_54_83\.9319_51\.315_83\.9319_48C83\.9319_44\.685_81\.2491_42_77\.9368_42C74\.6245_42_71\.9417_44\.685_71\.9417_48ZM11\.9903_48C11\.9903_51\.315_14\.6731_54_17\.9854_54C21\.2977_54_23\.9806_51\.315_23\.9806_48C23\.9806_44\.685_21\.2977_42_17\.9854_42C14\.6731_42_11\.9903_44\.685_11\.9903_48ZM79\.7815_87C82\.0725_87_83\.9319_84\.984_83\.9319_82\.5C83\.9319_80\.016_82\.0725_78_79\.7815_78H16\.1408C13\.8497_78_11\.9903_80\.016_11\.9903_82\.5C11\.9903_84\.984_13\.8497_87_16\.1408_87H79\.7815ZM80\.9344_33V13\.9848L80\.9205_12\.6042C80\.8546_9\.63294_80\.5464_8\.3312_79\.8327_6\.99564C79\.1621_5\.74066_78\.1959_4\.77369_76\.942_4\.10253C75\.4169_3\.28622_73\.9359_3_69\.9584_3H14\.9878V22\.0152L15\.0017_23\.3958C15\.0676_26\.3671_15\.3758_27\.6688_16\.0895_29\.0044C16\.7601_30\.2593_17\.7263_31\.2263_18\.9802_31\.8975C20\.3147_32\.6117_21\.6154_32\.9202_24\.5843_32\.9861L25\.9638_33H80\.9344ZM23\.9806_15V12H71\.9417V15H23\.9806ZM23\.9806_24V21H71\.9417V24H23\.9806Z {
    d: M83.9319 30.2732C86.2079 30.5652 87.5736 31.0873 88.9462 31.8214C91.1684 33.0098 92.9124 34.7538 94.1009 36.976C95.2893 39.1983 95.9222 41.4025 95.9222 47.481V78.519C95.9222 84.5975 95.2893 86.8017 94.1009 89.0239C92.9124 91.2462 91.1684 92.9902 88.9462 94.1786C86.7239 95.3671 84.5197 96 78.4412 96H17.481C11.4025 96 9.19828 95.3671 6.97605 94.1786C4.75383 92.9902 3.00982 91.2462 1.82136 89.0239C0.632902 86.8017 0 84.5975 0 78.519V47.481C0 41.4025 0.632902 39.1983 1.82136 36.976C3.00982 34.7538 4.75383 33.0098 6.97605 31.8214C8.59436 30.9559 10.2031 30.385 13.3056 30.1387L13.1294 29.7872C12.3842 28.1836 11.9903 26.3059 11.9903 22.0152V0H69.9584C74.8173 0 76.5793 0.506321 78.3556 1.45709C80.132 2.40785 81.526 3.80306 82.476 5.58084L82.7928 6.21276C83.5381 7.81643 83.9319 9.69409 83.9319 13.9848V30.2732ZM31.9741 48C31.9741 51.315 34.6569 54 37.9692 54C41.2815 54 43.9643 51.315 43.9643 48C43.9643 44.685 41.2815 42 37.9692 42C34.6569 42 31.9741 44.685 31.9741 48ZM33.9725 66C33.9725 62.685 31.2896 60 27.9773 60C24.665 60 21.9822 62.685 21.9822 66C21.9822 69.315 24.665 72 27.9773 72C31.2896 72 33.9725 69.315 33.9725 66ZM47.9611 60C44.6488 60 41.966 62.685 41.966 66C41.966 69.315 44.6488 72 47.9611 72C51.2734 72 53.9562 69.315 53.9562 66C53.9562 62.685 51.2734 60 47.9611 60ZM51.9579 48C51.9579 51.315 54.6407 54 57.953 54C61.2653 54 63.9481 51.315 63.9481 48C63.9481 44.685 61.2653 42 57.953 42C54.6407 42 51.9579 44.685 51.9579 48ZM67.9449 60C64.6326 60 61.9498 62.685 61.9498 66C61.9498 69.315 64.6326 72 67.9449 72C71.2572 72 73.94 69.315 73.94 66C73.94 62.685 71.2572 60 67.9449 60ZM71.9417 48C71.9417 51.315 74.6245 54 77.9368 54C81.2491 54 83.9319 51.315 83.9319 48C83.9319 44.685 81.2491 42 77.9368 42C74.6245 42 71.9417 44.685 71.9417 48ZM11.9903 48C11.9903 51.315 14.6731 54 17.9854 54C21.2977 54 23.9806 51.315 23.9806 48C23.9806 44.685 21.2977 42 17.9854 42C14.6731 42 11.9903 44.685 11.9903 48ZM79.7815 87C82.0725 87 83.9319 84.984 83.9319 82.5C83.9319 80.016 82.0725 78 79.7815 78H16.1408C13.8497 78 11.9903 80.016 11.9903 82.5C11.9903 84.984 13.8497 87 16.1408 87H79.7815ZM80.9344 33V13.9848L80.9205 12.6042C80.8546 9.63294 80.5464 8.3312 79.8327 6.99564C79.1621 5.74066 78.1959 4.77369 76.942 4.10253C75.4169 3.28622 73.9359 3 69.9584 3H14.9878V22.0152L15.0017 23.3958C15.0676 26.3671 15.3758 27.6688 16.0895 29.0044C16.7601 30.2593 17.7263 31.2263 18.9802 31.8975C20.3147 32.6117 21.6154 32.9202 24.5843 32.9861L25.9638 33H80.9344ZM23.9806 15V12H71.9417V15H23.9806ZM23.9806 24V21H71.9417V24H23.9806Z;
}

  .fill_colorPalette\.logo\.bg {
    fill: var(--colors-color-palette-logo-bg);
}

  .d_M140\.886_33\.2214V67\.2213H145\.815V33\.2214H140\.886ZM152\.371_43\.2414V56\.1312C152\.371_63\.2814_156\.343_67\.6105_162\.324_67\.6105C165\.531_67\.6105_168\.21_66\.3458_170\.459_63\.7192L170\.747_67\.27H175\.197V43\.2414H170\.268V55\.7421C170\.268_59\.8279_167\.54_62\.9896_163\.712_62\.9896C159\.692_62\.9896_157\.3_60\.2657_157\.3_56\.0826V43\.2414H152\.371ZM200\.416_55\.2071C200\.416_59\.8279_197\.114_63\.0382_192\.903_63\.0382C188\.596_63\.0382_185\.438_59\.9739_185\.438_55\.2071C185\.438_50\.3916_188\.596_47\.4245_192\.903_47\.4245C197\.114_47\.4245_200\.416_50\.6348_200\.416_55\.2071ZM200\.751_33\.2214V46\.9868C199\.268_44\.3115_195\.583_42\.7064_192\.424_42\.7064C185\.294_42\.7064_180\.461_47\.2786_180\.461_55\.2071C180\.461_62\.9409_185\.486_67\.7077_192\.52_67\.7077C196\.253_67\.7077_198\.933_66\.2972_200\.655_63\.4274L200\.942_67\.2213H205\.584V33\.2214H200\.751ZM227\.262_43\.1928L221\.615_62\.0654L215\.777_43\.1928H210\.226L218\.553_67\.3186H224\.295L227\.071_59\.3415L229\.415_50\.9753L231\.712_59\.3415L234\.488_67\.3186H240\.23L248\.509_43\.1928H243\.006L237\.168_62\.0654L231\.521_43\.1928H227\.262ZM257\.984_43\.1442V67\.2213H253\.055V43\.1442H257\.984ZM254\.012_38\.8151C251\.955_37\.745_251\.955_34\.3888_254\.012_33\.3674C256\.07_32\.3459_258\.606_33\.5133_258\.606_36\.1399C258\.606_38\.7665_256\.07_39\.9825_254\.012_38\.9124V38\.8151ZM282\.438_44\.1656C280\.811_43\.0469_278\.705_42\.5118_276\.025_42\.5118C269\.039_42\.5118_263\.248_46\.9381_263\.248_54\.5747C263\.248_62\.0168_268\.273_66\.5404_276\.025_66\.5404C280\.523_66\.5404_283\.443_68\.4374_283\.443_71\.7449C283\.443_74\.9552_279\.949_76\.6576_275\.929_76\.6576C271\.718_76\.609_268\.321_74\.4688_268\.464_70\.8694H263\.535C263\.344_77\.5332_268\.177_81\.5217_275\.977_81\.5217C282\.82_81\.5217_288\.611_77\.9223_288\.611_71\.7449C288\.611_67\.9509_286\.553_65\.373_282\.39_63\.9624C286\.553_62\.3086_288\.659_58\.9524_288\.659_54\.5747C288\.659_51\.8509_287\.702_49\.4188_285\.787_47\.1327L288\.611_43\.7765L285\.022_40\.9553L282\.438_44\.1656ZM283\.73_54\.5747C283\.73_58\.8551_280\.476_61\.9195_276\.073_61\.9195C271\.575_61\.9195_268\.273_59\.1956_268\.273_54\.5747C268\.273_49\.8079_271\.718_47\.1813_276\.073_47\.1813C280\.38_47\.1813_283\.73_50\.0025_283\.73_54\.5747Z {
    d: M140.886 33.2214V67.2213H145.815V33.2214H140.886ZM152.371 43.2414V56.1312C152.371 63.2814 156.343 67.6105 162.324 67.6105C165.531 67.6105 168.21 66.3458 170.459 63.7192L170.747 67.27H175.197V43.2414H170.268V55.7421C170.268 59.8279 167.54 62.9896 163.712 62.9896C159.692 62.9896 157.3 60.2657 157.3 56.0826V43.2414H152.371ZM200.416 55.2071C200.416 59.8279 197.114 63.0382 192.903 63.0382C188.596 63.0382 185.438 59.9739 185.438 55.2071C185.438 50.3916 188.596 47.4245 192.903 47.4245C197.114 47.4245 200.416 50.6348 200.416 55.2071ZM200.751 33.2214V46.9868C199.268 44.3115 195.583 42.7064 192.424 42.7064C185.294 42.7064 180.461 47.2786 180.461 55.2071C180.461 62.9409 185.486 67.7077 192.52 67.7077C196.253 67.7077 198.933 66.2972 200.655 63.4274L200.942 67.2213H205.584V33.2214H200.751ZM227.262 43.1928L221.615 62.0654L215.777 43.1928H210.226L218.553 67.3186H224.295L227.071 59.3415L229.415 50.9753L231.712 59.3415L234.488 67.3186H240.23L248.509 43.1928H243.006L237.168 62.0654L231.521 43.1928H227.262ZM257.984 43.1442V67.2213H253.055V43.1442H257.984ZM254.012 38.8151C251.955 37.745 251.955 34.3888 254.012 33.3674C256.07 32.3459 258.606 33.5133 258.606 36.1399C258.606 38.7665 256.07 39.9825 254.012 38.9124V38.8151ZM282.438 44.1656C280.811 43.0469 278.705 42.5118 276.025 42.5118C269.039 42.5118 263.248 46.9381 263.248 54.5747C263.248 62.0168 268.273 66.5404 276.025 66.5404C280.523 66.5404 283.443 68.4374 283.443 71.7449C283.443 74.9552 279.949 76.6576 275.929 76.6576C271.718 76.609 268.321 74.4688 268.464 70.8694H263.535C263.344 77.5332 268.177 81.5217 275.977 81.5217C282.82 81.5217 288.611 77.9223 288.611 71.7449C288.611 67.9509 286.553 65.373 282.39 63.9624C286.553 62.3086 288.659 58.9524 288.659 54.5747C288.659 51.8509 287.702 49.4188 285.787 47.1327L288.611 43.7765L285.022 40.9553L282.438 44.1656ZM283.73 54.5747C283.73 58.8551 280.476 61.9195 276.073 61.9195C271.575 61.9195 268.273 59.1956 268.273 54.5747C268.273 49.8079 271.718 47.1813 276.073 47.1813C280.38 47.1813 283.73 50.0025 283.73 54.5747Z;
}

  .d_M295\.344_67\.3091V67\.2118C293\.235_66\.1419_293\.235_62\.7862_295\.344_61\.7649C297\.453_60\.7436_300\.003_61\.9108_300\.003_64\.537C300\.003_67\.1632_297\.453_68\.379_295\.344_67\.3091ZM324\.454_44\.1597L327\.103_40\.95L330\.781_43\.7707L327\.888_47\.1264C329\.849_49\.4121_330\.83_51\.8438_330\.83_54\.5672C330\.83_58\.9442_328\.672_62\.2999_324\.405_63\.9534C328\.672_65\.3638_330\.781_67\.9413_330\.781_71\.7347C330\.781_77\.9111_324\.847_81\.51_317\.833_81\.51C309\.838_81\.51_304\.884_77\.522_305\.08_70\.8593H310\.132C309\.985_74\.4582_313\.467_76\.598_317\.783_76\.6466C321\.904_76\.6466_325\.484_74\.9445_325\.484_71\.7347C325\.484_68\.4277_322\.492_66\.531_317\.882_66\.531C309\.936_66\.531_304\.786_62\.0081_304\.786_54\.5672C304\.786_46\.9318_310\.72_42\.5062_317\.882_42\.5062C320\.628_42\.5062_322\.786_43\.0412_324\.454_44\.1597ZM317\.931_47\.175C313\.467_47\.175_309\.936_49\.8012_309\.936_54\.5672C309\.936_59\.1874_313\.32_61\.9108_317\.931_61\.9108C322\.443_61\.9108_325\.778_58\.8469_325\.778_54\.5672C325\.778_49\.9957_322\.345_47\.175_317\.931_47\.175ZM336\.054_43\.2357H341\.106V56\.0748C341\.106_60\.2573_343\.559_62\.9807_347\.679_62\.9807C351\.603_62\.9807_354\.398_59\.8196_354\.398_55\.7344V43\.2357H359\.45V67\.2605H354\.889L354\.595_63\.7102C352\.289_66\.3364_349\.543_67\.6009_346\.256_67\.6009C340\.125_67\.6009_336\.054_63\.2725_336\.054_56\.1235V43\.2357ZM366\.342_43\.2357H371\.149L371\.492_46\.3969C372\.914_43\.9166_375\.269_42\.7007_378\.604_42\.7007C381\.057_42\.7007_383\.018_43\.3816_384\.539_44\.7433L382\.234_49\.1203C381\.007_48\.1476_379\.585_47\.6613_377\.917_47\.6613C374\.19_47\.6613_371\.394_49\.9957_371\.394_54\.2268V67\.2118H366\.342V43\.2357ZM387\.555_43\.2357H392\.608V56\.0748C392\.608_60\.2573_395\.06_62\.9807_399\.18_62\.9807C403\.104_62\.9807_405\.9_59\.8196_405\.9_55\.7344V43\.2357H410\.952V67\.2605H406\.39L406\.096_63\.7102C403\.791_66\.3364_401\.044_67\.6009_397\.758_67\.6009C391\.627_67\.6009_387\.555_63\.2725_387\.555_56\.1235V43\.2357Z {
    d: M295.344 67.3091V67.2118C293.235 66.1419 293.235 62.7862 295.344 61.7649C297.453 60.7436 300.003 61.9108 300.003 64.537C300.003 67.1632 297.453 68.379 295.344 67.3091ZM324.454 44.1597L327.103 40.95L330.781 43.7707L327.888 47.1264C329.849 49.4121 330.83 51.8438 330.83 54.5672C330.83 58.9442 328.672 62.2999 324.405 63.9534C328.672 65.3638 330.781 67.9413 330.781 71.7347C330.781 77.9111 324.847 81.51 317.833 81.51C309.838 81.51 304.884 77.522 305.08 70.8593H310.132C309.985 74.4582 313.467 76.598 317.783 76.6466C321.904 76.6466 325.484 74.9445 325.484 71.7347C325.484 68.4277 322.492 66.531 317.882 66.531C309.936 66.531 304.786 62.0081 304.786 54.5672C304.786 46.9318 310.72 42.5062 317.882 42.5062C320.628 42.5062 322.786 43.0412 324.454 44.1597ZM317.931 47.175C313.467 47.175 309.936 49.8012 309.936 54.5672C309.936 59.1874 313.32 61.9108 317.931 61.9108C322.443 61.9108 325.778 58.8469 325.778 54.5672C325.778 49.9957 322.345 47.175 317.931 47.175ZM336.054 43.2357H341.106V56.0748C341.106 60.2573 343.559 62.9807 347.679 62.9807C351.603 62.9807 354.398 59.8196 354.398 55.7344V43.2357H359.45V67.2605H354.889L354.595 63.7102C352.289 66.3364 349.543 67.6009 346.256 67.6009C340.125 67.6009 336.054 63.2725 336.054 56.1235V43.2357ZM366.342 43.2357H371.149L371.492 46.3969C372.914 43.9166 375.269 42.7007 378.604 42.7007C381.057 42.7007 383.018 43.3816 384.539 44.7433L382.234 49.1203C381.007 48.1476 379.585 47.6613 377.917 47.6613C374.19 47.6613 371.394 49.9957 371.394 54.2268V67.2118H366.342V43.2357ZM387.555 43.2357H392.608V56.0748C392.608 60.2573 395.06 62.9807 399.18 62.9807C403.104 62.9807 405.9 59.8196 405.9 55.7344V43.2357H410.952V67.2605H406.39L406.096 63.7102C403.791 66.3364 401.044 67.6009 397.758 67.6009C391.627 67.6009 387.555 63.2725 387.555 56.1235V43.2357Z;
}

  .d_M0_120\.219V153\.853H4\.94875V120\.219H0ZM11\.5311_130\.131V142\.883C11\.5311_149\.956_15\.5189_154\.238_21\.5247_154\.238C24\.7437_154\.238_27\.4343_152\.987_29\.6925_150\.389L29\.9808_153\.901H34\.4491V130\.131H29\.5003V142\.498C29\.5003_146\.539_26\.7617_149\.667_22\.918_149\.667C18\.8821_149\.667_16\.4798_146\.973_16\.4798_142\.834V130\.131H11\.5311ZM59\.7693_141\.968C59\.7693_146\.539_56\.4542_149\.715_52\.2261_149\.715C47\.902_149\.715_44\.7309_146\.684_44\.7309_141\.968C44\.7309_137\.205_47\.902_134\.269_52\.2261_134\.269C56\.4542_134\.269_59\.7693_137\.445_59\.7693_141\.968ZM60\.1057_120\.219V133\.836C58\.6162_131\.19_54\.9167_129\.602_51\.7456_129\.602C44\.5868_129\.602_39\.7341_134\.125_39\.7341_141\.968C39\.7341_149\.619_44\.779_154\.335_51\.8417_154\.335C55\.5893_154\.335_58\.2799_152\.939_60\.0096_150\.1L60\.2978_153\.853H64\.9583V120\.219H60\.1057ZM86\.7232_130\.083L81\.0538_148\.753L75\.1921_130\.083H69\.6188L77\.9788_153\.95H83\.7443L86\.531_146\.058L88\.8853_137\.782L91\.1915_146\.058L93\.9782_153\.95H99\.7437L108\.056_130\.083H102\.53L96\.6687_148\.753L90\.9993_130\.083H86\.7232ZM117\.569_130\.035V153\.853H112\.62V130\.035H117\.569ZM113\.581_125\.753C111\.515_124\.694_111\.515_121\.374_113\.581_120\.363C115\.647_119\.353_118\.193_120\.508_118\.193_123\.106C118\.193_125\.704_115\.647_126\.907_113\.581_125\.849V125\.753ZM142\.12_131\.046C140\.487_129\.939_138\.373_129\.41_135\.682_129\.41C128\.667_129\.41_122\.854_133\.788_122\.854_141\.343C122\.854_148\.705_127\.899_153\.18_135\.682_153\.18C140\.199_153\.18_143\.129_155\.056_143\.129_158\.328C143\.129_161\.504_139\.622_163\.188_135\.586_163\.188C131\.358_163\.14_127\.947_161\.023_128\.091_157\.462H123\.142C122\.95_164\.054_127\.803_168_135\.634_168C142\.505_168_148\.318_164\.439_148\.318_158\.328C148\.318_154\.575_146\.252_152\.025_142\.072_150\.629C146\.252_148\.993_148\.366_145\.673_148\.366_141\.343C148\.366_138\.648_147\.405_136\.242_145\.484_133\.981L148\.318_130\.661L144\.715_127\.87L142\.12_131\.046ZM143\.418_141\.343C143\.418_145\.577_140\.15_148\.609_135\.73_148\.609C131\.214_148\.609_127\.899_145\.914_127\.899_141\.343C127\.899_136\.627_131\.358_134\.029_135\.73_134\.029C140\.054_134\.029_143\.418_136\.82_143\.418_141\.343Z {
    d: M0 120.219V153.853H4.94875V120.219H0ZM11.5311 130.131V142.883C11.5311 149.956 15.5189 154.238 21.5247 154.238C24.7437 154.238 27.4343 152.987 29.6925 150.389L29.9808 153.901H34.4491V130.131H29.5003V142.498C29.5003 146.539 26.7617 149.667 22.918 149.667C18.8821 149.667 16.4798 146.973 16.4798 142.834V130.131H11.5311ZM59.7693 141.968C59.7693 146.539 56.4542 149.715 52.2261 149.715C47.902 149.715 44.7309 146.684 44.7309 141.968C44.7309 137.205 47.902 134.269 52.2261 134.269C56.4542 134.269 59.7693 137.445 59.7693 141.968ZM60.1057 120.219V133.836C58.6162 131.19 54.9167 129.602 51.7456 129.602C44.5868 129.602 39.7341 134.125 39.7341 141.968C39.7341 149.619 44.779 154.335 51.8417 154.335C55.5893 154.335 58.2799 152.939 60.0096 150.1L60.2978 153.853H64.9583V120.219H60.1057ZM86.7232 130.083L81.0538 148.753L75.1921 130.083H69.6188L77.9788 153.95H83.7443L86.531 146.058L88.8853 137.782L91.1915 146.058L93.9782 153.95H99.7437L108.056 130.083H102.53L96.6687 148.753L90.9993 130.083H86.7232ZM117.569 130.035V153.853H112.62V130.035H117.569ZM113.581 125.753C111.515 124.694 111.515 121.374 113.581 120.363C115.647 119.353 118.193 120.508 118.193 123.106C118.193 125.704 115.647 126.907 113.581 125.849V125.753ZM142.12 131.046C140.487 129.939 138.373 129.41 135.682 129.41C128.667 129.41 122.854 133.788 122.854 141.343C122.854 148.705 127.899 153.18 135.682 153.18C140.199 153.18 143.129 155.056 143.129 158.328C143.129 161.504 139.622 163.188 135.586 163.188C131.358 163.14 127.947 161.023 128.091 157.462H123.142C122.95 164.054 127.803 168 135.634 168C142.505 168 148.318 164.439 148.318 158.328C148.318 154.575 146.252 152.025 142.072 150.629C146.252 148.993 148.366 145.673 148.366 141.343C148.366 138.648 147.405 136.242 145.484 133.981L148.318 130.661L144.715 127.87L142.12 131.046ZM143.418 141.343C143.418 145.577 140.15 148.609 135.73 148.609C131.214 148.609 127.899 145.914 127.899 141.343C127.899 136.627 131.358 134.029 135.73 134.029C140.054 134.029 143.418 136.82 143.418 141.343Z;
}

  .d_M153\.964_153\.995V153\.899C151\.847_152\.844_151\.847_149\.535_153\.964_148\.528C156\.081_147\.52_158\.641_148\.671_158\.641_151\.261C158\.641_153\.851_156\.081_155\.05_153\.964_153\.995V153\.995ZM183\.182_131\.165L185\.841_128L189\.533_130\.782L186\.628_134\.091C188\.598_136\.345_189\.582_138\.743_189\.582_141\.429C189\.582_145\.746_187\.416_149\.055_183\.133_150\.686C187\.416_152\.077_189\.533_154\.619_189\.533_158\.36C189\.533_164\.451_183\.576_168_176\.536_168C168\.511_168_163\.539_164\.067_163\.736_157\.496H168\.807C168\.659_161\.046_172\.155_163\.156_176\.487_163\.204C180\.622_163\.204_184\.216_161\.525_184\.216_158\.36C184\.216_155\.098_181\.213_153\.228_176\.585_153\.228C168\.61_153\.228_163\.441_148\.767_163\.441_141\.429C163\.441_133\.899_169\.398_129\.535_176\.585_129\.535C179\.342_129\.535_181\.508_130\.062_183\.182_131\.165V131\.165ZM176\.635_134\.139C172\.155_134\.139_168\.61_136\.729_168\.61_141\.429C168\.61_145\.986_172\.007_148\.671_176\.635_148\.671C181\.164_148\.671_184\.511_145\.65_184\.511_141\.429C184\.511_136\.921_181\.065_134\.139_176\.635_134\.139V134\.139ZM194\.825_130\.254H199\.896V142\.916C199\.896_147\.041_202\.357_149\.727_206\.493_149\.727C210\.431_149\.727_213\.237_146\.609_213\.237_142\.58V130\.254H218\.308V153\.947H213\.73L213\.434_150\.446C211\.12_153\.036_208\.364_154\.283_205\.065_154\.283C198\.911_154\.283_194\.825_150\.014_194\.825_142\.964V130\.254ZM225\.225_130\.254H230\.049L230\.394_133\.372C231\.822_130\.926_234\.185_129\.727_237\.533_129\.727C239\.994_129\.727_241\.963_130\.398_243\.489_131\.741L241\.176_136\.058C239\.945_135\.098_238\.517_134\.619_236\.843_134\.619C233\.102_134\.619_230\.296_136\.921_230\.296_141\.094V153\.899H225\.225V130\.254ZM246\.517_130\.254H251\.588V142\.916C251\.588_147\.041_254\.049_149\.727_258\.185_149\.727C262\.123_149\.727_264\.929_146\.609_264\.929_142\.58V130\.254H270V153\.947H265\.422L265\.126_150\.446C262\.812_153\.036_260\.055_154\.283_256\.757_154\.283C250\.603_154\.283_246\.517_150\.014_246\.517_142\.964V130\.254Z {
    d: M153.964 153.995V153.899C151.847 152.844 151.847 149.535 153.964 148.528C156.081 147.52 158.641 148.671 158.641 151.261C158.641 153.851 156.081 155.05 153.964 153.995V153.995ZM183.182 131.165L185.841 128L189.533 130.782L186.628 134.091C188.598 136.345 189.582 138.743 189.582 141.429C189.582 145.746 187.416 149.055 183.133 150.686C187.416 152.077 189.533 154.619 189.533 158.36C189.533 164.451 183.576 168 176.536 168C168.511 168 163.539 164.067 163.736 157.496H168.807C168.659 161.046 172.155 163.156 176.487 163.204C180.622 163.204 184.216 161.525 184.216 158.36C184.216 155.098 181.213 153.228 176.585 153.228C168.61 153.228 163.441 148.767 163.441 141.429C163.441 133.899 169.398 129.535 176.585 129.535C179.342 129.535 181.508 130.062 183.182 131.165V131.165ZM176.635 134.139C172.155 134.139 168.61 136.729 168.61 141.429C168.61 145.986 172.007 148.671 176.635 148.671C181.164 148.671 184.511 145.65 184.511 141.429C184.511 136.921 181.065 134.139 176.635 134.139V134.139ZM194.825 130.254H199.896V142.916C199.896 147.041 202.357 149.727 206.493 149.727C210.431 149.727 213.237 146.609 213.237 142.58V130.254H218.308V153.947H213.73L213.434 150.446C211.12 153.036 208.364 154.283 205.065 154.283C198.911 154.283 194.825 150.014 194.825 142.964V130.254ZM225.225 130.254H230.049L230.394 133.372C231.822 130.926 234.185 129.727 237.533 129.727C239.994 129.727 241.963 130.398 243.489 131.741L241.176 136.058C239.945 135.098 238.517 134.619 236.843 134.619C233.102 134.619 230.296 136.921 230.296 141.094V153.899H225.225V130.254ZM246.517 130.254H251.588V142.916C251.588 147.041 254.049 149.727 258.185 149.727C262.123 149.727 264.929 146.609 264.929 142.58V130.254H270V153.947H265.422L265.126 150.446C262.812 153.036 260.055 154.283 256.757 154.283C250.603 154.283 246.517 150.014 246.517 142.964V130.254Z;
}

  .d_M170_30\.272C172\.282_30\.5637_173\.649_31\.0863_175\.024_31\.8214C177\.246_33\.0098_178\.99_34\.7538_180\.179_36\.9761C181\.367_39\.1983_182_41\.4025_182_47\.481V78\.519C182_84\.5975_181\.367_86\.8017_180\.179_89\.0239C178\.99_91\.2462_177\.246_92\.9902_175\.024_94\.1786C172\.802_95\.3671_170\.598_96_164\.519_96H103\.481C97\.4025_96_95\.1983_95\.3671_92\.9761_94\.1786C90\.7538_92\.9902_89\.0098_91\.2462_87\.8214_89\.0239C86\.6329_86\.8017_86_84\.5975_86_78\.519V47\.481C86_41\.4025_86\.6329_39\.1983_87\.8214_36\.9761C89\.0098_34\.7538_90\.7538_33\.0098_92\.9761_31\.8214C94\.5962_30\.9549_96\.2067_30\.3838_99\.316_30\.1379L99\.1401_29\.7872C98\.3942_28\.1836_98_26\.3059_98_22\.0152V0H156\.015C160\.878_0_162\.641_0\.506322_164\.419_1\.45709C166\.197_2\.40785_167\.592_3\.80306_168\.543_5\.58084L168\.86_6\.21277C169\.606_7\.81643_170_9\.6941_170_13\.9848V30\.272ZM118_48C118_51\.315_120\.685_54_124_54C127\.315_54_130_51\.315_130_48C130_44\.685_127\.315_42_124_42C120\.685_42_118_44\.685_118_48ZM120_66C120_62\.685_117\.315_60_114_60C110\.685_60_108_62\.685_108_66C108_69\.315_110\.685_72_114_72C117\.315_72_120_69\.315_120_66ZM134_60C130\.685_60_128_62\.685_128_66C128_69\.315_130\.685_72_134_72C137\.315_72_140_69\.315_140_66C140_62\.685_137\.315_60_134_60ZM138_48C138_51\.315_140\.685_54_144_54C147\.315_54_150_51\.315_150_48C150_44\.685_147\.315_42_144_42C140\.685_42_138_44\.685_138_48ZM154_60C150\.685_60_148_62\.685_148_66C148_69\.315_150\.685_72_154_72C157\.315_72_160_69\.315_160_66C160_62\.685_157\.315_60_154_60ZM158_48C158_51\.315_160\.685_54_164_54C167\.315_54_170_51\.315_170_48C170_44\.685_167\.315_42_164_42C160\.685_42_158_44\.685_158_48ZM98_48C98_51\.315_100\.685_54_104_54C107\.315_54_110_51\.315_110_48C110_44\.685_107\.315_42_104_42C100\.685_42_98_44\.685_98_48ZM165\.846_87C168\.139_87_170_84\.984_170_82\.5C170_80\.016_168\.139_78_165\.846_78H102\.154C99\.8609_78_98_80\.016_98_82\.5C98_84\.984_99\.8609_87_102\.154_87H165\.846ZM167_33V13\.9848L166\.986_12\.6042C166\.92_9\.63294_166\.612_8\.3312_165\.897_6\.99564C165\.226_5\.74067_164\.259_4\.77369_163\.004_4\.10253C161\.478_3\.28622_159\.996_3_156\.015_3H101V22\.0152L101\.014_23\.3958C101\.08_26\.3671_101\.388_27\.6688_102\.103_29\.0044C102\.774_30\.2593_103\.741_31\.2263_104\.996_31\.8975C106\.331_32\.6117_107\.633_32\.9202_110\.604_32\.9861L111\.985_33H167ZM110_15V12H158V15H110ZM110_24V21H158V24H110Z {
    d: M170 30.272C172.282 30.5637 173.649 31.0863 175.024 31.8214C177.246 33.0098 178.99 34.7538 180.179 36.9761C181.367 39.1983 182 41.4025 182 47.481V78.519C182 84.5975 181.367 86.8017 180.179 89.0239C178.99 91.2462 177.246 92.9902 175.024 94.1786C172.802 95.3671 170.598 96 164.519 96H103.481C97.4025 96 95.1983 95.3671 92.9761 94.1786C90.7538 92.9902 89.0098 91.2462 87.8214 89.0239C86.6329 86.8017 86 84.5975 86 78.519V47.481C86 41.4025 86.6329 39.1983 87.8214 36.9761C89.0098 34.7538 90.7538 33.0098 92.9761 31.8214C94.5962 30.9549 96.2067 30.3838 99.316 30.1379L99.1401 29.7872C98.3942 28.1836 98 26.3059 98 22.0152V0H156.015C160.878 0 162.641 0.506322 164.419 1.45709C166.197 2.40785 167.592 3.80306 168.543 5.58084L168.86 6.21277C169.606 7.81643 170 9.6941 170 13.9848V30.272ZM118 48C118 51.315 120.685 54 124 54C127.315 54 130 51.315 130 48C130 44.685 127.315 42 124 42C120.685 42 118 44.685 118 48ZM120 66C120 62.685 117.315 60 114 60C110.685 60 108 62.685 108 66C108 69.315 110.685 72 114 72C117.315 72 120 69.315 120 66ZM134 60C130.685 60 128 62.685 128 66C128 69.315 130.685 72 134 72C137.315 72 140 69.315 140 66C140 62.685 137.315 60 134 60ZM138 48C138 51.315 140.685 54 144 54C147.315 54 150 51.315 150 48C150 44.685 147.315 42 144 42C140.685 42 138 44.685 138 48ZM154 60C150.685 60 148 62.685 148 66C148 69.315 150.685 72 154 72C157.315 72 160 69.315 160 66C160 62.685 157.315 60 154 60ZM158 48C158 51.315 160.685 54 164 54C167.315 54 170 51.315 170 48C170 44.685 167.315 42 164 42C160.685 42 158 44.685 158 48ZM98 48C98 51.315 100.685 54 104 54C107.315 54 110 51.315 110 48C110 44.685 107.315 42 104 42C100.685 42 98 44.685 98 48ZM165.846 87C168.139 87 170 84.984 170 82.5C170 80.016 168.139 78 165.846 78H102.154C99.8609 78 98 80.016 98 82.5C98 84.984 99.8609 87 102.154 87H165.846ZM167 33V13.9848L166.986 12.6042C166.92 9.63294 166.612 8.3312 165.897 6.99564C165.226 5.74067 164.259 4.77369 163.004 4.10253C161.478 3.28622 159.996 3 156.015 3H101V22.0152L101.014 23.3958C101.08 26.3671 101.388 27.6688 102.103 29.0044C102.774 30.2593 103.741 31.2263 104.996 31.8975C106.331 32.6117 107.633 32.9202 110.604 32.9861L111.985 33H167ZM110 15V12H158V15H110ZM110 24V21H158V24H110Z;
}

  .bx-sh_unset {
    box-shadow: unset;
}

  .direction_column {
    direction: column;
}

  .bg_linear-gradient\(90deg\,_\#f0f0f0_25\%\,_\#e0e0e0_50\%\,_\#f0f0f0_75\%\) {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
}

  .anim_loadingAnimation_1\.5s_infinite {
    animation: loadingAnimation 1.5s infinite;
}

  .bg_\#e0edff {
    background: #e0edff;
}

  .flex_1_1 {
    flex: 1 1;
}

  .flex_1_0_220px {
    flex: 1 0 220px;
}

  .ms_ms {
    margin-inline-start: var(--spacing-ms);
}

  .h_21px {
    height: 21px;
}

  .min-h_21px {
    min-height: 21px;
}

  .bdr_10px {
    border-radius: 10px;
}

  .trs_background-color_0\.3s {
    transition: background-color 0.3s;
}

  .fill_none {
    fill: none;
}

  .min-h_54px {
    min-height: 54px;
}

  .max-h_auto {
    max-height: auto;
}

  .min-h_fit-content {
    min-height: fit-content;
}

  .max-h_90vh {
    max-height: 90vh;
}

  .z_6 {
    z-index: 6;
}

  .bdr-t_md {
    border-top-left-radius: var(--radii-md);
    border-top-right-radius: var(--radii-md);
}

  .bdr-b_md {
    border-bottom-left-radius: var(--radii-md);
    border-bottom-right-radius: var(--radii-md);
}

  .max-h_100vh {
    max-height: 100vh;
}

  .bg_\#000 {
    background: #000;
}

  .op_0\.5 {
    opacity: 0.5;
}

  .w_100vw {
    width: 100vw;
}

  .h_100vh {
    height: 100vh;
}

  .z_4 {
    z-index: 4;
}

  .fill_white {
    fill: var(--colors-white);
}

  .bdr_50px {
    border-radius: 50px;
}

  .ms_xl {
    margin-inline-start: var(--spacing-xl);
}

  .flex_1_0_100\% {
    flex: 1 0 100%;
}

  .c_greys\.500 {
    color: greys.500;
}

  .p_0\.5em_1em {
    padding: 0.5em 1em;
}

  .duration_0\.3 {
    duration: 0.3px;
}

  .\--thickness_1px {
    --thickness: 1px;
}

  .m_0_-0\.4em_0_0\.5em {
    margin: 0 -0.4em 0 0.5em;
}

  .mx_0\.25em {
    margin-inline: 0.25em;
}

  .mx_0 {
    margin-inline: var(--spacing-0);
}

  .w_1em {
    width: 1em;
}

  .h_1em {
    height: 1em;
}

  .bd_smoke\.100 {
    border: smoke.100;
}

  .bx-sh_shadow_16 {
    box-shadow: shadow_16;
}

  .mx_0\.5em {
    margin-inline: 0.5em;
}

  .c_black\.500 {
    color: black.500;
}

  .ring_none {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

  .bd_none {
    border: none;
}

  .w_1\.4em {
    width: 1.4em;
}

  .h_1\.4em {
    height: 1.4em;
}

  .duration_0\.4 {
    duration: 0.4px;
}

  .ease_easeInOut {
    ease: easeInOut;
}

  .px_1em {
    padding-inline: 1em;
}

  .pos_popup {
    position: popup;
}

  .max-w_980px {
    max-width: 980px;
}

  .mx_auto {
    margin-inline: auto;
}

  .min-w_220px {
    min-width: 220px;
}

  .w_14px {
    width: 14px;
}

  .h_14px {
    height: 14px;
}

  .w_146px {
    width: 146px;
}

  .bx-sh_shadow_06 {
    box-shadow: shadow_06;
}

  .bdr_4em_0_0_4em\! {
    border-radius: 4em 0 0 4em !important;
}

  .max-w_initial {
    max-width: initial;
}

  .z_0 {
    z-index: 0;
}

  .type_tween {
    type: tween;
}

  .max-w_600px {
    max-width: 600px;
}

  .w_980px {
    width: 980px;
}

  .z_200 {
    z-index: 200;
}

  .duration_0\.05 {
    duration: 0.05px;
}

  .w_34px {
    width: 34px;
}

  .bdr_0px_0px_24px_24px\; {
    border-radius: 0px 0px 24px 24px;;
}

  .gap_12px {
    gap: 12px;
}

  .w_48px {
    width: 48px;
}

  .max-h_-webkit-fill-available {
    max-height: -webkit-fill-available;
}

  .h_97px {
    height: 97px;
}

  .w_calc\(_100\%_-_32px\) {
    width: calc( 100% - 32px);
}

  .bd-t_1px_solid {
    border-top: 1px solid;
}

  .min-h_72px {
    min-height: 72px;
}

  .bdr_4px {
    border-radius: 4px;
}

  .my_xs {
    margin-block: var(--spacing-xs);
}

  .c_\#FF6A3C {
    color: #FF6A3C;
}

  .w_50\% {
    width: 50%;
}

  .min-h_210px {
    min-height: 210px;
}

  .max-h_210px {
    max-height: 210px;
}

  .gap_unset {
    gap: unset;
}

  .max-w_640px {
    max-width: 640px;
}

  .gap_ml {
    gap: var(--spacing-ml);
}

  .bg_rgba\(255\,_243\,_240\,_1\) {
    background: rgba(255, 243, 240, 1);
}

  .bd_1px_solid_rgba\(255\,_152\,_107\,_1\) {
    border: 1px solid rgba(255, 152, 107, 1);
}

  .my_lg {
    margin-block: var(--spacing-lg);
}

  .max-w_976px {
    max-width: 976px;
}

  .max-w_700px {
    max-width: 700px;
}

  .bd-b_1px_solid_rgba\(232\,_232\,_232\,_1\) {
    border-bottom: 1px solid rgba(232, 232, 232, 1);
}

  .bg_\#fff3f0ff {
    background: #fff3f0ff;
}

  .bd_1px_solid_\#ffccc3ff {
    border: 1px solid #ffccc3ff;
}

  .max-w_557px {
    max-width: 557px;
}

  .w_182px {
    width: 182px;
}

  .h_105px {
    height: 105px;
}

  .__space-around {_: space-around;
}

  .grid-g_md {
    grid-gap: var(--spacing-md);
}

  .__smoke\.200 {_: smoke.200;
}

  .__hidden {_: hidden;
}

  .ms_visible {
    margin-inline-start: visible;
}

  .ms_auto {
    margin-inline-start: auto;
}

  .ms_hidden {
    margin-inline-start: hidden;
}

  .__sticky {_: sticky;
}

  .ms_relative {
    margin-inline-start: relative;
}

  .__smoke\.500 {_: smoke.500;
}

  .bg_rgba\(251\,_251\,_251\,_1\) {
    background: rgba(251, 251, 251, 1);
}

  .bg_\#33608e {
    background: #33608e;
}

  .c_\#33608e {
    color: #33608e;
}

  .my_8px {
    margin-block: 8px;
}

  .h_24px {
    height: 24px;
}

  .w_160px {
    width: 160px;
}

  .bd_1px_solid_\#ccc {
    border: 1px solid #ccc;
}

  .max-w_550px {
    max-width: 550px;
}

  .bdr_16px_16px_0px_0px {
    border-radius: 16px 16px 0px 0px;
}

  .bdr_0px_0px_16px_16px {
    border-radius: 0px 0px 16px 16px;
}

  .w_1100px {
    width: 1100px;
}

  .py_0 {
    padding-block: var(--spacing-0);
}

  .min-h_148px {
    min-height: 148px;
}

  .w_130px {
    width: 130px;
}

  .h_65px {
    height: 65px;
}

  .c_0 {
    color: 0;
}

  .h_27px {
    height: 27px;
}

  .w_28px {
    width: 28px;
}

  .h_28px {
    height: 28px;
}

  .td_none {
    text-decoration: none;
}

  .bd-t_1px_solid_rgba\(0\,0\,0\,0\.12\) {
    border-top: 1px solid rgba(0,0,0,0.12);
}

  .min-w_100\% {
    min-width: 100%;
}

  .w_170 {
    width: 170px;
}

  .p_8px {
    padding: 8px;
}

  .w_95px {
    width: 95px;
}

  .bg_linear-gradient\(to_bottom\,_\#fbfbfbff_\,_transparent\) {
    background: linear-gradient(to bottom, #fbfbfbff , transparent);
}

  .bdr_0_0_12px_12px {
    border-radius: 0 0 12px 12px;
}

  .bx-sh_ms {
    box-shadow: ms;
}

  .px_mdl {
    padding-inline: var(--spacing-mdl);
}

  .pointer-events_initial {
    pointer-events: initial;
}

  .bg_\#ffffffdb {
    background: #ffffffdb;
}

  .bkdp_blur\(1px\) {
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
}

  .bkdp_none {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

  .z_15 {
    z-index: 15;
}

  .min-h_79px {
    min-height: 79px;
}

  .p_2px\! {
    padding: 2px !important;
}

  .pos_input-lang {
    position: input-lang;
}

  .w_500px {
    width: 500px;
}

  .h_258px {
    height: 258px;
}

  .fill_\#E5F0FF {
    fill: #E5F0FF;
}

  .stk_\#2683FF {
    stroke: #2683FF;
}

  .num_blue\.500 {
    num: blue.500;
}

  .fill-sm_\#93C1FF {
    fill-sm: #93C1FF;
}

  .max-w_280px {
    max-width: 280px;
}

  .w_131px {
    width: 131px;
}

  .h_132px {
    height: 132px;
}

  .max-w_130px {
    max-width: 130px;
}

  .w_24px {
    width: 24px;
}

  .h_88px {
    height: 88px;
}

  .w_170px {
    width: 170px;
}

  .px_50px {
    padding-inline: 50px;
}

  .py_10px {
    padding-block: 10px;
}

  .m_8px_20px_20px {
    margin: 8px 20px 20px;
}

  .bx-sh_0px_2px_4px_rgba\(0\,_0\,_0\,_0\.01\)\,_0px_3px_4px_rgba\(0\,_0\,_0\,_0\.02\)\,_0px_1px_4px_rgba\(0\,_0\,_0\,_0\.04\) {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.01), 0px 3px 4px rgba(0, 0, 0, 0.02), 0px 1px 4px rgba(0, 0, 0, 0.04);
}

  .bd_1px_solid_black {
    border: 1px solid black;
}

  .w_36px {
    width: 36px;
}

  .mx_20px {
    margin-inline: 20px;
}

  .flex_50\% {
    flex: 50%;
}

  .px_20px {
    padding-inline: 20px;
}

  .h_38px {
    height: 38px;
}

  .bdr_1em {
    border-radius: 1em;
}

  .c_\#8f8f8fff {
    color: #8f8f8fff;
}

  .p_12px {
    padding: 12px;
}

  .h_15px {
    height: 15px;
}

  .w_15px {
    width: 15px;
}

  .h_80px {
    height: 80px;
}

  .__center {_: center;
}

  .my_auto {
    margin-block: auto;
}

  .h_200px {
    height: 200px;
}

  .max-h_120px {
    max-height: 120px;
}

  .c_dropDown {
    color: dropDown;
}

  .p_1em {
    padding: 1em;
}

  .duration_0\.25 {
    duration: 0.25px;
}

  .flex_0_1_2em {
    flex: 0 1 2em;
}

  .pos_tools {
    position: tools;
}

  .bx-sh_darkShadow {
    box-shadow: darkShadow;
}

  .p_0_4px {
    padding: 0 4px;
}

  .vis_hidden {
    visibility: hidden;
}

  .pos_sentence-0 {
    position: sentence-0;
}

  .d_inline-block {
    display: inline-block;
}

  .p_2px_2px {
    padding: 2px 2px;
}

  .m_0px {
    margin: 0px;
}

  .c_inherit {
    color: inherit;
}

  .trs_all_0\.2s_ease {
    transition: all 0.2s ease;
}

  .p_0\.5em {
    padding: 0.5em;
}

  .duration_0\.15 {
    duration: 0.15px;
}

  .flex_true {
    flex: true;
}

  .min-h_inherit {
    min-height: inherit;
}

  .px_1 {
    padding-inline: var(--spacing-1);
}

  .py_1 {
    padding-block: var(--spacing-1);
}

  .w_18px {
    width: 18px;
}

  .h_18px {
    height: 18px;
}

  .bd-b_alphaGray {
    border-bottom: alphaGray;
}

  .bd_2px_solid_coral\.500 {
    border: 2px solid coral.500;
}

  .gap_30px {
    gap: 30px;
}

  .p_0 {
    padding: var(--spacing-0);
}

  .h_60px {
    height: 60px;
}

  .w_80\% {
    width: 80%;
}

  .bdr_3em {
    border-radius: 3em;
}

  .w_8\% {
    width: 8%;
}

  .min-h_80px {
    min-height: 80px;
}

  .bg_smoke\.30 {
    background: smoke.30;
}

  .h_120px {
    height: 120px;
}

  .c_secondaryLight {
    color: secondaryLight;
}

  .min-w_120px {
    min-width: 120px;
}

  .min-w_84px {
    min-width: 84px;
}

  .min-w_18px {
    min-width: 18px;
}

  .p_1px_3px {
    padding: 1px 3px;
}

  .w_960px {
    width: 960px;
}

  .w_100vh {
    width: 100vh;
}

  .grid-area_main {
    grid-area: main;
}

  .min-h_100\% {
    min-height: 100%;
}

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

  .px_5 {
    padding-inline: var(--spacing-5);
}

  .c_gray\.500 {
    color: gray.500;
}

  .bg_gray\.100 {
    background: gray.100;
}

  .bg_alphaGray {
    background: alphaGray;
}

  .max-w_fit-content {
    max-width: fit-content;
}

  .bdr_0\.2em {
    border-radius: 0.2em;
}

  .z_1000 {
    z-index: 1000;
}

  .bg_rgba\(0\,0\,0\,0\.14\) {
    background: rgba(0,0,0,0.14);
}

  .w_640px {
    width: 640px;
}

  .max-h_450px {
    max-height: 450px;
}

  .w_700px {
    width: 700px;
}

  .bx-sh_small {
    box-shadow: small;
}

  .w_max-content {
    width: max-content;
}

  .max-w_350px {
    max-width: 350px;
}

  .max-w_8xl {
    max-width: var(--sizes-8xl);
}

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

  .bg_rgba\(0\,0\,0\,0\.42\) {
    background: rgba(0,0,0,0.42);
}

  .z_1000000 {
    z-index: 1000000;
}

  .max-w_0 {
    max-width: 0;
}

  .min-h_180px {
    min-height: 180px;
}

  .max-w_calc\(100\%_-_2em_-_10vw\) {
    max-width: calc(100% - 2em - 10vw);
}

  .pos_0 {
    position: 0;
}

  .h_0 {
    height: 0;
}

  .bd_1 {
    border: 1px;
}

  .bd-t_alphaGray {
    border-top: alphaGray;
}

  .stk-w_2 {
    stroke-width: 2;
}

  .c_primary\.900 {
    color: primary.900;
}

  .w_10px {
    width: 10px;
}

  .h_max-content {
    height: max-content;
}

  .bg_\#fbfbfbfa {
    background: #fbfbfbfa;
}

  .pos_top {
    position: top;
}

  .w_16 {
    width: 16px;
}

  .h_16 {
    height: 16px;
}

  .w_100 {
    width: 100px;
}

  .pos_left {
    position: left;
}

  .gap_0 {
    gap: var(--spacing-0);
}

  .h_650px {
    height: 650px;
}

  .w_true {
    width: true;
}

  .m_true {
    margin: true;
}

  .fs_none {
    font-size: var(--font-sizes-none);
}

  .fs_xxs {
    font-size: var(--font-sizes-xxs);
}

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

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

  .fs_ms {
    font-size: var(--font-sizes-ms);
}

  .fs_mds {
    font-size: var(--font-sizes-mds);
}

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

  .fs_mdl {
    font-size: var(--font-sizes-mdl);
}

  .fs_ml {
    font-size: var(--font-sizes-ml);
}

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

  .fs_xl {
    font-size: var(--font-sizes-xl);
}

  .fs_xxl {
    font-size: var(--font-sizes-xxl);
}

  .fs_xxxl {
    font-size: var(--font-sizes-xxxl);
}

  .bd-c_current {
    border-color: var(--colors-current);
}

  .bd-c_black {
    border-color: var(--colors-black);
}

  .bd-c_black\.a1 {
    border-color: var(--colors-black-a1);
}

  .bd-c_black\.a2 {
    border-color: var(--colors-black-a2);
}

  .bd-c_black\.a3 {
    border-color: var(--colors-black-a3);
}

  .bd-c_black\.a4 {
    border-color: var(--colors-black-a4);
}

  .bd-c_black\.a5 {
    border-color: var(--colors-black-a5);
}

  .bd-c_black\.a6 {
    border-color: var(--colors-black-a6);
}

  .bd-c_black\.a7 {
    border-color: var(--colors-black-a7);
}

  .bd-c_black\.a8 {
    border-color: var(--colors-black-a8);
}

  .bd-c_black\.a9 {
    border-color: var(--colors-black-a9);
}

  .bd-c_black\.a10 {
    border-color: var(--colors-black-a10);
}

  .bd-c_black\.a11 {
    border-color: var(--colors-black-a11);
}

  .bd-c_black\.a12 {
    border-color: var(--colors-black-a12);
}

  .bd-c_white {
    border-color: var(--colors-white);
}

  .bd-c_white\.a1 {
    border-color: var(--colors-white-a1);
}

  .bd-c_white\.a2 {
    border-color: var(--colors-white-a2);
}

  .bd-c_white\.a3 {
    border-color: var(--colors-white-a3);
}

  .bd-c_white\.a4 {
    border-color: var(--colors-white-a4);
}

  .bd-c_white\.a5 {
    border-color: var(--colors-white-a5);
}

  .bd-c_white\.a6 {
    border-color: var(--colors-white-a6);
}

  .bd-c_white\.a7 {
    border-color: var(--colors-white-a7);
}

  .bd-c_white\.a8 {
    border-color: var(--colors-white-a8);
}

  .bd-c_white\.a9 {
    border-color: var(--colors-white-a9);
}

  .bd-c_white\.a10 {
    border-color: var(--colors-white-a10);
}

  .bd-c_white\.a11 {
    border-color: var(--colors-white-a11);
}

  .bd-c_white\.a12 {
    border-color: var(--colors-white-a12);
}

  .bd-c_transparent {
    border-color: var(--colors-transparent);
}

  .bd-c_blue\.50 {
    border-color: var(--colors-blue\.50);
}

  .bd-c_blue\.100 {
    border-color: var(--colors-blue\.100);
}

  .bd-c_blue\.200 {
    border-color: var(--colors-blue\.200);
}

  .bd-c_blue\.300 {
    border-color: var(--colors-blue\.300);
}

  .bd-c_blue\.400 {
    border-color: var(--colors-blue\.400);
}

  .bd-c_blue\.500 {
    border-color: var(--colors-blue\.500);
}

  .bd-c_blue\.600 {
    border-color: var(--colors-blue\.600);
}

  .bd-c_blue\.700 {
    border-color: var(--colors-blue\.700);
}

  .bd-c_blue\.800 {
    border-color: var(--colors-blue\.800);
}

  .bd-c_blue\.900 {
    border-color: var(--colors-blue\.900);
}

  .bd-c_yellow\.50 {
    border-color: var(--colors-yellow\.50);
}

  .bd-c_yellow\.100 {
    border-color: var(--colors-yellow\.100);
}

  .bd-c_yellow\.200 {
    border-color: var(--colors-yellow\.200);
}

  .bd-c_yellow\.300 {
    border-color: var(--colors-yellow\.300);
}

  .bd-c_yellow\.400 {
    border-color: var(--colors-yellow\.400);
}

  .bd-c_yellow\.500 {
    border-color: var(--colors-yellow\.500);
}

  .bd-c_yellow\.600 {
    border-color: var(--colors-yellow\.600);
}

  .bd-c_yellow\.700 {
    border-color: var(--colors-yellow\.700);
}

  .bd-c_yellow\.800 {
    border-color: var(--colors-yellow\.800);
}

  .bd-c_yellow\.900 {
    border-color: var(--colors-yellow\.900);
}

  .bd-c_coral\.50 {
    border-color: var(--colors-coral\.50);
}

  .bd-c_coral\.100 {
    border-color: var(--colors-coral\.100);
}

  .bd-c_coral\.200 {
    border-color: var(--colors-coral\.200);
}

  .bd-c_coral\.300 {
    border-color: var(--colors-coral\.300);
}

  .bd-c_coral\.400 {
    border-color: var(--colors-coral\.400);
}

  .bd-c_coral\.500 {
    border-color: var(--colors-coral\.500);
}

  .bd-c_coral\.600 {
    border-color: var(--colors-coral\.600);
}

  .bd-c_coral\.700 {
    border-color: var(--colors-coral\.700);
}

  .bd-c_coral\.800 {
    border-color: var(--colors-coral\.800);
}

  .bd-c_coral\.900 {
    border-color: var(--colors-coral\.900);
}

  .bd-c_aqua\.50 {
    border-color: var(--colors-aqua\.50);
}

  .bd-c_aqua\.100 {
    border-color: var(--colors-aqua\.100);
}

  .bd-c_aqua\.200 {
    border-color: var(--colors-aqua\.200);
}

  .bd-c_aqua\.300 {
    border-color: var(--colors-aqua\.300);
}

  .bd-c_aqua\.400 {
    border-color: var(--colors-aqua\.400);
}

  .bd-c_aqua\.500 {
    border-color: var(--colors-aqua\.500);
}

  .bd-c_aqua\.600 {
    border-color: var(--colors-aqua\.600);
}

  .bd-c_aqua\.700 {
    border-color: var(--colors-aqua\.700);
}

  .bd-c_aqua\.800 {
    border-color: var(--colors-aqua\.800);
}

  .bd-c_aqua\.900 {
    border-color: var(--colors-aqua\.900);
}

  .bd-c_salmon\.50 {
    border-color: var(--colors-salmon\.50);
}

  .bd-c_salmon\.100 {
    border-color: var(--colors-salmon\.100);
}

  .bd-c_salmon\.200 {
    border-color: var(--colors-salmon\.200);
}

  .bd-c_salmon\.300 {
    border-color: var(--colors-salmon\.300);
}

  .bd-c_salmon\.400 {
    border-color: var(--colors-salmon\.400);
}

  .bd-c_salmon\.500 {
    border-color: var(--colors-salmon\.500);
}

  .bd-c_salmon\.600 {
    border-color: var(--colors-salmon\.600);
}

  .bd-c_salmon\.700 {
    border-color: var(--colors-salmon\.700);
}

  .bd-c_salmon\.800 {
    border-color: var(--colors-salmon\.800);
}

  .bd-c_salmon\.900 {
    border-color: var(--colors-salmon\.900);
}

  .bd-c_purple\.50 {
    border-color: var(--colors-purple\.50);
}

  .bd-c_purple\.100 {
    border-color: var(--colors-purple\.100);
}

  .bd-c_purple\.200 {
    border-color: var(--colors-purple\.200);
}

  .bd-c_purple\.300 {
    border-color: var(--colors-purple\.300);
}

  .bd-c_purple\.400 {
    border-color: var(--colors-purple\.400);
}

  .bd-c_purple\.500 {
    border-color: var(--colors-purple\.500);
}

  .bd-c_purple\.600 {
    border-color: var(--colors-purple\.600);
}

  .bd-c_purple\.700 {
    border-color: var(--colors-purple\.700);
}

  .bd-c_purple\.800 {
    border-color: var(--colors-purple\.800);
}

  .bd-c_purple\.900 {
    border-color: var(--colors-purple\.900);
}

  .bd-c_green\.50 {
    border-color: var(--colors-green\.50);
}

  .bd-c_green\.100 {
    border-color: var(--colors-green\.100);
}

  .bd-c_green\.200 {
    border-color: var(--colors-green\.200);
}

  .bd-c_green\.300 {
    border-color: var(--colors-green\.300);
}

  .bd-c_green\.400 {
    border-color: var(--colors-green\.400);
}

  .bd-c_green\.500 {
    border-color: var(--colors-green\.500);
}

  .bd-c_green\.600 {
    border-color: var(--colors-green\.600);
}

  .bd-c_green\.700 {
    border-color: var(--colors-green\.700);
}

  .bd-c_green\.800 {
    border-color: var(--colors-green\.800);
}

  .bd-c_green\.900 {
    border-color: var(--colors-green\.900);
}

  .bd-c_smoke\.50 {
    border-color: var(--colors-smoke\.50);
}

  .bd-c_smoke\.100 {
    border-color: var(--colors-smoke\.100);
}

  .bd-c_smoke\.200 {
    border-color: var(--colors-smoke\.200);
}

  .bd-c_smoke\.300 {
    border-color: var(--colors-smoke\.300);
}

  .bd-c_smoke\.400 {
    border-color: var(--colors-smoke\.400);
}

  .bd-c_smoke\.500 {
    border-color: var(--colors-smoke\.500);
}

  .bd-c_smoke\.600 {
    border-color: var(--colors-smoke\.600);
}

  .bd-c_smoke\.700 {
    border-color: var(--colors-smoke\.700);
}

  .bd-c_smoke\.800 {
    border-color: var(--colors-smoke\.800);
}

  .bd-c_smoke\.900 {
    border-color: var(--colors-smoke\.900);
}

  .bd-c_grey\.50 {
    border-color: var(--colors-grey\.50);
}

  .bd-c_grey\.100 {
    border-color: var(--colors-grey\.100);
}

  .bd-c_grey\.200 {
    border-color: var(--colors-grey\.200);
}

  .bd-c_grey\.300 {
    border-color: var(--colors-grey\.300);
}

  .bd-c_grey\.400 {
    border-color: var(--colors-grey\.400);
}

  .bd-c_grey\.500 {
    border-color: var(--colors-grey\.500);
}

  .bd-c_grey\.600 {
    border-color: var(--colors-grey\.600);
}

  .bd-c_grey\.700 {
    border-color: var(--colors-grey\.700);
}

  .bd-c_grey\.800 {
    border-color: var(--colors-grey\.800);
}

  .bd-c_grey\.900 {
    border-color: var(--colors-grey\.900);
}

  .bd-c_base\.white {
    border-color: var(--colors-base\.white);
}

  .bd-c_dark\.50 {
    border-color: var(--colors-dark\.50);
}

  .bd-c_dark\.100 {
    border-color: var(--colors-dark\.100);
}

  .bd-c_dark\.200 {
    border-color: var(--colors-dark\.200);
}

  .bd-c_dark\.300 {
    border-color: var(--colors-dark\.300);
}

  .bd-c_dark\.400 {
    border-color: var(--colors-dark\.400);
}

  .bd-c_dark\.500 {
    border-color: var(--colors-dark\.500);
}

  .bd-c_dark\.600 {
    border-color: var(--colors-dark\.600);
}

  .bd-c_dark\.700 {
    border-color: var(--colors-dark\.700);
}

  .bd-c_dark\.800 {
    border-color: var(--colors-dark\.800);
}

  .bd-c_dark\.900 {
    border-color: var(--colors-dark\.900);
}

  .bd-c_base\.black {
    border-color: var(--colors-base\.black);
}

  .bd-c_background-third {
    border-color: var(--colors-background-third);
}

  .bd-c_background-fifth {
    border-color: var(--colors-background-fifth);
}

  .bd-c_background-primary {
    border-color: var(--colors-background-primary);
}

  .bd-c_background-secondary {
    border-color: var(--colors-background-secondary);
}

  .bd-c_background-news-primary {
    border-color: var(--colors-background-news-primary);
}

  .bd-c_background-news-secondary {
    border-color: var(--colors-background-news-secondary);
}

  .bd-c_background-forth {
    border-color: var(--colors-background-forth);
}

  .bd-c_background-sixth {
    border-color: var(--colors-background-sixth);
}

  .bd-c_background-tag-secondary {
    border-color: var(--colors-background-tag-secondary);
}

  .bd-c_background-aifeedback {
    border-color: var(--colors-background-aifeedback);
}

  .bd-c_labels-primary {
    border-color: var(--colors-labels-primary);
}

  .bd-c_labels-secondary {
    border-color: var(--colors-labels-secondary);
}

  .bd-c_labels-third {
    border-color: var(--colors-labels-third);
}

  .bd-c_labels-forth {
    border-color: var(--colors-labels-forth);
}

  .bd-c_links-primary {
    border-color: var(--colors-links-primary);
}

  .bd-c_links-secondary {
    border-color: var(--colors-links-secondary);
}

  .bd-c_links-tertiary {
    border-color: var(--colors-links-tertiary);
}

  .bd-c_stroke-quinary {
    border-color: var(--colors-stroke-quinary);
}

  .bd-c_stroke-secondary {
    border-color: var(--colors-stroke-secondary);
}

  .bd-c_stroke-tertiary {
    border-color: var(--colors-stroke-tertiary);
}

  .bd-c_stroke-primary {
    border-color: var(--colors-stroke-primary);
}

  .bd-c_content-primary {
    border-color: var(--colors-content-primary);
}

  .bd-c_content-secondary {
    border-color: var(--colors-content-secondary);
}

  .bd-c_content-button-premium-label-primary {
    border-color: var(--colors-content-button-premium-label-primary);
}

  .bd-c_content-tertiary {
    border-color: var(--colors-content-tertiary);
}

  .bd-c_content-quaternary {
    border-color: var(--colors-content-quaternary);
}

  .bd-c_content-notification-number {
    border-color: var(--colors-content-notification-number);
}

  .bd-c_buttons-primary-bg-default {
    border-color: var(--colors-buttons-primary-bg-default);
}

  .bd-c_buttons-secondary-bg-default {
    border-color: var(--colors-buttons-secondary-bg-default);
}

  .bd-c_buttons-tertiary-bg-default {
    border-color: var(--colors-buttons-tertiary-bg-default);
}

  .bd-c_buttons-primary-label-default {
    border-color: var(--colors-buttons-primary-label-default);
}

  .bd-c_buttons-secondary-label-default {
    border-color: var(--colors-buttons-secondary-label-default);
}

  .bd-c_buttons-tertiary-label-default {
    border-color: var(--colors-buttons-tertiary-label-default);
}

  .bd-c_buttons-primary-bg-hover {
    border-color: var(--colors-buttons-primary-bg-hover);
}

  .bd-c_stroke-quaternary {
    border-color: var(--colors-stroke-quaternary);
}

  .bd-c_stroke-similar {
    border-color: var(--colors-stroke-similar);
}

  .bd-c_stroke-exact {
    border-color: var(--colors-stroke-exact);
}

  .bd-c_status-primary-success {
    border-color: var(--colors-status-primary-success);
}

  .bd-c_status-secondary-success {
    border-color: var(--colors-status-secondary-success);
}

  .bd-c_status-primary-alert {
    border-color: var(--colors-status-primary-alert);
}

  .bd-c_status-secondary-alert {
    border-color: var(--colors-status-secondary-alert);
}

  .bd-c_status-primary-error {
    border-color: var(--colors-status-primary-error);
}

  .bd-c_status-secondary-error {
    border-color: var(--colors-status-secondary-error);
}

  .bd-c_stroke-white {
    border-color: var(--colors-stroke-white);
}

  .bd-c_buttons-quaternary-bg {
    border-color: var(--colors-buttons-quaternary-bg);
}

  .bd-c_labels-fifth {
    border-color: var(--colors-labels-fifth);
}

  .bd-c_status-tertiary-error {
    border-color: var(--colors-status-tertiary-error);
}

  .bd-c_buttons-secondary-bg-hover {
    border-color: var(--colors-buttons-secondary-bg-hover);
}

  .bd-c_buttons-tertiary-bg-hover {
    border-color: var(--colors-buttons-tertiary-bg-hover);
}

  .bd-c_stroke-sixth {
    border-color: var(--colors-stroke-sixth);
}

  .bd-c_buttons-forth-bg-default {
    border-color: var(--colors-buttons-forth-bg-default);
}

  .bd-c_buttons-forth-label-hover {
    border-color: var(--colors-buttons-forth-label-hover);
}

  .bd-c_buttons-forth-bg-hover {
    border-color: var(--colors-buttons-forth-bg-hover);
}

  .bd-c_buttons-tertiary-label {
    border-color: var(--colors-buttons-tertiary-label);
}

  .bd-c_buttons-fifth-label-default {
    border-color: var(--colors-buttons-fifth-label-default);
}

  .bd-c_buttons-primary-label-disabled {
    border-color: var(--colors-buttons-primary-label-disabled);
}

  .bd-c_buttons-primary-bg-disabled {
    border-color: var(--colors-buttons-primary-bg-disabled);
}

  .bd-c_buttons-sixth-label-default {
    border-color: var(--colors-buttons-sixth-label-default);
}

  .bd-c_buttons-seventh-label-default {
    border-color: var(--colors-buttons-seventh-label-default);
}

  .bd-c_dark\.blue\.50 {
    border-color: var(--colors-dark\.blue\.50);
}

  .bd-c_dark\.blue\.100 {
    border-color: var(--colors-dark\.blue\.100);
}

  .bd-c_dark\.blue\.200 {
    border-color: var(--colors-dark\.blue\.200);
}

  .bd-c_dark\.blue\.300 {
    border-color: var(--colors-dark\.blue\.300);
}

  .bd-c_dark\.blue\.400 {
    border-color: var(--colors-dark\.blue\.400);
}

  .bd-c_dark\.blue\.500 {
    border-color: var(--colors-dark\.blue\.500);
}

  .bd-c_dark\.blue\.600 {
    border-color: var(--colors-dark\.blue\.600);
}

  .bd-c_dark\.blue\.700 {
    border-color: var(--colors-dark\.blue\.700);
}

  .bd-c_dark\.blue\.800 {
    border-color: var(--colors-dark\.blue\.800);
}

  .bd-c_dark\.blue\.900 {
    border-color: var(--colors-dark\.blue\.900);
}

  .bd-c_dark\.yellow\.50 {
    border-color: var(--colors-dark\.yellow\.50);
}

  .bd-c_dark\.yellow\.100 {
    border-color: var(--colors-dark\.yellow\.100);
}

  .bd-c_dark\.yellow\.200 {
    border-color: var(--colors-dark\.yellow\.200);
}

  .bd-c_dark\.yellow\.300 {
    border-color: var(--colors-dark\.yellow\.300);
}

  .bd-c_dark\.yellow\.400 {
    border-color: var(--colors-dark\.yellow\.400);
}

  .bd-c_dark\.yellow\.500 {
    border-color: var(--colors-dark\.yellow\.500);
}

  .bd-c_dark\.yellow\.600 {
    border-color: var(--colors-dark\.yellow\.600);
}

  .bd-c_dark\.yellow\.700 {
    border-color: var(--colors-dark\.yellow\.700);
}

  .bd-c_dark\.yellow\.800 {
    border-color: var(--colors-dark\.yellow\.800);
}

  .bd-c_dark\.yellow\.900 {
    border-color: var(--colors-dark\.yellow\.900);
}

  .bd-c_dark\.coral\.50 {
    border-color: var(--colors-dark\.coral\.50);
}

  .bd-c_dark\.coral\.100 {
    border-color: var(--colors-dark\.coral\.100);
}

  .bd-c_dark\.coral\.200 {
    border-color: var(--colors-dark\.coral\.200);
}

  .bd-c_dark\.coral\.300 {
    border-color: var(--colors-dark\.coral\.300);
}

  .bd-c_dark\.coral\.400 {
    border-color: var(--colors-dark\.coral\.400);
}

  .bd-c_dark\.coral\.500 {
    border-color: var(--colors-dark\.coral\.500);
}

  .bd-c_dark\.coral\.600 {
    border-color: var(--colors-dark\.coral\.600);
}

  .bd-c_dark\.coral\.700 {
    border-color: var(--colors-dark\.coral\.700);
}

  .bd-c_dark\.coral\.800 {
    border-color: var(--colors-dark\.coral\.800);
}

  .bd-c_dark\.coral\.900 {
    border-color: var(--colors-dark\.coral\.900);
}

  .bd-c_dark\.aqua\.50 {
    border-color: var(--colors-dark\.aqua\.50);
}

  .bd-c_dark\.aqua\.100 {
    border-color: var(--colors-dark\.aqua\.100);
}

  .bd-c_dark\.aqua\.200 {
    border-color: var(--colors-dark\.aqua\.200);
}

  .bd-c_dark\.aqua\.300 {
    border-color: var(--colors-dark\.aqua\.300);
}

  .bd-c_dark\.aqua\.400 {
    border-color: var(--colors-dark\.aqua\.400);
}

  .bd-c_dark\.aqua\.500 {
    border-color: var(--colors-dark\.aqua\.500);
}

  .bd-c_dark\.aqua\.600 {
    border-color: var(--colors-dark\.aqua\.600);
}

  .bd-c_dark\.aqua\.700 {
    border-color: var(--colors-dark\.aqua\.700);
}

  .bd-c_dark\.aqua\.800 {
    border-color: var(--colors-dark\.aqua\.800);
}

  .bd-c_dark\.aqua\.900 {
    border-color: var(--colors-dark\.aqua\.900);
}

  .bd-c_dark\.salmon\.50 {
    border-color: var(--colors-dark\.salmon\.50);
}

  .bd-c_dark\.salmon\.100 {
    border-color: var(--colors-dark\.salmon\.100);
}

  .bd-c_dark\.salmon\.200 {
    border-color: var(--colors-dark\.salmon\.200);
}

  .bd-c_dark\.salmon\.300 {
    border-color: var(--colors-dark\.salmon\.300);
}

  .bd-c_dark\.salmon\.400 {
    border-color: var(--colors-dark\.salmon\.400);
}

  .bd-c_dark\.salmon\.500 {
    border-color: var(--colors-dark\.salmon\.500);
}

  .bd-c_dark\.salmon\.600 {
    border-color: var(--colors-dark\.salmon\.600);
}

  .bd-c_dark\.salmon\.700 {
    border-color: var(--colors-dark\.salmon\.700);
}

  .bd-c_dark\.salmon\.800 {
    border-color: var(--colors-dark\.salmon\.800);
}

  .bd-c_dark\.salmon\.900 {
    border-color: var(--colors-dark\.salmon\.900);
}

  .bd-c_dark\.purple\.50 {
    border-color: var(--colors-dark\.purple\.50);
}

  .bd-c_dark\.purple\.100 {
    border-color: var(--colors-dark\.purple\.100);
}

  .bd-c_dark\.purple\.200 {
    border-color: var(--colors-dark\.purple\.200);
}

  .bd-c_dark\.purple\.300 {
    border-color: var(--colors-dark\.purple\.300);
}

  .bd-c_dark\.purple\.400 {
    border-color: var(--colors-dark\.purple\.400);
}

  .bd-c_dark\.purple\.500 {
    border-color: var(--colors-dark\.purple\.500);
}

  .bd-c_dark\.purple\.600 {
    border-color: var(--colors-dark\.purple\.600);
}

  .bd-c_dark\.purple\.700 {
    border-color: var(--colors-dark\.purple\.700);
}

  .bd-c_dark\.purple\.800 {
    border-color: var(--colors-dark\.purple\.800);
}

  .bd-c_dark\.purple\.900 {
    border-color: var(--colors-dark\.purple\.900);
}

  .bd-c_dark\.green\.50 {
    border-color: var(--colors-dark\.green\.50);
}

  .bd-c_dark\.green\.100 {
    border-color: var(--colors-dark\.green\.100);
}

  .bd-c_dark\.green\.200 {
    border-color: var(--colors-dark\.green\.200);
}

  .bd-c_dark\.green\.300 {
    border-color: var(--colors-dark\.green\.300);
}

  .bd-c_dark\.green\.400 {
    border-color: var(--colors-dark\.green\.400);
}

  .bd-c_dark\.green\.500 {
    border-color: var(--colors-dark\.green\.500);
}

  .bd-c_dark\.green\.600 {
    border-color: var(--colors-dark\.green\.600);
}

  .bd-c_dark\.green\.700 {
    border-color: var(--colors-dark\.green\.700);
}

  .bd-c_dark\.green\.800 {
    border-color: var(--colors-dark\.green\.800);
}

  .bd-c_dark\.green\.900 {
    border-color: var(--colors-dark\.green\.900);
}

  .bd-c_dark\.smoke\.50 {
    border-color: var(--colors-dark\.smoke\.50);
}

  .bd-c_dark\.smoke\.100 {
    border-color: var(--colors-dark\.smoke\.100);
}

  .bd-c_dark\.smoke\.200 {
    border-color: var(--colors-dark\.smoke\.200);
}

  .bd-c_dark\.smoke\.300 {
    border-color: var(--colors-dark\.smoke\.300);
}

  .bd-c_dark\.smoke\.400 {
    border-color: var(--colors-dark\.smoke\.400);
}

  .bd-c_dark\.smoke\.500 {
    border-color: var(--colors-dark\.smoke\.500);
}

  .bd-c_dark\.smoke\.600 {
    border-color: var(--colors-dark\.smoke\.600);
}

  .bd-c_dark\.smoke\.700 {
    border-color: var(--colors-dark\.smoke\.700);
}

  .bd-c_dark\.smoke\.800 {
    border-color: var(--colors-dark\.smoke\.800);
}

  .bd-c_dark\.smoke\.900 {
    border-color: var(--colors-dark\.smoke\.900);
}

  .bd-c_dark\.grey\.50 {
    border-color: var(--colors-dark\.grey\.50);
}

  .bd-c_dark\.grey\.100 {
    border-color: var(--colors-dark\.grey\.100);
}

  .bd-c_dark\.grey\.200 {
    border-color: var(--colors-dark\.grey\.200);
}

  .bd-c_dark\.grey\.300 {
    border-color: var(--colors-dark\.grey\.300);
}

  .bd-c_dark\.grey\.400 {
    border-color: var(--colors-dark\.grey\.400);
}

  .bd-c_dark\.grey\.500 {
    border-color: var(--colors-dark\.grey\.500);
}

  .bd-c_dark\.grey\.600 {
    border-color: var(--colors-dark\.grey\.600);
}

  .bd-c_dark\.grey\.700 {
    border-color: var(--colors-dark\.grey\.700);
}

  .bd-c_dark\.grey\.800 {
    border-color: var(--colors-dark\.grey\.800);
}

  .bd-c_dark\.grey\.900 {
    border-color: var(--colors-dark\.grey\.900);
}

  .bd-c_dark\.base\.white {
    border-color: var(--colors-dark\.base\.white);
}

  .bd-c_dark\.dark\.50 {
    border-color: var(--colors-dark\.dark\.50);
}

  .bd-c_dark\.dark\.100 {
    border-color: var(--colors-dark\.dark\.100);
}

  .bd-c_dark\.dark\.200 {
    border-color: var(--colors-dark\.dark\.200);
}

  .bd-c_dark\.dark\.300 {
    border-color: var(--colors-dark\.dark\.300);
}

  .bd-c_dark\.dark\.400 {
    border-color: var(--colors-dark\.dark\.400);
}

  .bd-c_dark\.dark\.500 {
    border-color: var(--colors-dark\.dark\.500);
}

  .bd-c_dark\.dark\.600 {
    border-color: var(--colors-dark\.dark\.600);
}

  .bd-c_dark\.dark\.700 {
    border-color: var(--colors-dark\.dark\.700);
}

  .bd-c_dark\.dark\.800 {
    border-color: var(--colors-dark\.dark\.800);
}

  .bd-c_dark\.dark\.900 {
    border-color: var(--colors-dark\.dark\.900);
}

  .bd-c_dark\.base\.black {
    border-color: var(--colors-dark\.base\.black);
}

  .bd-c_dark-background-third {
    border-color: var(--colors-dark-background-third);
}

  .bd-c_dark-background-fifth {
    border-color: var(--colors-dark-background-fifth);
}

  .bd-c_dark-background-primary {
    border-color: var(--colors-dark-background-primary);
}

  .bd-c_dark-background-secondary {
    border-color: var(--colors-dark-background-secondary);
}

  .bd-c_dark-background-news-primary {
    border-color: var(--colors-dark-background-news-primary);
}

  .bd-c_dark-background-news-secondary {
    border-color: var(--colors-dark-background-news-secondary);
}

  .bd-c_dark-background-forth {
    border-color: var(--colors-dark-background-forth);
}

  .bd-c_dark-background-sixth {
    border-color: var(--colors-dark-background-sixth);
}

  .bd-c_dark-background-tag-secondary {
    border-color: var(--colors-dark-background-tag-secondary);
}

  .bd-c_dark-background-aifeedback {
    border-color: var(--colors-dark-background-aifeedback);
}

  .bd-c_dark-labels-primary {
    border-color: var(--colors-dark-labels-primary);
}

  .bd-c_dark-labels-secondary {
    border-color: var(--colors-dark-labels-secondary);
}

  .bd-c_dark-labels-third {
    border-color: var(--colors-dark-labels-third);
}

  .bd-c_dark-labels-forth {
    border-color: var(--colors-dark-labels-forth);
}

  .bd-c_dark-links-primary {
    border-color: var(--colors-dark-links-primary);
}

  .bd-c_dark-links-secondary {
    border-color: var(--colors-dark-links-secondary);
}

  .bd-c_dark-links-tertiary {
    border-color: var(--colors-dark-links-tertiary);
}

  .bd-c_dark-stroke-quinary {
    border-color: var(--colors-dark-stroke-quinary);
}

  .bd-c_dark-stroke-secondary {
    border-color: var(--colors-dark-stroke-secondary);
}

  .bd-c_dark-stroke-tertiary {
    border-color: var(--colors-dark-stroke-tertiary);
}

  .bd-c_dark-stroke-primary {
    border-color: var(--colors-dark-stroke-primary);
}

  .bd-c_dark-content-primary {
    border-color: var(--colors-dark-content-primary);
}

  .bd-c_dark-content-secondary {
    border-color: var(--colors-dark-content-secondary);
}

  .bd-c_dark-content-button-premium-label-primary {
    border-color: var(--colors-dark-content-button-premium-label-primary);
}

  .bd-c_dark-content-tertiary {
    border-color: var(--colors-dark-content-tertiary);
}

  .bd-c_dark-content-quaternary {
    border-color: var(--colors-dark-content-quaternary);
}

  .bd-c_dark-content-notification-number {
    border-color: var(--colors-dark-content-notification-number);
}

  .bd-c_dark-buttons-primary-bg-default {
    border-color: var(--colors-dark-buttons-primary-bg-default);
}

  .bd-c_dark-buttons-secondary-bg-default {
    border-color: var(--colors-dark-buttons-secondary-bg-default);
}

  .bd-c_dark-buttons-tertiary-bg-default {
    border-color: var(--colors-dark-buttons-tertiary-bg-default);
}

  .bd-c_dark-buttons-primary-label-default {
    border-color: var(--colors-dark-buttons-primary-label-default);
}

  .bd-c_dark-buttons-secondary-label-default {
    border-color: var(--colors-dark-buttons-secondary-label-default);
}

  .bd-c_dark-buttons-tertiary-label-default {
    border-color: var(--colors-dark-buttons-tertiary-label-default);
}

  .bd-c_dark-buttons-primary-bg-hover {
    border-color: var(--colors-dark-buttons-primary-bg-hover);
}

  .bd-c_dark-stroke-quaternary {
    border-color: var(--colors-dark-stroke-quaternary);
}

  .bd-c_dark-stroke-similar {
    border-color: var(--colors-dark-stroke-similar);
}

  .bd-c_dark-stroke-exact {
    border-color: var(--colors-dark-stroke-exact);
}

  .bd-c_dark-status-primary-success {
    border-color: var(--colors-dark-status-primary-success);
}

  .bd-c_dark-status-secondary-success {
    border-color: var(--colors-dark-status-secondary-success);
}

  .bd-c_dark-status-primary-alert {
    border-color: var(--colors-dark-status-primary-alert);
}

  .bd-c_dark-status-secondary-alert {
    border-color: var(--colors-dark-status-secondary-alert);
}

  .bd-c_dark-status-primary-error {
    border-color: var(--colors-dark-status-primary-error);
}

  .bd-c_dark-status-secondary-error {
    border-color: var(--colors-dark-status-secondary-error);
}

  .bd-c_dark-stroke-white {
    border-color: var(--colors-dark-stroke-white);
}

  .bd-c_dark-buttons-quaternary-bg {
    border-color: var(--colors-dark-buttons-quaternary-bg);
}

  .bd-c_dark-labels-fifth {
    border-color: var(--colors-dark-labels-fifth);
}

  .bd-c_dark-status-tertiary-error {
    border-color: var(--colors-dark-status-tertiary-error);
}

  .bd-c_dark-buttons-secondary-bg-hover {
    border-color: var(--colors-dark-buttons-secondary-bg-hover);
}

  .bd-c_dark-buttons-tertiary-bg-hover {
    border-color: var(--colors-dark-buttons-tertiary-bg-hover);
}

  .bd-c_dark-stroke-sixth {
    border-color: var(--colors-dark-stroke-sixth);
}

  .bd-c_dark-buttons-forth-bg-default {
    border-color: var(--colors-dark-buttons-forth-bg-default);
}

  .bd-c_dark-buttons-forth-label-hover {
    border-color: var(--colors-dark-buttons-forth-label-hover);
}

  .bd-c_dark-buttons-forth-bg-hover {
    border-color: var(--colors-dark-buttons-forth-bg-hover);
}

  .bd-c_dark-buttons-tertiary-label {
    border-color: var(--colors-dark-buttons-tertiary-label);
}

  .bd-c_dark-buttons-fifth-label-default {
    border-color: var(--colors-dark-buttons-fifth-label-default);
}

  .bd-c_dark-buttons-primary-label-disabled {
    border-color: var(--colors-dark-buttons-primary-label-disabled);
}

  .bd-c_dark-buttons-primary-bg-disabled {
    border-color: var(--colors-dark-buttons-primary-bg-disabled);
}

  .bd-c_dark-buttons-sixth-label-default {
    border-color: var(--colors-dark-buttons-sixth-label-default);
}

  .bd-c_dark-buttons-seventh-label-default {
    border-color: var(--colors-dark-buttons-seventh-label-default);
}

  .bd-c_darkPurple {
    border-color: var(--colors-dark-purple);
}

  .bd-c_gradients\.purpleToBlue {
    border-color: var(--colors-gradients-purple-to-blue);
}

  .bd-c_gradients\.lavanderToLightblue {
    border-color: var(--colors-gradients-lavander-to-lightblue);
}

  .bd-c_gradients\.darkLavanderToLightblue {
    border-color: var(--colors-gradients-dark-lavander-to-lightblue);
}

  .bd-c_neutral\.light\.1 {
    border-color: var(--colors-neutral-light-1);
}

  .bd-c_neutral\.light\.2 {
    border-color: var(--colors-neutral-light-2);
}

  .bd-c_neutral\.light\.3 {
    border-color: var(--colors-neutral-light-3);
}

  .bd-c_neutral\.light\.4 {
    border-color: var(--colors-neutral-light-4);
}

  .bd-c_neutral\.light\.5 {
    border-color: var(--colors-neutral-light-5);
}

  .bd-c_neutral\.light\.6 {
    border-color: var(--colors-neutral-light-6);
}

  .bd-c_neutral\.light\.7 {
    border-color: var(--colors-neutral-light-7);
}

  .bd-c_neutral\.light\.8 {
    border-color: var(--colors-neutral-light-8);
}

  .bd-c_neutral\.light\.9 {
    border-color: var(--colors-neutral-light-9);
}

  .bd-c_neutral\.light\.10 {
    border-color: var(--colors-neutral-light-10);
}

  .bd-c_neutral\.light\.11 {
    border-color: var(--colors-neutral-light-11);
}

  .bd-c_neutral\.light\.12 {
    border-color: var(--colors-neutral-light-12);
}

  .bd-c_neutral\.light\.a1 {
    border-color: var(--colors-neutral-light-a1);
}

  .bd-c_neutral\.light\.a2 {
    border-color: var(--colors-neutral-light-a2);
}

  .bd-c_neutral\.light\.a3 {
    border-color: var(--colors-neutral-light-a3);
}

  .bd-c_neutral\.light\.a4 {
    border-color: var(--colors-neutral-light-a4);
}

  .bd-c_neutral\.light\.a5 {
    border-color: var(--colors-neutral-light-a5);
}

  .bd-c_neutral\.light\.a6 {
    border-color: var(--colors-neutral-light-a6);
}

  .bd-c_neutral\.light\.a7 {
    border-color: var(--colors-neutral-light-a7);
}

  .bd-c_neutral\.light\.a8 {
    border-color: var(--colors-neutral-light-a8);
}

  .bd-c_neutral\.light\.a9 {
    border-color: var(--colors-neutral-light-a9);
}

  .bd-c_neutral\.light\.a10 {
    border-color: var(--colors-neutral-light-a10);
}

  .bd-c_neutral\.light\.a11 {
    border-color: var(--colors-neutral-light-a11);
}

  .bd-c_neutral\.light\.a12 {
    border-color: var(--colors-neutral-light-a12);
}

  .bd-c_neutral\.dark\.1 {
    border-color: var(--colors-neutral-dark-1);
}

  .bd-c_neutral\.dark\.2 {
    border-color: var(--colors-neutral-dark-2);
}

  .bd-c_neutral\.dark\.3 {
    border-color: var(--colors-neutral-dark-3);
}

  .bd-c_neutral\.dark\.4 {
    border-color: var(--colors-neutral-dark-4);
}

  .bd-c_neutral\.dark\.5 {
    border-color: var(--colors-neutral-dark-5);
}

  .bd-c_neutral\.dark\.6 {
    border-color: var(--colors-neutral-dark-6);
}

  .bd-c_neutral\.dark\.7 {
    border-color: var(--colors-neutral-dark-7);
}

  .bd-c_neutral\.dark\.8 {
    border-color: var(--colors-neutral-dark-8);
}

  .bd-c_neutral\.dark\.9 {
    border-color: var(--colors-neutral-dark-9);
}

  .bd-c_neutral\.dark\.10 {
    border-color: var(--colors-neutral-dark-10);
}

  .bd-c_neutral\.dark\.11 {
    border-color: var(--colors-neutral-dark-11);
}

  .bd-c_neutral\.dark\.12 {
    border-color: var(--colors-neutral-dark-12);
}

  .bd-c_neutral\.dark\.a1 {
    border-color: var(--colors-neutral-dark-a1);
}

  .bd-c_neutral\.dark\.a2 {
    border-color: var(--colors-neutral-dark-a2);
}

  .bd-c_neutral\.dark\.a3 {
    border-color: var(--colors-neutral-dark-a3);
}

  .bd-c_neutral\.dark\.a4 {
    border-color: var(--colors-neutral-dark-a4);
}

  .bd-c_neutral\.dark\.a5 {
    border-color: var(--colors-neutral-dark-a5);
}

  .bd-c_neutral\.dark\.a6 {
    border-color: var(--colors-neutral-dark-a6);
}

  .bd-c_neutral\.dark\.a7 {
    border-color: var(--colors-neutral-dark-a7);
}

  .bd-c_neutral\.dark\.a8 {
    border-color: var(--colors-neutral-dark-a8);
}

  .bd-c_neutral\.dark\.a9 {
    border-color: var(--colors-neutral-dark-a9);
}

  .bd-c_neutral\.dark\.a10 {
    border-color: var(--colors-neutral-dark-a10);
}

  .bd-c_neutral\.dark\.a11 {
    border-color: var(--colors-neutral-dark-a11);
}

  .bd-c_neutral\.dark\.a12 {
    border-color: var(--colors-neutral-dark-a12);
}

  .bd-c_red\.light\.1 {
    border-color: var(--colors-red-light-1);
}

  .bd-c_red\.light\.2 {
    border-color: var(--colors-red-light-2);
}

  .bd-c_red\.light\.3 {
    border-color: var(--colors-red-light-3);
}

  .bd-c_red\.light\.4 {
    border-color: var(--colors-red-light-4);
}

  .bd-c_red\.light\.5 {
    border-color: var(--colors-red-light-5);
}

  .bd-c_red\.light\.6 {
    border-color: var(--colors-red-light-6);
}

  .bd-c_red\.light\.7 {
    border-color: var(--colors-red-light-7);
}

  .bd-c_red\.light\.8 {
    border-color: var(--colors-red-light-8);
}

  .bd-c_red\.light\.9 {
    border-color: var(--colors-red-light-9);
}

  .bd-c_red\.light\.10 {
    border-color: var(--colors-red-light-10);
}

  .bd-c_red\.light\.11 {
    border-color: var(--colors-red-light-11);
}

  .bd-c_red\.light\.12 {
    border-color: var(--colors-red-light-12);
}

  .bd-c_red\.light\.a1 {
    border-color: var(--colors-red-light-a1);
}

  .bd-c_red\.light\.a2 {
    border-color: var(--colors-red-light-a2);
}

  .bd-c_red\.light\.a3 {
    border-color: var(--colors-red-light-a3);
}

  .bd-c_red\.light\.a4 {
    border-color: var(--colors-red-light-a4);
}

  .bd-c_red\.light\.a5 {
    border-color: var(--colors-red-light-a5);
}

  .bd-c_red\.light\.a6 {
    border-color: var(--colors-red-light-a6);
}

  .bd-c_red\.light\.a7 {
    border-color: var(--colors-red-light-a7);
}

  .bd-c_red\.light\.a8 {
    border-color: var(--colors-red-light-a8);
}

  .bd-c_red\.light\.a9 {
    border-color: var(--colors-red-light-a9);
}

  .bd-c_red\.light\.a10 {
    border-color: var(--colors-red-light-a10);
}

  .bd-c_red\.light\.a11 {
    border-color: var(--colors-red-light-a11);
}

  .bd-c_red\.light\.a12 {
    border-color: var(--colors-red-light-a12);
}

  .bd-c_red\.dark\.1 {
    border-color: var(--colors-red-dark-1);
}

  .bd-c_red\.dark\.2 {
    border-color: var(--colors-red-dark-2);
}

  .bd-c_red\.dark\.3 {
    border-color: var(--colors-red-dark-3);
}

  .bd-c_red\.dark\.4 {
    border-color: var(--colors-red-dark-4);
}

  .bd-c_red\.dark\.5 {
    border-color: var(--colors-red-dark-5);
}

  .bd-c_red\.dark\.6 {
    border-color: var(--colors-red-dark-6);
}

  .bd-c_red\.dark\.7 {
    border-color: var(--colors-red-dark-7);
}

  .bd-c_red\.dark\.8 {
    border-color: var(--colors-red-dark-8);
}

  .bd-c_red\.dark\.9 {
    border-color: var(--colors-red-dark-9);
}

  .bd-c_red\.dark\.10 {
    border-color: var(--colors-red-dark-10);
}

  .bd-c_red\.dark\.11 {
    border-color: var(--colors-red-dark-11);
}

  .bd-c_red\.dark\.12 {
    border-color: var(--colors-red-dark-12);
}

  .bd-c_red\.dark\.a1 {
    border-color: var(--colors-red-dark-a1);
}

  .bd-c_red\.dark\.a2 {
    border-color: var(--colors-red-dark-a2);
}

  .bd-c_red\.dark\.a3 {
    border-color: var(--colors-red-dark-a3);
}

  .bd-c_red\.dark\.a4 {
    border-color: var(--colors-red-dark-a4);
}

  .bd-c_red\.dark\.a5 {
    border-color: var(--colors-red-dark-a5);
}

  .bd-c_red\.dark\.a6 {
    border-color: var(--colors-red-dark-a6);
}

  .bd-c_red\.dark\.a7 {
    border-color: var(--colors-red-dark-a7);
}

  .bd-c_red\.dark\.a8 {
    border-color: var(--colors-red-dark-a8);
}

  .bd-c_red\.dark\.a9 {
    border-color: var(--colors-red-dark-a9);
}

  .bd-c_red\.dark\.a10 {
    border-color: var(--colors-red-dark-a10);
}

  .bd-c_red\.dark\.a11 {
    border-color: var(--colors-red-dark-a11);
}

  .bd-c_red\.dark\.a12 {
    border-color: var(--colors-red-dark-a12);
}

  .bd-c_primary\.button\.solid\.bg {
    border-color: var(--colors-primary-button-solid-bg);
}

  .bd-c_primary\.button\.solid\.text {
    border-color: var(--colors-primary-button-solid-text);
}

  .bd-c_primary\.button\.solid\.hover\.bg {
    border-color: var(--colors-primary-button-solid-hover-bg);
}

  .bd-c_primary\.button\.solid\.hover\.text {
    border-color: var(--colors-primary-button-solid-hover-text);
}

  .bd-c_primary\.button\.solid\.disabled\.bg {
    border-color: var(--colors-primary-button-solid-disabled-bg);
}

  .bd-c_primary\.button\.solid\.disabled\.text {
    border-color: var(--colors-primary-button-solid-disabled-text);
}

  .bd-c_primary\.button\.outline\.bg {
    border-color: var(--colors-primary-button-outline-bg);
}

  .bd-c_primary\.button\.outline\.text {
    border-color: var(--colors-primary-button-outline-text);
}

  .bd-c_primary\.button\.outline\.border {
    border-color: var(--colors-primary-button-outline-border);
}

  .bd-c_primary\.button\.outline\.hover\.bg {
    border-color: var(--colors-primary-button-outline-hover-bg);
}

  .bd-c_primary\.button\.outline\.hover\.text {
    border-color: var(--colors-primary-button-outline-hover-text);
}

  .bd-c_primary\.button\.outline\.hover\.border {
    border-color: var(--colors-primary-button-outline-hover-border);
}

  .bd-c_primary\.button\.outline\.disabled\.bg {
    border-color: var(--colors-primary-button-outline-disabled-bg);
}

  .bd-c_primary\.button\.outline\.disabled\.text {
    border-color: var(--colors-primary-button-outline-disabled-text);
}

  .bd-c_primary\.button\.outline\.disabled\.border {
    border-color: var(--colors-primary-button-outline-disabled-border);
}

  .bd-c_primary\.button\.ghost\.bg {
    border-color: var(--colors-primary-button-ghost-bg);
}

  .bd-c_primary\.button\.ghost\.text {
    border-color: var(--colors-primary-button-ghost-text);
}

  .bd-c_primary\.button\.ghost\.hover\.bg {
    border-color: var(--colors-primary-button-ghost-hover-bg);
}

  .bd-c_primary\.button\.ghost\.hover\.text {
    border-color: var(--colors-primary-button-ghost-hover-text);
}

  .bd-c_primary\.button\.ghost\.disabled\.bg {
    border-color: var(--colors-primary-button-ghost-disabled-bg);
}

  .bd-c_primary\.button\.ghost\.disabled\.text {
    border-color: var(--colors-primary-button-ghost-disabled-text);
}

  .bd-c_primary\.button\.linkBtn\.bg {
    border-color: var(--colors-primary-button-link-btn-bg);
}

  .bd-c_primary\.button\.linkBtn\.text {
    border-color: var(--colors-primary-button-link-btn-text);
}

  .bd-c_primary\.button\.linkBtn\.hover\.bg {
    border-color: var(--colors-primary-button-link-btn-hover-bg);
}

  .bd-c_primary\.button\.linkBtn\.hover\.text {
    border-color: var(--colors-primary-button-link-btn-hover-text);
}

  .bd-c_primary\.button\.linkBtn\.disabled\.bg {
    border-color: var(--colors-primary-button-link-btn-disabled-bg);
}

  .bd-c_primary\.button\.linkBtn\.disabled\.text {
    border-color: var(--colors-primary-button-link-btn-disabled-text);
}

  .bd-c_primary\.cards\.bgContainer {
    border-color: var(--colors-primary-cards-bg-container);
}

  .bd-c_primary\.cards\.bgContent {
    border-color: var(--colors-primary-cards-bg-content);
}

  .bd-c_primary\.cards\.color {
    border-color: var(--colors-primary-cards-color);
}

  .bd-c_primary\.cards\.borderColor {
    border-color: var(--colors-primary-cards-border-color);
}

  .bd-c_primary\.box\.bg {
    border-color: var(--colors-primary-box-bg);
}

  .bd-c_primary\.box\.color {
    border-color: var(--colors-primary-box-color);
}

  .bd-c_primary\.dropdown\.error\.text {
    border-color: var(--colors-primary-dropdown-error-text);
}

  .bd-c_primary\.dropdown\.error\.border {
    border-color: var(--colors-primary-dropdown-error-border);
}

  .bd-c_primary\.dropdown\.error\.bg {
    border-color: var(--colors-primary-dropdown-error-bg);
}

  .bd-c_primary\.dropdown\.solid\.bg {
    border-color: var(--colors-primary-dropdown-solid-bg);
}

  .bd-c_primary\.dropdown\.solid\.text {
    border-color: var(--colors-primary-dropdown-solid-text);
}

  .bd-c_primary\.dropdown\.solid\.hover\.bg {
    border-color: var(--colors-primary-dropdown-solid-hover-bg);
}

  .bd-c_primary\.dropdown\.solid\.hover\.text {
    border-color: var(--colors-primary-dropdown-solid-hover-text);
}

  .bd-c_primary\.dropdown\.solid\.disabled\.bg {
    border-color: var(--colors-primary-dropdown-solid-disabled-bg);
}

  .bd-c_primary\.dropdown\.solid\.disabled\.text {
    border-color: var(--colors-primary-dropdown-solid-disabled-text);
}

  .bd-c_primary\.dropdown\.outline\.bg {
    border-color: var(--colors-primary-dropdown-outline-bg);
}

  .bd-c_primary\.dropdown\.outline\.text {
    border-color: var(--colors-primary-dropdown-outline-text);
}

  .bd-c_primary\.dropdown\.outline\.border {
    border-color: var(--colors-primary-dropdown-outline-border);
}

  .bd-c_primary\.dropdown\.outline\.hover\.bg {
    border-color: var(--colors-primary-dropdown-outline-hover-bg);
}

  .bd-c_primary\.dropdown\.outline\.hover\.text {
    border-color: var(--colors-primary-dropdown-outline-hover-text);
}

  .bd-c_primary\.dropdown\.outline\.hover\.border {
    border-color: var(--colors-primary-dropdown-outline-hover-border);
}

  .bd-c_primary\.dropdown\.outline\.disabled\.bg {
    border-color: var(--colors-primary-dropdown-outline-disabled-bg);
}

  .bd-c_primary\.dropdown\.outline\.disabled\.text {
    border-color: var(--colors-primary-dropdown-outline-disabled-text);
}

  .bd-c_primary\.dropdown\.outline\.disabled\.border {
    border-color: var(--colors-primary-dropdown-outline-disabled-border);
}

  .bd-c_primary\.inputText\.text {
    border-color: var(--colors-primary-input-text-text);
}

  .bd-c_primary\.inputText\.placeholder {
    border-color: var(--colors-primary-input-text-placeholder);
}

  .bd-c_primary\.inputText\.invalid\.border {
    border-color: var(--colors-primary-input-text-invalid-border);
}

  .bd-c_primary\.inputText\.invalid\.text {
    border-color: var(--colors-primary-input-text-invalid-text);
}

  .bd-c_primary\.inputText\.invalid\.placeholder {
    border-color: var(--colors-primary-input-text-invalid-placeholder);
}

  .bd-c_primary\.inputText\.focused\.border {
    border-color: var(--colors-primary-input-text-focused-border);
}

  .bd-c_primary\.inputText\.disabled\.border {
    border-color: var(--colors-primary-input-text-disabled-border);
}

  .bd-c_primary\.inputText\.disabled\.text {
    border-color: var(--colors-primary-input-text-disabled-text);
}

  .bd-c_primary\.inputText\.disabled\.placeholder {
    border-color: var(--colors-primary-input-text-disabled-placeholder);
}

  .bd-c_primary\.inputText\.solid\.bg {
    border-color: var(--colors-primary-input-text-solid-bg);
}

  .bd-c_primary\.inputText\.solid\.border {
    border-color: var(--colors-primary-input-text-solid-border);
}

  .bd-c_primary\.inputText\.solid\.bgDisabled {
    border-color: var(--colors-primary-input-text-solid-bg-disabled);
}

  .bd-c_primary\.inputText\.outline\.bg {
    border-color: var(--colors-primary-input-text-outline-bg);
}

  .bd-c_primary\.inputText\.outline\.border {
    border-color: var(--colors-primary-input-text-outline-border);
}

  .bd-c_primary\.inputText\.ghost\.bg {
    border-color: var(--colors-primary-input-text-ghost-bg);
}

  .bd-c_primary\.inputText\.ghost\.border {
    border-color: var(--colors-primary-input-text-ghost-border);
}

  .bd-c_primary\.label\.bg {
    border-color: var(--colors-primary-label-bg);
}

  .bd-c_primary\.label\.text {
    border-color: var(--colors-primary-label-text);
}

  .bd-c_primary\.label\.active\.bg {
    border-color: var(--colors-primary-label-active-bg);
}

  .bd-c_primary\.label\.active\.text {
    border-color: var(--colors-primary-label-active-text);
}

  .bd-c_primary\.label\.pending\.bg {
    border-color: var(--colors-primary-label-pending-bg);
}

  .bd-c_primary\.label\.pending\.text {
    border-color: var(--colors-primary-label-pending-text);
}

  .bd-c_primary\.label\.inactive\.bg {
    border-color: var(--colors-primary-label-inactive-bg);
}

  .bd-c_primary\.label\.inactive\.text {
    border-color: var(--colors-primary-label-inactive-text);
}

  .bd-c_primary\.logo\.bg {
    border-color: var(--colors-primary-logo-bg);
}

  .bd-c_primary\.navLink\.sidebarItem\.bg {
    border-color: var(--colors-primary-nav-link-sidebar-item-bg);
}

  .bd-c_primary\.navLink\.sidebarItem\.text {
    border-color: var(--colors-primary-nav-link-sidebar-item-text);
}

  .bd-c_primary\.navLink\.sidebarItem\.hover\.bg {
    border-color: var(--colors-primary-nav-link-sidebar-item-hover-bg);
}

  .bd-c_primary\.navLink\.sidebarItem\.hover\.text {
    border-color: var(--colors-primary-nav-link-sidebar-item-hover-text);
}

  .bd-c_primary\.navLink\.sidebarItem\.disabled\.bg {
    border-color: var(--colors-primary-nav-link-sidebar-item-disabled-bg);
}

  .bd-c_primary\.navLink\.sidebarItem\.disabled\.text {
    border-color: var(--colors-primary-nav-link-sidebar-item-disabled-text);
}

  .bd-c_primary\.page\.bg {
    border-color: var(--colors-primary-page-bg);
}

  .bd-c_primary\.page\.color {
    border-color: var(--colors-primary-page-color);
}

  .bd-c_primary\.sidebar\.main\.bg {
    border-color: var(--colors-primary-sidebar-main-bg);
}

  .bd-c_primary\.sidebar\.main\.color {
    border-color: var(--colors-primary-sidebar-main-color);
}

  .bd-c_primary\.sidebar\.main\.hover\.bg {
    border-color: var(--colors-primary-sidebar-main-hover-bg);
}

  .bd-c_primary\.sidebar\.main\.hover\.color {
    border-color: var(--colors-primary-sidebar-main-hover-color);
}

  .bd-c_primary\.tag\.bg {
    border-color: var(--colors-primary-tag-bg);
}

  .bd-c_primary\.tag\.text {
    border-color: var(--colors-primary-tag-text);
}

  .bd-c_primary\.tag\.hover\.bg {
    border-color: var(--colors-primary-tag-hover-bg);
}

  .bd-c_primary\.tag\.hover\.text {
    border-color: var(--colors-primary-tag-hover-text);
}

  .bd-c_primary\.toast\.bg {
    border-color: var(--colors-primary-toast-bg);
}

  .bd-c_primary\.toast\.text {
    border-color: var(--colors-primary-toast-text);
}

  .bd-c_primary\.toast\.info\.icon {
    border-color: var(--colors-primary-toast-info-icon);
}

  .bd-c_primary\.toast\.success\.icon {
    border-color: var(--colors-primary-toast-success-icon);
}

  .bd-c_primary\.toast\.alert\.icon {
    border-color: var(--colors-primary-toast-alert-icon);
}

  .bd-c_primary\.toggle\.bgSwitch {
    border-color: var(--colors-primary-toggle-bg-switch);
}

  .bd-c_primary\.toggle\.circleBg {
    border-color: var(--colors-primary-toggle-circle-bg);
}

  .bd-c_primary\.toggle\.bgIcon {
    border-color: var(--colors-primary-toggle-bg-icon);
}

  .bd-c_primary\.toggle\.checked\.bg {
    border-color: var(--colors-primary-toggle-checked-bg);
}

  .bd-c_primary\.tooltip\.main\.bg {
    border-color: var(--colors-primary-tooltip-main-bg);
}

  .bd-c_primary\.tooltip\.main\.text {
    border-color: var(--colors-primary-tooltip-main-text);
}

  .bd-c_primary\.topSearchBar\.bg {
    border-color: var(--colors-primary-top-search-bar-bg);
}

  .bd-c_primary\.topSearchBar\.border {
    border-color: var(--colors-primary-top-search-bar-border);
}

  .bd-c_primary\.topSearchBar\.color {
    border-color: var(--colors-primary-top-search-bar-color);
}

  .bd-c_primary\.topSearchBar\.input\.bg {
    border-color: var(--colors-primary-top-search-bar-input-bg);
}

  .bd-c_primary\.topSearchBar\.input\.border {
    border-color: var(--colors-primary-top-search-bar-input-border);
}

  .bd-c_primary\.topSearchBar\.input\.colorPlaceholder {
    border-color: var(--colors-primary-top-search-bar-input-color-placeholder);
}

  .bd-c_primary\.topSearchBar\.input\.color {
    border-color: var(--colors-primary-top-search-bar-input-color);
}

  .bd-c_primaryInverted\.button\.solid\.bg {
    border-color: var(--colors-primary-inverted-button-solid-bg);
}

  .bd-c_primaryInverted\.button\.solid\.text {
    border-color: var(--colors-primary-inverted-button-solid-text);
}

  .bd-c_primaryInverted\.button\.solid\.hover\.bg {
    border-color: var(--colors-primary-inverted-button-solid-hover-bg);
}

  .bd-c_primaryInverted\.button\.solid\.hover\.text {
    border-color: var(--colors-primary-inverted-button-solid-hover-text);
}

  .bd-c_primaryInverted\.button\.outline\.bg {
    border-color: var(--colors-primary-inverted-button-outline-bg);
}

  .bd-c_primaryInverted\.button\.outline\.text {
    border-color: var(--colors-primary-inverted-button-outline-text);
}

  .bd-c_primaryInverted\.button\.outline\.border {
    border-color: var(--colors-primary-inverted-button-outline-border);
}

  .bd-c_primaryInverted\.button\.outline\.hover\.bg {
    border-color: var(--colors-primary-inverted-button-outline-hover-bg);
}

  .bd-c_primaryInverted\.button\.outline\.hover\.text {
    border-color: var(--colors-primary-inverted-button-outline-hover-text);
}

  .bd-c_primaryInverted\.button\.outline\.hover\.border {
    border-color: var(--colors-primary-inverted-button-outline-hover-border);
}

  .bd-c_primaryInverted\.button\.outline\.disabled\.bg {
    border-color: var(--colors-primary-inverted-button-outline-disabled-bg);
}

  .bd-c_primaryInverted\.button\.outline\.disabled\.text {
    border-color: var(--colors-primary-inverted-button-outline-disabled-text);
}

  .bd-c_primaryInverted\.button\.outline\.disabled\.border {
    border-color: var(--colors-primary-inverted-button-outline-disabled-border);
}

  .bd-c_primaryInverted\.button\.ghost\.bg {
    border-color: var(--colors-primary-inverted-button-ghost-bg);
}

  .bd-c_primaryInverted\.button\.ghost\.text {
    border-color: var(--colors-primary-inverted-button-ghost-text);
}

  .bd-c_primaryInverted\.button\.ghost\.hover\.bg {
    border-color: var(--colors-primary-inverted-button-ghost-hover-bg);
}

  .bd-c_primaryInverted\.button\.ghost\.hover\.text {
    border-color: var(--colors-primary-inverted-button-ghost-hover-text);
}

  .bd-c_primaryInverted\.button\.ghost\.disabled\.bg {
    border-color: var(--colors-primary-inverted-button-ghost-disabled-bg);
}

  .bd-c_primaryInverted\.button\.ghost\.disabled\.text {
    border-color: var(--colors-primary-inverted-button-ghost-disabled-text);
}

  .bd-c_primaryInverted\.button\.linkBtn\.bg {
    border-color: var(--colors-primary-inverted-button-link-btn-bg);
}

  .bd-c_primaryInverted\.button\.linkBtn\.text {
    border-color: var(--colors-primary-inverted-button-link-btn-text);
}

  .bd-c_primaryInverted\.button\.linkBtn\.hover\.bg {
    border-color: var(--colors-primary-inverted-button-link-btn-hover-bg);
}

  .bd-c_primaryInverted\.button\.linkBtn\.hover\.text {
    border-color: var(--colors-primary-inverted-button-link-btn-hover-text);
}

  .bd-c_primaryInverted\.button\.linkBtn\.disabled\.bg {
    border-color: var(--colors-primary-inverted-button-link-btn-disabled-bg);
}

  .bd-c_primaryInverted\.button\.linkBtn\.disabled\.text {
    border-color: var(--colors-primary-inverted-button-link-btn-disabled-text);
}

  .bd-c_secondary\.button\.solid\.bg {
    border-color: var(--colors-secondary-button-solid-bg);
}

  .bd-c_secondary\.button\.solid\.text {
    border-color: var(--colors-secondary-button-solid-text);
}

  .bd-c_secondary\.button\.solid\.hover\.bg {
    border-color: var(--colors-secondary-button-solid-hover-bg);
}

  .bd-c_secondary\.button\.solid\.hover\.text {
    border-color: var(--colors-secondary-button-solid-hover-text);
}

  .bd-c_secondary\.button\.solid\.disabled\.bg {
    border-color: var(--colors-secondary-button-solid-disabled-bg);
}

  .bd-c_secondary\.button\.solid\.disabled\.text {
    border-color: var(--colors-secondary-button-solid-disabled-text);
}

  .bd-c_secondary\.button\.outline\.bg {
    border-color: var(--colors-secondary-button-outline-bg);
}

  .bd-c_secondary\.button\.outline\.text {
    border-color: var(--colors-secondary-button-outline-text);
}

  .bd-c_secondary\.button\.outline\.border {
    border-color: var(--colors-secondary-button-outline-border);
}

  .bd-c_secondary\.button\.outline\.hover\.bg {
    border-color: var(--colors-secondary-button-outline-hover-bg);
}

  .bd-c_secondary\.button\.outline\.hover\.text {
    border-color: var(--colors-secondary-button-outline-hover-text);
}

  .bd-c_secondary\.button\.outline\.hover\.border {
    border-color: var(--colors-secondary-button-outline-hover-border);
}

  .bd-c_secondary\.button\.outline\.disabled\.bg {
    border-color: var(--colors-secondary-button-outline-disabled-bg);
}

  .bd-c_secondary\.button\.outline\.disabled\.text {
    border-color: var(--colors-secondary-button-outline-disabled-text);
}

  .bd-c_secondary\.button\.outline\.disabled\.border {
    border-color: var(--colors-secondary-button-outline-disabled-border);
}

  .bd-c_secondary\.button\.ghost\.bg {
    border-color: var(--colors-secondary-button-ghost-bg);
}

  .bd-c_secondary\.button\.ghost\.text {
    border-color: var(--colors-secondary-button-ghost-text);
}

  .bd-c_secondary\.button\.ghost\.hover\.bg {
    border-color: var(--colors-secondary-button-ghost-hover-bg);
}

  .bd-c_secondary\.button\.ghost\.hover\.text {
    border-color: var(--colors-secondary-button-ghost-hover-text);
}

  .bd-c_secondary\.button\.ghost\.disabled\.bg {
    border-color: var(--colors-secondary-button-ghost-disabled-bg);
}

  .bd-c_secondary\.button\.ghost\.disabled\.text {
    border-color: var(--colors-secondary-button-ghost-disabled-text);
}

  .bd-c_secondary\.button\.linkBtn\.bg {
    border-color: var(--colors-secondary-button-link-btn-bg);
}

  .bd-c_secondary\.button\.linkBtn\.text {
    border-color: var(--colors-secondary-button-link-btn-text);
}

  .bd-c_secondary\.button\.linkBtn\.hover\.bg {
    border-color: var(--colors-secondary-button-link-btn-hover-bg);
}

  .bd-c_secondary\.button\.linkBtn\.hover\.text {
    border-color: var(--colors-secondary-button-link-btn-hover-text);
}

  .bd-c_secondary\.button\.linkBtn\.disabled\.bg {
    border-color: var(--colors-secondary-button-link-btn-disabled-bg);
}

  .bd-c_secondary\.button\.linkBtn\.disabled\.text {
    border-color: var(--colors-secondary-button-link-btn-disabled-text);
}

  .bd-c_secondaryInverted\.button\.solid\.bg {
    border-color: var(--colors-secondary-inverted-button-solid-bg);
}

  .bd-c_secondaryInverted\.button\.solid\.text {
    border-color: var(--colors-secondary-inverted-button-solid-text);
}

  .bd-c_secondaryInverted\.button\.solid\.hover\.bg {
    border-color: var(--colors-secondary-inverted-button-solid-hover-bg);
}

  .bd-c_secondaryInverted\.button\.solid\.hover\.text {
    border-color: var(--colors-secondary-inverted-button-solid-hover-text);
}

  .bd-c_secondaryInverted\.button\.solid\.disabled\.bg {
    border-color: var(--colors-secondary-inverted-button-solid-disabled-bg);
}

  .bd-c_secondaryInverted\.button\.solid\.disabled\.text {
    border-color: var(--colors-secondary-inverted-button-solid-disabled-text);
}

  .bd-c_secondaryInverted\.button\.outline\.bg {
    border-color: var(--colors-secondary-inverted-button-outline-bg);
}

  .bd-c_secondaryInverted\.button\.outline\.text {
    border-color: var(--colors-secondary-inverted-button-outline-text);
}

  .bd-c_secondaryInverted\.button\.outline\.border {
    border-color: var(--colors-secondary-inverted-button-outline-border);
}

  .bd-c_secondaryInverted\.button\.outline\.hover\.bg {
    border-color: var(--colors-secondary-inverted-button-outline-hover-bg);
}

  .bd-c_secondaryInverted\.button\.outline\.hover\.text {
    border-color: var(--colors-secondary-inverted-button-outline-hover-text);
}

  .bd-c_secondaryInverted\.button\.outline\.hover\.border {
    border-color: var(--colors-secondary-inverted-button-outline-hover-border);
}

  .bd-c_secondaryInverted\.button\.outline\.disabled\.bg {
    border-color: var(--colors-secondary-inverted-button-outline-disabled-bg);
}

  .bd-c_secondaryInverted\.button\.outline\.disabled\.text {
    border-color: var(--colors-secondary-inverted-button-outline-disabled-text);
}

  .bd-c_secondaryInverted\.button\.outline\.disabled\.border {
    border-color: var(--colors-secondary-inverted-button-outline-disabled-border);
}

  .bd-c_secondaryInverted\.button\.ghost\.bg {
    border-color: var(--colors-secondary-inverted-button-ghost-bg);
}

  .bd-c_secondaryInverted\.button\.ghost\.text {
    border-color: var(--colors-secondary-inverted-button-ghost-text);
}

  .bd-c_secondaryInverted\.button\.ghost\.hover\.bg {
    border-color: var(--colors-secondary-inverted-button-ghost-hover-bg);
}

  .bd-c_secondaryInverted\.button\.ghost\.hover\.text {
    border-color: var(--colors-secondary-inverted-button-ghost-hover-text);
}

  .bd-c_secondaryInverted\.button\.ghost\.disabled\.bg {
    border-color: var(--colors-secondary-inverted-button-ghost-disabled-bg);
}

  .bd-c_secondaryInverted\.button\.ghost\.disabled\.text {
    border-color: var(--colors-secondary-inverted-button-ghost-disabled-text);
}

  .bd-c_secondaryInverted\.button\.linkBtn\.bg {
    border-color: var(--colors-secondary-inverted-button-link-btn-bg);
}

  .bd-c_secondaryInverted\.button\.linkBtn\.text {
    border-color: var(--colors-secondary-inverted-button-link-btn-text);
}

  .bd-c_secondaryInverted\.button\.linkBtn\.hover\.bg {
    border-color: var(--colors-secondary-inverted-button-link-btn-hover-bg);
}

  .bd-c_secondaryInverted\.button\.linkBtn\.hover\.text {
    border-color: var(--colors-secondary-inverted-button-link-btn-hover-text);
}

  .bd-c_secondaryInverted\.button\.linkBtn\.disabled\.bg {
    border-color: var(--colors-secondary-inverted-button-link-btn-disabled-bg);
}

  .bd-c_secondaryInverted\.button\.linkBtn\.disabled\.text {
    border-color: var(--colors-secondary-inverted-button-link-btn-disabled-text);
}

  .bd-c_third\.button\.solid\.bg {
    border-color: var(--colors-third-button-solid-bg);
}

  .bd-c_third\.button\.solid\.text {
    border-color: var(--colors-third-button-solid-text);
}

  .bd-c_third\.button\.solid\.hover\.bg {
    border-color: var(--colors-third-button-solid-hover-bg);
}

  .bd-c_third\.button\.solid\.hover\.text {
    border-color: var(--colors-third-button-solid-hover-text);
}

  .bd-c_third\.button\.solid\.disabled\.bg {
    border-color: var(--colors-third-button-solid-disabled-bg);
}

  .bd-c_third\.button\.solid\.disabled\.text {
    border-color: var(--colors-third-button-solid-disabled-text);
}

  .bd-c_third\.button\.outline\.bg {
    border-color: var(--colors-third-button-outline-bg);
}

  .bd-c_third\.button\.outline\.text {
    border-color: var(--colors-third-button-outline-text);
}

  .bd-c_third\.button\.outline\.border {
    border-color: var(--colors-third-button-outline-border);
}

  .bd-c_third\.button\.outline\.hover\.bg {
    border-color: var(--colors-third-button-outline-hover-bg);
}

  .bd-c_third\.button\.outline\.hover\.text {
    border-color: var(--colors-third-button-outline-hover-text);
}

  .bd-c_third\.button\.outline\.hover\.border {
    border-color: var(--colors-third-button-outline-hover-border);
}

  .bd-c_third\.button\.outline\.disabled\.bg {
    border-color: var(--colors-third-button-outline-disabled-bg);
}

  .bd-c_third\.button\.outline\.disabled\.text {
    border-color: var(--colors-third-button-outline-disabled-text);
}

  .bd-c_third\.button\.outline\.disabled\.border {
    border-color: var(--colors-third-button-outline-disabled-border);
}

  .bd-c_third\.button\.ghost\.bg {
    border-color: var(--colors-third-button-ghost-bg);
}

  .bd-c_third\.button\.ghost\.text {
    border-color: var(--colors-third-button-ghost-text);
}

  .bd-c_third\.button\.ghost\.hover\.bg {
    border-color: var(--colors-third-button-ghost-hover-bg);
}

  .bd-c_third\.button\.ghost\.hover\.text {
    border-color: var(--colors-third-button-ghost-hover-text);
}

  .bd-c_third\.button\.ghost\.disabled\.bg {
    border-color: var(--colors-third-button-ghost-disabled-bg);
}

  .bd-c_third\.button\.ghost\.disabled\.text {
    border-color: var(--colors-third-button-ghost-disabled-text);
}

  .bd-c_third\.button\.linkBtn\.bg {
    border-color: var(--colors-third-button-link-btn-bg);
}

  .bd-c_third\.button\.linkBtn\.text {
    border-color: var(--colors-third-button-link-btn-text);
}

  .bd-c_third\.button\.linkBtn\.hover\.bg {
    border-color: var(--colors-third-button-link-btn-hover-bg);
}

  .bd-c_third\.button\.linkBtn\.hover\.text {
    border-color: var(--colors-third-button-link-btn-hover-text);
}

  .bd-c_third\.button\.linkBtn\.disabled\.bg {
    border-color: var(--colors-third-button-link-btn-disabled-bg);
}

  .bd-c_third\.button\.linkBtn\.disabled\.text {
    border-color: var(--colors-third-button-link-btn-disabled-text);
}

  .bd-c_fourth\.button\.solid\.bg {
    border-color: var(--colors-fourth-button-solid-bg);
}

  .bd-c_fourth\.button\.solid\.text {
    border-color: var(--colors-fourth-button-solid-text);
}

  .bd-c_fourth\.button\.solid\.hover\.bg {
    border-color: var(--colors-fourth-button-solid-hover-bg);
}

  .bd-c_fourth\.button\.solid\.hover\.text {
    border-color: var(--colors-fourth-button-solid-hover-text);
}

  .bd-c_fourth\.button\.solid\.disabled\.bg {
    border-color: var(--colors-fourth-button-solid-disabled-bg);
}

  .bd-c_fourth\.button\.solid\.disabled\.text {
    border-color: var(--colors-fourth-button-solid-disabled-text);
}

  .bd-c_fourth\.button\.outline\.bg {
    border-color: var(--colors-fourth-button-outline-bg);
}

  .bd-c_fourth\.button\.outline\.text {
    border-color: var(--colors-fourth-button-outline-text);
}

  .bd-c_fourth\.button\.outline\.border {
    border-color: var(--colors-fourth-button-outline-border);
}

  .bd-c_fourth\.button\.outline\.hover\.bg {
    border-color: var(--colors-fourth-button-outline-hover-bg);
}

  .bd-c_fourth\.button\.outline\.hover\.text {
    border-color: var(--colors-fourth-button-outline-hover-text);
}

  .bd-c_fourth\.button\.outline\.hover\.border {
    border-color: var(--colors-fourth-button-outline-hover-border);
}

  .bd-c_fourth\.button\.outline\.disabled\.bg {
    border-color: var(--colors-fourth-button-outline-disabled-bg);
}

  .bd-c_fourth\.button\.outline\.disabled\.text {
    border-color: var(--colors-fourth-button-outline-disabled-text);
}

  .bd-c_fourth\.button\.outline\.disabled\.border {
    border-color: var(--colors-fourth-button-outline-disabled-border);
}

  .bd-c_fourth\.button\.outlineLight\.bg {
    border-color: var(--colors-fourth-button-outline-light-bg);
}

  .bd-c_fourth\.button\.outlineLight\.text {
    border-color: var(--colors-fourth-button-outline-light-text);
}

  .bd-c_fourth\.button\.outlineLight\.border {
    border-color: var(--colors-fourth-button-outline-light-border);
}

  .bd-c_fourth\.button\.outlineLight\.hover\.bg {
    border-color: var(--colors-fourth-button-outline-light-hover-bg);
}

  .bd-c_fourth\.button\.outlineLight\.hover\.text {
    border-color: var(--colors-fourth-button-outline-light-hover-text);
}

  .bd-c_fourth\.button\.outlineLight\.hover\.border {
    border-color: var(--colors-fourth-button-outline-light-hover-border);
}

  .bd-c_fourth\.button\.outlineLight\.disabled\.bg {
    border-color: var(--colors-fourth-button-outline-light-disabled-bg);
}

  .bd-c_fourth\.button\.outlineLight\.disabled\.text {
    border-color: var(--colors-fourth-button-outline-light-disabled-text);
}

  .bd-c_fourth\.button\.outlineLight\.disabled\.border {
    border-color: var(--colors-fourth-button-outline-light-disabled-border);
}

  .bd-c_fourth\.button\.ghost\.bg {
    border-color: var(--colors-fourth-button-ghost-bg);
}

  .bd-c_fourth\.button\.ghost\.text {
    border-color: var(--colors-fourth-button-ghost-text);
}

  .bd-c_fourth\.button\.ghost\.hover\.bg {
    border-color: var(--colors-fourth-button-ghost-hover-bg);
}

  .bd-c_fourth\.button\.ghost\.hover\.text {
    border-color: var(--colors-fourth-button-ghost-hover-text);
}

  .bd-c_fourth\.button\.ghost\.disabled\.bg {
    border-color: var(--colors-fourth-button-ghost-disabled-bg);
}

  .bd-c_fourth\.button\.ghost\.disabled\.text {
    border-color: var(--colors-fourth-button-ghost-disabled-text);
}

  .bd-c_fourth\.button\.linkBtn\.bg {
    border-color: var(--colors-fourth-button-link-btn-bg);
}

  .bd-c_fourth\.button\.linkBtn\.text {
    border-color: var(--colors-fourth-button-link-btn-text);
}

  .bd-c_fourth\.button\.linkBtn\.hover\.bg {
    border-color: var(--colors-fourth-button-link-btn-hover-bg);
}

  .bd-c_fourth\.button\.linkBtn\.hover\.text {
    border-color: var(--colors-fourth-button-link-btn-hover-text);
}

  .bd-c_fourth\.button\.linkBtn\.disabled\.bg {
    border-color: var(--colors-fourth-button-link-btn-disabled-bg);
}

  .bd-c_fourth\.button\.linkBtn\.disabled\.text {
    border-color: var(--colors-fourth-button-link-btn-disabled-text);
}

  .bd-c_fifth\.button\.solid\.bg {
    border-color: var(--colors-fifth-button-solid-bg);
}

  .bd-c_fifth\.button\.solid\.text {
    border-color: var(--colors-fifth-button-solid-text);
}

  .bd-c_fifth\.button\.solid\.hover\.bg {
    border-color: var(--colors-fifth-button-solid-hover-bg);
}

  .bd-c_fifth\.button\.solid\.hover\.text {
    border-color: var(--colors-fifth-button-solid-hover-text);
}

  .bd-c_fifth\.button\.solid\.disabled\.bg {
    border-color: var(--colors-fifth-button-solid-disabled-bg);
}

  .bd-c_fifth\.button\.solid\.disabled\.text {
    border-color: var(--colors-fifth-button-solid-disabled-text);
}

  .bd-c_fifth\.button\.outline\.bg {
    border-color: var(--colors-fifth-button-outline-bg);
}

  .bd-c_fifth\.button\.outline\.text {
    border-color: var(--colors-fifth-button-outline-text);
}

  .bd-c_fifth\.button\.outline\.border {
    border-color: var(--colors-fifth-button-outline-border);
}

  .bd-c_fifth\.button\.outline\.hover\.bg {
    border-color: var(--colors-fifth-button-outline-hover-bg);
}

  .bd-c_fifth\.button\.outline\.hover\.text {
    border-color: var(--colors-fifth-button-outline-hover-text);
}

  .bd-c_fifth\.button\.outline\.hover\.border {
    border-color: var(--colors-fifth-button-outline-hover-border);
}

  .bd-c_fifth\.button\.outline\.disabled\.bg {
    border-color: var(--colors-fifth-button-outline-disabled-bg);
}

  .bd-c_fifth\.button\.outline\.disabled\.text {
    border-color: var(--colors-fifth-button-outline-disabled-text);
}

  .bd-c_fifth\.button\.outline\.disabled\.border {
    border-color: var(--colors-fifth-button-outline-disabled-border);
}

  .bd-c_fifth\.button\.ghost\.bg {
    border-color: var(--colors-fifth-button-ghost-bg);
}

  .bd-c_fifth\.button\.ghost\.text {
    border-color: var(--colors-fifth-button-ghost-text);
}

  .bd-c_fifth\.button\.ghost\.hover\.bg {
    border-color: var(--colors-fifth-button-ghost-hover-bg);
}

  .bd-c_fifth\.button\.ghost\.hover\.text {
    border-color: var(--colors-fifth-button-ghost-hover-text);
}

  .bd-c_fifth\.button\.ghost\.disabled\.bg {
    border-color: var(--colors-fifth-button-ghost-disabled-bg);
}

  .bd-c_fifth\.button\.ghost\.disabled\.text {
    border-color: var(--colors-fifth-button-ghost-disabled-text);
}

  .bd-c_fifth\.button\.linkBtn\.bg {
    border-color: var(--colors-fifth-button-link-btn-bg);
}

  .bd-c_fifth\.button\.linkBtn\.text {
    border-color: var(--colors-fifth-button-link-btn-text);
}

  .bd-c_fifth\.button\.linkBtn\.hover\.bg {
    border-color: var(--colors-fifth-button-link-btn-hover-bg);
}

  .bd-c_fifth\.button\.linkBtn\.hover\.text {
    border-color: var(--colors-fifth-button-link-btn-hover-text);
}

  .bd-c_fifth\.button\.linkBtn\.disabled\.bg {
    border-color: var(--colors-fifth-button-link-btn-disabled-bg);
}

  .bd-c_fifth\.button\.linkBtn\.disabled\.text {
    border-color: var(--colors-fifth-button-link-btn-disabled-text);
}

  .bd-c_fifthInverted\.button\.solid\.bg {
    border-color: var(--colors-fifth-inverted-button-solid-bg);
}

  .bd-c_fifthInverted\.button\.solid\.text {
    border-color: var(--colors-fifth-inverted-button-solid-text);
}

  .bd-c_fifthInverted\.button\.solid\.hover\.bg {
    border-color: var(--colors-fifth-inverted-button-solid-hover-bg);
}

  .bd-c_fifthInverted\.button\.solid\.hover\.text {
    border-color: var(--colors-fifth-inverted-button-solid-hover-text);
}

  .bd-c_fifthInverted\.button\.solid\.disabled\.bg {
    border-color: var(--colors-fifth-inverted-button-solid-disabled-bg);
}

  .bd-c_fifthInverted\.button\.solid\.disabled\.text {
    border-color: var(--colors-fifth-inverted-button-solid-disabled-text);
}

  .bd-c_danger\.button\.solid\.bg {
    border-color: var(--colors-danger-button-solid-bg);
}

  .bd-c_danger\.button\.solid\.text {
    border-color: var(--colors-danger-button-solid-text);
}

  .bd-c_danger\.button\.solid\.hover\.bg {
    border-color: var(--colors-danger-button-solid-hover-bg);
}

  .bd-c_danger\.button\.solid\.hover\.text {
    border-color: var(--colors-danger-button-solid-hover-text);
}

  .bd-c_danger\.button\.solid\.disabled\.bg {
    border-color: var(--colors-danger-button-solid-disabled-bg);
}

  .bd-c_danger\.button\.solid\.disabled\.text {
    border-color: var(--colors-danger-button-solid-disabled-text);
}

  .bd-c_danger\.button\.linkBtn\.bg {
    border-color: var(--colors-danger-button-link-btn-bg);
}

  .bd-c_danger\.button\.linkBtn\.text {
    border-color: var(--colors-danger-button-link-btn-text);
}

  .bd-c_danger\.button\.linkBtn\.hover\.bg {
    border-color: var(--colors-danger-button-link-btn-hover-bg);
}

  .bd-c_danger\.button\.linkBtn\.hover\.text {
    border-color: var(--colors-danger-button-link-btn-hover-text);
}

  .bd-c_danger\.button\.linkBtn\.disabled\.bg {
    border-color: var(--colors-danger-button-link-btn-disabled-bg);
}

  .bd-c_danger\.button\.linkBtn\.disabled\.text {
    border-color: var(--colors-danger-button-link-btn-disabled-text);
}

  .bd-c_rewrite\.button\.solid\.bg {
    border-color: var(--colors-rewrite-button-solid-bg);
}

  .bd-c_rewrite\.button\.solid\.text {
    border-color: var(--colors-rewrite-button-solid-text);
}

  .bd-c_rewrite\.button\.solid\.hover\.bg {
    border-color: var(--colors-rewrite-button-solid-hover-bg);
}

  .bd-c_rewrite\.button\.solid\.hover\.text {
    border-color: var(--colors-rewrite-button-solid-hover-text);
}

  .bd-c_rewrite\.button\.solid\.disabled\.bg {
    border-color: var(--colors-rewrite-button-solid-disabled-bg);
}

  .bd-c_rewrite\.button\.solid\.disabled\.text {
    border-color: var(--colors-rewrite-button-solid-disabled-text);
}

  .bd-c_translate\.button\.solid\.bg {
    border-color: var(--colors-translate-button-solid-bg);
}

  .bd-c_translate\.button\.solid\.text {
    border-color: var(--colors-translate-button-solid-text);
}

  .bd-c_translate\.button\.solid\.hover\.bg {
    border-color: var(--colors-translate-button-solid-hover-bg);
}

  .bd-c_translate\.button\.solid\.hover\.text {
    border-color: var(--colors-translate-button-solid-hover-text);
}

  .bd-c_translate\.button\.solid\.disabled\.bg {
    border-color: var(--colors-translate-button-solid-disabled-bg);
}

  .bd-c_translate\.button\.solid\.disabled\.text {
    border-color: var(--colors-translate-button-solid-disabled-text);
}

  .bd-c_ask\.button\.solid\.bg {
    border-color: var(--colors-ask-button-solid-bg);
}

  .bd-c_ask\.button\.solid\.text {
    border-color: var(--colors-ask-button-solid-text);
}

  .bd-c_ask\.button\.solid\.hover\.bg {
    border-color: var(--colors-ask-button-solid-hover-bg);
}

  .bd-c_ask\.button\.solid\.hover\.text {
    border-color: var(--colors-ask-button-solid-hover-text);
}

  .bd-c_ask\.button\.solid\.disabled\.bg {
    border-color: var(--colors-ask-button-solid-disabled-bg);
}

  .bd-c_ask\.button\.solid\.disabled\.text {
    border-color: var(--colors-ask-button-solid-disabled-text);
}

  .bd-c_detect\.button\.solid\.bg {
    border-color: var(--colors-detect-button-solid-bg);
}

  .bd-c_detect\.button\.solid\.text {
    border-color: var(--colors-detect-button-solid-text);
}

  .bd-c_detect\.button\.solid\.hover\.bg {
    border-color: var(--colors-detect-button-solid-hover-bg);
}

  .bd-c_detect\.button\.solid\.hover\.text {
    border-color: var(--colors-detect-button-solid-hover-text);
}

  .bd-c_detect\.button\.solid\.disabled\.bg {
    border-color: var(--colors-detect-button-solid-disabled-bg);
}

  .bd-c_detect\.button\.solid\.disabled\.text {
    border-color: var(--colors-detect-button-solid-disabled-text);
}

  .bd-c_red\.1 {
    border-color: var(--colors-red-1);
}

  .bd-c_red\.2 {
    border-color: var(--colors-red-2);
}

  .bd-c_red\.3 {
    border-color: var(--colors-red-3);
}

  .bd-c_red\.4 {
    border-color: var(--colors-red-4);
}

  .bd-c_red\.5 {
    border-color: var(--colors-red-5);
}

  .bd-c_red\.6 {
    border-color: var(--colors-red-6);
}

  .bd-c_red\.7 {
    border-color: var(--colors-red-7);
}

  .bd-c_red\.8 {
    border-color: var(--colors-red-8);
}

  .bd-c_red\.9 {
    border-color: var(--colors-red-9);
}

  .bd-c_red\.10 {
    border-color: var(--colors-red-10);
}

  .bd-c_red\.11 {
    border-color: var(--colors-red-11);
}

  .bd-c_red\.12 {
    border-color: var(--colors-red-12);
}

  .bd-c_red\.a1 {
    border-color: var(--colors-red-a1);
}

  .bd-c_red\.a2 {
    border-color: var(--colors-red-a2);
}

  .bd-c_red\.a3 {
    border-color: var(--colors-red-a3);
}

  .bd-c_red\.a4 {
    border-color: var(--colors-red-a4);
}

  .bd-c_red\.a5 {
    border-color: var(--colors-red-a5);
}

  .bd-c_red\.a6 {
    border-color: var(--colors-red-a6);
}

  .bd-c_red\.a7 {
    border-color: var(--colors-red-a7);
}

  .bd-c_red\.a8 {
    border-color: var(--colors-red-a8);
}

  .bd-c_red\.a9 {
    border-color: var(--colors-red-a9);
}

  .bd-c_red\.a10 {
    border-color: var(--colors-red-a10);
}

  .bd-c_red\.a11 {
    border-color: var(--colors-red-a11);
}

  .bd-c_red\.a12 {
    border-color: var(--colors-red-a12);
}

  .bd-c_red\.default {
    border-color: var(--colors-red-default);
}

  .bd-c_red\.emphasized {
    border-color: var(--colors-red-emphasized);
}

  .bd-c_red\.fg {
    border-color: var(--colors-red-fg);
}

  .bd-c_red\.text {
    border-color: var(--colors-red-text);
}

  .bd-c_neutral\.1 {
    border-color: var(--colors-neutral-1);
}

  .bd-c_neutral\.2 {
    border-color: var(--colors-neutral-2);
}

  .bd-c_neutral\.3 {
    border-color: var(--colors-neutral-3);
}

  .bd-c_neutral\.4 {
    border-color: var(--colors-neutral-4);
}

  .bd-c_neutral\.5 {
    border-color: var(--colors-neutral-5);
}

  .bd-c_neutral\.6 {
    border-color: var(--colors-neutral-6);
}

  .bd-c_neutral\.7 {
    border-color: var(--colors-neutral-7);
}

  .bd-c_neutral\.8 {
    border-color: var(--colors-neutral-8);
}

  .bd-c_neutral\.9 {
    border-color: var(--colors-neutral-9);
}

  .bd-c_neutral\.10 {
    border-color: var(--colors-neutral-10);
}

  .bd-c_neutral\.11 {
    border-color: var(--colors-neutral-11);
}

  .bd-c_neutral\.12 {
    border-color: var(--colors-neutral-12);
}

  .bd-c_neutral\.a1 {
    border-color: var(--colors-neutral-a1);
}

  .bd-c_neutral\.a2 {
    border-color: var(--colors-neutral-a2);
}

  .bd-c_neutral\.a3 {
    border-color: var(--colors-neutral-a3);
}

  .bd-c_neutral\.a4 {
    border-color: var(--colors-neutral-a4);
}

  .bd-c_neutral\.a5 {
    border-color: var(--colors-neutral-a5);
}

  .bd-c_neutral\.a6 {
    border-color: var(--colors-neutral-a6);
}

  .bd-c_neutral\.a7 {
    border-color: var(--colors-neutral-a7);
}

  .bd-c_neutral\.a8 {
    border-color: var(--colors-neutral-a8);
}

  .bd-c_neutral\.a9 {
    border-color: var(--colors-neutral-a9);
}

  .bd-c_neutral\.a10 {
    border-color: var(--colors-neutral-a10);
}

  .bd-c_neutral\.a11 {
    border-color: var(--colors-neutral-a11);
}

  .bd-c_neutral\.a12 {
    border-color: var(--colors-neutral-a12);
}

  .bd-c_neutral\.default {
    border-color: var(--colors-neutral-default);
}

  .bd-c_neutral\.fg {
    border-color: var(--colors-neutral-fg);
}

  .bd-c_neutral\.text {
    border-color: var(--colors-neutral-text);
}

  .bd-c_colorPalette {
    border-color: var(--colors-color-palette);
}

  .bd-c_colorPalette\.a1 {
    border-color: var(--colors-color-palette-a1);
}

  .bd-c_colorPalette\.a2 {
    border-color: var(--colors-color-palette-a2);
}

  .bd-c_colorPalette\.a3 {
    border-color: var(--colors-color-palette-a3);
}

  .bd-c_colorPalette\.a4 {
    border-color: var(--colors-color-palette-a4);
}

  .bd-c_colorPalette\.a5 {
    border-color: var(--colors-color-palette-a5);
}

  .bd-c_colorPalette\.a6 {
    border-color: var(--colors-color-palette-a6);
}

  .bd-c_colorPalette\.a7 {
    border-color: var(--colors-color-palette-a7);
}

  .bd-c_colorPalette\.a8 {
    border-color: var(--colors-color-palette-a8);
}

  .bd-c_colorPalette\.a9 {
    border-color: var(--colors-color-palette-a9);
}

  .bd-c_colorPalette\.a10 {
    border-color: var(--colors-color-palette-a10);
}

  .bd-c_colorPalette\.a11 {
    border-color: var(--colors-color-palette-a11);
}

  .bd-c_colorPalette\.a12 {
    border-color: var(--colors-color-palette-a12);
}

  .bd-c_colorPalette\.purpleToBlue {
    border-color: var(--colors-color-palette-purple-to-blue);
}

  .bd-c_colorPalette\.lavanderToLightblue {
    border-color: var(--colors-color-palette-lavander-to-lightblue);
}

  .bd-c_colorPalette\.darkLavanderToLightblue {
    border-color: var(--colors-color-palette-dark-lavander-to-lightblue);
}

  .bd-c_colorPalette\.light\.1 {
    border-color: var(--colors-color-palette-light-1);
}

  .bd-c_colorPalette\.1 {
    border-color: var(--colors-color-palette-1);
}

  .bd-c_colorPalette\.light\.2 {
    border-color: var(--colors-color-palette-light-2);
}

  .bd-c_colorPalette\.2 {
    border-color: var(--colors-color-palette-2);
}

  .bd-c_colorPalette\.light\.3 {
    border-color: var(--colors-color-palette-light-3);
}

  .bd-c_colorPalette\.3 {
    border-color: var(--colors-color-palette-3);
}

  .bd-c_colorPalette\.light\.4 {
    border-color: var(--colors-color-palette-light-4);
}

  .bd-c_colorPalette\.4 {
    border-color: var(--colors-color-palette-4);
}

  .bd-c_colorPalette\.light\.5 {
    border-color: var(--colors-color-palette-light-5);
}

  .bd-c_colorPalette\.5 {
    border-color: var(--colors-color-palette-5);
}

  .bd-c_colorPalette\.light\.6 {
    border-color: var(--colors-color-palette-light-6);
}

  .bd-c_colorPalette\.6 {
    border-color: var(--colors-color-palette-6);
}

  .bd-c_colorPalette\.light\.7 {
    border-color: var(--colors-color-palette-light-7);
}

  .bd-c_colorPalette\.7 {
    border-color: var(--colors-color-palette-7);
}

  .bd-c_colorPalette\.light\.8 {
    border-color: var(--colors-color-palette-light-8);
}

  .bd-c_colorPalette\.8 {
    border-color: var(--colors-color-palette-8);
}

  .bd-c_colorPalette\.light\.9 {
    border-color: var(--colors-color-palette-light-9);
}

  .bd-c_colorPalette\.9 {
    border-color: var(--colors-color-palette-9);
}

  .bd-c_colorPalette\.light\.10 {
    border-color: var(--colors-color-palette-light-10);
}

  .bd-c_colorPalette\.10 {
    border-color: var(--colors-color-palette-10);
}

  .bd-c_colorPalette\.light\.11 {
    border-color: var(--colors-color-palette-light-11);
}

  .bd-c_colorPalette\.11 {
    border-color: var(--colors-color-palette-11);
}

  .bd-c_colorPalette\.light\.12 {
    border-color: var(--colors-color-palette-light-12);
}

  .bd-c_colorPalette\.12 {
    border-color: var(--colors-color-palette-12);
}

  .bd-c_colorPalette\.light\.a1 {
    border-color: var(--colors-color-palette-light-a1);
}

  .bd-c_colorPalette\.light\.a2 {
    border-color: var(--colors-color-palette-light-a2);
}

  .bd-c_colorPalette\.light\.a3 {
    border-color: var(--colors-color-palette-light-a3);
}

  .bd-c_colorPalette\.light\.a4 {
    border-color: var(--colors-color-palette-light-a4);
}

  .bd-c_colorPalette\.light\.a5 {
    border-color: var(--colors-color-palette-light-a5);
}

  .bd-c_colorPalette\.light\.a6 {
    border-color: var(--colors-color-palette-light-a6);
}

  .bd-c_colorPalette\.light\.a7 {
    border-color: var(--colors-color-palette-light-a7);
}

  .bd-c_colorPalette\.light\.a8 {
    border-color: var(--colors-color-palette-light-a8);
}

  .bd-c_colorPalette\.light\.a9 {
    border-color: var(--colors-color-palette-light-a9);
}

  .bd-c_colorPalette\.light\.a10 {
    border-color: var(--colors-color-palette-light-a10);
}

  .bd-c_colorPalette\.light\.a11 {
    border-color: var(--colors-color-palette-light-a11);
}

  .bd-c_colorPalette\.light\.a12 {
    border-color: var(--colors-color-palette-light-a12);
}

  .bd-c_colorPalette\.dark\.1 {
    border-color: var(--colors-color-palette-dark-1);
}

  .bd-c_colorPalette\.dark\.2 {
    border-color: var(--colors-color-palette-dark-2);
}

  .bd-c_colorPalette\.dark\.3 {
    border-color: var(--colors-color-palette-dark-3);
}

  .bd-c_colorPalette\.dark\.4 {
    border-color: var(--colors-color-palette-dark-4);
}

  .bd-c_colorPalette\.dark\.5 {
    border-color: var(--colors-color-palette-dark-5);
}

  .bd-c_colorPalette\.dark\.6 {
    border-color: var(--colors-color-palette-dark-6);
}

  .bd-c_colorPalette\.dark\.7 {
    border-color: var(--colors-color-palette-dark-7);
}

  .bd-c_colorPalette\.dark\.8 {
    border-color: var(--colors-color-palette-dark-8);
}

  .bd-c_colorPalette\.dark\.9 {
    border-color: var(--colors-color-palette-dark-9);
}

  .bd-c_colorPalette\.dark\.10 {
    border-color: var(--colors-color-palette-dark-10);
}

  .bd-c_colorPalette\.dark\.11 {
    border-color: var(--colors-color-palette-dark-11);
}

  .bd-c_colorPalette\.dark\.12 {
    border-color: var(--colors-color-palette-dark-12);
}

  .bd-c_colorPalette\.dark\.a1 {
    border-color: var(--colors-color-palette-dark-a1);
}

  .bd-c_colorPalette\.dark\.a2 {
    border-color: var(--colors-color-palette-dark-a2);
}

  .bd-c_colorPalette\.dark\.a3 {
    border-color: var(--colors-color-palette-dark-a3);
}

  .bd-c_colorPalette\.dark\.a4 {
    border-color: var(--colors-color-palette-dark-a4);
}

  .bd-c_colorPalette\.dark\.a5 {
    border-color: var(--colors-color-palette-dark-a5);
}

  .bd-c_colorPalette\.dark\.a6 {
    border-color: var(--colors-color-palette-dark-a6);
}

  .bd-c_colorPalette\.dark\.a7 {
    border-color: var(--colors-color-palette-dark-a7);
}

  .bd-c_colorPalette\.dark\.a8 {
    border-color: var(--colors-color-palette-dark-a8);
}

  .bd-c_colorPalette\.dark\.a9 {
    border-color: var(--colors-color-palette-dark-a9);
}

  .bd-c_colorPalette\.dark\.a10 {
    border-color: var(--colors-color-palette-dark-a10);
}

  .bd-c_colorPalette\.dark\.a11 {
    border-color: var(--colors-color-palette-dark-a11);
}

  .bd-c_colorPalette\.dark\.a12 {
    border-color: var(--colors-color-palette-dark-a12);
}

  .bd-c_colorPalette\.default {
    border-color: var(--colors-color-palette-default);
}

  .bd-c_colorPalette\.emphasized {
    border-color: var(--colors-color-palette-emphasized);
}

  .bd-c_colorPalette\.fg {
    border-color: var(--colors-color-palette-fg);
}

  .bd-c_colorPalette\.text {
    border-color: var(--colors-color-palette-text);
}

  .bd-c_colorPalette\.button\.solid\.bg {
    border-color: var(--colors-color-palette-button-solid-bg);
}

  .bd-c_colorPalette\.solid\.bg {
    border-color: var(--colors-color-palette-solid-bg);
}

  .bd-c_colorPalette\.bg {
    border-color: var(--colors-color-palette-bg);
}

  .bd-c_colorPalette\.button\.solid\.text {
    border-color: var(--colors-color-palette-button-solid-text);
}

  .bd-c_colorPalette\.solid\.text {
    border-color: var(--colors-color-palette-solid-text);
}

  .bd-c_colorPalette\.button\.solid\.hover\.bg {
    border-color: var(--colors-color-palette-button-solid-hover-bg);
}

  .bd-c_colorPalette\.solid\.hover\.bg {
    border-color: var(--colors-color-palette-solid-hover-bg);
}

  .bd-c_colorPalette\.hover\.bg {
    border-color: var(--colors-color-palette-hover-bg);
}

  .bd-c_colorPalette\.button\.solid\.hover\.text {
    border-color: var(--colors-color-palette-button-solid-hover-text);
}

  .bd-c_colorPalette\.solid\.hover\.text {
    border-color: var(--colors-color-palette-solid-hover-text);
}

  .bd-c_colorPalette\.hover\.text {
    border-color: var(--colors-color-palette-hover-text);
}

  .bd-c_colorPalette\.button\.solid\.disabled\.bg {
    border-color: var(--colors-color-palette-button-solid-disabled-bg);
}

  .bd-c_colorPalette\.solid\.disabled\.bg {
    border-color: var(--colors-color-palette-solid-disabled-bg);
}

  .bd-c_colorPalette\.disabled\.bg {
    border-color: var(--colors-color-palette-disabled-bg);
}

  .bd-c_colorPalette\.button\.solid\.disabled\.text {
    border-color: var(--colors-color-palette-button-solid-disabled-text);
}

  .bd-c_colorPalette\.solid\.disabled\.text {
    border-color: var(--colors-color-palette-solid-disabled-text);
}

  .bd-c_colorPalette\.disabled\.text {
    border-color: var(--colors-color-palette-disabled-text);
}

  .bd-c_colorPalette\.button\.outline\.bg {
    border-color: var(--colors-color-palette-button-outline-bg);
}

  .bd-c_colorPalette\.outline\.bg {
    border-color: var(--colors-color-palette-outline-bg);
}

  .bd-c_colorPalette\.button\.outline\.text {
    border-color: var(--colors-color-palette-button-outline-text);
}

  .bd-c_colorPalette\.outline\.text {
    border-color: var(--colors-color-palette-outline-text);
}

  .bd-c_colorPalette\.button\.outline\.border {
    border-color: var(--colors-color-palette-button-outline-border);
}

  .bd-c_colorPalette\.outline\.border {
    border-color: var(--colors-color-palette-outline-border);
}

  .bd-c_colorPalette\.border {
    border-color: var(--colors-color-palette-border);
}

  .bd-c_colorPalette\.button\.outline\.hover\.bg {
    border-color: var(--colors-color-palette-button-outline-hover-bg);
}

  .bd-c_colorPalette\.outline\.hover\.bg {
    border-color: var(--colors-color-palette-outline-hover-bg);
}

  .bd-c_colorPalette\.button\.outline\.hover\.text {
    border-color: var(--colors-color-palette-button-outline-hover-text);
}

  .bd-c_colorPalette\.outline\.hover\.text {
    border-color: var(--colors-color-palette-outline-hover-text);
}

  .bd-c_colorPalette\.button\.outline\.hover\.border {
    border-color: var(--colors-color-palette-button-outline-hover-border);
}

  .bd-c_colorPalette\.outline\.hover\.border {
    border-color: var(--colors-color-palette-outline-hover-border);
}

  .bd-c_colorPalette\.hover\.border {
    border-color: var(--colors-color-palette-hover-border);
}

  .bd-c_colorPalette\.button\.outline\.disabled\.bg {
    border-color: var(--colors-color-palette-button-outline-disabled-bg);
}

  .bd-c_colorPalette\.outline\.disabled\.bg {
    border-color: var(--colors-color-palette-outline-disabled-bg);
}

  .bd-c_colorPalette\.button\.outline\.disabled\.text {
    border-color: var(--colors-color-palette-button-outline-disabled-text);
}

  .bd-c_colorPalette\.outline\.disabled\.text {
    border-color: var(--colors-color-palette-outline-disabled-text);
}

  .bd-c_colorPalette\.button\.outline\.disabled\.border {
    border-color: var(--colors-color-palette-button-outline-disabled-border);
}

  .bd-c_colorPalette\.outline\.disabled\.border {
    border-color: var(--colors-color-palette-outline-disabled-border);
}

  .bd-c_colorPalette\.disabled\.border {
    border-color: var(--colors-color-palette-disabled-border);
}

  .bd-c_colorPalette\.button\.ghost\.bg {
    border-color: var(--colors-color-palette-button-ghost-bg);
}

  .bd-c_colorPalette\.ghost\.bg {
    border-color: var(--colors-color-palette-ghost-bg);
}

  .bd-c_colorPalette\.button\.ghost\.text {
    border-color: var(--colors-color-palette-button-ghost-text);
}

  .bd-c_colorPalette\.ghost\.text {
    border-color: var(--colors-color-palette-ghost-text);
}

  .bd-c_colorPalette\.button\.ghost\.hover\.bg {
    border-color: var(--colors-color-palette-button-ghost-hover-bg);
}

  .bd-c_colorPalette\.ghost\.hover\.bg {
    border-color: var(--colors-color-palette-ghost-hover-bg);
}

  .bd-c_colorPalette\.button\.ghost\.hover\.text {
    border-color: var(--colors-color-palette-button-ghost-hover-text);
}

  .bd-c_colorPalette\.ghost\.hover\.text {
    border-color: var(--colors-color-palette-ghost-hover-text);
}

  .bd-c_colorPalette\.button\.ghost\.disabled\.bg {
    border-color: var(--colors-color-palette-button-ghost-disabled-bg);
}

  .bd-c_colorPalette\.ghost\.disabled\.bg {
    border-color: var(--colors-color-palette-ghost-disabled-bg);
}

  .bd-c_colorPalette\.button\.ghost\.disabled\.text {
    border-color: var(--colors-color-palette-button-ghost-disabled-text);
}

  .bd-c_colorPalette\.ghost\.disabled\.text {
    border-color: var(--colors-color-palette-ghost-disabled-text);
}

  .bd-c_colorPalette\.button\.linkBtn\.bg {
    border-color: var(--colors-color-palette-button-link-btn-bg);
}

  .bd-c_colorPalette\.linkBtn\.bg {
    border-color: var(--colors-color-palette-link-btn-bg);
}

  .bd-c_colorPalette\.button\.linkBtn\.text {
    border-color: var(--colors-color-palette-button-link-btn-text);
}

  .bd-c_colorPalette\.linkBtn\.text {
    border-color: var(--colors-color-palette-link-btn-text);
}

  .bd-c_colorPalette\.button\.linkBtn\.hover\.bg {
    border-color: var(--colors-color-palette-button-link-btn-hover-bg);
}

  .bd-c_colorPalette\.linkBtn\.hover\.bg {
    border-color: var(--colors-color-palette-link-btn-hover-bg);
}

  .bd-c_colorPalette\.button\.linkBtn\.hover\.text {
    border-color: var(--colors-color-palette-button-link-btn-hover-text);
}

  .bd-c_colorPalette\.linkBtn\.hover\.text {
    border-color: var(--colors-color-palette-link-btn-hover-text);
}

  .bd-c_colorPalette\.button\.linkBtn\.disabled\.bg {
    border-color: var(--colors-color-palette-button-link-btn-disabled-bg);
}

  .bd-c_colorPalette\.linkBtn\.disabled\.bg {
    border-color: var(--colors-color-palette-link-btn-disabled-bg);
}

  .bd-c_colorPalette\.button\.linkBtn\.disabled\.text {
    border-color: var(--colors-color-palette-button-link-btn-disabled-text);
}

  .bd-c_colorPalette\.linkBtn\.disabled\.text {
    border-color: var(--colors-color-palette-link-btn-disabled-text);
}

  .bd-c_colorPalette\.cards\.bgContainer {
    border-color: var(--colors-color-palette-cards-bg-container);
}

  .bd-c_colorPalette\.bgContainer {
    border-color: var(--colors-color-palette-bg-container);
}

  .bd-c_colorPalette\.cards\.bgContent {
    border-color: var(--colors-color-palette-cards-bg-content);
}

  .bd-c_colorPalette\.bgContent {
    border-color: var(--colors-color-palette-bg-content);
}

  .bd-c_colorPalette\.cards\.color {
    border-color: var(--colors-color-palette-cards-color);
}

  .bd-c_colorPalette\.color {
    border-color: var(--colors-color-palette-color);
}

  .bd-c_colorPalette\.cards\.borderColor {
    border-color: var(--colors-color-palette-cards-border-color);
}

  .bd-c_colorPalette\.borderColor {
    border-color: var(--colors-color-palette-border-color);
}

  .bd-c_colorPalette\.box\.bg {
    border-color: var(--colors-color-palette-box-bg);
}

  .bd-c_colorPalette\.box\.color {
    border-color: var(--colors-color-palette-box-color);
}

  .bd-c_colorPalette\.dropdown\.error\.text {
    border-color: var(--colors-color-palette-dropdown-error-text);
}

  .bd-c_colorPalette\.error\.text {
    border-color: var(--colors-color-palette-error-text);
}

  .bd-c_colorPalette\.dropdown\.error\.border {
    border-color: var(--colors-color-palette-dropdown-error-border);
}

  .bd-c_colorPalette\.error\.border {
    border-color: var(--colors-color-palette-error-border);
}

  .bd-c_colorPalette\.dropdown\.error\.bg {
    border-color: var(--colors-color-palette-dropdown-error-bg);
}

  .bd-c_colorPalette\.error\.bg {
    border-color: var(--colors-color-palette-error-bg);
}

  .bd-c_colorPalette\.dropdown\.solid\.bg {
    border-color: var(--colors-color-palette-dropdown-solid-bg);
}

  .bd-c_colorPalette\.dropdown\.solid\.text {
    border-color: var(--colors-color-palette-dropdown-solid-text);
}

  .bd-c_colorPalette\.dropdown\.solid\.hover\.bg {
    border-color: var(--colors-color-palette-dropdown-solid-hover-bg);
}

  .bd-c_colorPalette\.dropdown\.solid\.hover\.text {
    border-color: var(--colors-color-palette-dropdown-solid-hover-text);
}

  .bd-c_colorPalette\.dropdown\.solid\.disabled\.bg {
    border-color: var(--colors-color-palette-dropdown-solid-disabled-bg);
}

  .bd-c_colorPalette\.dropdown\.solid\.disabled\.text {
    border-color: var(--colors-color-palette-dropdown-solid-disabled-text);
}

  .bd-c_colorPalette\.dropdown\.outline\.bg {
    border-color: var(--colors-color-palette-dropdown-outline-bg);
}

  .bd-c_colorPalette\.dropdown\.outline\.text {
    border-color: var(--colors-color-palette-dropdown-outline-text);
}

  .bd-c_colorPalette\.dropdown\.outline\.border {
    border-color: var(--colors-color-palette-dropdown-outline-border);
}

  .bd-c_colorPalette\.dropdown\.outline\.hover\.bg {
    border-color: var(--colors-color-palette-dropdown-outline-hover-bg);
}

  .bd-c_colorPalette\.dropdown\.outline\.hover\.text {
    border-color: var(--colors-color-palette-dropdown-outline-hover-text);
}

  .bd-c_colorPalette\.dropdown\.outline\.hover\.border {
    border-color: var(--colors-color-palette-dropdown-outline-hover-border);
}

  .bd-c_colorPalette\.dropdown\.outline\.disabled\.bg {
    border-color: var(--colors-color-palette-dropdown-outline-disabled-bg);
}

  .bd-c_colorPalette\.dropdown\.outline\.disabled\.text {
    border-color: var(--colors-color-palette-dropdown-outline-disabled-text);
}

  .bd-c_colorPalette\.dropdown\.outline\.disabled\.border {
    border-color: var(--colors-color-palette-dropdown-outline-disabled-border);
}

  .bd-c_colorPalette\.inputText\.text {
    border-color: var(--colors-color-palette-input-text-text);
}

  .bd-c_colorPalette\.inputText\.placeholder {
    border-color: var(--colors-color-palette-input-text-placeholder);
}

  .bd-c_colorPalette\.placeholder {
    border-color: var(--colors-color-palette-placeholder);
}

  .bd-c_colorPalette\.inputText\.invalid\.border {
    border-color: var(--colors-color-palette-input-text-invalid-border);
}

  .bd-c_colorPalette\.invalid\.border {
    border-color: var(--colors-color-palette-invalid-border);
}

  .bd-c_colorPalette\.inputText\.invalid\.text {
    border-color: var(--colors-color-palette-input-text-invalid-text);
}

  .bd-c_colorPalette\.invalid\.text {
    border-color: var(--colors-color-palette-invalid-text);
}

  .bd-c_colorPalette\.inputText\.invalid\.placeholder {
    border-color: var(--colors-color-palette-input-text-invalid-placeholder);
}

  .bd-c_colorPalette\.invalid\.placeholder {
    border-color: var(--colors-color-palette-invalid-placeholder);
}

  .bd-c_colorPalette\.inputText\.focused\.border {
    border-color: var(--colors-color-palette-input-text-focused-border);
}

  .bd-c_colorPalette\.focused\.border {
    border-color: var(--colors-color-palette-focused-border);
}

  .bd-c_colorPalette\.inputText\.disabled\.border {
    border-color: var(--colors-color-palette-input-text-disabled-border);
}

  .bd-c_colorPalette\.inputText\.disabled\.text {
    border-color: var(--colors-color-palette-input-text-disabled-text);
}

  .bd-c_colorPalette\.inputText\.disabled\.placeholder {
    border-color: var(--colors-color-palette-input-text-disabled-placeholder);
}

  .bd-c_colorPalette\.disabled\.placeholder {
    border-color: var(--colors-color-palette-disabled-placeholder);
}

  .bd-c_colorPalette\.inputText\.solid\.bg {
    border-color: var(--colors-color-palette-input-text-solid-bg);
}

  .bd-c_colorPalette\.inputText\.solid\.border {
    border-color: var(--colors-color-palette-input-text-solid-border);
}

  .bd-c_colorPalette\.solid\.border {
    border-color: var(--colors-color-palette-solid-border);
}

  .bd-c_colorPalette\.inputText\.solid\.bgDisabled {
    border-color: var(--colors-color-palette-input-text-solid-bg-disabled);
}

  .bd-c_colorPalette\.solid\.bgDisabled {
    border-color: var(--colors-color-palette-solid-bg-disabled);
}

  .bd-c_colorPalette\.bgDisabled {
    border-color: var(--colors-color-palette-bg-disabled);
}

  .bd-c_colorPalette\.inputText\.outline\.bg {
    border-color: var(--colors-color-palette-input-text-outline-bg);
}

  .bd-c_colorPalette\.inputText\.outline\.border {
    border-color: var(--colors-color-palette-input-text-outline-border);
}

  .bd-c_colorPalette\.inputText\.ghost\.bg {
    border-color: var(--colors-color-palette-input-text-ghost-bg);
}

  .bd-c_colorPalette\.inputText\.ghost\.border {
    border-color: var(--colors-color-palette-input-text-ghost-border);
}

  .bd-c_colorPalette\.ghost\.border {
    border-color: var(--colors-color-palette-ghost-border);
}

  .bd-c_colorPalette\.label\.bg {
    border-color: var(--colors-color-palette-label-bg);
}

  .bd-c_colorPalette\.label\.text {
    border-color: var(--colors-color-palette-label-text);
}

  .bd-c_colorPalette\.label\.active\.bg {
    border-color: var(--colors-color-palette-label-active-bg);
}

  .bd-c_colorPalette\.active\.bg {
    border-color: var(--colors-color-palette-active-bg);
}

  .bd-c_colorPalette\.label\.active\.text {
    border-color: var(--colors-color-palette-label-active-text);
}

  .bd-c_colorPalette\.active\.text {
    border-color: var(--colors-color-palette-active-text);
}

  .bd-c_colorPalette\.label\.pending\.bg {
    border-color: var(--colors-color-palette-label-pending-bg);
}

  .bd-c_colorPalette\.pending\.bg {
    border-color: var(--colors-color-palette-pending-bg);
}

  .bd-c_colorPalette\.label\.pending\.text {
    border-color: var(--colors-color-palette-label-pending-text);
}

  .bd-c_colorPalette\.pending\.text {
    border-color: var(--colors-color-palette-pending-text);
}

  .bd-c_colorPalette\.label\.inactive\.bg {
    border-color: var(--colors-color-palette-label-inactive-bg);
}

  .bd-c_colorPalette\.inactive\.bg {
    border-color: var(--colors-color-palette-inactive-bg);
}

  .bd-c_colorPalette\.label\.inactive\.text {
    border-color: var(--colors-color-palette-label-inactive-text);
}

  .bd-c_colorPalette\.inactive\.text {
    border-color: var(--colors-color-palette-inactive-text);
}

  .bd-c_colorPalette\.logo\.bg {
    border-color: var(--colors-color-palette-logo-bg);
}

  .bd-c_colorPalette\.navLink\.sidebarItem\.bg {
    border-color: var(--colors-color-palette-nav-link-sidebar-item-bg);
}

  .bd-c_colorPalette\.sidebarItem\.bg {
    border-color: var(--colors-color-palette-sidebar-item-bg);
}

  .bd-c_colorPalette\.navLink\.sidebarItem\.text {
    border-color: var(--colors-color-palette-nav-link-sidebar-item-text);
}

  .bd-c_colorPalette\.sidebarItem\.text {
    border-color: var(--colors-color-palette-sidebar-item-text);
}

  .bd-c_colorPalette\.navLink\.sidebarItem\.hover\.bg {
    border-color: var(--colors-color-palette-nav-link-sidebar-item-hover-bg);
}

  .bd-c_colorPalette\.sidebarItem\.hover\.bg {
    border-color: var(--colors-color-palette-sidebar-item-hover-bg);
}

  .bd-c_colorPalette\.navLink\.sidebarItem\.hover\.text {
    border-color: var(--colors-color-palette-nav-link-sidebar-item-hover-text);
}

  .bd-c_colorPalette\.sidebarItem\.hover\.text {
    border-color: var(--colors-color-palette-sidebar-item-hover-text);
}

  .bd-c_colorPalette\.navLink\.sidebarItem\.disabled\.bg {
    border-color: var(--colors-color-palette-nav-link-sidebar-item-disabled-bg);
}

  .bd-c_colorPalette\.sidebarItem\.disabled\.bg {
    border-color: var(--colors-color-palette-sidebar-item-disabled-bg);
}

  .bd-c_colorPalette\.navLink\.sidebarItem\.disabled\.text {
    border-color: var(--colors-color-palette-nav-link-sidebar-item-disabled-text);
}

  .bd-c_colorPalette\.sidebarItem\.disabled\.text {
    border-color: var(--colors-color-palette-sidebar-item-disabled-text);
}

  .bd-c_colorPalette\.page\.bg {
    border-color: var(--colors-color-palette-page-bg);
}

  .bd-c_colorPalette\.page\.color {
    border-color: var(--colors-color-palette-page-color);
}

  .bd-c_colorPalette\.sidebar\.main\.bg {
    border-color: var(--colors-color-palette-sidebar-main-bg);
}

  .bd-c_colorPalette\.main\.bg {
    border-color: var(--colors-color-palette-main-bg);
}

  .bd-c_colorPalette\.sidebar\.main\.color {
    border-color: var(--colors-color-palette-sidebar-main-color);
}

  .bd-c_colorPalette\.main\.color {
    border-color: var(--colors-color-palette-main-color);
}

  .bd-c_colorPalette\.sidebar\.main\.hover\.bg {
    border-color: var(--colors-color-palette-sidebar-main-hover-bg);
}

  .bd-c_colorPalette\.main\.hover\.bg {
    border-color: var(--colors-color-palette-main-hover-bg);
}

  .bd-c_colorPalette\.sidebar\.main\.hover\.color {
    border-color: var(--colors-color-palette-sidebar-main-hover-color);
}

  .bd-c_colorPalette\.main\.hover\.color {
    border-color: var(--colors-color-palette-main-hover-color);
}

  .bd-c_colorPalette\.hover\.color {
    border-color: var(--colors-color-palette-hover-color);
}

  .bd-c_colorPalette\.tag\.bg {
    border-color: var(--colors-color-palette-tag-bg);
}

  .bd-c_colorPalette\.tag\.text {
    border-color: var(--colors-color-palette-tag-text);
}

  .bd-c_colorPalette\.tag\.hover\.bg {
    border-color: var(--colors-color-palette-tag-hover-bg);
}

  .bd-c_colorPalette\.tag\.hover\.text {
    border-color: var(--colors-color-palette-tag-hover-text);
}

  .bd-c_colorPalette\.toast\.bg {
    border-color: var(--colors-color-palette-toast-bg);
}

  .bd-c_colorPalette\.toast\.text {
    border-color: var(--colors-color-palette-toast-text);
}

  .bd-c_colorPalette\.toast\.info\.icon {
    border-color: var(--colors-color-palette-toast-info-icon);
}

  .bd-c_colorPalette\.info\.icon {
    border-color: var(--colors-color-palette-info-icon);
}

  .bd-c_colorPalette\.icon {
    border-color: var(--colors-color-palette-icon);
}

  .bd-c_colorPalette\.toast\.success\.icon {
    border-color: var(--colors-color-palette-toast-success-icon);
}

  .bd-c_colorPalette\.success\.icon {
    border-color: var(--colors-color-palette-success-icon);
}

  .bd-c_colorPalette\.toast\.alert\.icon {
    border-color: var(--colors-color-palette-toast-alert-icon);
}

  .bd-c_colorPalette\.alert\.icon {
    border-color: var(--colors-color-palette-alert-icon);
}

  .bd-c_colorPalette\.toggle\.bgSwitch {
    border-color: var(--colors-color-palette-toggle-bg-switch);
}

  .bd-c_colorPalette\.bgSwitch {
    border-color: var(--colors-color-palette-bg-switch);
}

  .bd-c_colorPalette\.toggle\.circleBg {
    border-color: var(--colors-color-palette-toggle-circle-bg);
}

  .bd-c_colorPalette\.circleBg {
    border-color: var(--colors-color-palette-circle-bg);
}

  .bd-c_colorPalette\.toggle\.bgIcon {
    border-color: var(--colors-color-palette-toggle-bg-icon);
}

  .bd-c_colorPalette\.bgIcon {
    border-color: var(--colors-color-palette-bg-icon);
}

  .bd-c_colorPalette\.toggle\.checked\.bg {
    border-color: var(--colors-color-palette-toggle-checked-bg);
}

  .bd-c_colorPalette\.checked\.bg {
    border-color: var(--colors-color-palette-checked-bg);
}

  .bd-c_colorPalette\.tooltip\.main\.bg {
    border-color: var(--colors-color-palette-tooltip-main-bg);
}

  .bd-c_colorPalette\.tooltip\.main\.text {
    border-color: var(--colors-color-palette-tooltip-main-text);
}

  .bd-c_colorPalette\.main\.text {
    border-color: var(--colors-color-palette-main-text);
}

  .bd-c_colorPalette\.topSearchBar\.bg {
    border-color: var(--colors-color-palette-top-search-bar-bg);
}

  .bd-c_colorPalette\.topSearchBar\.border {
    border-color: var(--colors-color-palette-top-search-bar-border);
}

  .bd-c_colorPalette\.topSearchBar\.color {
    border-color: var(--colors-color-palette-top-search-bar-color);
}

  .bd-c_colorPalette\.topSearchBar\.input\.bg {
    border-color: var(--colors-color-palette-top-search-bar-input-bg);
}

  .bd-c_colorPalette\.input\.bg {
    border-color: var(--colors-color-palette-input-bg);
}

  .bd-c_colorPalette\.topSearchBar\.input\.border {
    border-color: var(--colors-color-palette-top-search-bar-input-border);
}

  .bd-c_colorPalette\.input\.border {
    border-color: var(--colors-color-palette-input-border);
}

  .bd-c_colorPalette\.topSearchBar\.input\.colorPlaceholder {
    border-color: var(--colors-color-palette-top-search-bar-input-color-placeholder);
}

  .bd-c_colorPalette\.input\.colorPlaceholder {
    border-color: var(--colors-color-palette-input-color-placeholder);
}

  .bd-c_colorPalette\.colorPlaceholder {
    border-color: var(--colors-color-palette-color-placeholder);
}

  .bd-c_colorPalette\.topSearchBar\.input\.color {
    border-color: var(--colors-color-palette-top-search-bar-input-color);
}

  .bd-c_colorPalette\.input\.color {
    border-color: var(--colors-color-palette-input-color);
}

  .bd-c_colorPalette\.button\.outlineLight\.bg {
    border-color: var(--colors-color-palette-button-outline-light-bg);
}

  .bd-c_colorPalette\.outlineLight\.bg {
    border-color: var(--colors-color-palette-outline-light-bg);
}

  .bd-c_colorPalette\.button\.outlineLight\.text {
    border-color: var(--colors-color-palette-button-outline-light-text);
}

  .bd-c_colorPalette\.outlineLight\.text {
    border-color: var(--colors-color-palette-outline-light-text);
}

  .bd-c_colorPalette\.button\.outlineLight\.border {
    border-color: var(--colors-color-palette-button-outline-light-border);
}

  .bd-c_colorPalette\.outlineLight\.border {
    border-color: var(--colors-color-palette-outline-light-border);
}

  .bd-c_colorPalette\.button\.outlineLight\.hover\.bg {
    border-color: var(--colors-color-palette-button-outline-light-hover-bg);
}

  .bd-c_colorPalette\.outlineLight\.hover\.bg {
    border-color: var(--colors-color-palette-outline-light-hover-bg);
}

  .bd-c_colorPalette\.button\.outlineLight\.hover\.text {
    border-color: var(--colors-color-palette-button-outline-light-hover-text);
}

  .bd-c_colorPalette\.outlineLight\.hover\.text {
    border-color: var(--colors-color-palette-outline-light-hover-text);
}

  .bd-c_colorPalette\.button\.outlineLight\.hover\.border {
    border-color: var(--colors-color-palette-button-outline-light-hover-border);
}

  .bd-c_colorPalette\.outlineLight\.hover\.border {
    border-color: var(--colors-color-palette-outline-light-hover-border);
}

  .bd-c_colorPalette\.button\.outlineLight\.disabled\.bg {
    border-color: var(--colors-color-palette-button-outline-light-disabled-bg);
}

  .bd-c_colorPalette\.outlineLight\.disabled\.bg {
    border-color: var(--colors-color-palette-outline-light-disabled-bg);
}

  .bd-c_colorPalette\.button\.outlineLight\.disabled\.text {
    border-color: var(--colors-color-palette-button-outline-light-disabled-text);
}

  .bd-c_colorPalette\.outlineLight\.disabled\.text {
    border-color: var(--colors-color-palette-outline-light-disabled-text);
}

  .bd-c_colorPalette\.button\.outlineLight\.disabled\.border {
    border-color: var(--colors-color-palette-button-outline-light-disabled-border);
}

  .bd-c_colorPalette\.outlineLight\.disabled\.border {
    border-color: var(--colors-color-palette-outline-light-disabled-border);
}

  .bd-w_solidXS {
    border-width: var(--border-widths-solid-x-s);
}

  .bd-w_solidMD {
    border-width: var(--border-widths-solid-m-d);
}

  .pr_lg {
    padding-right: var(--spacing-lg);
}

  .grid-tc_1fr_300px {
    grid-template-columns: 1fr 300px;
}

  .flex-d_column {
    flex-direction: column;
}

  .ai_center {
    align-items: center;
}

  .mb_md {
    margin-bottom: var(--spacing-md);
}

  .mt_md {
    margin-top: var(--spacing-md);
}

  .mr_sm {
    margin-right: var(--spacing-sm);
}

  .jc_space-around {
    justify-content: space-around;
}

  .mt_sm {
    margin-top: var(--spacing-sm);
}

  .pt_10px {
    padding-top: 10px;
}

  .fs_16px {
    font-size: 16px;
}

  .pt_md {
    padding-top: var(--spacing-md);
}

  .pb_md {
    padding-bottom: var(--spacing-md);
}

  .fw_700 {
    font-weight: 700;
}

  .fs_24px {
    font-size: 24px;
}

  .fs_14px {
    font-size: 14px;
}

  .top_0 {
    top: var(--spacing-0);
}

  .left_0 {
    left: var(--spacing-0);
}

  .right_0 {
    right: var(--spacing-0);
}

  .bg-i_linear-gradient\(45deg\,_rgba\(255\,255\,255\,0\.2\)_25\%\,_transparent_25\%\,_transparent_50\%\,_rgba\(255\,255\,255\,0\.2\)_50\%\,_rgba\(255\,255\,255\,0\.2\)_75\%\,_transparent_75\%\,_transparent\) {
    background-image: linear-gradient(45deg, rgba(255,255,255,0.2) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%, transparent 75%, transparent);
}

  .bg-s_10px_10px {
    background-size: 10px 10px;
}

  .fw_bold {
    font-weight: var(--font-weights-bold);
}

  .fs_10px {
    font-size: 10px;
}

  .jc_space-between {
    justify-content: space-between;
}

  .mb_xxs {
    margin-bottom: var(--spacing-xxs);
}

  .fw_medium {
    font-weight: var(--font-weights-medium);
}

  .ring-c_status-secondary-error {
    outline-color: var(--colors-status-secondary-error);
}

  .ring-c_purple\.400 {
    outline-color: var(--colors-purple\.400);
}

  .outline-style_dashed {
    outline-style: dashed;
}

  .ring-w_2px {
    outline-width: 2px;
}

  .mb_xs {
    margin-bottom: var(--spacing-xs);
}

  .bottom_100\% {
    bottom: 100%;
}

  .ring-c_purple\.100 {
    outline-color: var(--colors-purple\.100);
}

  .ring-w_1px {
    outline-width: 1px;
}

  .outline-style_solid {
    outline-style: solid;
}

  .ml_md {
    margin-left: var(--spacing-md);
}

  .ff_monospace {
    font-family: monospace;
}

  .lh_1\.5 {
    line-height: 1.5;
}

  .bg-c_rgb\(40\,_44\,_52\) {
    background-color: rgb(40, 44, 52);
}

  .pl_0\.5rem {
    padding-left: 0.5rem;
}

  .fs_0\.9em {
    font-size: 0.9em;
}

  .bg-c_rgba\(40\,_44\,_52\,_0\.1\) {
    background-color: rgba(40, 44, 52, 0.1);
}

  .fw_semibold {
    font-weight: var(--font-weights-semibold);
}

  .mb_sm {
    margin-bottom: var(--spacing-sm);
}

  .ai_stretch {
    align-items: stretch;
}

  .fw_normal {
    font-weight: var(--font-weights-normal);
}

  .flex-wrap_wrap {
    flex-wrap: wrap;
}

  .jc_end {
    justify-content: end;
}

  .font-style_italic {
    font-style: italic;
}

  .mt_lg {
    margin-top: var(--spacing-lg);
}

  .left_md {
    left: var(--spacing-md);
}

  .bd-w_1px {
    border-width: 1px;
}

  .pb_ms {
    padding-bottom: var(--spacing-ms);
}

  .ai_start {
    align-items: start;
}

  .pb_none {
    padding-bottom: var(--spacing-none);
}

  .bdr-tl_sm {
    border-top-left-radius: var(--radii-sm);
}

  .bdr-tr_sm {
    border-top-right-radius: var(--radii-sm);
}

  .bdr-bl_none {
    border-bottom-left-radius: var(--radii-none);
}

  .bdr-br_none {
    border-bottom-right-radius: var(--radii-none);
}

  .as_center {
    align-self: center;
}

  .pt_lg {
    padding-top: var(--spacing-lg);
}

  .pb_120px {
    padding-bottom: 120px;
}

  .pb_lg {
    padding-bottom: var(--spacing-lg);
}

  .right_sm {
    right: var(--spacing-sm);
}

  .bottom_sm {
    bottom: var(--spacing-sm);
}

  .ov-y_auto {
    overflow-y: auto;
}

  .mt_xs {
    margin-top: var(--spacing-xs);
}

  .ov-x_hidden {
    overflow-x: hidden;
}

  .pt_sm {
    padding-top: var(--spacing-sm);
}

  .bdr-bl_sm {
    border-bottom-left-radius: var(--radii-sm);
}

  .ov-y_overlay {
    overflow-y: overlay;
}

  .ml_xs {
    margin-left: var(--spacing-xs);
}

  .pb_sm {
    padding-bottom: var(--spacing-sm);
}

  .mr_xs {
    margin-right: var(--spacing-xs);
}

  .left_50\% {
    left: 50%;
}

  .top_60\% {
    top: 60%;
}

  .ml_sm {
    margin-left: var(--spacing-sm);
}

  .bottom_xxs {
    bottom: var(--spacing-xxs);
}

  .ov-x_overlay {
    overflow-x: overlay;
}

  .flex-wrap_nowrap {
    flex-wrap: nowrap;
}

  .mb_none {
    margin-bottom: var(--spacing-none);
}

  .jc_flex-end {
    justify-content: flex-end;
}

  .ai_flex-end {
    align-items: flex-end;
}

  .as_stretch {
    align-self: stretch;
}

  .bd-b-w_0 {
    border-bottom-width: 0;
}

  .lh_24px {
    line-height: 24px;
}

  .mr_md {
    margin-right: var(--spacing-md);
}

  .bdr-tl_md {
    border-top-left-radius: var(--radii-md);
}

  .bdr-tr_md {
    border-top-right-radius: var(--radii-md);
}

  .pl_md {
    padding-left: var(--spacing-md);
}

  .pl_sm {
    padding-left: var(--spacing-sm);
}

  .bdr-bl_md {
    border-bottom-left-radius: var(--radii-md);
}

  .bdr-br_md {
    border-bottom-right-radius: var(--radii-md);
}

  .mb_xl\! {
    margin-bottom: var(--spacing-xl) !important;
}

  .ov-x_auto {
    overflow-x: auto;
}

  .ai_flex-start {
    align-items: flex-start;
}

  .as_flex-end {
    align-self: flex-end;
}

  .pl_3\.5rem {
    padding-left: 3.5rem;
}

  .pb_60px {
    padding-bottom: 60px;
}

  .flex-d_row {
    flex-direction: row;
}

  .top_ms {
    top: var(--spacing-ms);
}

  .left_ms {
    left: var(--spacing-ms);
}

  .right_ms {
    right: var(--spacing-ms);
}

  .bottom_ms {
    bottom: var(--spacing-ms);
}

  .ai_baseline {
    align-items: baseline;
}

  .fs_7px {
    font-size: 7px;
}

  .pt_xs {
    padding-top: var(--spacing-xs);
}

  .fs_12px {
    font-size: 12px;
}

  .bd-w_0px {
    border-width: 0px;
}

  .bg-c_gray\.50 {
    background-color: gray.50;
}

  .ff_serif {
    font-family: var(--fonts-serif);
}

  .fs_4xl {
    font-size: 4xl;
}

  .ml_1 {
    margin-left: var(--spacing-1);
}

  .mb_6 {
    margin-bottom: var(--spacing-6);
}

  .bg-c_white {
    background-color: var(--colors-white);
}

  .bg-c_grey\.800 {
    background-color: var(--colors-grey\.800);
}

  .pt_ms {
    padding-top: var(--spacing-ms);
}

  .mb_2 {
    margin-bottom: var(--spacing-2);
}

  .bottom_25px {
    bottom: 25px;
}

  .fw_600 {
    font-weight: 600;
}

  .lh_105\% {
    line-height: 105%;
}

  .mt_l {
    margin-top: l;
}

  .pb_30px {
    padding-bottom: 30px;
}

  .pr_0 {
    padding-right: var(--spacing-0);
}

  .pr_10px {
    padding-right: 10px;
}

  .mt_0 {
    margin-top: var(--spacing-0);
}

  .pl_xs {
    padding-left: var(--spacing-xs);
}

  .jc_start {
    justify-content: start;
}

  .ov-x_scroll {
    overflow-x: scroll;
}

  .pr_30px {
    padding-right: 30px;
}

  .bottom_2\% {
    bottom: 2%;
}

  .right_2\% {
    right: 2%;
}

  .mt_ms {
    margin-top: var(--spacing-ms);
}

  .as_flex-start {
    align-self: flex-start;
}

  .pb_0 {
    padding-bottom: var(--spacing-0);
}

  .pl_xl {
    padding-left: var(--spacing-xl);
}

  .flex-d_center {
    flex-direction: center;
}

  .mb_8px {
    margin-bottom: 8px;
}

  .fs_20px {
    font-size: 20px;
}

  .fs_8px {
    font-size: 8px;
}

  .flex-b_80px {
    flex-basis: 80px;
}

  .mt_xxl {
    margin-top: var(--spacing-xxl);
}

  .mt_ml {
    margin-top: var(--spacing-ml);
}

  .right_md {
    right: var(--spacing-md);
}

  .top_lg {
    top: var(--spacing-lg);
}

  .fw_regular {
    font-weight: regular;
}

  .content_Sono_il_componente_\<b\>Markdown\<\/b\> {
    content: Sono il componente <b>Markdown</b>;
}

  .top_0px {
    top: 0px;
}

  .left_105\% {
    left: 105%;
}

  .top_80px {
    top: 80px;
}

  .left_150px {
    left: 150px;
}

  .left_300px {
    left: 300px;
}

  .left_450px {
    left: 450px;
}

  .top_150px {
    top: 150px;
}

  .pl_lg {
    padding-left: var(--spacing-lg);
}

  .mt_16px {
    margin-top: 16px;
}

  .pr_36px {
    padding-right: 36px;
}

  .pt_5px {
    padding-top: 5px;
}

  .pb_64px {
    padding-bottom: 64px;
}

  .ai_end {
    align-items: end;
}

  .fs_15px {
    font-size: 15px;
}

  .fw_bolder {
    font-weight: bolder;
}

  .mb_lg {
    margin-bottom: var(--spacing-lg);
}

  .jc_flex-start {
    justify-content: flex-start;
}

  .mt_2px {
    margin-top: 2px;
}

  .bd-c_rgba\(232\,_232\,_232\,_1\) {
    border-color: rgba(232, 232, 232, 1);
}

  .pb_xs {
    padding-bottom: var(--spacing-xs);
}

  .pr_6px {
    padding-right: 6px;
}

  .jc_center {
    justify-content: center;
}

  .pb_48px {
    padding-bottom: 48px;
}

  .pt_unset {
    padding-top: unset;
}

  .mt_auto {
    margin-top: auto;
}

  .mb_auto {
    margin-bottom: auto;
}

  .pb_5px {
    padding-bottom: 5px;
}

  .mb_xl {
    margin-bottom: var(--spacing-xl);
}

  .mt_24px {
    margin-top: 24px;
}

  .pb_l {
    padding-bottom: l;
}

  .pb_4px {
    padding-bottom: 4px;
}

  .pt_l {
    padding-top: l;
}

  .mb_ms {
    margin-bottom: var(--spacing-ms);
}

  .ff_DM_Serif_Display {
    font-family: DM Serif Display;
}

  .fs_13px {
    font-size: 13px;
}

  .top_50px {
    top: 50px;
}

  .pr_ms {
    padding-right: var(--spacing-ms);
}

  .anim-dly_1s {
    animation-delay: 1s;
}

  .anim-dly_2s {
    animation-delay: 2s;
}

  .pl_50px {
    padding-left: 50px;
}

  .ov-y_visible {
    overflow-y: visible;
}

  .justify-items_center {
    justify-items: center;
}

  .pt_xl {
    padding-top: var(--spacing-xl);
}

  .ov-y_hidden {
    overflow-y: hidden;
}

  .ov-y_scroll {
    overflow-y: scroll;
}

  .pr_sm {
    padding-right: var(--spacing-sm);
}

  .top_16px {
    top: 16px;
}

  .right_16px {
    right: 16px;
}

  .fs_2rem {
    font-size: 2rem;
}

  .fs_4em {
    font-size: 4em;
}

  .ov-x_initial {
    overflow-x: initial;
}

  .jc_stretch {
    justify-content: stretch;
}

  .pr_xs {
    padding-right: var(--spacing-xs);
}

  .as_self-end {
    align-self: self-end;
}

  .lh_110\% {
    line-height: 110%;
}

  .fw_400 {
    font-weight: 400;
}

  .bdr-bl_xs {
    border-bottom-left-radius: var(--radii-xs);
}

  .bdr-br_xs {
    border-bottom-right-radius: var(--radii-xs);
}

  .bdr-tl_0 {
    border-top-left-radius: 0;
}

  .bdr-tr_0 {
    border-top-right-radius: 0;
}

  .border-style_solid {
    border-style: solid;
}

  .bg-s_200\%_100\% {
    background-size: 200% 100%;
}

  .lh_120\% {
    line-height: 120%;
}

  .mb_ml {
    margin-bottom: var(--spacing-ml);
}

  .mt_12px {
    margin-top: 12px;
}

  .left_true {
    left: true;
}

  .bd-be-w_var\(--thickness\) {
    border-block-end-width: var(--thickness);
}

  .pr_0\.5em {
    padding-right: 0.5em;
}

  .pl_0\.25em {
    padding-left: 0.25em;
}

  .pl_0 {
    padding-left: var(--spacing-0);
}

  .ml_0\.25em {
    margin-left: 0.25em;
}

  .jc_right {
    justify-content: right;
}

  .fs_0 {
    font-size: 0;
}

  .mr_0\.5em {
    margin-right: 0.5em;
}

  .fs_s {
    font-size: s;
}

  .flex-d_column-reverse {
    flex-direction: column-reverse;
}

  .grid-tc_auto {
    grid-template-columns: auto;
}

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

  .ml_0\.5em {
    margin-left: 0.5em;
}

  .lh_md {
    line-height: md;
}

  .bg-c_rgba\(0\,0\,0\,0\.8\) {
    background-color: rgba(0,0,0,0.8);
}

  .right_-32px {
    right: -32px;
}

  .top_-1px {
    top: -1px;
}

  .left_-1px {
    left: -1px;
}

  .fs_21px {
    font-size: 21px;
}

  .mr_lg {
    margin-right: var(--spacing-lg);
}

  .bottom_5px {
    bottom: 5px;
}

  .top_40px {
    top: 40px;
}

  .mr_unset {
    margin-right: unset;
}

  .pl_32px {
    padding-left: 32px;
}

  .pt_0 {
    padding-top: var(--spacing-0);
}

  .mb_12px {
    margin-bottom: 12px;
}

  .pl_2px {
    padding-left: 2px;
}

  .pr_4px {
    padding-right: 4px;
}

  .fs_1\.5em {
    font-size: 1.5em;
}

  .fs_2em {
    font-size: 2em;
}

  .pb_xl {
    padding-bottom: var(--spacing-xl);
}

  .pt_16px {
    padding-top: 16px;
}

  .pl_16px {
    padding-left: 16px;
}

  .right_true {
    right: true;
}

  .pb_8px {
    padding-bottom: 8px;
}

  .right_-100\% {
    right: -100%;
}

  .top_48px {
    top: 48px;
}

  .bottom_0px {
    bottom: 0px;
}

  .left_0px {
    left: 0px;
}

  .top_unset {
    top: unset;
}

  .right_unset {
    right: unset;
}

  .right_80px {
    right: 80px;
}

  .left_unset {
    left: unset;
}

  .pb_32px {
    padding-bottom: 32px;
}

  .pb_52px {
    padding-bottom: 52px;
}

  .pl_mdl {
    padding-left: var(--spacing-mdl);
}

  .pr_32px {
    padding-right: 32px;
}

  .mb_4px {
    margin-bottom: 4px;
}

  .ff_Gelasio {
    font-family: Gelasio;
}

  .mt_8px {
    margin-top: 8px;
}

  .mb_10px {
    margin-bottom: 10px;
}

  .fw_200 {
    font-weight: 200;
}

  .pl_4px {
    padding-left: 4px;
}

  .ml_4px {
    margin-left: 4px;
}

  .pb_2em {
    padding-bottom: 2em;
}

  .pt_4px {
    padding-top: 4px;
}

  .ml_18px {
    margin-left: 18px;
}

  .mt_0px {
    margin-top: 0px;
}

  .pl_none {
    padding-left: var(--spacing-none);
}

  .mr_auto {
    margin-right: auto;
}

  .ml_auto {
    margin-left: auto;
}

  .fs_0\.8em {
    font-size: 0.8em;
}

  .mr_1em {
    margin-right: 1em;
}

  .pl_0\.5em {
    padding-left: 0.5em;
}

  .bd-c_rgba\(244\,_244\,_244\,_1\) {
    border-color: rgba(244, 244, 244, 1);
}

  .mr_12px {
    margin-right: 12px;
}

  .mb_0\.5em {
    margin-bottom: 0.5em;
}

  .fs_1\.2em {
    font-size: 1.2em;
}

  .pr_2em {
    padding-right: 2em;
}

  .pr_1em {
    padding-right: 1em;
}

  .mt_-8px {
    margin-top: -8px;
}

  .bd-b-c_smoke\.200 {
    border-bottom-color: var(--colors-smoke\.200);
}

  .bottom_-1px {
    bottom: -1px;
}

  .pl_12px {
    padding-left: 12px;
}

  .fs_10\.24px {
    font-size: 10.24px;
}

  .pl_8px {
    padding-left: 8px;
}

  .lh_16px {
    line-height: 16px;
}

  .ai_left {
    align-items: left;
}

  .fw_300 {
    font-weight: 300;
}

  .fs_3 {
    font-size: 3px;
}

  .mr_none {
    margin-right: var(--spacing-none);
}

  .top_-5px {
    top: -5px;
}

  .right_-5px {
    right: -5px;
}

  .top_10px {
    top: 10px;
}

  .grid-template-areas_\'main_sidebar-right\'_\'footer_sidebar-right\' {
    grid-template-areas: 'main sidebar-right' 'footer sidebar-right';
}

  .grid-template-areas_\'main\'_\'footer\' {
    grid-template-areas: 'main' 'footer';
}

  .grid-tc_1fr {
    grid-template-columns: 1fr;
}

  .grid-tr_auto_65px {
    grid-template-rows: auto 65px;
}

  .grid-cg_none {
    grid-column-gap: var(--spacing-none);
}

  .pr_10vh {
    padding-right: 10vh;
}

  .pl_2em {
    padding-left: 2em;
}

  .pt_60px {
    padding-top: 60px;
}

  .bd-b-w_1px {
    border-bottom-width: 1px;
}

  .border-bottom-style_solid {
    border-bottom-style: solid;
}

  .bd-b-c_gray\.200 {
    border-bottom-color: gray.200;
}

  .mb_4 {
    margin-bottom: var(--spacing-4);
}

  .fw_500 {
    font-weight: 500;
}

  .ml_-4px {
    margin-left: -4px;
}

  .pr_20px {
    padding-right: 20px;
}

  .mr_ms {
    margin-right: var(--spacing-ms);
}

  .lh_1\.6em {
    line-height: 1.6em;
}

  .left_85px {
    left: 85px;
}

  .bottom_0 {
    bottom: var(--spacing-0);
}

  .pr_35px {
    padding-right: 35px;
}

  .pr_none {
    padding-right: var(--spacing-none);
}

  .pb_5em {
    padding-bottom: 5em;
}

  .pr_md {
    padding-right: var(--spacing-md);
}

  .fs_1\.3em {
    font-size: 1.3em;
}

  .\[\&_\.innerInput\]\:ps_sm .innerInput {
    padding-inline-start: var(--spacing-sm);
}

  .\[\&_\.innerInput\]\:py_sm .innerInput {
    padding-block: var(--spacing-sm);
}

  .\[\&_\.innerInput\]\:px_ml .innerInput {
    padding-inline: var(--spacing-ml);
}

  .\[\&_\.innerInput\]\:py_ms .innerInput {
    padding-block: var(--spacing-ms);
}

  .\[\&_\.innerInput\]\:py_md .innerInput {
    padding-block: var(--spacing-md);
}

  .\[\&_\.innerInput\]\:px_lg .innerInput {
    padding-inline: var(--spacing-lg);
}

  .\[\&_\.navlinkIcon\]\:fill_colorPalette\.navLink\.sidebarItem\.hover\.text .navlinkIcon {
    fill: var(--colors-color-palette-nav-link-sidebar-item-hover-text);
}

  .\[\&_\.innerTextarea\]\:ps_sm .innerTextarea {
    padding-inline-start: var(--spacing-sm);
}

  .\[\&_\.innerTextarea\]\:py_sm .innerTextarea {
    padding-block: var(--spacing-sm);
}

  .\[\&_\.innerTextarea\]\:px_ml .innerTextarea {
    padding-inline: var(--spacing-ml);
}

  .\[\&_\.innerTextarea\]\:py_ms .innerTextarea {
    padding-block: var(--spacing-ms);
}

  .\[\&_\.innerTextarea\]\:py_md .innerTextarea {
    padding-block: var(--spacing-md);
}

  .\[\&_\.innerTextarea\]\:px_lg .innerTextarea {
    padding-inline: var(--spacing-lg);
}

  .\[\&_pre\]\:m_0 pre {
    margin: var(--spacing-0);
}

  .\[\&_pre\]\:p_0 pre {
    padding: var(--spacing-0);
}

  .\[\&_pre\]\:ov_visible pre {
    overflow: visible;
}

  .\[\&_code\]\:d_inline-block code {
    display: inline-block;
}

  .\[\&_code\]\:min-w_100\% code {
    min-width: 100%;
}

  .\[\&\:\:before\]\:pos_absolute::before {
    position: absolute;
}

  .\[\&\:\:before\]\:w_2\.5rem::before {
    width: 2.5rem;
}

  .\[\&\:\:before\]\:ta_right::before {
    text-align: right;
}

  .\[\&\:\:before\]\:c_rgba\(255\,_255\,_255\,_0\.4\)::before {
    color: rgba(255, 255, 255, 0.4);
}

  .\[\&\:\:before\]\:us_none::before {
    -webkit-user-select: none;
    user-select: none;
}

  .\[\&_\.keyword\]\:c_\#c678dd .keyword {
    color: #c678dd;
}

  .\[\&_\.string\]\:c_\#98c379 .string {
    color: #98c379;
}

  .\[\&_\.comment\]\:c_\#7f848e .comment {
    color: #7f848e;
}

  .\[\&_\.number\]\:c_\#d19a66 .number {
    color: #d19a66;
}

  .\[\&_\.function\]\:c_\#61afef .function {
    color: #61afef;
}

  .\[\&_\.operator\]\:c_\#56b6c2 .operator {
    color: #56b6c2;
}

  .\[\&_\.punctuation\]\:c_\#abb2bf .punctuation {
    color: #abb2bf;
}

  .\[\&_\.type\]\:c_\#e5c07b .type {
    color: #e5c07b;
}

  .\[\&_\.keyword\]\:c_\#ff79c6 .keyword {
    color: #ff79c6;
}

  .\[\&_\.string\]\:c_\#f1fa8c .string {
    color: #f1fa8c;
}

  .\[\&_\.comment\]\:c_\#6272a4 .comment {
    color: #6272a4;
}

  .\[\&_\.number\]\:c_\#bd93f9 .number {
    color: #bd93f9;
}

  .\[\&_\.function\]\:c_\#50fa7b .function {
    color: #50fa7b;
}

  .\[\&_\.operator\]\:c_\#ff79c6 .operator {
    color: #ff79c6;
}

  .\[\&_\.punctuation\]\:c_\#f8f8f2 .punctuation {
    color: #f8f8f2;
}

  .\[\&_\.tag\]\:c_\#ff79c6 .tag {
    color: #ff79c6;
}

  .\[\&_\.attr-name\]\:c_\#50fa7b .attr-name {
    color: #50fa7b;
}

  .\[\&_\.attr-value\]\:c_\#f1fa8c .attr-value {
    color: #f1fa8c;
}

  .\[\&_\.selector\]\:c_\#ff79c6 .selector {
    color: #ff79c6;
}

  .\[\&_\.property\]\:c_\#8be9fd .property {
    color: #8be9fd;
}

  .\[\&_\.value\]\:c_\#f1fa8c .value {
    color: #f1fa8c;
}

  .\[\&_\.heading\]\:c_\#ff79c6 .heading {
    color: #ff79c6;
}

  .\[\&_\.link\]\:c_\#8be9fd .link {
    color: #8be9fd;
}

  .\[\&_\.code\]\:c_\#50fa7b .code {
    color: #50fa7b;
}

  .\[\&_\.blockquote\]\:c_\#6272a4 .blockquote {
    color: #6272a4;
}

  .\[\&_\.list\]\:c_\#f1fa8c .list {
    color: #f1fa8c;
}

  .lastOfType\:bd-r_medium:last-of-type,.last\:bd-r_medium:last-child {
    border-right: var(--borders-medium);
}

  .first\:bd-l_medium:first-child {
    border-left: var(--borders-medium);
}

  .\[\&\.code-block\]\:c_white.code-block {
    color: var(--colors-white);
}

  .\[\&\.code-block\]\:p_1rem.code-block {
    padding: 1rem;
}

  .\[\&\.code-block\]\:bdr_8px.code-block {
    border-radius: 8px;
}

  .\[\&\.code-block\]\:ov_auto.code-block {
    overflow: auto;
}

  .\[\&_\.code-line\]\:pos_relative .code-line {
    position: relative;
}

  .\[\&_\.code-line\]\:d_block .code-line {
    display: block;
}

  .\[\&\:\:-webkit-scrollbar\]\:w_4px::-webkit-scrollbar {
    width: 4px;
}

  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg_\#CBD5E0::-webkit-scrollbar-thumb {
    background: #CBD5E0;
}

  .\[\&\:\:-webkit-scrollbar-thumb\]\:bdr_4px::-webkit-scrollbar-thumb {
    border-radius: 4px;
}

  .lastOfType\:bd-b_none:last-of-type {
    border-bottom: none;
}

  .\[\&\:before\]\:pos_absolute:before {
    position: absolute;
}

  .\[\&\:before\]\:w_16px:before {
    width: 16px;
}

  .\[\&\:before\]\:h_16px:before {
    height: 16px;
}

  .\[\&\:before\]\:bdr_50\%:before {
    border-radius: 50%;
}

  .\[\&\:before\]\:bg_white:before {
    background: var(--colors-white);
}

  .\[\&\:before\]\:trs_transform_0\.3s:before {
    transition: transform 0.3s;
}

  .\[\&\:before\]\:trf_translateX\(10px\):before {
    transform: translateX(10px);
}

  .\[\&\:before\]\:trf_translateX\(-10px\):before {
    transform: translateX(-10px);
}

  .\[\&\:\:placeholder\]\:c_colorPalette\.topSearchBar\.input\.colorPlaceholder::placeholder {
    color: var(--colors-color-palette-top-search-bar-input-color-placeholder);
}

  .\[\&\:after\]\:pos_absolute:after {
    position: absolute;
}

  .\[\&\:after\]\:z_10:after {
    z-index: 10;
}

  .\[\&\:after\]\:pointer-events_none:after {
    pointer-events: none;
}

  .\[\&_\.innerInput\]\:pb_sm .innerInput {
    padding-bottom: var(--spacing-sm);
}

  .\[\&_\.inputIcon\]\:right_ml .inputIcon {
    right: var(--spacing-ml);
}

  .\[\&_\.inputIcon\]\:bottom_sm .inputIcon {
    bottom: var(--spacing-sm);
}

  .\[\&_\.inputIcon\]\:bottom_ms .inputIcon {
    bottom: var(--spacing-ms);
}

  .\[\&_\.inputIcon\]\:right_lg .inputIcon {
    right: var(--spacing-lg);
}

  .\[\&_\.inputIcon\]\:bottom_md .inputIcon {
    bottom: var(--spacing-md);
}

  .\[\&_\.innerTextarea\]\:pb_sm .innerTextarea {
    padding-bottom: var(--spacing-sm);
}

  .\[\&_code\]\:ff_inherit code {
    font-family: inherit;
}

  .\[\&\.numbered\]\:pl_3\.5rem.numbered {
    padding-left: 3.5rem;
}

  .\[\&\:\:before\]\:content_attr\(data-line-number\)::before {
    content: attr(data-line-number);
}

  .\[\&\:\:before\]\:left_-3rem::before {
    left: -3rem;
}

  .\[\&_\.comment\]\:font-style_italic .comment {
    font-style: italic;
}

  .\[\&_\.heading\]\:fw_bold .heading {
    font-weight: var(--font-weights-bold);
}

  .\[\&_\.emphasis\]\:font-style_italic .emphasis {
    font-style: italic;
}

  .\[\&_\.strong\]\:fw_bold .strong {
    font-weight: var(--font-weights-bold);
}

  .first\:mt_none:first-child {
    margin-top: var(--spacing-none);
}

  .last\:mb_none:last-child {
    margin-bottom: var(--spacing-none);
}

  .\[\&\>li\]\:mt_-xxs>li {
    margin-top: calc(var(--spacing-xxs) * -1);
}

  .\[\&\>li\]\:pl_sm>li {
    padding-left: var(--spacing-sm);
}

  .\[\&\>li\]\:mb_xs>li {
    margin-bottom: var(--spacing-xs);
}

  .firstOfType\:bdr-tl_sm:first-of-type {
    border-top-left-radius: var(--radii-sm);
}

  .lastOfType\:bdr-tr_sm:last-of-type {
    border-top-right-radius: var(--radii-sm);
}

  .lastOfType\:bd-r-c_grey\.100:last-of-type,.last\:bd-r-c_grey\.100:last-child {
    border-right-color: var(--colors-grey\.100);
}

  .first\:bd-l-c_grey\.100:first-child {
    border-left-color: var(--colors-grey\.100);
}

  .\[\&\.code-block\]\:ff_monospace.code-block {
    font-family: monospace;
}

  .\[\&\.code-block\]\:bg-c_rgb\(40\,_44\,_52\).code-block {
    background-color: rgb(40, 44, 52);
}

  .\[\&\.code-block\]\:fs_14px.code-block {
    font-size: 14px;
}

  .\[\&\.code-block\]\:lh_1\.5.code-block {
    line-height: 1.5;
}

  .\[\&\:before\]\:content_\"\":before,.\[\&\:after\]\:content_\"\":after {
    content: "";
}

  .\[\&\:after\]\:left_0:after {
    left: var(--spacing-0);
}

  .\[\&\:after\]\:top_0:after {
    top: var(--spacing-0);
}

  .\[\&\:after\]\:right_0:after {
    right: var(--spacing-0);
}

  .\[\&\:after\]\:bottom_40px:after {
    bottom: 40px;
}

  .\[\&\:after\]\:bd-w_2px:after {
    border-width: 2px;
}

  .\[\&\:after\]\:border-style_solid:after {
    border-style: solid;
}

  .\[\&\:after\]\:bd-c_blue\.200:after {
    border-color: var(--colors-blue\.200);
}

  .\[\&\:after\]\:bdr-tl_15px:after {
    border-top-left-radius: 15px;
}

  .\[\&\:after\]\:bdr-tr_15px:after {
    border-top-right-radius: 15px;
}

  .focus\:ring_2px_solid:is(:focus, [data-focus]) {
    outline: 2px solid;
}

  .focus\:bg_salmon\.100:is(:focus, [data-focus]) {
    background: var(--colors-salmon\.100);
}

  .focusVisible\:bx-sh_focusVs:is(:focus-visible, [data-focus-visible]) {
    box-shadow: var(--shadows-focus-vs);
}

  .focus\:ring-c_salmon\.300:is(:focus, [data-focus]) {
    outline-color: var(--colors-salmon\.300);
}

  .hover\:bg_rgb\(241\,_241\,_241\):is(:hover, [data-hover]) {
    background: rgb(241, 241, 241);
}

  .hover\:bg_purple\.100:is(:hover, [data-hover]) {
    background: var(--colors-purple\.100);
}

  .hover\:bg_purple\.50:is(:hover, [data-hover]) {
    background: var(--colors-purple\.50);
}

  .hover\:bg_gray\.50:is(:hover, [data-hover]) {
    background: gray.50;
}

  .group:is(:hover, [data-hover]) .groupHover\:vis_visible {
    visibility: visible;
}

  .hover\:bg_salmon\.50:is(:hover, [data-hover]) {
    background: var(--colors-salmon\.50);
}

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

  .hover\:c_blue\.700\!:is(:hover, [data-hover]) {
    color: var(--colors-blue\.700) !important;
}

  .hover\:bg_\#fbfbfb:is(:hover, [data-hover]) {
    background: #fbfbfb;
}

  .hover\:bx-sh_sm:is(:hover, [data-hover]) {
    box-shadow: var(--shadows-sm);
}

  .hover\:c_grey\.200:is(:hover, [data-hover]) {
    color: var(--colors-grey\.200);
}

  .hover\:bg_rgba\(117\,_116\,_116\,_1\):is(:hover, [data-hover]) {
    background: rgba(117, 116, 116, 1);
}

  .hover\:c_white:is(:hover, [data-hover]) {
    color: var(--colors-white);
}

  .hover\:c_blue\.900:is(:hover, [data-hover]) {
    color: var(--colors-blue\.900);
}

  .hover\:op_0\.5:is(:hover, [data-hover]) {
    opacity: 0.5;
}

  .hover\:bg_\#80b6ff:is(:hover, [data-hover]) {
    background: #80b6ff;
}

  .hover\:bg_smoke\.800:is(:hover, [data-hover]) {
    background: var(--colors-smoke\.800);
}

  .\[\&_\.tooltipText\]\:before\:w_12px .tooltipText::before {
    width: 12px;
}

  .\[\&_\.tooltipText\]\:before\:h_12px .tooltipText::before {
    height: 12px;
}

  .\[\&\.numbered\]\:\[\&\:\:before\]\:pos_absolute.numbered::before {
    position: absolute;
}

  .\[\&\.numbered\]\:\[\&\:\:before\]\:w_3rem.numbered::before {
    width: 3rem;
}

  .\[\&\.numbered\]\:\[\&\:\:before\]\:bd-r_1px_solid_rgba\(255\,_255\,_255\,_0\.1\).numbered::before {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

  .\[\&\.numbered\]\:\[\&\:\:before\]\:ta_right.numbered::before {
    text-align: right;
}

  .\[\&\.numbered\]\:\[\&\:\:before\]\:p_1rem_0\.5rem.numbered::before {
    padding: 1rem 0.5rem;
}

  .\[\&\.numbered\]\:\[\&\:\:before\]\:c_rgba\(255\,_255\,_255\,_0\.4\).numbered::before {
    color: rgba(255, 255, 255, 0.4);
}

  .\[\&\.numbered\]\:\[\&\:\:before\]\:us_none.numbered::before {
    -webkit-user-select: none;
    user-select: none;
}

  .last\:\[\&_\>_td\]\:bd-b_medium:last-child > td {
    border-bottom: var(--borders-medium);
}

  .\[\&_\.code-line\]\:\[\&\:\:before\]\:counter-increment_line .code-line::before {
    counter-increment: line;
}

  .\[\&_\.code-line\]\:\[\&\:\:before\]\:pos_absolute .code-line::before {
    position: absolute;
}

  .\[\&_\.code-line\]\:\[\&\:\:before\]\:w_2\.5rem .code-line::before {
    width: 2.5rem;
}

  .\[\&_\.code-line\]\:\[\&\:\:before\]\:ta_right .code-line::before {
    text-align: right;
}

  .\[\&_\.code-line\]\:\[\&\:\:before\]\:c_rgba\(255\,_255\,_255\,_0\.4\) .code-line::before {
    color: rgba(255, 255, 255, 0.4);
}

  .\[\&_\.code-line\]\:\[\&\:\:before\]\:us_none .code-line::before {
    -webkit-user-select: none;
    user-select: none;
}

  .checked\:before\:top_9px:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::before {
    top: 9px;
}

  .checked\:before\:left_7px:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::before {
    left: 7px;
}

  .checked\:after\:top_-1px:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
    top: -1px;
}

  .checked\:after\:left_13px:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])::after {
    left: 13px;
}

  .\[\&_\.tooltipText\]\:before\:top_-12px .tooltipText::before {
    top: -12px;
}

  .\[\&_\.tooltipText\]\:before\:bottom_-11px .tooltipText::before {
    bottom: -11px;
}

  .\[\&\.numbered\]\:\[\&\:\:before\]\:content_attr\(data-line-count\).numbered::before {
    content: attr(data-line-count);
}

  .\[\&\.numbered\]\:\[\&\:\:before\]\:left_0.numbered::before {
    left: var(--spacing-0);
}

  .\[\&\.numbered\]\:\[\&\:\:before\]\:top_0.numbered::before {
    top: var(--spacing-0);
}

  .\[\&\.numbered\]\:\[\&\:\:before\]\:bottom_0.numbered::before {
    bottom: var(--spacing-0);
}

  .\[\&\.numbered\]\:\[\&\:\:before\]\:bg-c_rgba\(0\,_0\,_0\,_0\.2\).numbered::before {
    background-color: rgba(0, 0, 0, 0.2);
}

  .last\:\[\&_\>_td\]\:bd-b-c_grey\.100:last-child > td {
    border-bottom-color: var(--colors-grey\.100);
}

  .\[\&_\.code-line\]\:\[\&\:\:before\]\:content_counter\(line\) .code-line::before {
    content: counter(line);
}

  .\[\&_\.code-line\]\:\[\&\:\:before\]\:left_-3rem .code-line::before {
    left: -3rem;
}

  .last\:\[\&_\>_td\]\:first\:bd-l_medium:last-child > td:first-child {
    border-left: var(--borders-medium);
}

  .last\:\[\&_\>_td\]\:last\:bd-r_medium:last-child > td:last-child {
    border-right: var(--borders-medium);
}

  .last\:\[\&_\>_td\]\:first\:bdr-bl_sm:last-child > td:first-child {
    border-bottom-left-radius: var(--radii-sm);
}

  .last\:\[\&_\>_td\]\:first\:bd-l-c_grey\.100:last-child > td:first-child {
    border-left-color: var(--colors-grey\.100);
}

  .last\:\[\&_\>_td\]\:last\:bdr-br_sm:last-child > td:last-child {
    border-bottom-right-radius: var(--radii-sm);
}

  .last\:\[\&_\>_td\]\:last\:bd-r-c_grey\.100:last-child > td:last-child {
    border-right-color: var(--colors-grey\.100);
}

  @media screen and (min-width: 20rem) {
    .xs\:d_none {
      display: none;
}
    .xs\:__sm {_: sm;
}
    .xs\:px_2 {
      padding-inline: var(--spacing-2);
}
    .xs\:py_1 {
      padding-block: var(--spacing-1);
}
}

  @media screen and (min-width: 30rem) {
    .sm\:d_flex {
      display: flex;
}
    .sm\:w_fit-content {
      width: fit-content;
}
    .sm\:pos_static {
      position: static;
}
    .sm\:p_unset {
      padding: unset;
}
    .sm\:bg_unset {
      background: unset;
}
    .sm\:bdr_0px {
      border-radius: 0px;
}
    .sm\:bd_0px {
      border: 0px;
}
    .sm\:d_none {
      display: none;
}
    .sm\:__80px {_: 80px;
}
    .sm\:__0 {_: 0;
}
    .sm\:__center {_: center;
}
    .sm\:__none {_: none;
}
    .sm\:__block {_: block;
}
    .sm\:py_lg {
      padding-block: var(--spacing-lg);
}
    .sm\:w_100\% {
      width: 100%;
}
    .sm\:w_calc\(50\%_-_8px\) {
      width: calc(50% - 8px);
}
    .sm\:__calc\(50\%_-_16px\) {_: calc(50% - 16px);
}
    .sm\:__calc\(25\%_-_4px\) {_: calc(25% - 4px);
}
    .sm\:bdr_md {
      border-radius: var(--radii-md);
}
    .sm\:__sm {_: sm;
}
    .sm\:px_2 {
      padding-inline: var(--spacing-2);
}
    .sm\:py_1 {
      padding-block: var(--spacing-1);
}
    .sm\:pb_unset {
      padding-bottom: unset;
}
    .sm\:bd-c_unset {
      border-color: unset;
}
    .sm\:fs_16px {
      font-size: 16px;
}
    .sm\:top_unset {
      top: unset;
}
    .sm\:right_unset {
      right: unset;
}
    .sm\:bottom_0 {
      bottom: var(--spacing-0);
}
    .sm\:top_0 {
      top: var(--spacing-0);
}
    .sm\:right_0 {
      right: var(--spacing-0);
}
    .sm\:bottom_unset {
      bottom: unset;
}
    .sm\:flex-d_row {
      flex-direction: row;
}
}

  @media screen and (min-width: 40rem) {
    .mds\:z_initial {
      z-index: initial;
}
    .mds\:m_none {
      margin: var(--spacing-none);
}
    .mds\:pos_relative {
      position: relative;
}
    .mds\:px_md {
      padding-inline: var(--spacing-md);
}
    .mds\:p_sm {
      padding: var(--spacing-sm);
}
    .mds\:p_lg {
      padding: var(--spacing-lg);
}
    .mds\:d_none {
      display: none;
}
    .mds\:vis_hidden {
      visibility: hidden;
}
    .mds\:bdr-b_sm {
      border-bottom-left-radius: var(--radii-sm);
      border-bottom-right-radius: var(--radii-sm);
}
    .mds\:d_initial {
      display: initial;
}
    .mds\:w_650px {
      width: 650px;
}
    .mds\:max-h_650px {
      max-height: 650px;
}
    .mds\:z_9999 {
      z-index: 9999;
}
    .ms\:px_2,.mds\:px_2 {
      padding-inline: var(--spacing-2);
}
    .ms\:py_1,.mds\:py_1 {
      padding-block: var(--spacing-1);
}
    .mds\:flex-d_row {
      flex-direction: row;
}
    .mds\:left_initial {
      left: initial;
}
    .mds\:right_initial {
      right: initial;
}
    .mds\:top_initial {
      top: initial;
}
    .mds\:bottom_initial {
      bottom: initial;
}
    .mds\:mb_xl {
      margin-bottom: var(--spacing-xl);
}
    .mds\:mt_sm {
      margin-top: var(--spacing-sm);
}
    .mds\:pb_sm {
      padding-bottom: var(--spacing-sm);
}
    .mds\:bdr-tl_initial {
      border-top-left-radius: initial;
}
    .mds\:bdr-tr_sm {
      border-top-right-radius: var(--radii-sm);
}
    .mds\:bdr-bl_initial {
      border-bottom-left-radius: initial;
}
    .mds\:bdr-br_sm {
      border-bottom-right-radius: var(--radii-sm);
}
    .mds\:pb_none {
      padding-bottom: var(--spacing-none);
}
    .mds\:mb_sm {
      margin-bottom: var(--spacing-sm);
}
    .mds\:fs_1 {
      font-size: 1px;
}
    .ms\:jc_space-between {
      justify-content: space-between;
}
    .ms\:flex-d_row {
      flex-direction: row;
}
    .mds\:jc_end {
      justify-content: end;
}
}

  @media screen and (min-width: 50rem) {
    .sidebar\:bdr-t_none {
      border-top-left-radius: var(--radii-none);
      border-top-right-radius: var(--radii-none);
}
    .sidebar\:bd-l_none {
      border-left: none;
}
    .sidebar\:bd-r_none {
      border-right: none;
}
    .sidebar\:bd-t_none {
      border-top: none;
}
}

  @media screen and (min-width: 55rem) {
    .md\:max-w_fit-content {
      max-width: fit-content;
}
    .md\:py_xs {
      padding-block: var(--spacing-xs);
}
    .md\:px_md {
      padding-inline: var(--spacing-md);
}
    .md\:bdr_md {
      border-radius: var(--radii-md);
}
    .md\:asp_unset {
      aspect-ratio: unset;
}
    .md\:d_block {
      display: block;
}
    .md\:bg_background-secondary {
      background: var(--colors-background-secondary);
}
    .md\:px_lg {
      padding-inline: var(--spacing-lg);
}
    .md\:bd_0px {
      border: 0px;
}
    .md\:bdr_0px {
      border-radius: 0px;
}
    .md\:gap_md {
      gap: var(--spacing-md);
}
    .md\:flex_1 {
      flex: 1 1 0%;
}
    .md\:__600px {_: 600px;
}
    .md\:ms_250px {
      margin-inline-start: 250px;
}
    .md\:ms_10px {
      margin-inline-start: 10px;
}
    .md\:ms_block {
      margin-inline-start: block;
}
    .md\:ms_none {
      margin-inline-start: var(--spacing-none);
}
    .md\:__row {_: row;
}
    .md\:__396px {_: 396px;
}
    .md\:py_xl {
      padding-block: var(--spacing-xl);
}
    .md\:__16px {_: 16px;
}
    .md\:__32px {_: 32px;
}
    .md\:__12px {_: 12px;
}
    .md\:p_xl {
      padding: var(--spacing-xl);
}
    .md\:__800px {_: 800px;
}
    .md\:__md {_: md;
}
    .md\:d_flex {
      display: flex;
}
    .md\:w_100\% {
      width: 100%;
}
    .md\:ps_ml {
      padding-inline-start: var(--spacing-ml);
}
    .md\:m_ml {
      margin: var(--spacing-ml);
}
    .md\:trf_rotate\(90deg\) {
      transform: rotate(90deg);
}
    .md\:__ms {_: ms;
}
    .md\:w_68px {
      width: 68px;
}
    .md\:ms_md {
      margin-inline-start: var(--spacing-md);
}
    .md\:bx-sh_sm {
      box-shadow: var(--shadows-sm);
}
    .md\:gap_none {
      gap: var(--spacing-none);
}
    .md\:w_50\% {
      width: 50%;
}
    .md\:bdr_16px_0px_0px_16px {
      border-radius: 16px 0px 0px 16px;
}
    .md\:bdr_16px {
      border-radius: 16px;
}
    .md\:bx-sh_unset {
      box-shadow: unset;
}
    .md\:w_fit-content {
      width: fit-content;
}
    .md\:min-h_224px {
      min-height: 224px;
}
    .md\:max-h_429px {
      max-height: 429px;
}
    .md\:p_none {
      padding: var(--spacing-none);
}
    .md\:p_lg {
      padding: var(--spacing-lg);
}
    .md\:gap_lg {
      gap: var(--spacing-lg);
}
    .md\:ta_left {
      text-align: left;
}
    .md\:__lg {_: lg;
}
    .md\:px_24px {
      padding-inline: 24px;
}
    .md\:__xl {_: xl;
}
    .md\:max-w_396px {
      max-width: 396px;
}
    .md\:px_xxl {
      padding-inline: var(--spacing-xxl);
}
    .md\:h_124px {
      height: 124px;
}
    .md\:__space-between {_: space-between;
}
    .md\:px_6 {
      padding-inline: var(--spacing-6);
}
    .md\:jc_end {
      justify-content: end;
}
    .md\:jc_center {
      justify-content: center;
}
    .md\:flex-d_row {
      flex-direction: row;
}
    .md\:as_unset {
      align-self: unset;
}
    .md\:pb_none {
      padding-bottom: var(--spacing-none);
}
    .md\:pb_lg {
      padding-bottom: var(--spacing-lg);
}
    .md\:mb_ms {
      margin-bottom: var(--spacing-ms);
}
    .md\:bdr-bl_xs {
      border-bottom-left-radius: var(--radii-xs);
}
    .md\:bdr-br_xs {
      border-bottom-right-radius: var(--radii-xs);
}
    .md\:ml_ms {
      margin-left: var(--spacing-ms);
}
    .md\:mr_-8px {
      margin-right: -8px;
}
    .md\:fs_md {
      font-size: var(--font-sizes-md);
}
    .md\:bd-c_stroke-primary {
      border-color: var(--colors-stroke-primary);
}
    .md\:mt_lg {
      margin-top: var(--spacing-lg);
}
    .md\:jc_space-between {
      justify-content: space-between;
}
    .md\:jc_flex-start {
      justify-content: flex-start;
}
    .md\:mr_xxl {
      margin-right: var(--spacing-xxl);
}
    .md\:top_56px {
      top: 56px;
}
    .md\:fs_16px {
      font-size: 16px;
}
}

  @media screen and (min-width: 64rem) {
    .lg\:max-w_660px {
      max-width: 660px;
}
    .lg\:d_flex {
      display: flex;
}
    .lg\:w_100\% {
      width: 100%;
}
    .lg\:flex_1 {
      flex: 1 1 0%;
}
    .lg\:h_0 {
      height: 0;
}
    .lg\:ps_md {
      padding-inline-start: var(--spacing-md);
}
    .lg\:m_sm {
      margin: var(--spacing-sm);
}
    .lg\:d_block {
      display: block;
}
    .lg\:d_none {
      display: none;
}
    .lg\:bdr_xs {
      border-radius: var(--radii-xs);
}
    .lg\:px_xs {
      padding-inline: var(--spacing-xs);
}
    .lg\:trf_none {
      transform: none;
}
    .lg\:ls_2px {
      letter-spacing: 2px;
}
    .lg\:px_8 {
      padding-inline: var(--spacing-8);
}
    .lg\:jc_space-between {
      justify-content: space-between;
}
    .lg\:jc_start {
      justify-content: start;
}
    .lg\:mr_auto {
      margin-right: auto;
}
    .lg\:pt_2px {
      padding-top: 2px;
}
    .lg\:top_4px {
      top: 4px;
}
    .lg\:ml_unset {
      margin-left: unset;
}
}

  @media screen and (min-width: 71.25rem) {
    .xl\:__16px_0_0_16px {_: 16px 0 0 16px;
}
    .xl\:__xl {_: xl;
}
}

  @media screen and (min-width: 80rem) {
    .adl\:d_none {
      display: none;
}
    .adl\:pr_none {
      padding-right: var(--spacing-none);
}
}

  @media screen and (min-width: 86.25rem) {
    .huge\:ov_visible {
      overflow: visible;
}
    .huge\:jc_space-between {
      justify-content: space-between;
}
}
}