html {
    font-size: 16px
}

body {
    min-height: 100vh
}

*,
:before,
:after {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
}

:before,
:after {
    --tw-content: ""
}

html,
:host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    line-height: 1.5
}

body {
    line-height: inherit;
    margin: 0
}

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

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

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

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

button,
input,
optgroup,
select,
textarea {
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
    background-color: #0000;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button {
    height: auto
}

::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

button,
[role=button] {
    cursor: pointer
}

:disabled {
    cursor: default
}

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

img,
video {
    max-width: 100%;
    height: auto
}

[hidden] {
    display: none
}

.breakout-dark-theme {
    --colors-ds-semantic-action-primary-background: #0079b4;
    --colors-ds-semantic-action-primary-background-hover: #0092d8;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8229;
    --colors-ds-semantic-action-secondary-background-hover: #686b8252;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #c6c7d2;
    --colors-ds-semantic-border-default: #686b8252;
    --colors-ds-semantic-border-negative: #ff7386;
    --colors-ds-semantic-border-positive: #35df8d;
    --colors-ds-semantic-border-strong: #9497a9;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #00adfe;
    --colors-ds-semantic-content-dimmed: #686b82;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #00adfe;
    --colors-ds-semantic-content-inverse: #101114;
    --colors-ds-semantic-content-negative: #f5395e;
    --colors-ds-semantic-content-neutral: #9497a9;
    --colors-ds-semantic-content-positive: #71ef92;
    --colors-ds-semantic-content-primary: #fff;
    --colors-ds-semantic-content-warning: #ffcd60;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #00adfe);
    --colors-ds-semantic-focus-ring-inverse: #101114;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #d4cbff;
    --colors-ds-semantic-status-brand-content-strong: #f1efff;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #00adfe;
    --colors-ds-semantic-status-brand-solid: #0079b4;
    --colors-ds-semantic-status-brand-subtle: #0092d829;
    --colors-ds-semantic-status-info-content: #c7e1ff;
    --colors-ds-semantic-status-info-content-strong: #e7f2ff;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #00adfe;
    --colors-ds-semantic-status-info-solid: #0092d8;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #ffbdc3;
    --colors-ds-semantic-status-negative-content-strong: #ffd6da;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #ff7386;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #c6c7d2;
    --colors-ds-semantic-status-neutral-content-strong: #f7f7fa;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #9497a9;
    --colors-ds-semantic-status-neutral-solid: #686b82;
    --colors-ds-semantic-status-neutral-subtle: #686b8229;
    --colors-ds-semantic-status-positive-content: #44fc9e;
    --colors-ds-semantic-status-positive-content-strong: #c6feda;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #35df8d;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #ffe5b1;
    --colors-ds-semantic-status-warning-content-strong: #fffaf0;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #ffcd60;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c3962129;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #686b823d;
    --colors-ds-semantic-surface-overlay: #12141f;
    --colors-ds-semantic-surface-page: #060811;
    --colors-ds-semantic-surface-raised: #12141f;
    --colors-ds-semantic-surface-selected: #0092d80a;
    --colors-ds-semantic-surface-sunken: #686b821f;
    --colors-ds-primary: #fff;
    --colors-ds-neutral: #9497a9;
    --colors-ds-dimmed: #686b82;
    --colors-ds-positive: #71ef92;
    --colors-ds-negative: #f5395e;
    --colors-ds-warning: #ffcd60;
    --colors-ds-brand: #00adfe;
    --colors-ds-info: #00adfe;
    --colors-ds-inverted: #101114;
    --colors-ds-disabled: #484b5e;
    --colors-ds-strong: #fff;
    --colors-ds-subtle: #484b5e;
    --colors-ds-divider: #686b8252;
    --colors-ds-textlink-hover-primary: #9497a9;
    --colors-ds-textlink-hover-brand: #90c9ff;
    --colors-ds-textlink-hover-neutral: #fff;
    --colors-ds-textlink-hover-positive: #149e61;
    --colors-ds-textlink-hover-negative: #f5395e;
    --colors-ds-textlink-hover-warning: #c39621;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #00000026;
    --box-shadow-ds-2: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-3: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-4: 0px 12px 16px -4px #00000026;
    --box-shadow-ds-5: 0px 20px 24px -4px #00000026;
    --box-shadow-ds-6: 0px 24px 48px -12px #0000004d;
    --box-shadow-ds-7: 0px 32px 64px -12px #0000004d;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #686b8252;
    --box-shadow-ds-banner: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-container: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #00000026, 0px 4px 8px -2px #00000026;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 150px 0px #000;
    --box-shadow-ds-menu: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --box-shadow-ds-popover: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #00000026;
    --outline-color-ds-accordion: #00adfe;
    --outline-color-ds-button: #00adfe;
    --outline-color-ds-card-selected: #00adfe;
    --outline-color-ds-favourite-button: #00adfe;
    --outline-color-ds-input-error-focused: #d11d45;
    --outline-color-ds-input: #00adfe;
    --outline-color-ds-input-error: #d11d45;
    --outline-color-ds-legend-item-dimmed: #686b82;
    --outline-color-ds-menu: #00adfe;
    --outline-color-ds-notification: #00adfe;
    --outline-color-ds-popover: #00adfe;
    --outline-color-ds-segmented-control: #00adfe;
    --outline-color-ds-selectable-card: #00adfe;
    --outline-color-ds-tabs: #00adfe;
    --outline-color-ds-table-header-cell: #00adfe;
    --outline-color-ds-textlink: #00adfe;
    --outline-color-ds-toggle: #00adfe;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #0092d8;
    --background-color-ds-badge-primary-low: #0092d829;
    --background-color-ds-badge-neutral-high: #686b82;
    --background-color-ds-badge-neutral-low: #686b8229;
    --background-color-ds-badge-positive-high: #149e61;
    --background-color-ds-badge-positive-low: #149e6129;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c3962129;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0092d8;
    --background-color-ds-badge-new-low: #0092d829;
    --background-color-ds-badge-new-high: #0092d8;
    --background-color-ds-banner: #1a1b22;
    --background-color-ds-button-primary-high: #00adfe;
    --background-color-ds-button-primary-high-hover: #0092d8;
    --background-color-ds-button-primary-medium: #0092d829;
    --background-color-ds-button-primary-medium-hover: #0092d852;
    --background-color-ds-button-primary-medium-active: #0092d852;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #686b8229;
    --background-color-ds-button-primary-low-active: #686b8229;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #f7f7fa;
    --background-color-ds-button-neutral-high-hover: #e5e6ec;
    --background-color-ds-button-neutral-medium: #686b8229;
    --background-color-ds-button-neutral-medium-hover: #686b8252;
    --background-color-ds-button-neutral-medium-active: #686b8252;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #686b8229;
    --background-color-ds-button-neutral-low-active: #686b8229;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #71ef92;
    --background-color-ds-button-positive-high-hover: #44fc9e;
    --background-color-ds-button-positive-medium: #149e6129;
    --background-color-ds-button-positive-medium-hover: #149e6152;
    --background-color-ds-button-positive-medium-active: #149e6152;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #149e6129;
    --background-color-ds-button-positive-low-active: #149e6129;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #ff4c4f;
    --background-color-ds-button-negative-high-hover: #ff7386;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e52;
    --background-color-ds-button-negative-medium-active: #f5395e52;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c3962152;
    --background-color-ds-button-warning-medium-active: #c3962152;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #0092d8;
    --background-color-ds-button-brand-high-hover: #0079b4;
    --background-color-ds-button-brand-medium: #0092d829;
    --background-color-ds-button-brand-medium-hover: #0092d852;
    --background-color-ds-button-brand-medium-active: #0092d852;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #0092d829;
    --background-color-ds-button-brand-low-active: #0092d829;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0092d8;
    --background-color-ds-button-info-high-hover: #90c9ff;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #000;
    --background-color-ds-button-inverted-high-hover: #0000008f;
    --background-color-ds-button-inverted-medium: #00000014;
    --background-color-ds-button-inverted-medium-hover: #00000029;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #00000014;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #686b821f;
    --background-color-ds-card-disabled: #686b8214;
    --background-color-ds-card-selected: #0092d80a;
    --background-color-ds-card-hover: #686b823d;
    --background-color-ds-card-selected-hover: #686b823d;
    --background-color-ds-card-background: #686b821f;
    --background-color-ds-card-background-hover: #686b823d;
    --background-color-ds-checkbox-unchecked: #686b8252;
    --background-color-ds-checkbox-unchecked-hover: #686b8266;
    --background-color-ds-checkbox-checked: #0092d8;
    --background-color-ds-checkbox-checked-hover: #0079b4;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e29;
    --background-color-ds-circle-primary-low: #0092d829;
    --background-color-ds-circle-neutral-low: #686b8229;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c3962129;
    --background-color-ds-circle-positive-low: #149e6129;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #0079b4;
    --background-color-ds-circle-neutral-high: #686b82;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #149e61;
    --background-color-ds-circle-info-high: #0092d8;
    --background-color-ds-container: #12141f;
    --background-color-ds-container-glass: #686b8229;
    --background-color-ds-datepicker: #12141f;
    --background-color-ds-datepicker-raised: #272532;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #0079b4;
    --background-color-ds-datepicker-selected-day-range: #0092d829;
    --background-color-ds-dialog: #12141f;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #686b8252;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: #12141f;
    --background-color-ds-dropdown-button: #686b8229;
    --background-color-ds-dropdown-button-hover: #686b8252;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8229;
    --background-color-ds-filteritem-active: #686b8252;
    --background-color-ds-full-screen-dialog: #060811;
    --background-color-ds-input: #686b8229;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #d11d45;
    --background-color-ds-input-border-error-focused: #d11d45;
    --background-color-ds-input-border-focused: #00adfe;
    --background-color-ds-input-content-icon: #686b82;
    --background-color-ds-input-content-input-text: #fff;
    --background-color-ds-input-content-label: #9497a9;
    --background-color-ds-input-error: #686b8229;
    --background-color-ds-input-error-focused: #686b8214;
    --background-color-ds-input-focused: #686b8214;
    --background-color-ds-input-hover: #686b8214;
    --background-color-ds-input-selected: #686b8214;
    --background-color-ds-input-error-label: #f5395e29;
    --background-color-ds-input-background: #686b8229;
    --background-color-ds-input-background-hover: #686b821f;
    --background-color-ds-input-background-selected: #686b821f;
    --background-color-ds-inputerror-label: #f5395e29;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #686b8229;
    --background-color-ds-legend-item-dimmed: #686b82;
    --background-color-ds-list-hover: #686b823d;
    --background-color-ds-menu: #12141f;
    --background-color-ds-menu-raised: #272532;
    --background-color-ds-menu-hover: #686b8214;
    --background-color-ds-menu-pressed: #855bfb1f;
    --background-color-ds-menu-active: #686b8229;
    --background-color-ds-menu-active-hover: #686b821f;
    --background-color-ds-notification-primary: #0092d829;
    --background-color-ds-notification-neutral: #686b8229;
    --background-color-ds-notification-negative: #f5395e29;
    --background-color-ds-notification-warning: #c3962129;
    --background-color-ds-notification-positive: #149e6129;
    --background-color-ds-notification-info: #0092d829;
    --background-color-ds-notification-primary-hover: #0092d83d;
    --background-color-ds-notification-neutral-hover: #686b823d;
    --background-color-ds-notification-negative-hover: #f5395e3d;
    --background-color-ds-notification-warning-hover: #c396213d;
    --background-color-ds-notification-positive-hover: #149e613d;
    --background-color-ds-notification-info-hover: #0092d83d;
    --background-color-ds-pagination: #686b821f;
    --background-color-ds-pill: #0092d829;
    --background-color-ds-pill-primary: #0092d829;
    --background-color-ds-pill-neutral: #686b8229;
    --background-color-ds-popover: #12141f;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-primary: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-finished: #08844f;
    --background-color-ds-radio-unchecked: #686b8252;
    --background-color-ds-radio-unchecked-hover: #686b8266;
    --background-color-ds-radio-checked: #0092d8;
    --background-color-ds-radio-checked-hover: #0079b4;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #7132f5;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b82a3;
    --background-color-ds-scrollbar-thumb-hover: #686b827a;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #12141f;
    --background-color-ds-segmented-control-inactive-high: #686b821f;
    --background-color-ds-segmented-control-active-primary: #686b823d;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #686b823d;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #686b821f;
    --background-color-ds-selectable-card-selected: #0092d80a;
    --background-color-ds-selectable-card-hover: #686b823d;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b823d;
    --background-color-ds-consumerpagination: #ffffff3d;
    --background-color-ds-consumerpagination-active: #fffffff5;
    --background-color-ds-consumerpagination-hover: #fff6;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #686b823d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #686b82;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #353746;
    --background-color-ds-tabs: #686b821f;
    --background-color-ds-tabs-hover: #686b8229;
    --background-color-ds-tabs-active: #686b823d;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #686b823d;
    --background-color-ds-table-cell-sticky: #16121f;
    --background-color-ds-table-cell-sticky-container: #12141f;
    --background-color-ds-table-cell-sticky-dialog: #1f1b27;
    --background-color-ds-table-cell-sticky-dialog-container: #16121f;
    --background-color-ds-table-cell-sticky-container-card: #21202c;
    --background-color-ds-table-cell-sticky-container-card-hover: #22202e;
    --background-color-ds-table-cell-sticky-container-hover: #191523;
    --background-color-ds-table-cell-sticky-dialog-hover: #221e2b;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #1a1826;
    --background-color-ds-table-header-cell-resize: #00adfe;
    --background-color-ds-table-header-cell-sticky: #16121f;
    --background-color-ds-table-row-group: #686b8214;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b8214;
    --background-color-ds-table-row-hover: #686b820a;
    --background-color-ds-table-row: #16121f;
    --background-color-ds-toggle-handle-on: #eeeff3;
    --background-color-ds-toggle-handle-off: #9497a9;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #686b8252;
    --background-color-ds-tooltip: #22232d;
    --text-color-ds-accordion-primary: #9497a9;
    --text-color-ds-accordion-disabled: #9497a9;
    --text-color-ds-accordion-hover: #fff;
    --text-color-ds-badge-primary: #00adfe;
    --text-color-ds-badge-neutral: #9497a9;
    --text-color-ds-badge-positive: #35df8d;
    --text-color-ds-badge-negative: #ff7386;
    --text-color-ds-badge-warning: #ffcd60;
    --text-color-ds-badge-high: #fff;
    --text-color-ds-asseticon-neutral: #000;
    --text-color-ds-asseticon-inverted: #fff;
    --text-color-ds-badge-high-inverse: #101114;
    --text-color-ds-badge-info: #00adfe;
    --text-color-ds-badge-new: #00adfe;
    --text-color-ds-brand-brand: #855bfb;
    --text-color-ds-brand-neutral: #fff;
    --text-color-ds-brand-inverted: #000;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #9497a9;
    --text-color-ds-breadcrumbs-hover: #fff;
    --text-color-ds-breadcrumbs-selected: #fff;
    --text-color-ds-button-primary-high: #fff;
    --text-color-ds-button-primary-medium: #fff;
    --text-color-ds-button-primary-medium-hover: #fff;
    --text-color-ds-button-primary-low: #fff;
    --text-color-ds-button-primary-low-hover: #fff;
    --text-color-ds-button-primary-none: #fff;
    --text-color-ds-button-primary-none-hover: #9497a9;
    --text-color-ds-button-neutral-high: #101114;
    --text-color-ds-button-neutral-medium: #9497a9;
    --text-color-ds-button-neutral-medium-hover: #fff;
    --text-color-ds-button-neutral-low: #9497a9;
    --text-color-ds-button-neutral-low-hover: #fff;
    --text-color-ds-button-neutral-none: #9497a9;
    --text-color-ds-button-neutral-none-hover: #fff;
    --text-color-ds-button-positive-high: #101114;
    --text-color-ds-button-positive-medium: #71ef92;
    --text-color-ds-button-positive-medium-hover: #71ef92;
    --text-color-ds-button-positive-low: #35df8d;
    --text-color-ds-button-positive-low-hover: #35df8d;
    --text-color-ds-button-positive-none: #35df8d;
    --text-color-ds-button-positive-none-hover: #23ba75;
    --text-color-ds-button-negative-high: #101114;
    --text-color-ds-button-negative-medium: #ff9fa9;
    --text-color-ds-button-negative-medium-hover: #ff9fa9;
    --text-color-ds-button-negative-low: #f5395e;
    --text-color-ds-button-negative-low-hover: #f5395e;
    --text-color-ds-button-negative-none: #f5395e;
    --text-color-ds-button-negative-none-hover: #f5395e;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #ffcd60;
    --text-color-ds-button-warning-medium-hover: #ffcd60;
    --text-color-ds-button-warning-low: #e8b100;
    --text-color-ds-button-warning-low-hover: #e8b100;
    --text-color-ds-button-warning-none: #e8b100;
    --text-color-ds-button-warning-none-hover: #c39621;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #d4cbff;
    --text-color-ds-button-brand-medium-hover: #d4cbff;
    --text-color-ds-button-brand-low: #00adfe;
    --text-color-ds-button-brand-low-hover: #00adfe;
    --text-color-ds-button-brand-none: #00adfe;
    --text-color-ds-button-brand-none-hover: #0092d8;
    --text-color-ds-button-info-high: #002940;
    --text-color-ds-button-info-medium: #90c9ff;
    --text-color-ds-button-info-medium-hover: #90c9ff;
    --text-color-ds-button-info-low: #0092d8;
    --text-color-ds-button-info-low-hover: #0092d8;
    --text-color-ds-button-info-none: #0092d8;
    --text-color-ds-button-info-none-hover: #0079b4;
    --text-color-ds-button-inverted-high: #fff;
    --text-color-ds-button-inverted-medium: #101114;
    --text-color-ds-button-inverted-medium-hover: #101114;
    --text-color-ds-button-inverted-low: #101114;
    --text-color-ds-button-inverted-low-hover: #101114;
    --text-color-ds-button-inverted-none: #101114;
    --text-color-ds-button-inverted-none-hover: #101114;
    --text-color-ds-button-neutral-high-icon: #101114;
    --text-color-ds-checkbox-primary: #fff;
    --text-color-ds-checkbox-description: #9497a9;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #fff;
    --text-color-ds-checkboxgroup-description: #9497a9;
    --text-color-ds-checkboxgroup-error: #ff7386;
    --text-color-ds-circle-primary-low: #00adfe;
    --text-color-ds-circle-neutral-low: #9497a9;
    --text-color-ds-circle-positive-low: #35df8d;
    --text-color-ds-circle-warning-low: #ffcd60;
    --text-color-ds-circle-negative-low: #ff7386;
    --text-color-ds-circle-info-low: #00adfe;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #0079b4;
    --text-color-ds-circle-border-neutral-high: #686b82;
    --text-color-ds-circle-border-positive-high: #149e61;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0092d8;
    --text-color-ds-datepicker: #eeeff3;
    --text-color-ds-datepicker-weekday: #9497a9;
    --text-color-ds-datepicker-today: #9497a9;
    --text-color-ds-datepicker-disabled: #686b82;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #9497a9;
    --text-color-ds-dropdown-button-content-placeholder-hover: #fff;
    --text-color-ds-dropdown-button-content-text: #fff;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #9497a9;
    --text-color-ds-filteritem-active: #f7f7fa;
    --text-color-ds-input: #fff;
    --text-color-ds-input-icon: #686b82;
    --text-color-ds-input-label: #9497a9;
    --text-color-ds-input-error-label: #ff7386;
    --text-color-ds-inputerror-label: #ff7386;
    --text-color-ds-label-value: #ffffff0a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #9497a9;
    --text-color-ds-menu: #fff;
    --text-color-ds-menu-active: #00adfe;
    --text-color-ds-notification-primary: #f1efff;
    --text-color-ds-notification-neutral: #f7f7fa;
    --text-color-ds-notification-negative: #ffd6da;
    --text-color-ds-notification-warning: #fffaf0;
    --text-color-ds-notification-positive: #c6feda;
    --text-color-ds-notification-info: #e7f2ff;
    --text-color-ds-notification-subtitle-primary: #d4cbff;
    --text-color-ds-notification-subtitle-neutral: #c6c7d2;
    --text-color-ds-notification-subtitle-negative: #ffbdc3;
    --text-color-ds-notification-subtitle-warning: #ffe5b1;
    --text-color-ds-notification-subtitle-positive: #44fc9e;
    --text-color-ds-notification-subtitle-info: #c7e1ff;
    --text-color-ds-pill: #00adfe;
    --text-color-ds-pill-primary: #00adfe;
    --text-color-ds-pill-neutral: #fff;
    --text-color-ds-radio-primary: #fff;
    --text-color-ds-radio-disabled: #484b5e;
    --text-color-ds-radio-description: #9497a9;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #f7f7fa;
    --text-color-ds-radiogroup-description: #9497a9;
    --text-color-ds-radiogroup-error: #ff7386;
    --text-color-ds-segmented-control-inactive: #9497a9;
    --text-color-ds-segmented-control-inactive-hover: #fff;
    --text-color-ds-segmented-control-active-primary: #fff;
    --text-color-ds-segmented-control-active-positive: #71ef92;
    --text-color-ds-segmented-control-active-negative: #f5395e;
    --text-color-ds-segmented-control-active-primary-low: #fff;
    --text-color-ds-segmented-control-active-positive-low: #71ef92;
    --text-color-ds-segmented-control-active-negative-low: #f5395e;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #686b823d;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #f7f7fa;
    --text-color-ds-spinner-neutral: #9497a9;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #35df8d;
    --text-color-ds-spinner-negative: #ff7386;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #fff;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #000;
    --text-color-ds-stacked-asset-icons: #f7f7fa;
    --text-color-ds-tabs: #9497a9;
    --text-color-ds-tabs-active: #fff;
    --text-color-ds-tabs-on-background: #9497a9;
    --text-color-ds-tabs-on-background-active: #fff;
    --text-color-ds-text-duo-primary-main: #fff;
    --text-color-ds-text-duo-primary-duo: #9497a9;
    --text-color-ds-text-duo-neutral-main: #9497a9;
    --text-color-ds-text-duo-neutral-duo: #686b82;
    --text-color-ds-text-duo-positive-main: #71ef92;
    --text-color-ds-text-duo-positive-duo: #71ef92;
    --text-color-ds-text-duo-negative-main: #f5395e;
    --text-color-ds-text-duo-negative-duo: #f5395e;
    --text-color-ds-tooltip-text: #9497a9;
    --text-color-ds-tooltip-title: #fff;
    --border-color-ds-asset-conversion-icons-primary: #fff;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #00adfe;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #00adfe;
    --border-color-ds-datepicker: #fff0;
    --border-color-ds-base-drawer: #ffffff14;
    --border-color-ds-input-focused: #00adfe;
    --border-color-ds-input-error: #d11d45;
    --border-color-ds-input-error-focused: #d11d45;
    --border-color-ds-legend-item-dimmed: #686b82;
    --border-color-ds-menu: #fff0;
    --border-color-ds-menu-divider: #686b8252;
    --border-color-ds-popover: #fff0;
    --border-color-ds-radio-primary-focus: #00adfe;
    --border-color-ds-selectable-card-selected: #00adfe;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header-cell-hover: #00adfe;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b8229;
    --stroke-ds-dropdown-button-content-icon: #9497a9;
    --stroke-ds-dropdown-button-content-icon-hover: #fff;
    --stroke-ds-icon-primary: #00adfe;
    --stroke-ds-icon-neutral: #9497a9;
    --stroke-ds-icon-strong: #fff;
    --stroke-ds-icon-dimmed: #686b82;
    --stroke-ds-icon-positive: #71ef92;
    --stroke-ds-icon-warning: #ffcd60;
    --stroke-ds-icon-negative: #f5395e;
    --stroke-ds-icon-info: #00adfe;
    --stroke-ds-icon-brand: #00adfe;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #fff0;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #0092d829;
    --ring-color-ds-circle-neutral-low: #686b8229;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c3962129;
    --ring-color-ds-circle-positive-low: #149e6129;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #0079b4;
    --ring-color-ds-circle-neutral-high: #686b82;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #149e61;
    --ring-color-ds-circle-info-high: #0092d8;
    --fill-ds-brand-brand: #855bfb;
    --fill-ds-brand-neutral: #fff;
    --fill-ds-brand-inverted: #000;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #00adfe;
    --fill-ds-icon-neutral: #9497a9;
    --fill-ds-icon-strong: #fff;
    --fill-ds-icon-dimmed: #686b82;
    --fill-ds-icon-positive: #71ef92;
    --fill-ds-icon-warning: #ffcd60;
    --fill-ds-icon-negative: #f5395e;
    --fill-ds-icon-info: #00adfe;
    --fill-ds-icon-brand: #00adfe;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #12141f;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #12141f, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #12141f;
    --placeholder-color-ds-input: #9497a9;
    --caret-color-ds-input: #fff;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #00adfe;
    --opacity-ds-table-cell-dimmed: .5;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8266
}

.breakout-light-theme {
    --colors-ds-semantic-action-primary-background: #0079b4;
    --colors-ds-semantic-action-primary-background-hover: #006394;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8214;
    --colors-ds-semantic-action-secondary-background-hover: #686b821f;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #484b5e;
    --colors-ds-semantic-border-default: #686b8229;
    --colors-ds-semantic-border-negative: #d11d45;
    --colors-ds-semantic-border-positive: #08844f;
    --colors-ds-semantic-border-strong: #686b82;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #00adfe;
    --colors-ds-semantic-content-dimmed: #9497a9;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #0079b4;
    --colors-ds-semantic-content-inverse: #fff;
    --colors-ds-semantic-content-negative: #d11d45;
    --colors-ds-semantic-content-neutral: #686b82;
    --colors-ds-semantic-content-positive: #08844f;
    --colors-ds-semantic-content-primary: #101114;
    --colors-ds-semantic-content-warning: #c39621;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #00adfe);
    --colors-ds-semantic-focus-ring-inverse: #fff;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #37187d;
    --colors-ds-semantic-status-brand-content-strong: #2b1463;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #0079b4;
    --colors-ds-semantic-status-brand-solid: #0079b4;
    --colors-ds-semantic-status-brand-subtle: #0092d829;
    --colors-ds-semantic-status-info-content: #003c5c;
    --colors-ds-semantic-status-info-content-strong: #002940;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #006394;
    --colors-ds-semantic-status-info-solid: #0079b4;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #5f0018;
    --colors-ds-semantic-status-negative-content-strong: #3c000c;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #d11d45;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #1a1b22;
    --colors-ds-semantic-status-neutral-content-strong: #101114;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #484b5e;
    --colors-ds-semantic-status-neutral-solid: #9497a9;
    --colors-ds-semantic-status-neutral-subtle: #686b821f;
    --colors-ds-semantic-status-positive-content: #004224;
    --colors-ds-semantic-status-positive-content-strong: #002d17;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #026b3f;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #553c00;
    --colors-ds-semantic-status-warning-content-strong: #3b2a00;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #553c00;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c396213d;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #686b821f;
    --colors-ds-semantic-surface-overlay: #fff;
    --colors-ds-semantic-surface-page: #f6f5f9;
    --colors-ds-semantic-surface-raised: #fff;
    --colors-ds-semantic-surface-selected: #0092d814;
    --colors-ds-semantic-surface-sunken: #9497a914;
    --colors-ds-primary: #101114;
    --colors-ds-neutral: #686b82;
    --colors-ds-dimmed: #9497a9;
    --colors-ds-positive: #08844f;
    --colors-ds-negative: #d11d45;
    --colors-ds-warning: #c39621;
    --colors-ds-brand: #00adfe;
    --colors-ds-info: #0079b4;
    --colors-ds-inverted: #fff;
    --colors-ds-disabled: #c6c7d2;
    --colors-ds-strong: #1a1b22;
    --colors-ds-subtle: #c6c7d2;
    --colors-ds-divider: #686b8229;
    --colors-ds-textlink-hover-primary: #686b82;
    --colors-ds-textlink-hover-brand: #004e75;
    --colors-ds-textlink-hover-neutral: #101114;
    --colors-ds-textlink-hover-positive: #005531;
    --colors-ds-textlink-hover-negative: #840125;
    --colors-ds-textlink-hover-warning: #89640c;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #1018280a;
    --box-shadow-ds-2: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-3: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-4: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-5: 0px 20px 24px -4px #1018280f;
    --box-shadow-ds-6: 0px 24px 48px -12px #1018282e;
    --box-shadow-ds-7: 0px 32px 64px -12px #10182824;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #686b8229;
    --box-shadow-ds-banner: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-container: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 75px 0px #00000026;
    --box-shadow-ds-menu: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-popover: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --outline-color-ds-accordion: #00adfe;
    --outline-color-ds-button: #00adfe;
    --outline-color-ds-card-selected: #00adfe;
    --outline-color-ds-favourite-button: #00adfe;
    --outline-color-ds-input-error-focused: #f5395e;
    --outline-color-ds-input: #00adfe;
    --outline-color-ds-input-error: #f5395e;
    --outline-color-ds-legend-item-dimmed: #9497a9;
    --outline-color-ds-menu: #00adfe;
    --outline-color-ds-notification: #00adfe;
    --outline-color-ds-popover: #00adfe;
    --outline-color-ds-segmented-control: #00adfe;
    --outline-color-ds-selectable-card: #00adfe;
    --outline-color-ds-tabs: #00adfe;
    --outline-color-ds-table-header-cell: #00adfe;
    --outline-color-ds-textlink: #00adfe;
    --outline-color-ds-toggle: #00adfe;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #0079b4;
    --background-color-ds-badge-primary-low: #0092d829;
    --background-color-ds-badge-neutral-high: #9497a9;
    --background-color-ds-badge-neutral-low: #686b821f;
    --background-color-ds-badge-positive-high: #149e61;
    --background-color-ds-badge-positive-low: #149e6129;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c396213d;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0079b4;
    --background-color-ds-badge-new-low: #0092d829;
    --background-color-ds-badge-new-high: #0079b4;
    --background-color-ds-banner: #fff;
    --background-color-ds-button-primary-high: #0079b4;
    --background-color-ds-button-primary-high-hover: #006394;
    --background-color-ds-button-primary-medium: #0092d829;
    --background-color-ds-button-primary-medium-hover: #855bfb52;
    --background-color-ds-button-primary-medium-active: #855bfb52;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #686b8214;
    --background-color-ds-button-primary-low-active: #686b8214;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #101114;
    --background-color-ds-button-neutral-high-hover: #22232d;
    --background-color-ds-button-neutral-medium: #686b8214;
    --background-color-ds-button-neutral-medium-hover: #686b821f;
    --background-color-ds-button-neutral-medium-active: #686b821f;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #686b8214;
    --background-color-ds-button-neutral-low-active: #686b8214;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #08844f;
    --background-color-ds-button-positive-high-hover: #026b3f;
    --background-color-ds-button-positive-medium: #149e6129;
    --background-color-ds-button-positive-medium-hover: #149e613d;
    --background-color-ds-button-positive-medium-active: #149e613d;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #149e6129;
    --background-color-ds-button-positive-low-active: #149e6129;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #d11d45;
    --background-color-ds-button-negative-high-hover: #aa0132;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e3d;
    --background-color-ds-button-negative-medium-active: #f5395e3d;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c396213d;
    --background-color-ds-button-warning-medium-active: #c396213d;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #0079b4;
    --background-color-ds-button-brand-high-hover: #006394;
    --background-color-ds-button-brand-medium: #0092d829;
    --background-color-ds-button-brand-medium-hover: #855bfb52;
    --background-color-ds-button-brand-medium-active: #855bfb52;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #0092d829;
    --background-color-ds-button-brand-low-active: #0092d829;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0079b4;
    --background-color-ds-button-info-high-hover: #00adfe;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #fff;
    --background-color-ds-button-inverted-high-hover: #ffffffe0;
    --background-color-ds-button-inverted-medium: #ffffff29;
    --background-color-ds-button-inverted-medium-hover: #ffffff3d;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #ffffff29;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #9497a914;
    --background-color-ds-card-disabled: #686b8214;
    --background-color-ds-card-selected: #0092d814;
    --background-color-ds-card-hover: #9497a91f;
    --background-color-ds-card-selected-hover: #686b821f;
    --background-color-ds-card-background: #fff;
    --background-color-ds-card-background-hover: #ffffffb8;
    --background-color-ds-checkbox-unchecked: #686b8252;
    --background-color-ds-checkbox-unchecked-hover: #686b8266;
    --background-color-ds-checkbox-checked: #0079b4;
    --background-color-ds-checkbox-checked-hover: #006394;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e14;
    --background-color-ds-circle-primary-low: #0092d829;
    --background-color-ds-circle-neutral-low: #686b821f;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c396213d;
    --background-color-ds-circle-positive-low: #149e6129;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #0079b4;
    --background-color-ds-circle-neutral-high: #9497a9;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #149e61;
    --background-color-ds-circle-info-high: #0079b4;
    --background-color-ds-container: #fff;
    --background-color-ds-container-glass: #686b8229;
    --background-color-ds-datepicker: #fff;
    --background-color-ds-datepicker-raised: #fff;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #0079b4;
    --background-color-ds-datepicker-selected-day-range: #0092d829;
    --background-color-ds-dialog: #fff;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #686b8229;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: #fff;
    --background-color-ds-dropdown-button: #686b8214;
    --background-color-ds-dropdown-button-hover: #686b821f;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8214;
    --background-color-ds-filteritem-active: #686b821f;
    --background-color-ds-full-screen-dialog: #fff;
    --background-color-ds-input: #686b8214;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #f5395e;
    --background-color-ds-input-border-error-focused: #f5395e;
    --background-color-ds-input-border-focused: #00adfe;
    --background-color-ds-input-content-icon: #9497a9;
    --background-color-ds-input-content-input-text: #101114;
    --background-color-ds-input-content-label: #686b82;
    --background-color-ds-input-error: #686b8214;
    --background-color-ds-input-error-focused: #686b821f;
    --background-color-ds-input-focused: #686b820a;
    --background-color-ds-input-hover: #686b821f;
    --background-color-ds-input-selected: #686b820a;
    --background-color-ds-input-error-label: #f5395e14;
    --background-color-ds-input-background: #fff;
    --background-color-ds-input-background-hover: #fffc;
    --background-color-ds-input-background-selected: #fffc;
    --background-color-ds-inputerror-label: #f5395e14;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #686b8229;
    --background-color-ds-legend-item-dimmed: #9497a9;
    --background-color-ds-list-hover: #9497a91f;
    --background-color-ds-menu: #fff;
    --background-color-ds-menu-raised: #fff;
    --background-color-ds-menu-hover: #686b820a;
    --background-color-ds-menu-pressed: #686b8214;
    --background-color-ds-menu-active: #686b8214;
    --background-color-ds-menu-active-hover: #686b8214;
    --background-color-ds-notification-primary: #855bfb14;
    --background-color-ds-notification-neutral: #686b8214;
    --background-color-ds-notification-negative: #f5395e14;
    --background-color-ds-notification-warning: #c3962114;
    --background-color-ds-notification-positive: #149e6114;
    --background-color-ds-notification-info: #0092d814;
    --background-color-ds-notification-primary-hover: #0092d829;
    --background-color-ds-notification-neutral-hover: #686b8229;
    --background-color-ds-notification-negative-hover: #f5395e29;
    --background-color-ds-notification-warning-hover: #c3962129;
    --background-color-ds-notification-positive-hover: #149e6129;
    --background-color-ds-notification-info-hover: #0092d829;
    --background-color-ds-pagination: #686b8214;
    --background-color-ds-pill: #0092d829;
    --background-color-ds-pill-primary: #0092d829;
    --background-color-ds-pill-neutral: #fff;
    --background-color-ds-popover: #fff;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-in-progress: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-info: #0092d829;
    --background-color-ds-progresstracker-warning: #c3962129;
    --background-color-ds-progresstracker-finished: #149e6129;
    --background-color-ds-radio-unchecked: #686b8252;
    --background-color-ds-radio-unchecked-hover: #686b8266;
    --background-color-ds-radio-checked: #0079b4;
    --background-color-ds-radio-checked-hover: #006394;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #855bfb;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b8266;
    --background-color-ds-scrollbar-thumb-hover: #686b823d;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #fff;
    --background-color-ds-segmented-control-inactive-high: #686b821f;
    --background-color-ds-segmented-control-active-primary: #fff;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #686b821f;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #9497a914;
    --background-color-ds-selectable-card-selected: #0092d814;
    --background-color-ds-selectable-card-hover: #9497a91f;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b821f;
    --background-color-ds-consumerpagination: #c6c7d2;
    --background-color-ds-consumerpagination-active: #686b82;
    --background-color-ds-consumerpagination-hover: #9497a9;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #686b823d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #686b82;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #e5e6ec;
    --background-color-ds-tabs: #686b820a;
    --background-color-ds-tabs-hover: #686b8214;
    --background-color-ds-tabs-active: #686b821f;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #fff;
    --background-color-ds-table-cell-sticky: #fff;
    --background-color-ds-table-cell-sticky-container: #fff;
    --background-color-ds-table-cell-sticky-dialog: #fff;
    --background-color-ds-table-cell-sticky-dialog-container: #fff;
    --background-color-ds-table-cell-sticky-container-card: #f7f7f8;
    --background-color-ds-table-cell-sticky-container-card-hover: #f1f1f3;
    --background-color-ds-table-cell-sticky-container-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #f9f9fa;
    --background-color-ds-table-header-cell-resize: #00adfe;
    --background-color-ds-table-header-cell-sticky: #fff;
    --background-color-ds-table-row-group: #686b820a;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b820a;
    --background-color-ds-table-row-hover: #686b820a;
    --background-color-ds-table-row: #fff;
    --background-color-ds-toggle-handle-on: #fff;
    --background-color-ds-toggle-handle-off: #fff;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #686b8252;
    --background-color-ds-tooltip: #eeeff3;
    --text-color-ds-accordion-primary: #686b82;
    --text-color-ds-accordion-disabled: #484b5e;
    --text-color-ds-accordion-hover: #101114;
    --text-color-ds-badge-primary: #0079b4;
    --text-color-ds-badge-neutral: #484b5e;
    --text-color-ds-badge-positive: #026b3f;
    --text-color-ds-badge-negative: #d11d45;
    --text-color-ds-badge-warning: #553c00;
    --text-color-ds-badge-high: #fff;
    --text-color-ds-asseticon-neutral: #fff;
    --text-color-ds-asseticon-inverted: #000;
    --text-color-ds-badge-high-inverse: #101114;
    --text-color-ds-badge-info: #006394;
    --text-color-ds-badge-new: #0079b4;
    --text-color-ds-brand-brand: #7132f5;
    --text-color-ds-brand-neutral: #000;
    --text-color-ds-brand-inverted: #fff;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #686b82;
    --text-color-ds-breadcrumbs-hover: #101114;
    --text-color-ds-breadcrumbs-selected: #101114;
    --text-color-ds-button-primary-high: #fff;
    --text-color-ds-button-primary-medium: #0079b4;
    --text-color-ds-button-primary-medium-hover: #0079b4;
    --text-color-ds-button-primary-low: #101114;
    --text-color-ds-button-primary-low-hover: #101114;
    --text-color-ds-button-primary-none: #101114;
    --text-color-ds-button-primary-none-hover: #686b82;
    --text-color-ds-button-neutral-high: #fff;
    --text-color-ds-button-neutral-medium: #484b5e;
    --text-color-ds-button-neutral-medium-hover: #101114;
    --text-color-ds-button-neutral-low: #484b5e;
    --text-color-ds-button-neutral-low-hover: #101114;
    --text-color-ds-button-neutral-none: #484b5e;
    --text-color-ds-button-neutral-none-hover: #101114;
    --text-color-ds-button-positive-high: #fff;
    --text-color-ds-button-positive-medium: #08844f;
    --text-color-ds-button-positive-medium-hover: #08844f;
    --text-color-ds-button-positive-low: #149e61;
    --text-color-ds-button-positive-low-hover: #149e61;
    --text-color-ds-button-positive-none: #149e61;
    --text-color-ds-button-positive-none-hover: #35df8d;
    --text-color-ds-button-negative-high: #fff;
    --text-color-ds-button-negative-medium: #d11d45;
    --text-color-ds-button-negative-medium-hover: #d11d45;
    --text-color-ds-button-negative-low: #d11d45;
    --text-color-ds-button-negative-low-hover: #d11d45;
    --text-color-ds-button-negative-none: #d11d45;
    --text-color-ds-button-negative-none-hover: #ff7386;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #a67c1d;
    --text-color-ds-button-warning-medium-hover: #a67c1d;
    --text-color-ds-button-warning-low: #a67c1d;
    --text-color-ds-button-warning-low-hover: #a67c1d;
    --text-color-ds-button-warning-none: #a67c1d;
    --text-color-ds-button-warning-none-hover: #e8b100;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #37187d;
    --text-color-ds-button-brand-medium-hover: #37187d;
    --text-color-ds-button-brand-low: #37187d;
    --text-color-ds-button-brand-low-hover: #2b1463;
    --text-color-ds-button-brand-none: #37187d;
    --text-color-ds-button-brand-none-hover: #2b1463;
    --text-color-ds-button-info-high: #fff;
    --text-color-ds-button-info-medium: #0079b4;
    --text-color-ds-button-info-medium-hover: #0079b4;
    --text-color-ds-button-info-low: #0079b4;
    --text-color-ds-button-info-low-hover: #0079b4;
    --text-color-ds-button-info-none: #0079b4;
    --text-color-ds-button-info-none-hover: #00adfe;
    --text-color-ds-button-inverted-high: #0079b4;
    --text-color-ds-button-inverted-medium: #fff;
    --text-color-ds-button-inverted-medium-hover: #fff;
    --text-color-ds-button-inverted-low: #fff;
    --text-color-ds-button-inverted-low-hover: #fff;
    --text-color-ds-button-inverted-none: #fff;
    --text-color-ds-button-inverted-none-hover: #fff;
    --text-color-ds-button-neutral-high-icon: #fff;
    --text-color-ds-checkbox-primary: #101114;
    --text-color-ds-checkbox-description: #686b82;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #101114;
    --text-color-ds-checkboxgroup-description: #686b82;
    --text-color-ds-checkboxgroup-error: #aa0132;
    --text-color-ds-circle-primary-low: #0079b4;
    --text-color-ds-circle-neutral-low: #484b5e;
    --text-color-ds-circle-positive-low: #026b3f;
    --text-color-ds-circle-warning-low: #6f5000;
    --text-color-ds-circle-negative-low: #d11d45;
    --text-color-ds-circle-info-low: #006394;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #0079b4;
    --text-color-ds-circle-border-neutral-high: #9497a9;
    --text-color-ds-circle-border-positive-high: #149e61;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0079b4;
    --text-color-ds-datepicker: #1a1b22;
    --text-color-ds-datepicker-weekday: #353746;
    --text-color-ds-datepicker-today: #353746;
    --text-color-ds-datepicker-disabled: #9497a9;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #686b82;
    --text-color-ds-dropdown-button-content-placeholder-hover: #101114;
    --text-color-ds-dropdown-button-content-text: #101114;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #484b5e;
    --text-color-ds-filteritem-active: #101114;
    --text-color-ds-input: #101114;
    --text-color-ds-input-icon: #9497a9;
    --text-color-ds-input-label: #686b82;
    --text-color-ds-input-error-label: #aa0132;
    --text-color-ds-inputerror-label: #aa0132;
    --text-color-ds-label-value: #0000000a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #686b82;
    --text-color-ds-menu: #686b82;
    --text-color-ds-menu-active: #00adfe;
    --text-color-ds-notification-primary: #2b1463;
    --text-color-ds-notification-neutral: #101114;
    --text-color-ds-notification-negative: #3c000c;
    --text-color-ds-notification-warning: #3b2a00;
    --text-color-ds-notification-positive: #002d17;
    --text-color-ds-notification-info: #002940;
    --text-color-ds-notification-subtitle-primary: #37187d;
    --text-color-ds-notification-subtitle-neutral: #1a1b22;
    --text-color-ds-notification-subtitle-negative: #5f0018;
    --text-color-ds-notification-subtitle-warning: #553c00;
    --text-color-ds-notification-subtitle-positive: #004224;
    --text-color-ds-notification-subtitle-info: #003c5c;
    --text-color-ds-pill: #00adfe;
    --text-color-ds-pill-primary: #00adfe;
    --text-color-ds-pill-neutral: #101114;
    --text-color-ds-radio-primary: #101114;
    --text-color-ds-radio-disabled: #c6c7d2;
    --text-color-ds-radio-description: #686b82;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #101114;
    --text-color-ds-radiogroup-description: #484b5e;
    --text-color-ds-radiogroup-error: #d11d45;
    --text-color-ds-segmented-control-inactive: #686b82;
    --text-color-ds-segmented-control-inactive-hover: #101114;
    --text-color-ds-segmented-control-active-primary: #101114;
    --text-color-ds-segmented-control-active-positive: #08844f;
    --text-color-ds-segmented-control-active-negative: #d11d45;
    --text-color-ds-segmented-control-active-primary-low: #101114;
    --text-color-ds-segmented-control-active-positive-low: #08844f;
    --text-color-ds-segmented-control-active-negative-low: #d11d45;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #fff;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #101114;
    --text-color-ds-spinner-neutral: #484b5e;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #08844f;
    --text-color-ds-spinner-negative: #d11d45;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #000;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #fff;
    --text-color-ds-stacked-asset-icons: #101114;
    --text-color-ds-tabs: #686b82;
    --text-color-ds-tabs-active: #101114;
    --text-color-ds-tabs-on-background: #686b82;
    --text-color-ds-tabs-on-background-active: #101114;
    --text-color-ds-text-duo-primary-main: #101114;
    --text-color-ds-text-duo-primary-duo: #686b82;
    --text-color-ds-text-duo-neutral-main: #686b82;
    --text-color-ds-text-duo-neutral-duo: #9497a9;
    --text-color-ds-text-duo-positive-main: #08844f;
    --text-color-ds-text-duo-positive-duo: #08844f;
    --text-color-ds-text-duo-negative-main: #d11d45;
    --text-color-ds-text-duo-negative-duo: #d11d45;
    --text-color-ds-tooltip-text: #686b82;
    --text-color-ds-tooltip-title: #101114;
    --border-color-ds-asset-conversion-icons-primary: #101114;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #00adfe;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #00adfe;
    --border-color-ds-datepicker: #686b8214;
    --border-color-ds-base-drawer: #fff;
    --border-color-ds-input-focused: #00adfe;
    --border-color-ds-input-error: #f5395e;
    --border-color-ds-input-error-focused: #f5395e;
    --border-color-ds-legend-item-dimmed: #9497a9;
    --border-color-ds-menu: #686b8214;
    --border-color-ds-menu-divider: #686b8229;
    --border-color-ds-popover: #686b8214;
    --border-color-ds-radio-primary-focus: #00adfe;
    --border-color-ds-selectable-card-selected: #00adfe;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header: #686b821f;
    --border-color-ds-table-header-cell-hover: #00adfe;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b823d;
    --stroke-ds-dropdown-button-content-icon: #686b82;
    --stroke-ds-dropdown-button-content-icon-hover: #101114;
    --stroke-ds-icon-primary: #0079b4;
    --stroke-ds-icon-neutral: #686b82;
    --stroke-ds-icon-strong: #1a1b22;
    --stroke-ds-icon-dimmed: #9497a9;
    --stroke-ds-icon-positive: #08844f;
    --stroke-ds-icon-warning: #c39621;
    --stroke-ds-icon-negative: #d11d45;
    --stroke-ds-icon-info: #0079b4;
    --stroke-ds-icon-brand: #00adfe;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #686b8214;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #0092d829;
    --ring-color-ds-circle-neutral-low: #686b821f;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c396213d;
    --ring-color-ds-circle-positive-low: #149e6129;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #0079b4;
    --ring-color-ds-circle-neutral-high: #9497a9;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #149e61;
    --ring-color-ds-circle-info-high: #0079b4;
    --fill-ds-brand-brand: #7132f5;
    --fill-ds-brand-neutral: #000;
    --fill-ds-brand-inverted: #fff;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #0079b4;
    --fill-ds-icon-neutral: #686b82;
    --fill-ds-icon-strong: #1a1b22;
    --fill-ds-icon-dimmed: #9497a9;
    --fill-ds-icon-positive: #08844f;
    --fill-ds-icon-warning: #c39621;
    --fill-ds-icon-negative: #d11d45;
    --fill-ds-icon-info: #0079b4;
    --fill-ds-icon-brand: #00adfe;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #fff;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #fff, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #fff;
    --placeholder-color-ds-input: #686b82;
    --caret-color-ds-input: inherit;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #00adfe;
    --opacity-ds-table-cell-dimmed: .4;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8252
}

.dark-theme {
    --colors-ds-semantic-action-primary-background: #7132f5;
    --colors-ds-semantic-action-primary-background-hover: #8a61ff;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8229;
    --colors-ds-semantic-action-secondary-background-hover: #686b8252;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #c6c7d2;
    --colors-ds-semantic-border-default: #686b8252;
    --colors-ds-semantic-border-negative: #ff7386;
    --colors-ds-semantic-border-positive: #35df8d;
    --colors-ds-semantic-border-strong: #9497a9;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #8a61ff;
    --colors-ds-semantic-content-dimmed: #686b82;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #00adfe;
    --colors-ds-semantic-content-inverse: #101114;
    --colors-ds-semantic-content-negative: #ff7386;
    --colors-ds-semantic-content-neutral: #9497a9;
    --colors-ds-semantic-content-positive: #35df8d;
    --colors-ds-semantic-content-primary: #fff;
    --colors-ds-semantic-content-warning: #ffcd60;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #8a61ff);
    --colors-ds-semantic-focus-ring-inverse: #101114;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #d4cbff;
    --colors-ds-semantic-status-brand-content-strong: #f1efff;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #9d82fe;
    --colors-ds-semantic-status-brand-solid: #7132f5;
    --colors-ds-semantic-status-brand-subtle: #855bfb29;
    --colors-ds-semantic-status-info-content: #c7e1ff;
    --colors-ds-semantic-status-info-content-strong: #e7f2ff;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #00adfe;
    --colors-ds-semantic-status-info-solid: #0092d8;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #ffbdc3;
    --colors-ds-semantic-status-negative-content-strong: #ffd6da;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #ff7386;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #c6c7d2;
    --colors-ds-semantic-status-neutral-content-strong: #f7f7fa;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #9497a9;
    --colors-ds-semantic-status-neutral-solid: #686b82;
    --colors-ds-semantic-status-neutral-subtle: #686b8229;
    --colors-ds-semantic-status-positive-content: #44fc9e;
    --colors-ds-semantic-status-positive-content-strong: #c6feda;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #35df8d;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #ffe5b1;
    --colors-ds-semantic-status-warning-content-strong: #fffaf0;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #ffcd60;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c3962129;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #686b823d;
    --colors-ds-semantic-surface-overlay: #1f1b27;
    --colors-ds-semantic-surface-page: #0b0611;
    --colors-ds-semantic-surface-raised: #16121f;
    --colors-ds-semantic-surface-selected: #855bfb0a;
    --colors-ds-semantic-surface-sunken: #686b821f;
    --colors-ds-primary: #fff;
    --colors-ds-neutral: #9497a9;
    --colors-ds-dimmed: #686b82;
    --colors-ds-positive: #35df8d;
    --colors-ds-negative: #ff7386;
    --colors-ds-warning: #ffcd60;
    --colors-ds-brand: #8a61ff;
    --colors-ds-info: #00adfe;
    --colors-ds-inverted: #101114;
    --colors-ds-disabled: #484b5e;
    --colors-ds-strong: #fff;
    --colors-ds-subtle: #484b5e;
    --colors-ds-divider: #686b8252;
    --colors-ds-textlink-hover-primary: #9497a9;
    --colors-ds-textlink-hover-brand: #b8a8ff;
    --colors-ds-textlink-hover-neutral: #fff;
    --colors-ds-textlink-hover-positive: #149e61;
    --colors-ds-textlink-hover-negative: #f5395e;
    --colors-ds-textlink-hover-warning: #c39621;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #00000026;
    --box-shadow-ds-2: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-3: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-4: 0px 12px 16px -4px #00000026;
    --box-shadow-ds-5: 0px 20px 24px -4px #00000026;
    --box-shadow-ds-6: 0px 24px 48px -12px #0000004d;
    --box-shadow-ds-7: 0px 32px 64px -12px #0000004d;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #686b8252;
    --box-shadow-ds-banner: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-container: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #00000026, 0px 4px 8px -2px #00000026;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 150px 0px #000;
    --box-shadow-ds-menu: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --box-shadow-ds-popover: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #00000026;
    --outline-color-ds-accordion: #8a61ff;
    --outline-color-ds-button: #8a61ff;
    --outline-color-ds-card-selected: #8a61ff;
    --outline-color-ds-favourite-button: #8a61ff;
    --outline-color-ds-input-error-focused: #d11d45;
    --outline-color-ds-input: #7132f5;
    --outline-color-ds-input-error: #d11d45;
    --outline-color-ds-legend-item-dimmed: #686b82;
    --outline-color-ds-menu: #8a61ff;
    --outline-color-ds-notification: #8a61ff;
    --outline-color-ds-popover: #8a61ff;
    --outline-color-ds-segmented-control: #8a61ff;
    --outline-color-ds-selectable-card: #8a61ff;
    --outline-color-ds-tabs: #8a61ff;
    --outline-color-ds-table-header-cell: #8a61ff;
    --outline-color-ds-textlink: #8a61ff;
    --outline-color-ds-toggle: #8a61ff;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #7132f5;
    --background-color-ds-badge-primary-low: #855bfb29;
    --background-color-ds-badge-neutral-high: #686b82;
    --background-color-ds-badge-neutral-low: #686b8229;
    --background-color-ds-badge-positive-high: #149e61;
    --background-color-ds-badge-positive-low: #149e6129;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c3962129;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0092d8;
    --background-color-ds-badge-new-low: #855bfb29;
    --background-color-ds-badge-new-high: #7132f5;
    --background-color-ds-banner: #1a1b22;
    --background-color-ds-button-primary-high: #7132f5;
    --background-color-ds-button-primary-high-hover: #8a61ff;
    --background-color-ds-button-primary-medium: #855bfb29;
    --background-color-ds-button-primary-medium-hover: #855bfb52;
    --background-color-ds-button-primary-medium-active: #855bfb52;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #686b8229;
    --background-color-ds-button-primary-low-active: #686b8229;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #f7f7fa;
    --background-color-ds-button-neutral-high-hover: #e5e6ec;
    --background-color-ds-button-neutral-medium: #686b8229;
    --background-color-ds-button-neutral-medium-hover: #686b8252;
    --background-color-ds-button-neutral-medium-active: #686b8252;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #686b8229;
    --background-color-ds-button-neutral-low-active: #686b8229;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #35df8d;
    --background-color-ds-button-positive-high-hover: #44fc9e;
    --background-color-ds-button-positive-medium: #149e6129;
    --background-color-ds-button-positive-medium-hover: #149e6152;
    --background-color-ds-button-positive-medium-active: #149e6152;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #149e6129;
    --background-color-ds-button-positive-low-active: #149e6129;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #f5395e;
    --background-color-ds-button-negative-high-hover: #ff7386;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e52;
    --background-color-ds-button-negative-medium-active: #f5395e52;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c3962152;
    --background-color-ds-button-warning-medium-active: #c3962152;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #7132f5;
    --background-color-ds-button-brand-high-hover: #8a61ff;
    --background-color-ds-button-brand-medium: #855bfb29;
    --background-color-ds-button-brand-medium-hover: #855bfb52;
    --background-color-ds-button-brand-medium-active: #855bfb52;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #855bfb29;
    --background-color-ds-button-brand-low-active: #855bfb29;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0092d8;
    --background-color-ds-button-info-high-hover: #90c9ff;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #000;
    --background-color-ds-button-inverted-high-hover: #0000008f;
    --background-color-ds-button-inverted-medium: #00000014;
    --background-color-ds-button-inverted-medium-hover: #00000029;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #00000014;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #686b821f;
    --background-color-ds-card-disabled: #686b8214;
    --background-color-ds-card-selected: #855bfb0a;
    --background-color-ds-card-hover: #686b823d;
    --background-color-ds-card-selected-hover: #686b823d;
    --background-color-ds-card-background: #686b821f;
    --background-color-ds-card-background-hover: #686b823d;
    --background-color-ds-checkbox-unchecked: #686b8252;
    --background-color-ds-checkbox-unchecked-hover: #686b8266;
    --background-color-ds-checkbox-checked: #7132f5;
    --background-color-ds-checkbox-checked-hover: #8a61ff;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e29;
    --background-color-ds-circle-primary-low: #855bfb29;
    --background-color-ds-circle-neutral-low: #686b8229;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c3962129;
    --background-color-ds-circle-positive-low: #149e6129;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #7132f5;
    --background-color-ds-circle-neutral-high: #686b82;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #149e61;
    --background-color-ds-circle-info-high: #0092d8;
    --background-color-ds-container: #16121f;
    --background-color-ds-container-glass: #686b8229;
    --background-color-ds-datepicker: #16121f;
    --background-color-ds-datepicker-raised: #272532;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #7132f5;
    --background-color-ds-datepicker-selected-day-range: #855bfb29;
    --background-color-ds-dialog: #1f1b27;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #686b8252;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: #16121f;
    --background-color-ds-dropdown-button: #686b8229;
    --background-color-ds-dropdown-button-hover: #686b8252;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8229;
    --background-color-ds-filteritem-active: #686b8252;
    --background-color-ds-full-screen-dialog: #0b0611;
    --background-color-ds-input: #686b8229;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #d11d45;
    --background-color-ds-input-border-error-focused: #d11d45;
    --background-color-ds-input-border-focused: #7132f5;
    --background-color-ds-input-content-icon: #686b82;
    --background-color-ds-input-content-input-text: #fff;
    --background-color-ds-input-content-label: #9497a9;
    --background-color-ds-input-error: #686b8229;
    --background-color-ds-input-error-focused: #686b8214;
    --background-color-ds-input-focused: #686b8214;
    --background-color-ds-input-hover: #686b8214;
    --background-color-ds-input-selected: #686b8214;
    --background-color-ds-input-error-label: #f5395e29;
    --background-color-ds-input-background: #686b8229;
    --background-color-ds-input-background-hover: #686b821f;
    --background-color-ds-input-background-selected: #686b821f;
    --background-color-ds-inputerror-label: #f5395e29;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #686b8229;
    --background-color-ds-legend-item-dimmed: #686b82;
    --background-color-ds-list-hover: #686b823d;
    --background-color-ds-menu: #1f1b27;
    --background-color-ds-menu-raised: #272532;
    --background-color-ds-menu-hover: #686b8214;
    --background-color-ds-menu-pressed: #855bfb1f;
    --background-color-ds-menu-active: #686b8229;
    --background-color-ds-menu-active-hover: #686b821f;
    --background-color-ds-notification-primary: #855bfb29;
    --background-color-ds-notification-neutral: #686b8229;
    --background-color-ds-notification-negative: #f5395e29;
    --background-color-ds-notification-warning: #c3962129;
    --background-color-ds-notification-positive: #149e6129;
    --background-color-ds-notification-info: #0092d829;
    --background-color-ds-notification-primary-hover: #855bfb3d;
    --background-color-ds-notification-neutral-hover: #686b823d;
    --background-color-ds-notification-negative-hover: #f5395e3d;
    --background-color-ds-notification-warning-hover: #c396213d;
    --background-color-ds-notification-positive-hover: #149e613d;
    --background-color-ds-notification-info-hover: #0092d83d;
    --background-color-ds-pagination: #686b821f;
    --background-color-ds-pill: #855bfb29;
    --background-color-ds-pill-primary: #855bfb29;
    --background-color-ds-pill-neutral: #686b8229;
    --background-color-ds-popover: #1f1b27;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-primary: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-finished: #08844f;
    --background-color-ds-radio-unchecked: #686b8252;
    --background-color-ds-radio-unchecked-hover: #686b8266;
    --background-color-ds-radio-checked: #7132f5;
    --background-color-ds-radio-checked-hover: #8a61ff;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #7132f5;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b82a3;
    --background-color-ds-scrollbar-thumb-hover: #686b827a;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #16121f;
    --background-color-ds-segmented-control-inactive-high: #686b821f;
    --background-color-ds-segmented-control-active-primary: #686b823d;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #686b823d;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #686b821f;
    --background-color-ds-selectable-card-selected: #855bfb0a;
    --background-color-ds-selectable-card-hover: #686b823d;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b823d;
    --background-color-ds-consumerpagination: #ffffff3d;
    --background-color-ds-consumerpagination-active: #fffffff5;
    --background-color-ds-consumerpagination-hover: #fff6;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #686b823d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #686b82;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #353746;
    --background-color-ds-tabs: #686b821f;
    --background-color-ds-tabs-hover: #686b8229;
    --background-color-ds-tabs-active: #686b823d;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #686b823d;
    --background-color-ds-table-cell-sticky: #16121f;
    --background-color-ds-table-cell-sticky-container: #16121f;
    --background-color-ds-table-cell-sticky-dialog: #1f1b27;
    --background-color-ds-table-cell-sticky-dialog-container: #16121f;
    --background-color-ds-table-cell-sticky-container-card: #21202c;
    --background-color-ds-table-cell-sticky-container-card-hover: #22202e;
    --background-color-ds-table-cell-sticky-container-hover: #191523;
    --background-color-ds-table-cell-sticky-dialog-hover: #221e2b;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #1a1826;
    --background-color-ds-table-header-cell-resize: #8a61ff;
    --background-color-ds-table-header-cell-sticky: #16121f;
    --background-color-ds-table-row-group: #686b8214;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b8214;
    --background-color-ds-table-row-hover: #686b820a;
    --background-color-ds-table-row: #16121f;
    --background-color-ds-toggle-handle-on: #eeeff3;
    --background-color-ds-toggle-handle-off: #9497a9;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #686b8252;
    --background-color-ds-tooltip: #22232d;
    --text-color-ds-accordion-primary: #9497a9;
    --text-color-ds-accordion-disabled: #9497a9;
    --text-color-ds-accordion-hover: #fff;
    --text-color-ds-badge-primary: #9d82fe;
    --text-color-ds-badge-neutral: #9497a9;
    --text-color-ds-badge-positive: #35df8d;
    --text-color-ds-badge-negative: #ff7386;
    --text-color-ds-badge-warning: #ffcd60;
    --text-color-ds-badge-high: #fff;
    --text-color-ds-asseticon-neutral: #000;
    --text-color-ds-asseticon-inverted: #fff;
    --text-color-ds-badge-high-inverse: #101114;
    --text-color-ds-badge-info: #00adfe;
    --text-color-ds-badge-new: #9d82fe;
    --text-color-ds-brand-brand: #855bfb;
    --text-color-ds-brand-neutral: #fff;
    --text-color-ds-brand-inverted: #000;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #9497a9;
    --text-color-ds-breadcrumbs-hover: #fff;
    --text-color-ds-breadcrumbs-selected: #fff;
    --text-color-ds-button-primary-high: #fff;
    --text-color-ds-button-primary-medium: #fff;
    --text-color-ds-button-primary-medium-hover: #fff;
    --text-color-ds-button-primary-low: #fff;
    --text-color-ds-button-primary-low-hover: #fff;
    --text-color-ds-button-primary-none: #fff;
    --text-color-ds-button-primary-none-hover: #9497a9;
    --text-color-ds-button-neutral-high: #101114;
    --text-color-ds-button-neutral-medium: #c6c7d2;
    --text-color-ds-button-neutral-medium-hover: #fff;
    --text-color-ds-button-neutral-low: #c6c7d2;
    --text-color-ds-button-neutral-low-hover: #fff;
    --text-color-ds-button-neutral-none: #c6c7d2;
    --text-color-ds-button-neutral-none-hover: #fff;
    --text-color-ds-button-positive-high: #002d17;
    --text-color-ds-button-positive-medium: #35df8d;
    --text-color-ds-button-positive-medium-hover: #35df8d;
    --text-color-ds-button-positive-low: #35df8d;
    --text-color-ds-button-positive-low-hover: #35df8d;
    --text-color-ds-button-positive-none: #35df8d;
    --text-color-ds-button-positive-none-hover: #23ba75;
    --text-color-ds-button-negative-high: #3c000c;
    --text-color-ds-button-negative-medium: #ff9fa9;
    --text-color-ds-button-negative-medium-hover: #ff9fa9;
    --text-color-ds-button-negative-low: #ff7386;
    --text-color-ds-button-negative-low-hover: #ff7386;
    --text-color-ds-button-negative-none: #ff7386;
    --text-color-ds-button-negative-none-hover: #f5395e;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #ffcd60;
    --text-color-ds-button-warning-medium-hover: #ffcd60;
    --text-color-ds-button-warning-low: #e8b100;
    --text-color-ds-button-warning-low-hover: #e8b100;
    --text-color-ds-button-warning-none: #e8b100;
    --text-color-ds-button-warning-none-hover: #c39621;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #d4cbff;
    --text-color-ds-button-brand-medium-hover: #d4cbff;
    --text-color-ds-button-brand-low: #d4cbff;
    --text-color-ds-button-brand-low-hover: #f1efff;
    --text-color-ds-button-brand-none: #d4cbff;
    --text-color-ds-button-brand-none-hover: #f1efff;
    --text-color-ds-button-info-high: #002940;
    --text-color-ds-button-info-medium: #90c9ff;
    --text-color-ds-button-info-medium-hover: #90c9ff;
    --text-color-ds-button-info-low: #0092d8;
    --text-color-ds-button-info-low-hover: #0092d8;
    --text-color-ds-button-info-none: #0092d8;
    --text-color-ds-button-info-none-hover: #0079b4;
    --text-color-ds-button-inverted-high: #fff;
    --text-color-ds-button-inverted-medium: #101114;
    --text-color-ds-button-inverted-medium-hover: #101114;
    --text-color-ds-button-inverted-low: #101114;
    --text-color-ds-button-inverted-low-hover: #101114;
    --text-color-ds-button-inverted-none: #101114;
    --text-color-ds-button-inverted-none-hover: #101114;
    --text-color-ds-button-neutral-high-icon: #101114;
    --text-color-ds-checkbox-primary: #fff;
    --text-color-ds-checkbox-description: #9497a9;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #fff;
    --text-color-ds-checkboxgroup-description: #9497a9;
    --text-color-ds-checkboxgroup-error: #ff7386;
    --text-color-ds-circle-primary-low: #9d82fe;
    --text-color-ds-circle-neutral-low: #9497a9;
    --text-color-ds-circle-positive-low: #35df8d;
    --text-color-ds-circle-warning-low: #ffcd60;
    --text-color-ds-circle-negative-low: #ff7386;
    --text-color-ds-circle-info-low: #00adfe;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #7132f5;
    --text-color-ds-circle-border-neutral-high: #686b82;
    --text-color-ds-circle-border-positive-high: #149e61;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0092d8;
    --text-color-ds-datepicker: #eeeff3;
    --text-color-ds-datepicker-weekday: #9497a9;
    --text-color-ds-datepicker-today: #9497a9;
    --text-color-ds-datepicker-disabled: #686b82;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #9497a9;
    --text-color-ds-dropdown-button-content-placeholder-hover: #fff;
    --text-color-ds-dropdown-button-content-text: #fff;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #9497a9;
    --text-color-ds-filteritem-active: #f7f7fa;
    --text-color-ds-input: #fff;
    --text-color-ds-input-icon: #686b82;
    --text-color-ds-input-label: #9497a9;
    --text-color-ds-input-error-label: #ff7386;
    --text-color-ds-inputerror-label: #ff7386;
    --text-color-ds-label-value: #ffffff0a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #9497a9;
    --text-color-ds-menu: #fff;
    --text-color-ds-menu-active: #8a61ff;
    --text-color-ds-notification-primary: #f1efff;
    --text-color-ds-notification-neutral: #f7f7fa;
    --text-color-ds-notification-negative: #ffd6da;
    --text-color-ds-notification-warning: #fffaf0;
    --text-color-ds-notification-positive: #c6feda;
    --text-color-ds-notification-info: #e7f2ff;
    --text-color-ds-notification-subtitle-primary: #d4cbff;
    --text-color-ds-notification-subtitle-neutral: #c6c7d2;
    --text-color-ds-notification-subtitle-negative: #ffbdc3;
    --text-color-ds-notification-subtitle-warning: #ffe5b1;
    --text-color-ds-notification-subtitle-positive: #44fc9e;
    --text-color-ds-notification-subtitle-info: #c7e1ff;
    --text-color-ds-pill: #8a61ff;
    --text-color-ds-pill-primary: #8a61ff;
    --text-color-ds-pill-neutral: #fff;
    --text-color-ds-radio-primary: #fff;
    --text-color-ds-radio-disabled: #484b5e;
    --text-color-ds-radio-description: #9497a9;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #f7f7fa;
    --text-color-ds-radiogroup-description: #9497a9;
    --text-color-ds-radiogroup-error: #ff7386;
    --text-color-ds-segmented-control-inactive: #9497a9;
    --text-color-ds-segmented-control-inactive-hover: #fff;
    --text-color-ds-segmented-control-active-primary: #fff;
    --text-color-ds-segmented-control-active-positive: #35df8d;
    --text-color-ds-segmented-control-active-negative: #ff7386;
    --text-color-ds-segmented-control-active-primary-low: #fff;
    --text-color-ds-segmented-control-active-positive-low: #35df8d;
    --text-color-ds-segmented-control-active-negative-low: #ff7386;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #686b823d;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #f7f7fa;
    --text-color-ds-spinner-neutral: #9497a9;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #35df8d;
    --text-color-ds-spinner-negative: #ff7386;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #fff;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #000;
    --text-color-ds-stacked-asset-icons: #f7f7fa;
    --text-color-ds-tabs: #9497a9;
    --text-color-ds-tabs-active: #fff;
    --text-color-ds-tabs-on-background: #9497a9;
    --text-color-ds-tabs-on-background-active: #fff;
    --text-color-ds-text-duo-primary-main: #fff;
    --text-color-ds-text-duo-primary-duo: #9497a9;
    --text-color-ds-text-duo-neutral-main: #9497a9;
    --text-color-ds-text-duo-neutral-duo: #686b82;
    --text-color-ds-text-duo-positive-main: #35df8d;
    --text-color-ds-text-duo-positive-duo: #35df8d;
    --text-color-ds-text-duo-negative-main: #ff7386;
    --text-color-ds-text-duo-negative-duo: #ff7386;
    --text-color-ds-tooltip-text: #9497a9;
    --text-color-ds-tooltip-title: #fff;
    --border-color-ds-asset-conversion-icons-primary: #fff;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #8a61ff;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #8a61ff;
    --border-color-ds-datepicker: #fff0;
    --border-color-ds-base-drawer: #ffffff14;
    --border-color-ds-input-focused: #7132f5;
    --border-color-ds-input-error: #d11d45;
    --border-color-ds-input-error-focused: #d11d45;
    --border-color-ds-legend-item-dimmed: #686b82;
    --border-color-ds-menu: #fff0;
    --border-color-ds-menu-divider: #686b8252;
    --border-color-ds-popover: #fff0;
    --border-color-ds-radio-primary-focus: #8a61ff;
    --border-color-ds-selectable-card-selected: #8a61ff;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header-cell-hover: #8a61ff;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b8229;
    --stroke-ds-dropdown-button-content-icon: #9497a9;
    --stroke-ds-dropdown-button-content-icon-hover: #fff;
    --stroke-ds-icon-primary: #9d82fe;
    --stroke-ds-icon-neutral: #9497a9;
    --stroke-ds-icon-strong: #fff;
    --stroke-ds-icon-dimmed: #686b82;
    --stroke-ds-icon-positive: #35df8d;
    --stroke-ds-icon-warning: #ffcd60;
    --stroke-ds-icon-negative: #ff7386;
    --stroke-ds-icon-info: #00adfe;
    --stroke-ds-icon-brand: #8a61ff;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #fff0;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #855bfb29;
    --ring-color-ds-circle-neutral-low: #686b8229;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c3962129;
    --ring-color-ds-circle-positive-low: #149e6129;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #7132f5;
    --ring-color-ds-circle-neutral-high: #686b82;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #149e61;
    --ring-color-ds-circle-info-high: #0092d8;
    --fill-ds-brand-brand: #855bfb;
    --fill-ds-brand-neutral: #fff;
    --fill-ds-brand-inverted: #000;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #9d82fe;
    --fill-ds-icon-neutral: #9497a9;
    --fill-ds-icon-strong: #fff;
    --fill-ds-icon-dimmed: #686b82;
    --fill-ds-icon-positive: #35df8d;
    --fill-ds-icon-warning: #ffcd60;
    --fill-ds-icon-negative: #ff7386;
    --fill-ds-icon-info: #00adfe;
    --fill-ds-icon-brand: #8a61ff;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #1f1b27;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #1f1b27, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #1f1b27;
    --placeholder-color-ds-input: #9497a9;
    --caret-color-ds-input: #fff;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #8a61ff;
    --opacity-ds-table-cell-dimmed: .5;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8266
}

.default-dark-theme {
    --colors-ds-semantic-action-primary-background: #7132f5;
    --colors-ds-semantic-action-primary-background-hover: #8a61ff;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8229;
    --colors-ds-semantic-action-secondary-background-hover: #686b8252;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #c6c7d2;
    --colors-ds-semantic-border-default: #686b8252;
    --colors-ds-semantic-border-negative: #ff7386;
    --colors-ds-semantic-border-positive: #23ba75;
    --colors-ds-semantic-border-strong: #9497a9;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #8a61ff;
    --colors-ds-semantic-content-dimmed: #686b82;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #00adfe;
    --colors-ds-semantic-content-inverse: #101114;
    --colors-ds-semantic-content-negative: #ff7386;
    --colors-ds-semantic-content-neutral: #9497a9;
    --colors-ds-semantic-content-positive: #23ba75;
    --colors-ds-semantic-content-primary: #fff;
    --colors-ds-semantic-content-warning: #c39621;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #8a61ff);
    --colors-ds-semantic-focus-ring-inverse: #101114;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #d4cbff;
    --colors-ds-semantic-status-brand-content-strong: #f1efff;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #9d82fe;
    --colors-ds-semantic-status-brand-solid: #7132f5;
    --colors-ds-semantic-status-brand-subtle: #855bfb29;
    --colors-ds-semantic-status-info-content: #c7e1ff;
    --colors-ds-semantic-status-info-content-strong: #e7f2ff;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #00adfe;
    --colors-ds-semantic-status-info-solid: #0092d8;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #ffbdc3;
    --colors-ds-semantic-status-negative-content-strong: #ffd6da;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #ff7386;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #c6c7d2;
    --colors-ds-semantic-status-neutral-content-strong: #f7f7fa;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #9497a9;
    --colors-ds-semantic-status-neutral-solid: #686b82;
    --colors-ds-semantic-status-neutral-subtle: #686b8229;
    --colors-ds-semantic-status-positive-content: #44fc9e;
    --colors-ds-semantic-status-positive-content-strong: #c6feda;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #23ba75;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #ffe5b1;
    --colors-ds-semantic-status-warning-content-strong: #fffaf0;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #c39621;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c3962129;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #686b823d;
    --colors-ds-semantic-surface-overlay: #22232d;
    --colors-ds-semantic-surface-page: #101114;
    --colors-ds-semantic-surface-raised: #1a1b22;
    --colors-ds-semantic-surface-selected: #855bfb0a;
    --colors-ds-semantic-surface-sunken: #686b821f;
    --colors-ds-primary: var(--colors-ds-semantic-content-primary, #fff);
    --colors-ds-neutral: var(--colors-ds-semantic-content-neutral, #9497a9);
    --colors-ds-dimmed: var(--colors-ds-semantic-content-dimmed, #686b82);
    --colors-ds-positive: var(--colors-ds-semantic-content-positive, #23ba75);
    --colors-ds-negative: var(--colors-ds-semantic-content-negative, #ff7386);
    --colors-ds-warning: var(--colors-ds-semantic-content-warning, #c39621);
    --colors-ds-brand: var(--colors-ds-semantic-content-brand, #8a61ff);
    --colors-ds-info: var(--colors-ds-semantic-content-info, #00adfe);
    --colors-ds-inverted: var(--colors-ds-semantic-content-inverse, #101114);
    --colors-ds-disabled: #484b5e;
    --colors-ds-strong: #fff;
    --colors-ds-subtle: #484b5e;
    --colors-ds-divider: var(--colors-ds-semantic-border-default, #686b8252);
    --colors-ds-textlink-hover-primary: var(--colors-ds-semantic-content-neutral, #9497a9);
    --colors-ds-textlink-hover-brand: #9d82fe;
    --colors-ds-textlink-hover-neutral: var(--colors-ds-semantic-content-primary, #fff);
    --colors-ds-textlink-hover-positive: #35df8d;
    --colors-ds-textlink-hover-negative: #ff9fa9;
    --colors-ds-textlink-hover-warning: #c39621;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #00000026;
    --box-shadow-ds-2: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-3: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-4: 0px 12px 16px -4px #00000026;
    --box-shadow-ds-5: 0px 20px 24px -4px #00000026;
    --box-shadow-ds-6: 0px 24px 48px -12px #0000004d;
    --box-shadow-ds-7: 0px 32px 64px -12px #0000004d;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #686b8252;
    --box-shadow-ds-banner: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-container: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #00000026, 0px 4px 8px -2px #00000026;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 150px 0px #000;
    --box-shadow-ds-menu: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --box-shadow-ds-popover: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #00000026;
    --outline-color-ds-accordion: var(--colors-ds-semantic-focus-ring, #8a61ff);
    --outline-color-ds-button: var(--colors-ds-semantic-focus-ring, #8a61ff);
    --outline-color-ds-card-selected: var(--colors-ds-semantic-focus-ring, #8a61ff);
    --outline-color-ds-favourite-button: var(--colors-ds-semantic-focus-ring, #8a61ff);
    --outline-color-ds-input-error-focused: var(--colors-ds-semantic-border-negative, #ff7386);
    --outline-color-ds-input: var(--colors-ds-semantic-action-primary-background, #7132f5);
    --outline-color-ds-input-error: var(--colors-ds-semantic-border-negative, #ff7386);
    --outline-color-ds-legend-item-dimmed: #686b82;
    --outline-color-ds-menu: var(--colors-ds-semantic-focus-ring, #8a61ff);
    --outline-color-ds-notification: var(--colors-ds-semantic-focus-ring, #8a61ff);
    --outline-color-ds-popover: var(--colors-ds-semantic-focus-ring, #8a61ff);
    --outline-color-ds-segmented-control: var(--colors-ds-semantic-focus-ring, #8a61ff);
    --outline-color-ds-selectable-card: var(--colors-ds-semantic-focus-ring, #8a61ff);
    --outline-color-ds-tabs: var(--colors-ds-semantic-focus-ring, #8a61ff);
    --outline-color-ds-table-header-cell: var(--colors-ds-semantic-focus-ring, #8a61ff);
    --outline-color-ds-textlink: var(--colors-ds-semantic-focus-ring, #8a61ff);
    --outline-color-ds-toggle: var(--colors-ds-semantic-focus-ring, #8a61ff);
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: var(--colors-ds-semantic-action-primary-background, #7132f5);
    --background-color-ds-badge-primary-low: var(--colors-ds-semantic-status-brand-subtle, #855bfb29);
    --background-color-ds-badge-neutral-high: var(--colors-ds-semantic-status-neutral-solid, #686b82);
    --background-color-ds-badge-neutral-low: var(--colors-ds-semantic-status-neutral-subtle, #686b8229);
    --background-color-ds-badge-positive-high: var(--colors-ds-semantic-status-positive-solid, #149e61);
    --background-color-ds-badge-positive-low: var(--colors-ds-semantic-status-positive-subtle, #149e6129);
    --background-color-ds-badge-negative-high: var(--colors-ds-semantic-status-negative-solid, #d11d45);
    --background-color-ds-badge-negative-low: var(--colors-ds-semantic-status-negative-subtle, #f5395e29);
    --background-color-ds-badge-warning-high: var(--colors-ds-semantic-status-warning-solid, #ffcd60);
    --background-color-ds-badge-warning-low: var(--colors-ds-semantic-status-warning-subtle, #c3962129);
    --background-color-ds-badge-info-low: var(--colors-ds-semantic-status-info-subtle, #0092d829);
    --background-color-ds-badge-info-high: var(--colors-ds-semantic-status-info-solid, #0092d8);
    --background-color-ds-badge-new-low: var(--colors-ds-semantic-status-brand-subtle, #855bfb29);
    --background-color-ds-badge-new-high: var(--colors-ds-semantic-action-primary-background, #7132f5);
    --background-color-ds-banner: #1a1b22;
    --background-color-ds-button-primary-high: var(--colors-ds-semantic-action-primary-background, #7132f5);
    --background-color-ds-button-primary-high-hover: var(--colors-ds-semantic-action-primary-background-hover, #8a61ff);
    --background-color-ds-button-primary-medium: rgb(from var(--colors-ds-semantic-action-primary-background, #7132f5)r g b/.16);
    --background-color-ds-button-primary-medium-hover: rgb(from var(--colors-ds-semantic-action-primary-background, #7132f5)r g b/.32);
    --background-color-ds-button-primary-medium-active: rgb(from var(--colors-ds-semantic-action-primary-background, #7132f5)r g b/.4);
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: var(--colors-ds-semantic-action-secondary-background, #686b8229);
    --background-color-ds-button-primary-low-active: rgb(from var(--colors-ds-semantic-action-secondary-background, #686b8229)r g b/.24);
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: var(--colors-ds-semantic-status-neutral-solid, #686b82);
    --background-color-ds-button-neutral-high-hover: #7f829a;
    --background-color-ds-button-neutral-medium: var(--colors-ds-semantic-action-secondary-background, #686b8229);
    --background-color-ds-button-neutral-medium-hover: var(--colors-ds-semantic-action-secondary-background-hover, #686b8252);
    --background-color-ds-button-neutral-medium-active: rgb(from var(--colors-ds-semantic-action-secondary-background, #686b8229)r g b/.4);
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: var(--colors-ds-semantic-action-secondary-background, #686b8229);
    --background-color-ds-button-neutral-low-active: rgb(from var(--colors-ds-semantic-action-secondary-background, #686b8229)r g b/.24);
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: var(--colors-ds-semantic-status-positive-solid, #149e61);
    --background-color-ds-button-positive-high-hover: #23ba75;
    --background-color-ds-button-positive-medium: var(--colors-ds-semantic-status-positive-subtle, #149e6129);
    --background-color-ds-button-positive-medium-hover: rgb(from var(--colors-ds-semantic-status-positive-subtle, #149e6129)r g b/.32);
    --background-color-ds-button-positive-medium-active: rgb(from var(--colors-ds-semantic-status-positive-subtle, #149e6129)r g b/.4);
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: var(--colors-ds-semantic-status-positive-subtle, #149e6129);
    --background-color-ds-button-positive-low-active: rgb(from var(--colors-ds-semantic-status-positive-subtle, #149e6129)r g b/.24);
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: var(--colors-ds-semantic-status-negative-solid, #d11d45);
    --background-color-ds-button-negative-high-hover: #f5395e;
    --background-color-ds-button-negative-medium: var(--colors-ds-semantic-status-negative-subtle, #f5395e29);
    --background-color-ds-button-negative-medium-hover: rgb(from var(--colors-ds-semantic-status-negative-subtle, #f5395e29)r g b/.32);
    --background-color-ds-button-negative-medium-active: rgb(from var(--colors-ds-semantic-status-negative-subtle, #f5395e29)r g b/.4);
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: var(--colors-ds-semantic-status-negative-subtle, #f5395e29);
    --background-color-ds-button-negative-low-active: rgb(from var(--colors-ds-semantic-status-negative-subtle, #f5395e29)r g b/.24);
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: var(--colors-ds-semantic-status-warning-solid, #ffcd60);
    --background-color-ds-button-warning-high-hover: #ffdd97;
    --background-color-ds-button-warning-medium: rgb(from var(--colors-ds-semantic-status-warning-subtle, #c3962129)r g b/.16);
    --background-color-ds-button-warning-medium-hover: rgb(from var(--colors-ds-semantic-status-warning-subtle, #c3962129)r g b/.32);
    --background-color-ds-button-warning-medium-active: rgb(from var(--colors-ds-semantic-status-warning-subtle, #c3962129)r g b/.4);
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: rgb(from var(--colors-ds-semantic-status-warning-subtle, #c3962129)r g b/.16);
    --background-color-ds-button-warning-low-active: rgb(from var(--colors-ds-semantic-status-warning-subtle, #c3962129)r g b/.24);
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: var(--colors-ds-semantic-status-brand-solid, #7132f5);
    --background-color-ds-button-brand-high-hover: #8a61ff;
    --background-color-ds-button-brand-medium: var(--colors-ds-semantic-status-brand-subtle, #855bfb29);
    --background-color-ds-button-brand-medium-hover: rgb(from var(--colors-ds-semantic-status-brand-subtle, #855bfb29)r g b/.32);
    --background-color-ds-button-brand-medium-active: rgb(from var(--colors-ds-semantic-status-brand-subtle, #855bfb29)r g b/.4);
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: var(--colors-ds-semantic-status-brand-subtle, #855bfb29);
    --background-color-ds-button-brand-low-active: rgb(from var(--colors-ds-semantic-status-brand-subtle, #855bfb29)r g b/.24);
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: var(--colors-ds-semantic-status-info-solid, #0092d8);
    --background-color-ds-button-info-high-hover: #00adfe;
    --background-color-ds-button-info-medium: var(--colors-ds-semantic-status-info-subtle, #0092d829);
    --background-color-ds-button-info-medium-hover: rgb(from var(--colors-ds-semantic-status-info-subtle, #0092d829)r g b/.32);
    --background-color-ds-button-info-medium-active: rgb(from var(--colors-ds-semantic-status-info-subtle, #0092d829)r g b/.4);
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: var(--colors-ds-semantic-status-info-subtle, #0092d829);
    --background-color-ds-button-info-low-active: rgb(from var(--colors-ds-semantic-status-info-subtle, #0092d829)r g b/.24);
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #000;
    --background-color-ds-button-inverted-high-hover: #0000008f;
    --background-color-ds-button-inverted-medium: #00000014;
    --background-color-ds-button-inverted-medium-hover: #00000029;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #00000014;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: var(--colors-ds-semantic-surface-sunken, #686b821f);
    --background-color-ds-card-disabled: #686b8214;
    --background-color-ds-card-selected: var(--colors-ds-semantic-surface-selected, #855bfb0a);
    --background-color-ds-card-hover: #686b823d;
    --background-color-ds-card-selected-hover: var(--colors-ds-semantic-surface-hover, #686b823d);
    --background-color-ds-card-background: #686b821f;
    --background-color-ds-card-background-hover: #686b823d;
    --background-color-ds-checkbox-unchecked: rgb(from var(--colors-ds-semantic-surface-hover, #686b823d)r g b/.32);
    --background-color-ds-checkbox-unchecked-hover: rgb(from var(--colors-ds-semantic-surface-hover, #686b823d)r g b/.4);
    --background-color-ds-checkbox-checked: var(--colors-ds-semantic-action-primary-background, #7132f5);
    --background-color-ds-checkbox-checked-hover: var(--colors-ds-semantic-action-primary-background-hover, #8a61ff);
    --background-color-ds-checkbox-unchecked-negative: rgb(from var(--colors-ds-semantic-status-negative-subtle, #f5395e29)r g b/.48);
    --background-color-ds-checkbox-unchecked-negative-hover: rgb(from var(--colors-ds-semantic-status-negative-subtle, #f5395e29)r g b/.48);
    --background-color-ds-checkbox-checked-negative: var(--colors-ds-semantic-status-negative-solid, #d11d45);
    --background-color-ds-checkbox-checked-negative-hover: var(--colors-ds-semantic-status-negative-solid, #d11d45);
    --background-color-ds-checkboxgroup-error: var(--colors-ds-semantic-status-negative-subtle, #f5395e29);
    --background-color-ds-circle-primary-low: var(--colors-ds-semantic-status-brand-subtle, #855bfb29);
    --background-color-ds-circle-neutral-low: var(--colors-ds-semantic-status-neutral-subtle, #686b8229);
    --background-color-ds-circle-negative-low: var(--colors-ds-semantic-status-negative-subtle, #f5395e29);
    --background-color-ds-circle-warning-low: var(--colors-ds-semantic-status-warning-subtle, #c3962129);
    --background-color-ds-circle-positive-low: var(--colors-ds-semantic-status-positive-subtle, #149e6129);
    --background-color-ds-circle-info-low: var(--colors-ds-semantic-status-info-subtle, #0092d829);
    --background-color-ds-circle-primary-high: var(--colors-ds-semantic-status-brand-solid, #7132f5);
    --background-color-ds-circle-neutral-high: var(--colors-ds-semantic-status-neutral-solid, #686b82);
    --background-color-ds-circle-negative-high: var(--colors-ds-semantic-status-negative-solid, #d11d45);
    --background-color-ds-circle-warning-high: var(--colors-ds-semantic-status-warning-solid, #ffcd60);
    --background-color-ds-circle-positive-high: var(--colors-ds-semantic-status-positive-solid, #149e61);
    --background-color-ds-circle-info-high: var(--colors-ds-semantic-status-info-solid, #0092d8);
    --background-color-ds-container: var(--colors-ds-semantic-surface-raised, #1a1b22);
    --background-color-ds-container-glass: #686b8229;
    --background-color-ds-datepicker: var(--colors-ds-semantic-surface-raised, #1a1b22);
    --background-color-ds-datepicker-raised: var(--colors-ds-semantic-surface-overlay, #22232d);
    --background-color-ds-datepicker-hover: rgb(from var(--colors-ds-semantic-border-default, #686b8252)r g b/.12);
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: var(--colors-ds-semantic-action-primary-background, #7132f5);
    --background-color-ds-datepicker-selected-day-range: #855bfb29;
    --background-color-ds-dialog: var(--colors-ds-semantic-surface-overlay, #22232d);
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: var(--colors-ds-semantic-border-default, #686b8252);
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: var(--colors-ds-semantic-surface-raised, #1a1b22);
    --background-color-ds-dropdown-button: var(--colors-ds-semantic-action-secondary-background, #686b8229);
    --background-color-ds-dropdown-button-hover: var(--colors-ds-semantic-action-secondary-background-hover, #686b8252);
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: var(--colors-ds-semantic-action-secondary-background, #686b8229);
    --background-color-ds-filteritem-active: var(--colors-ds-semantic-action-secondary-background-hover, #686b8252);
    --background-color-ds-full-screen-dialog: var(--colors-ds-semantic-surface-page, #101114);
    --background-color-ds-input: var(--colors-ds-semantic-action-secondary-background, #686b8229);
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: var(--colors-ds-semantic-border-negative, #ff7386);
    --background-color-ds-input-border-error-focused: var(--colors-ds-semantic-border-negative, #ff7386);
    --background-color-ds-input-border-focused: var(--colors-ds-semantic-action-primary-background, #7132f5);
    --background-color-ds-input-content-icon: var(--colors-ds-semantic-content-dimmed, #686b82);
    --background-color-ds-input-content-input-text: var(--colors-ds-semantic-content-primary, #fff);
    --background-color-ds-input-content-label: var(--colors-ds-semantic-content-neutral, #9497a9);
    --background-color-ds-input-error: var(--colors-ds-semantic-action-secondary-background, #686b8229);
    --background-color-ds-input-error-focused: rgb(from var(--colors-ds-semantic-surface-hover, #686b823d)r g b/.08);
    --background-color-ds-input-focused: rgb(from var(--colors-ds-semantic-surface-hover, #686b823d)r g b/.08);
    --background-color-ds-input-hover: rgb(from var(--colors-ds-semantic-surface-hover, #686b823d)r g b/.08);
    --background-color-ds-input-selected: rgb(from var(--colors-ds-semantic-surface-hover, #686b823d)r g b/.08);
    --background-color-ds-input-error-label: var(--colors-ds-semantic-status-negative-subtle, #f5395e29);
    --background-color-ds-input-background: #686b8229;
    --background-color-ds-input-background-hover: #686b821f;
    --background-color-ds-input-background-selected: #686b821f;
    --background-color-ds-inputerror-label: var(--colors-ds-semantic-status-negative-subtle, #f5395e29);
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #686b8229;
    --background-color-ds-legend-item-dimmed: #686b82;
    --background-color-ds-list-hover: #686b823d;
    --background-color-ds-menu: var(--colors-ds-semantic-surface-overlay, #22232d);
    --background-color-ds-menu-raised: var(--colors-ds-semantic-surface-overlay, #22232d);
    --background-color-ds-menu-hover: rgb(from var(--colors-ds-semantic-surface-hover, #686b823d)r g b/.08);
    --background-color-ds-menu-pressed: #855bfb1f;
    --background-color-ds-menu-active: var(--colors-ds-semantic-action-secondary-background, #686b8229);
    --background-color-ds-menu-active-hover: #686b821f;
    --background-color-ds-notification-primary: var(--colors-ds-semantic-status-brand-subtle, #855bfb29);
    --background-color-ds-notification-neutral: var(--colors-ds-semantic-status-neutral-subtle, #686b8229);
    --background-color-ds-notification-negative: var(--colors-ds-semantic-status-negative-subtle, #f5395e29);
    --background-color-ds-notification-warning: var(--colors-ds-semantic-status-warning-subtle, #c3962129);
    --background-color-ds-notification-positive: var(--colors-ds-semantic-status-positive-subtle, #149e6129);
    --background-color-ds-notification-info: var(--colors-ds-semantic-status-info-subtle, #0092d829);
    --background-color-ds-notification-primary-hover: rgb(from var(--colors-ds-semantic-status-brand-subtle, #855bfb29)r g b/.24);
    --background-color-ds-notification-neutral-hover: rgb(from var(--colors-ds-semantic-status-neutral-subtle, #686b8229)r g b/.24);
    --background-color-ds-notification-negative-hover: rgb(from var(--colors-ds-semantic-status-negative-subtle, #f5395e29)r g b/.24);
    --background-color-ds-notification-warning-hover: rgb(from var(--colors-ds-semantic-status-warning-subtle, #c3962129)r g b/.24);
    --background-color-ds-notification-positive-hover: rgb(from var(--colors-ds-semantic-status-positive-subtle, #149e6129)r g b/.24);
    --background-color-ds-notification-info-hover: rgb(from var(--colors-ds-semantic-status-info-subtle, #0092d829)r g b/.24);
    --background-color-ds-pagination: #686b821f;
    --background-color-ds-pill: rgb(from var(--colors-ds-semantic-action-primary-background, #7132f5)r g b/.16);
    --background-color-ds-pill-primary: rgb(from var(--colors-ds-semantic-action-primary-background, #7132f5)r g b/.16);
    --background-color-ds-pill-neutral: var(--colors-ds-semantic-status-neutral-subtle, #686b8229);
    --background-color-ds-popover: var(--colors-ds-semantic-surface-overlay, #22232d);
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-primary: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-finished: #08844f;
    --background-color-ds-radio-unchecked: rgb(from var(--colors-ds-semantic-surface-hover, #686b823d)r g b/.32);
    --background-color-ds-radio-unchecked-hover: rgb(from var(--colors-ds-semantic-surface-hover, #686b823d)r g b/.4);
    --background-color-ds-radio-checked: var(--colors-ds-semantic-action-primary-background, #7132f5);
    --background-color-ds-radio-checked-hover: var(--colors-ds-semantic-action-primary-background-hover, #8a61ff);
    --background-color-ds-radio-unchecked-negative: rgb(from var(--colors-ds-semantic-status-negative-subtle, #f5395e29)r g b/.48);
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: var(--colors-ds-semantic-status-negative-solid, #d11d45);
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #7132f5;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b82a3;
    --background-color-ds-scrollbar-thumb-hover: #686b827a;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: var(--colors-ds-semantic-surface-raised, #1a1b22);
    --background-color-ds-segmented-control-inactive-high: rgb(from var(--colors-ds-semantic-surface-hover, #686b823d)r g b/.12);
    --background-color-ds-segmented-control-active-primary: #686b823d;
    --background-color-ds-segmented-control-active-positive: rgb(from var(--colors-ds-semantic-status-positive-subtle, #149e6129)r g b/.24);
    --background-color-ds-segmented-control-active-negative: rgb(from var(--colors-ds-semantic-status-negative-subtle, #f5395e29)r g b/.24);
    --background-color-ds-segmented-control-active-primary-low: #686b823d;
    --background-color-ds-segmented-control-active-positive-low: rgb(from var(--colors-ds-semantic-status-positive-subtle, #149e6129)r g b/.24);
    --background-color-ds-segmented-control-active-negative-low: rgb(from var(--colors-ds-semantic-status-negative-subtle, #f5395e29)r g b/.24);
    --background-color-ds-selectable-card: var(--colors-ds-semantic-surface-sunken, #686b821f);
    --background-color-ds-selectable-card-selected: var(--colors-ds-semantic-surface-selected, #855bfb0a);
    --background-color-ds-selectable-card-hover: #686b823d;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: var(--colors-ds-semantic-surface-hover, #686b823d);
    --background-color-ds-consumerpagination: #ffffff3d;
    --background-color-ds-consumerpagination-active: #fffffff5;
    --background-color-ds-consumerpagination-hover: #fff6;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: rgb(from var(--colors-ds-semantic-surface-hover, #686b823d)r g b/.24);
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #686b82;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #353746;
    --background-color-ds-tabs: #686b821f;
    --background-color-ds-tabs-hover: #686b8229;
    --background-color-ds-tabs-active: #686b823d;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #686b823d;
    --background-color-ds-table-cell-sticky: var(--colors-ds-semantic-surface-raised, #1a1b22);
    --background-color-ds-table-cell-sticky-container: var(--colors-ds-semantic-surface-raised, #1a1b22);
    --background-color-ds-table-cell-sticky-dialog: var(--colors-ds-semantic-surface-overlay, #22232d);
    --background-color-ds-table-cell-sticky-dialog-container: var(--colors-ds-semantic-surface-raised, #1a1b22);
    --background-color-ds-table-cell-sticky-container-card: var(--colors-ds-semantic-surface-overlay, #22232d);
    --background-color-ds-table-cell-sticky-container-card-hover: #292b38;
    --background-color-ds-table-cell-sticky-container-hover: #22232d;
    --background-color-ds-table-cell-sticky-dialog-hover: #292b38;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #22232d;
    --background-color-ds-table-header-cell-resize: var(--colors-ds-semantic-focus-ring, #8a61ff);
    --background-color-ds-table-header-cell-sticky: var(--colors-ds-semantic-surface-raised, #1a1b22);
    --background-color-ds-table-row-group: #686b8214;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b8214;
    --background-color-ds-table-row-hover: rgb(from var(--colors-ds-semantic-surface-hover, #686b823d)r g b/.04);
    --background-color-ds-table-row: var(--colors-ds-semantic-surface-raised, #1a1b22);
    --background-color-ds-toggle-handle-on: #eeeff3;
    --background-color-ds-toggle-handle-off: #9497a9;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #686b8252;
    --background-color-ds-tooltip: var(--colors-ds-semantic-surface-overlay, #22232d);
    --text-color-ds-accordion-primary: var(--colors-ds-semantic-content-neutral, #9497a9);
    --text-color-ds-accordion-disabled: #9497a9;
    --text-color-ds-accordion-hover: var(--colors-ds-semantic-content-primary, #fff);
    --text-color-ds-badge-primary: var(--colors-ds-semantic-status-brand-on-subtle, #9d82fe);
    --text-color-ds-badge-neutral: var(--colors-ds-semantic-status-neutral-on-subtle, #9497a9);
    --text-color-ds-badge-positive: var(--colors-ds-semantic-status-positive-on-subtle, #23ba75);
    --text-color-ds-badge-negative: var(--colors-ds-semantic-status-negative-on-subtle, #ff7386);
    --text-color-ds-badge-warning: var(--colors-ds-semantic-status-warning-on-subtle, #c39621);
    --text-color-ds-badge-high: var(--colors-ds-semantic-status-brand-on-solid, #fff);
    --text-color-ds-asseticon-neutral: #000;
    --text-color-ds-asseticon-inverted: #fff;
    --text-color-ds-badge-high-inverse: var(--colors-ds-semantic-status-warning-on-solid, #101114);
    --text-color-ds-badge-info: var(--colors-ds-semantic-status-info-on-subtle, #00adfe);
    --text-color-ds-badge-new: var(--colors-ds-semantic-status-brand-on-subtle, #9d82fe);
    --text-color-ds-brand-brand: #855bfb;
    --text-color-ds-brand-neutral: #fff;
    --text-color-ds-brand-inverted: #000;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: var(--colors-ds-semantic-content-neutral, #9497a9);
    --text-color-ds-breadcrumbs-hover: var(--colors-ds-semantic-content-primary, #fff);
    --text-color-ds-breadcrumbs-selected: var(--colors-ds-semantic-content-primary, #fff);
    --text-color-ds-button-primary-high: var(--colors-ds-semantic-action-primary-foreground, #fff);
    --text-color-ds-button-primary-medium: var(--colors-ds-semantic-action-primary-background, #7132f5);
    --text-color-ds-button-primary-medium-hover: var(--colors-ds-semantic-action-primary-background-hover, #8a61ff);
    --text-color-ds-button-primary-low: #fff;
    --text-color-ds-button-primary-low-hover: #fff;
    --text-color-ds-button-primary-none: #fff;
    --text-color-ds-button-primary-none-hover: var(--colors-ds-semantic-content-neutral, #9497a9);
    --text-color-ds-button-neutral-high: var(--colors-ds-semantic-status-neutral-on-solid, #fff);
    --text-color-ds-button-neutral-medium: var(--colors-ds-semantic-action-secondary-foreground, #c6c7d2);
    --text-color-ds-button-neutral-medium-hover: var(--colors-ds-semantic-content-primary, #fff);
    --text-color-ds-button-neutral-low: var(--colors-ds-semantic-action-secondary-foreground, #c6c7d2);
    --text-color-ds-button-neutral-low-hover: var(--colors-ds-semantic-content-primary, #fff);
    --text-color-ds-button-neutral-none: var(--colors-ds-semantic-action-secondary-foreground, #c6c7d2);
    --text-color-ds-button-neutral-none-hover: var(--colors-ds-semantic-content-primary, #fff);
    --text-color-ds-button-positive-high: var(--colors-ds-semantic-status-positive-on-solid, #fff);
    --text-color-ds-button-positive-medium: var(--colors-ds-semantic-content-positive, #23ba75);
    --text-color-ds-button-positive-medium-hover: var(--colors-ds-semantic-status-positive-content, #44fc9e);
    --text-color-ds-button-positive-low: var(--colors-ds-semantic-content-positive, #23ba75);
    --text-color-ds-button-positive-low-hover: var(--colors-ds-semantic-content-positive, #23ba75);
    --text-color-ds-button-positive-none: var(--colors-ds-semantic-content-positive, #23ba75);
    --text-color-ds-button-positive-none-hover: var(--colors-ds-semantic-content-positive, #23ba75);
    --text-color-ds-button-negative-high: var(--colors-ds-semantic-status-negative-on-solid, #fff);
    --text-color-ds-button-negative-medium: var(--colors-ds-semantic-content-negative, #ff7386);
    --text-color-ds-button-negative-medium-hover: var(--colors-ds-semantic-status-negative-content, #ffbdc3);
    --text-color-ds-button-negative-low: var(--colors-ds-semantic-content-negative, #ff7386);
    --text-color-ds-button-negative-low-hover: var(--colors-ds-semantic-content-negative, #ff7386);
    --text-color-ds-button-negative-none: var(--colors-ds-semantic-content-negative, #ff7386);
    --text-color-ds-button-negative-none-hover: var(--colors-ds-semantic-content-negative, #ff7386);
    --text-color-ds-button-warning-high: var(--colors-ds-semantic-status-warning-on-solid, #101114);
    --text-color-ds-button-warning-medium: var(--colors-ds-semantic-content-warning, #c39621);
    --text-color-ds-button-warning-medium-hover: var(--colors-ds-semantic-status-warning-content, #ffe5b1);
    --text-color-ds-button-warning-low: var(--colors-ds-semantic-content-warning, #c39621);
    --text-color-ds-button-warning-low-hover: var(--colors-ds-semantic-content-warning, #c39621);
    --text-color-ds-button-warning-none: var(--colors-ds-semantic-content-warning, #c39621);
    --text-color-ds-button-warning-none-hover: var(--colors-ds-semantic-content-warning, #c39621);
    --text-color-ds-button-brand-high: var(--colors-ds-semantic-status-brand-on-solid, #fff);
    --text-color-ds-button-brand-medium: var(--colors-ds-semantic-status-brand-content, #d4cbff);
    --text-color-ds-button-brand-medium-hover: var(--colors-ds-semantic-status-brand-content-strong, #f1efff);
    --text-color-ds-button-brand-low: var(--colors-ds-semantic-status-brand-content, #d4cbff);
    --text-color-ds-button-brand-low-hover: var(--colors-ds-semantic-status-brand-content-strong, #f1efff);
    --text-color-ds-button-brand-none: var(--colors-ds-semantic-status-brand-content, #d4cbff);
    --text-color-ds-button-brand-none-hover: var(--colors-ds-semantic-status-brand-content-strong, #f1efff);
    --text-color-ds-button-info-high: var(--colors-ds-semantic-status-info-on-solid, #fff);
    --text-color-ds-button-info-medium: var(--colors-ds-semantic-content-info, #00adfe);
    --text-color-ds-button-info-medium-hover: var(--colors-ds-semantic-status-info-content, #c7e1ff);
    --text-color-ds-button-info-low: var(--colors-ds-semantic-content-info, #00adfe);
    --text-color-ds-button-info-low-hover: var(--colors-ds-semantic-content-info, #00adfe);
    --text-color-ds-button-info-none: var(--colors-ds-semantic-content-info, #00adfe);
    --text-color-ds-button-info-none-hover: var(--colors-ds-semantic-content-info, #00adfe);
    --text-color-ds-button-inverted-high: #fff;
    --text-color-ds-button-inverted-medium: var(--colors-ds-semantic-content-inverse, #101114);
    --text-color-ds-button-inverted-medium-hover: var(--colors-ds-semantic-content-inverse, #101114);
    --text-color-ds-button-inverted-low: var(--colors-ds-semantic-content-inverse, #101114);
    --text-color-ds-button-inverted-low-hover: var(--colors-ds-semantic-content-inverse, #101114);
    --text-color-ds-button-inverted-none: var(--colors-ds-semantic-content-inverse, #101114);
    --text-color-ds-button-inverted-none-hover: var(--colors-ds-semantic-content-inverse, #101114);
    --text-color-ds-button-neutral-high-icon: var(--colors-ds-semantic-status-neutral-on-solid, #fff);
    --text-color-ds-checkbox-primary: var(--colors-ds-semantic-content-primary, #fff);
    --text-color-ds-checkbox-description: var(--colors-ds-semantic-content-neutral, #9497a9);
    --text-color-ds-checkbox-check-mark: var(--colors-ds-semantic-action-primary-foreground, #fff);
    --text-color-ds-checkboxgroup-primary: var(--colors-ds-semantic-content-primary, #fff);
    --text-color-ds-checkboxgroup-description: var(--colors-ds-semantic-content-neutral, #9497a9);
    --text-color-ds-checkboxgroup-error: var(--colors-ds-semantic-content-negative, #ff7386);
    --text-color-ds-circle-primary-low: var(--colors-ds-semantic-status-brand-on-subtle, #9d82fe);
    --text-color-ds-circle-neutral-low: var(--colors-ds-semantic-status-neutral-on-subtle, #9497a9);
    --text-color-ds-circle-positive-low: var(--colors-ds-semantic-status-positive-on-subtle, #23ba75);
    --text-color-ds-circle-warning-low: var(--colors-ds-semantic-content-warning, #c39621);
    --text-color-ds-circle-negative-low: var(--colors-ds-semantic-status-negative-on-subtle, #ff7386);
    --text-color-ds-circle-info-low: var(--colors-ds-semantic-status-info-on-subtle, #00adfe);
    --text-color-ds-circle-primary-high: var(--colors-ds-semantic-status-brand-on-solid, #fff);
    --text-color-ds-circle-neutral-high: var(--colors-ds-semantic-status-neutral-on-solid, #fff);
    --text-color-ds-circle-positive-high: var(--colors-ds-semantic-status-positive-on-solid, #fff);
    --text-color-ds-circle-warning-high: var(--colors-ds-semantic-status-warning-on-solid, #101114);
    --text-color-ds-circle-negative-high: var(--colors-ds-semantic-status-negative-on-solid, #fff);
    --text-color-ds-circle-info-high: var(--colors-ds-semantic-status-info-on-solid, #fff);
    --text-color-ds-circle-border-primary-high: var(--colors-ds-semantic-status-brand-solid, #7132f5);
    --text-color-ds-circle-border-neutral-high: var(--colors-ds-semantic-status-neutral-solid, #686b82);
    --text-color-ds-circle-border-positive-high: var(--colors-ds-semantic-status-positive-solid, #149e61);
    --text-color-ds-circle-border-warning-high: var(--colors-ds-semantic-status-warning-solid, #ffcd60);
    --text-color-ds-circle-border-negative-high: var(--colors-ds-semantic-status-negative-solid, #d11d45);
    --text-color-ds-circle-border-info-high: var(--colors-ds-semantic-status-info-solid, #0092d8);
    --text-color-ds-datepicker: #eeeff3;
    --text-color-ds-datepicker-weekday: #9497a9;
    --text-color-ds-datepicker-today: #9497a9;
    --text-color-ds-datepicker-disabled: #686b82;
    --text-color-ds-datepicker-selected: var(--colors-ds-semantic-action-primary-foreground, #fff);
    --text-color-ds-dropdown-button-content-placeholder: var(--colors-ds-semantic-content-neutral, #9497a9);
    --text-color-ds-dropdown-button-content-placeholder-hover: var(--colors-ds-semantic-content-primary, #fff);
    --text-color-ds-dropdown-button-content-text: var(--colors-ds-semantic-content-primary, #fff);
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: var(--colors-ds-semantic-action-secondary-foreground, #c6c7d2);
    --text-color-ds-filteritem-active: var(--colors-ds-semantic-content-primary, #fff);
    --text-color-ds-input: var(--colors-ds-semantic-content-primary, #fff);
    --text-color-ds-input-icon: var(--colors-ds-semantic-content-dimmed, #686b82);
    --text-color-ds-input-label: var(--colors-ds-semantic-content-neutral, #9497a9);
    --text-color-ds-input-error-label: var(--colors-ds-semantic-content-negative, #ff7386);
    --text-color-ds-inputerror-label: var(--colors-ds-semantic-content-negative, #ff7386);
    --text-color-ds-label-value: #ffffff0a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: var(--colors-ds-semantic-content-neutral, #9497a9);
    --text-color-ds-menu: var(--colors-ds-semantic-content-primary, #fff);
    --text-color-ds-menu-active: var(--colors-ds-semantic-content-brand, #8a61ff);
    --text-color-ds-notification-primary: var(--colors-ds-semantic-status-brand-content-strong, #f1efff);
    --text-color-ds-notification-neutral: var(--colors-ds-semantic-status-neutral-content-strong, #f7f7fa);
    --text-color-ds-notification-negative: var(--colors-ds-semantic-status-negative-content-strong, #ffd6da);
    --text-color-ds-notification-warning: var(--colors-ds-semantic-status-warning-content-strong, #fffaf0);
    --text-color-ds-notification-positive: var(--colors-ds-semantic-status-positive-content-strong, #c6feda);
    --text-color-ds-notification-info: var(--colors-ds-semantic-status-info-content-strong, #e7f2ff);
    --text-color-ds-notification-subtitle-primary: var(--colors-ds-semantic-status-brand-content, #d4cbff);
    --text-color-ds-notification-subtitle-neutral: var(--colors-ds-semantic-status-neutral-content, #c6c7d2);
    --text-color-ds-notification-subtitle-negative: var(--colors-ds-semantic-status-negative-content, #ffbdc3);
    --text-color-ds-notification-subtitle-warning: var(--colors-ds-semantic-status-warning-content, #ffe5b1);
    --text-color-ds-notification-subtitle-positive: var(--colors-ds-semantic-status-positive-content, #44fc9e);
    --text-color-ds-notification-subtitle-info: var(--colors-ds-semantic-status-info-content, #c7e1ff);
    --text-color-ds-pill: var(--colors-ds-semantic-action-primary-background, #7132f5);
    --text-color-ds-pill-primary: var(--colors-ds-semantic-action-primary-background, #7132f5);
    --text-color-ds-pill-neutral: var(--colors-ds-semantic-content-primary, #fff);
    --text-color-ds-radio-primary: var(--colors-ds-semantic-content-primary, #fff);
    --text-color-ds-radio-disabled: #484b5e;
    --text-color-ds-radio-description: #9497a9;
    --text-color-ds-radio-check-mark: var(--colors-ds-semantic-action-primary-foreground, #fff);
    --text-color-ds-radiogroup-primary: #f7f7fa;
    --text-color-ds-radiogroup-description: #9497a9;
    --text-color-ds-radiogroup-error: #ff7386;
    --text-color-ds-segmented-control-inactive: var(--colors-ds-semantic-content-neutral, #9497a9);
    --text-color-ds-segmented-control-inactive-hover: var(--colors-ds-semantic-content-primary, #fff);
    --text-color-ds-segmented-control-active-primary: var(--colors-ds-semantic-content-primary, #fff);
    --text-color-ds-segmented-control-active-positive: var(--colors-ds-semantic-content-positive, #23ba75);
    --text-color-ds-segmented-control-active-negative: var(--colors-ds-semantic-content-negative, #ff7386);
    --text-color-ds-segmented-control-active-primary-low: var(--colors-ds-semantic-content-primary, #fff);
    --text-color-ds-segmented-control-active-positive-low: var(--colors-ds-semantic-content-positive, #23ba75);
    --text-color-ds-segmented-control-active-negative-low: var(--colors-ds-semantic-content-negative, #ff7386);
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #686b823d;
    --text-color-ds-segmented-control-underline-active-positive: rgb(from var(--colors-ds-semantic-status-positive-subtle, #149e6129)r g b/.24);
    --text-color-ds-segmented-control-underline-active-negative: rgb(from var(--colors-ds-semantic-status-negative-subtle, #f5395e29)r g b/.24);
    --text-color-ds-sidebar: var(--colors-ds-semantic-content-neutral, #9497a9);
    --text-color-ds-sidebar-hover: var(--colors-ds-semantic-content-primary, #fff);
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: var(--colors-ds-semantic-content-primary, #fff);
    --text-color-ds-sidebar-active-hover: var(--colors-ds-semantic-content-neutral, #9497a9);
    --text-color-ds-spinner-primary: #f7f7fa;
    --text-color-ds-spinner-neutral: #9497a9;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #35df8d;
    --text-color-ds-spinner-negative: #ff7386;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #fff;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #000;
    --text-color-ds-stacked-asset-icons: #f7f7fa;
    --text-color-ds-tabs: var(--colors-ds-semantic-content-neutral, #9497a9);
    --text-color-ds-tabs-active: var(--colors-ds-semantic-content-primary, #fff);
    --text-color-ds-tabs-on-background: var(--colors-ds-semantic-content-neutral, #9497a9);
    --text-color-ds-tabs-on-background-active: var(--colors-ds-semantic-content-primary, #fff);
    --text-color-ds-text-duo-primary-main: var(--colors-ds-semantic-content-primary, #fff);
    --text-color-ds-text-duo-primary-duo: var(--colors-ds-semantic-content-neutral, #9497a9);
    --text-color-ds-text-duo-neutral-main: var(--colors-ds-semantic-content-neutral, #9497a9);
    --text-color-ds-text-duo-neutral-duo: var(--colors-ds-semantic-content-dimmed, #686b82);
    --text-color-ds-text-duo-positive-main: var(--colors-ds-semantic-content-positive, #23ba75);
    --text-color-ds-text-duo-positive-duo: var(--colors-ds-semantic-content-positive, #23ba75);
    --text-color-ds-text-duo-negative-main: var(--colors-ds-semantic-content-negative, #ff7386);
    --text-color-ds-text-duo-negative-duo: var(--colors-ds-semantic-content-negative, #ff7386);
    --text-color-ds-tooltip-text: var(--colors-ds-semantic-content-neutral, #9497a9);
    --text-color-ds-tooltip-title: var(--colors-ds-semantic-content-primary, #fff);
    --border-color-ds-asset-conversion-icons-primary: #fff;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: var(--colors-ds-semantic-focus-ring, #8a61ff);
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: var(--colors-ds-semantic-focus-ring, #8a61ff);
    --border-color-ds-datepicker: #fff0;
    --border-color-ds-base-drawer: var(--colors-ds-semantic-border-subtle, #686b8229);
    --border-color-ds-input-focused: var(--colors-ds-semantic-action-primary-background, #7132f5);
    --border-color-ds-input-error: var(--colors-ds-semantic-border-negative, #ff7386);
    --border-color-ds-input-error-focused: var(--colors-ds-semantic-border-negative, #ff7386);
    --border-color-ds-legend-item-dimmed: #686b82;
    --border-color-ds-menu: #fff0;
    --border-color-ds-menu-divider: var(--colors-ds-semantic-border-default, #686b8252);
    --border-color-ds-popover: #fff0;
    --border-color-ds-radio-primary-focus: var(--colors-ds-semantic-focus-ring, #8a61ff);
    --border-color-ds-selectable-card-selected: var(--colors-ds-semantic-focus-ring, #8a61ff);
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header-cell-hover: var(--colors-ds-semantic-focus-ring, #8a61ff);
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b8229;
    --stroke-ds-dropdown-button-content-icon: var(--colors-ds-semantic-content-neutral, #9497a9);
    --stroke-ds-dropdown-button-content-icon-hover: var(--colors-ds-semantic-content-primary, #fff);
    --stroke-ds-icon-primary: var(--colors-ds-semantic-status-brand-on-subtle, #9d82fe);
    --stroke-ds-icon-neutral: var(--colors-ds-semantic-content-neutral, #9497a9);
    --stroke-ds-icon-strong: #fff;
    --stroke-ds-icon-dimmed: var(--colors-ds-semantic-content-dimmed, #686b82);
    --stroke-ds-icon-positive: var(--colors-ds-semantic-content-positive, #23ba75);
    --stroke-ds-icon-warning: var(--colors-ds-semantic-content-warning, #c39621);
    --stroke-ds-icon-negative: var(--colors-ds-semantic-content-negative, #ff7386);
    --stroke-ds-icon-info: var(--colors-ds-semantic-content-info, #00adfe);
    --stroke-ds-icon-brand: var(--colors-ds-semantic-content-brand, #8a61ff);
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #fff0;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: var(--colors-ds-semantic-status-brand-subtle, #855bfb29);
    --ring-color-ds-circle-neutral-low: var(--colors-ds-semantic-status-neutral-subtle, #686b8229);
    --ring-color-ds-circle-negative-low: var(--colors-ds-semantic-status-negative-subtle, #f5395e29);
    --ring-color-ds-circle-warning-low: var(--colors-ds-semantic-status-warning-subtle, #c3962129);
    --ring-color-ds-circle-positive-low: var(--colors-ds-semantic-status-positive-subtle, #149e6129);
    --ring-color-ds-circle-info-low: var(--colors-ds-semantic-status-info-subtle, #0092d829);
    --ring-color-ds-circle-primary-high: var(--colors-ds-semantic-status-brand-solid, #7132f5);
    --ring-color-ds-circle-neutral-high: var(--colors-ds-semantic-status-neutral-solid, #686b82);
    --ring-color-ds-circle-negative-high: var(--colors-ds-semantic-status-negative-solid, #d11d45);
    --ring-color-ds-circle-warning-high: var(--colors-ds-semantic-status-warning-solid, #ffcd60);
    --ring-color-ds-circle-positive-high: var(--colors-ds-semantic-status-positive-solid, #149e61);
    --ring-color-ds-circle-info-high: var(--colors-ds-semantic-status-info-solid, #0092d8);
    --fill-ds-brand-brand: #855bfb;
    --fill-ds-brand-neutral: #fff;
    --fill-ds-brand-inverted: #000;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: var(--colors-ds-semantic-status-brand-on-subtle, #9d82fe);
    --fill-ds-icon-neutral: var(--colors-ds-semantic-content-neutral, #9497a9);
    --fill-ds-icon-strong: #fff;
    --fill-ds-icon-dimmed: var(--colors-ds-semantic-content-dimmed, #686b82);
    --fill-ds-icon-positive: var(--colors-ds-semantic-content-positive, #23ba75);
    --fill-ds-icon-warning: var(--colors-ds-semantic-content-warning, #c39621);
    --fill-ds-icon-negative: var(--colors-ds-semantic-content-negative, #ff7386);
    --fill-ds-icon-info: var(--colors-ds-semantic-content-info, #00adfe);
    --fill-ds-icon-brand: var(--colors-ds-semantic-content-brand, #8a61ff);
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #22232d;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #22232d, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #22232d;
    --placeholder-color-ds-input: var(--colors-ds-semantic-content-neutral, #9497a9);
    --caret-color-ds-input: #fff;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: var(--colors-ds-semantic-focus-ring, #8a61ff);
    --opacity-ds-table-cell-dimmed: .5;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8266
}

.default-light-theme {
    --colors-ds-semantic-action-primary-background: #7132f5;
    --colors-ds-semantic-action-primary-background-hover: #5b1ecf;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8214;
    --colors-ds-semantic-action-secondary-background-hover: #686b821f;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #484b5e;
    --colors-ds-semantic-border-default: #686b8229;
    --colors-ds-semantic-border-negative: #d11d45;
    --colors-ds-semantic-border-positive: #08844f;
    --colors-ds-semantic-border-strong: #686b82;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #7132f5;
    --colors-ds-semantic-content-dimmed: #9497a9;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #0079b4;
    --colors-ds-semantic-content-inverse: #fff;
    --colors-ds-semantic-content-negative: #d11d45;
    --colors-ds-semantic-content-neutral: #686b82;
    --colors-ds-semantic-content-positive: #08844f;
    --colors-ds-semantic-content-primary: #101114;
    --colors-ds-semantic-content-warning: #89640c;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #7132f5);
    --colors-ds-semantic-focus-ring-inverse: #fff;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #37187d;
    --colors-ds-semantic-status-brand-content-strong: #2b1463;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #7132f5;
    --colors-ds-semantic-status-brand-solid: #7132f5;
    --colors-ds-semantic-status-brand-subtle: #855bfb29;
    --colors-ds-semantic-status-info-content: #003c5c;
    --colors-ds-semantic-status-info-content-strong: #002940;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #006394;
    --colors-ds-semantic-status-info-solid: #0079b4;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #5f0018;
    --colors-ds-semantic-status-negative-content-strong: #3c000c;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #d11d45;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #1a1b22;
    --colors-ds-semantic-status-neutral-content-strong: #101114;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #484b5e;
    --colors-ds-semantic-status-neutral-solid: #686b82;
    --colors-ds-semantic-status-neutral-subtle: #686b821f;
    --colors-ds-semantic-status-positive-content: #004224;
    --colors-ds-semantic-status-positive-content-strong: #002d17;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #026b3f;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #553c00;
    --colors-ds-semantic-status-warning-content-strong: #3b2a00;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #89640c;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c396213d;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #686b821f;
    --colors-ds-semantic-surface-overlay: #fff;
    --colors-ds-semantic-surface-page: #f6f5f9;
    --colors-ds-semantic-surface-raised: #fff;
    --colors-ds-semantic-surface-selected: #855bfb14;
    --colors-ds-semantic-surface-sunken: #9497a914;
    --colors-ds-primary: var(--colors-ds-semantic-content-primary, #101114);
    --colors-ds-neutral: var(--colors-ds-semantic-content-neutral, #686b82);
    --colors-ds-dimmed: var(--colors-ds-semantic-content-dimmed, #9497a9);
    --colors-ds-positive: var(--colors-ds-semantic-content-positive, #08844f);
    --colors-ds-negative: var(--colors-ds-semantic-content-negative, #d11d45);
    --colors-ds-warning: var(--colors-ds-semantic-content-warning, #89640c);
    --colors-ds-brand: var(--colors-ds-semantic-content-brand, #7132f5);
    --colors-ds-info: var(--colors-ds-semantic-content-info, #0079b4);
    --colors-ds-inverted: var(--colors-ds-semantic-content-inverse, #fff);
    --colors-ds-disabled: #c6c7d2;
    --colors-ds-strong: #1a1b22;
    --colors-ds-subtle: #c6c7d2;
    --colors-ds-divider: var(--colors-ds-semantic-border-default, #686b8229);
    --colors-ds-textlink-hover-primary: var(--colors-ds-semantic-content-neutral, #686b82);
    --colors-ds-textlink-hover-brand: #5b1ecf;
    --colors-ds-textlink-hover-neutral: var(--colors-ds-semantic-content-primary, #101114);
    --colors-ds-textlink-hover-positive: #026b3f;
    --colors-ds-textlink-hover-negative: #aa0132;
    --colors-ds-textlink-hover-warning: #89640c;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #1018280a;
    --box-shadow-ds-2: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-3: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-4: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-5: 0px 20px 24px -4px #1018280f;
    --box-shadow-ds-6: 0px 24px 48px -12px #1018282e;
    --box-shadow-ds-7: 0px 32px 64px -12px #10182824;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #686b8229;
    --box-shadow-ds-banner: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-container: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 75px 0px #00000026;
    --box-shadow-ds-menu: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-popover: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --outline-color-ds-accordion: var(--colors-ds-semantic-focus-ring, #7132f5);
    --outline-color-ds-button: var(--colors-ds-semantic-focus-ring, #7132f5);
    --outline-color-ds-card-selected: var(--colors-ds-semantic-focus-ring, #7132f5);
    --outline-color-ds-favourite-button: var(--colors-ds-semantic-focus-ring, #7132f5);
    --outline-color-ds-input-error-focused: var(--colors-ds-semantic-border-negative, #d11d45);
    --outline-color-ds-input: var(--colors-ds-semantic-action-primary-background, #7132f5);
    --outline-color-ds-input-error: var(--colors-ds-semantic-border-negative, #d11d45);
    --outline-color-ds-legend-item-dimmed: #9497a9;
    --outline-color-ds-menu: var(--colors-ds-semantic-focus-ring, #7132f5);
    --outline-color-ds-notification: var(--colors-ds-semantic-focus-ring, #7132f5);
    --outline-color-ds-popover: var(--colors-ds-semantic-focus-ring, #7132f5);
    --outline-color-ds-segmented-control: var(--colors-ds-semantic-focus-ring, #7132f5);
    --outline-color-ds-selectable-card: var(--colors-ds-semantic-focus-ring, #7132f5);
    --outline-color-ds-tabs: var(--colors-ds-semantic-focus-ring, #7132f5);
    --outline-color-ds-table-header-cell: var(--colors-ds-semantic-focus-ring, #7132f5);
    --outline-color-ds-textlink: var(--colors-ds-semantic-focus-ring, #7132f5);
    --outline-color-ds-toggle: var(--colors-ds-semantic-focus-ring, #7132f5);
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: var(--colors-ds-semantic-action-primary-background, #7132f5);
    --background-color-ds-badge-primary-low: var(--colors-ds-semantic-status-brand-subtle, #855bfb29);
    --background-color-ds-badge-neutral-high: var(--colors-ds-semantic-status-neutral-solid, #686b82);
    --background-color-ds-badge-neutral-low: var(--colors-ds-semantic-status-neutral-subtle, #686b821f);
    --background-color-ds-badge-positive-high: var(--colors-ds-semantic-status-positive-solid, #149e61);
    --background-color-ds-badge-positive-low: var(--colors-ds-semantic-status-positive-subtle, #149e6129);
    --background-color-ds-badge-negative-high: var(--colors-ds-semantic-status-negative-solid, #d11d45);
    --background-color-ds-badge-negative-low: var(--colors-ds-semantic-status-negative-subtle, #f5395e29);
    --background-color-ds-badge-warning-high: var(--colors-ds-semantic-status-warning-solid, #ffcd60);
    --background-color-ds-badge-warning-low: var(--colors-ds-semantic-status-warning-subtle, #c396213d);
    --background-color-ds-badge-info-low: var(--colors-ds-semantic-status-info-subtle, #0092d829);
    --background-color-ds-badge-info-high: var(--colors-ds-semantic-status-info-solid, #0079b4);
    --background-color-ds-badge-new-low: var(--colors-ds-semantic-status-brand-subtle, #855bfb29);
    --background-color-ds-badge-new-high: var(--colors-ds-semantic-action-primary-background, #7132f5);
    --background-color-ds-banner: #fff;
    --background-color-ds-button-primary-high: var(--colors-ds-semantic-action-primary-background, #7132f5);
    --background-color-ds-button-primary-high-hover: var(--colors-ds-semantic-action-primary-background-hover, #5b1ecf);
    --background-color-ds-button-primary-medium: rgb(from var(--colors-ds-semantic-action-primary-background, #7132f5)r g b/.16);
    --background-color-ds-button-primary-medium-hover: rgb(from var(--colors-ds-semantic-action-primary-background, #7132f5)r g b/.32);
    --background-color-ds-button-primary-medium-active: rgb(from var(--colors-ds-semantic-action-primary-background, #7132f5)r g b/.4);
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: var(--colors-ds-semantic-action-secondary-background, #686b8214);
    --background-color-ds-button-primary-low-active: rgb(from var(--colors-ds-semantic-action-secondary-background, #686b8214)r g b/.12);
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: var(--colors-ds-semantic-status-neutral-solid, #686b82);
    --background-color-ds-button-neutral-high-hover: #52546b;
    --background-color-ds-button-neutral-medium: var(--colors-ds-semantic-action-secondary-background, #686b8214);
    --background-color-ds-button-neutral-medium-hover: var(--colors-ds-semantic-action-secondary-background-hover, #686b821f);
    --background-color-ds-button-neutral-medium-active: rgb(from var(--colors-ds-semantic-action-secondary-background, #686b8214)r g b/.16);
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: var(--colors-ds-semantic-action-secondary-background, #686b8214);
    --background-color-ds-button-neutral-low-active: rgb(from var(--colors-ds-semantic-action-secondary-background, #686b8214)r g b/.12);
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: var(--colors-ds-semantic-status-positive-solid, #149e61);
    --background-color-ds-button-positive-high-hover: #08844f;
    --background-color-ds-button-positive-medium: var(--colors-ds-semantic-status-positive-subtle, #149e6129);
    --background-color-ds-button-positive-medium-hover: rgb(from var(--colors-ds-semantic-status-positive-subtle, #149e6129)r g b/.24);
    --background-color-ds-button-positive-medium-active: rgb(from var(--colors-ds-semantic-status-positive-subtle, #149e6129)r g b/.32);
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: var(--colors-ds-semantic-status-positive-subtle, #149e6129);
    --background-color-ds-button-positive-low-active: rgb(from var(--colors-ds-semantic-status-positive-subtle, #149e6129)r g b/.24);
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: var(--colors-ds-semantic-status-negative-solid, #d11d45);
    --background-color-ds-button-negative-high-hover: #aa0132;
    --background-color-ds-button-negative-medium: var(--colors-ds-semantic-status-negative-subtle, #f5395e29);
    --background-color-ds-button-negative-medium-hover: rgb(from var(--colors-ds-semantic-status-negative-subtle, #f5395e29)r g b/.24);
    --background-color-ds-button-negative-medium-active: rgb(from var(--colors-ds-semantic-status-negative-subtle, #f5395e29)r g b/.32);
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: var(--colors-ds-semantic-status-negative-subtle, #f5395e29);
    --background-color-ds-button-negative-low-active: rgb(from var(--colors-ds-semantic-status-negative-subtle, #f5395e29)r g b/.24);
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: var(--colors-ds-semantic-status-warning-solid, #ffcd60);
    --background-color-ds-button-warning-high-hover: #ebb94b;
    --background-color-ds-button-warning-medium: rgb(from var(--colors-ds-semantic-status-warning-subtle, #c396213d)r g b/.16);
    --background-color-ds-button-warning-medium-hover: rgb(from var(--colors-ds-semantic-status-warning-subtle, #c396213d)r g b/.24);
    --background-color-ds-button-warning-medium-active: rgb(from var(--colors-ds-semantic-status-warning-subtle, #c396213d)r g b/.32);
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: rgb(from var(--colors-ds-semantic-status-warning-subtle, #c396213d)r g b/.16);
    --background-color-ds-button-warning-low-active: rgb(from var(--colors-ds-semantic-status-warning-subtle, #c396213d)r g b/.24);
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: var(--colors-ds-semantic-status-brand-solid, #7132f5);
    --background-color-ds-button-brand-high-hover: #5b1ecf;
    --background-color-ds-button-brand-medium: var(--colors-ds-semantic-status-brand-subtle, #855bfb29);
    --background-color-ds-button-brand-medium-hover: rgb(from var(--colors-ds-semantic-status-brand-subtle, #855bfb29)r g b/.32);
    --background-color-ds-button-brand-medium-active: rgb(from var(--colors-ds-semantic-status-brand-subtle, #855bfb29)r g b/.4);
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: var(--colors-ds-semantic-status-brand-subtle, #855bfb29);
    --background-color-ds-button-brand-low-active: rgb(from var(--colors-ds-semantic-status-brand-subtle, #855bfb29)r g b/.24);
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: var(--colors-ds-semantic-status-info-solid, #0079b4);
    --background-color-ds-button-info-high-hover: #006394;
    --background-color-ds-button-info-medium: var(--colors-ds-semantic-status-info-subtle, #0092d829);
    --background-color-ds-button-info-medium-hover: rgb(from var(--colors-ds-semantic-status-info-subtle, #0092d829)r g b/.32);
    --background-color-ds-button-info-medium-active: rgb(from var(--colors-ds-semantic-status-info-subtle, #0092d829)r g b/.4);
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: var(--colors-ds-semantic-status-info-subtle, #0092d829);
    --background-color-ds-button-info-low-active: rgb(from var(--colors-ds-semantic-status-info-subtle, #0092d829)r g b/.24);
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #fff;
    --background-color-ds-button-inverted-high-hover: #ffffffe0;
    --background-color-ds-button-inverted-medium: #ffffff29;
    --background-color-ds-button-inverted-medium-hover: #ffffff3d;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #ffffff29;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: var(--colors-ds-semantic-surface-sunken, #9497a914);
    --background-color-ds-card-disabled: #686b8214;
    --background-color-ds-card-selected: var(--colors-ds-semantic-surface-selected, #855bfb14);
    --background-color-ds-card-hover: #9497a91f;
    --background-color-ds-card-selected-hover: var(--colors-ds-semantic-surface-hover, #686b821f);
    --background-color-ds-card-background: #fff;
    --background-color-ds-card-background-hover: #ffffffb8;
    --background-color-ds-checkbox-unchecked: rgb(from var(--colors-ds-semantic-surface-hover, #686b821f)r g b/.32);
    --background-color-ds-checkbox-unchecked-hover: rgb(from var(--colors-ds-semantic-surface-hover, #686b821f)r g b/.4);
    --background-color-ds-checkbox-checked: var(--colors-ds-semantic-action-primary-background, #7132f5);
    --background-color-ds-checkbox-checked-hover: var(--colors-ds-semantic-action-primary-background-hover, #5b1ecf);
    --background-color-ds-checkbox-unchecked-negative: rgb(from var(--colors-ds-semantic-status-negative-subtle, #f5395e29)r g b/.48);
    --background-color-ds-checkbox-unchecked-negative-hover: rgb(from var(--colors-ds-semantic-status-negative-subtle, #f5395e29)r g b/.48);
    --background-color-ds-checkbox-checked-negative: var(--colors-ds-semantic-status-negative-solid, #d11d45);
    --background-color-ds-checkbox-checked-negative-hover: var(--colors-ds-semantic-status-negative-solid, #d11d45);
    --background-color-ds-checkboxgroup-error: rgb(from var(--colors-ds-semantic-status-negative-subtle, #f5395e29)r g b/.08);
    --background-color-ds-circle-primary-low: var(--colors-ds-semantic-status-brand-subtle, #855bfb29);
    --background-color-ds-circle-neutral-low: var(--colors-ds-semantic-status-neutral-subtle, #686b821f);
    --background-color-ds-circle-negative-low: var(--colors-ds-semantic-status-negative-subtle, #f5395e29);
    --background-color-ds-circle-warning-low: var(--colors-ds-semantic-status-warning-subtle, #c396213d);
    --background-color-ds-circle-positive-low: var(--colors-ds-semantic-status-positive-subtle, #149e6129);
    --background-color-ds-circle-info-low: var(--colors-ds-semantic-status-info-subtle, #0092d829);
    --background-color-ds-circle-primary-high: var(--colors-ds-semantic-status-brand-solid, #7132f5);
    --background-color-ds-circle-neutral-high: var(--colors-ds-semantic-status-neutral-solid, #686b82);
    --background-color-ds-circle-negative-high: var(--colors-ds-semantic-status-negative-solid, #d11d45);
    --background-color-ds-circle-warning-high: var(--colors-ds-semantic-status-warning-solid, #ffcd60);
    --background-color-ds-circle-positive-high: var(--colors-ds-semantic-status-positive-solid, #149e61);
    --background-color-ds-circle-info-high: var(--colors-ds-semantic-status-info-solid, #0079b4);
    --background-color-ds-container: var(--colors-ds-semantic-surface-raised, #fff);
    --background-color-ds-container-glass: #686b8229;
    --background-color-ds-datepicker: var(--colors-ds-semantic-surface-raised, #fff);
    --background-color-ds-datepicker-raised: var(--colors-ds-semantic-surface-overlay, #fff);
    --background-color-ds-datepicker-hover: rgb(from var(--colors-ds-semantic-border-default, #686b8229)r g b/.12);
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: var(--colors-ds-semantic-action-primary-background, #7132f5);
    --background-color-ds-datepicker-selected-day-range: #855bfb29;
    --background-color-ds-dialog: var(--colors-ds-semantic-surface-overlay, #fff);
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: var(--colors-ds-semantic-border-default, #686b8229);
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: var(--colors-ds-semantic-surface-raised, #fff);
    --background-color-ds-dropdown-button: var(--colors-ds-semantic-action-secondary-background, #686b8214);
    --background-color-ds-dropdown-button-hover: var(--colors-ds-semantic-action-secondary-background-hover, #686b821f);
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: var(--colors-ds-semantic-action-secondary-background, #686b8214);
    --background-color-ds-filteritem-active: var(--colors-ds-semantic-action-secondary-background-hover, #686b821f);
    --background-color-ds-full-screen-dialog: #fff;
    --background-color-ds-input: var(--colors-ds-semantic-action-secondary-background, #686b8214);
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: var(--colors-ds-semantic-border-negative, #d11d45);
    --background-color-ds-input-border-error-focused: var(--colors-ds-semantic-border-negative, #d11d45);
    --background-color-ds-input-border-focused: var(--colors-ds-semantic-action-primary-background, #7132f5);
    --background-color-ds-input-content-icon: var(--colors-ds-semantic-content-dimmed, #9497a9);
    --background-color-ds-input-content-input-text: var(--colors-ds-semantic-content-primary, #101114);
    --background-color-ds-input-content-label: var(--colors-ds-semantic-content-neutral, #686b82);
    --background-color-ds-input-error: var(--colors-ds-semantic-action-secondary-background, #686b8214);
    --background-color-ds-input-error-focused: rgb(from var(--colors-ds-semantic-surface-hover, #686b821f)r g b/.12);
    --background-color-ds-input-focused: rgb(from var(--colors-ds-semantic-surface-hover, #686b821f)r g b/.04);
    --background-color-ds-input-hover: rgb(from var(--colors-ds-semantic-surface-hover, #686b821f)r g b/.12);
    --background-color-ds-input-selected: rgb(from var(--colors-ds-semantic-surface-hover, #686b821f)r g b/.04);
    --background-color-ds-input-error-label: rgb(from var(--colors-ds-semantic-status-negative-subtle, #f5395e29)r g b/.08);
    --background-color-ds-input-background: #fff;
    --background-color-ds-input-background-hover: #fffc;
    --background-color-ds-input-background-selected: #fffc;
    --background-color-ds-inputerror-label: rgb(from var(--colors-ds-semantic-status-negative-subtle, #f5395e29)r g b/.08);
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #686b8229;
    --background-color-ds-legend-item-dimmed: #9497a9;
    --background-color-ds-list-hover: #9497a91f;
    --background-color-ds-menu: var(--colors-ds-semantic-surface-overlay, #fff);
    --background-color-ds-menu-raised: var(--colors-ds-semantic-surface-overlay, #fff);
    --background-color-ds-menu-hover: rgb(from var(--colors-ds-semantic-surface-hover, #686b821f)r g b/.04);
    --background-color-ds-menu-pressed: #686b8214;
    --background-color-ds-menu-active: var(--colors-ds-semantic-action-secondary-background, #686b8214);
    --background-color-ds-menu-active-hover: #686b8214;
    --background-color-ds-notification-primary: rgb(from var(--colors-ds-semantic-status-brand-subtle, #855bfb29)r g b/.08);
    --background-color-ds-notification-neutral: rgb(from var(--colors-ds-semantic-status-neutral-subtle, #686b821f)r g b/.08);
    --background-color-ds-notification-negative: rgb(from var(--colors-ds-semantic-status-negative-subtle, #f5395e29)r g b/.08);
    --background-color-ds-notification-warning: rgb(from var(--colors-ds-semantic-status-warning-subtle, #c396213d)r g b/.08);
    --background-color-ds-notification-positive: rgb(from var(--colors-ds-semantic-status-positive-subtle, #149e6129)r g b/.08);
    --background-color-ds-notification-info: rgb(from var(--colors-ds-semantic-status-info-subtle, #0092d829)r g b/.08);
    --background-color-ds-notification-primary-hover: var(--colors-ds-semantic-status-brand-subtle, #855bfb29);
    --background-color-ds-notification-neutral-hover: rgb(from var(--colors-ds-semantic-status-neutral-subtle, #686b821f)r g b/.16);
    --background-color-ds-notification-negative-hover: var(--colors-ds-semantic-status-negative-subtle, #f5395e29);
    --background-color-ds-notification-warning-hover: rgb(from var(--colors-ds-semantic-status-warning-subtle, #c396213d)r g b/.16);
    --background-color-ds-notification-positive-hover: var(--colors-ds-semantic-status-positive-subtle, #149e6129);
    --background-color-ds-notification-info-hover: var(--colors-ds-semantic-status-info-subtle, #0092d829);
    --background-color-ds-pagination: #686b8214;
    --background-color-ds-pill: rgb(from var(--colors-ds-semantic-action-primary-background, #7132f5)r g b/.16);
    --background-color-ds-pill-primary: rgb(from var(--colors-ds-semantic-action-primary-background, #7132f5)r g b/.16);
    --background-color-ds-pill-neutral: var(--colors-ds-semantic-surface-raised, #fff);
    --background-color-ds-popover: var(--colors-ds-semantic-surface-overlay, #fff);
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-in-progress: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-info: #0092d829;
    --background-color-ds-progresstracker-warning: #c3962129;
    --background-color-ds-progresstracker-finished: #149e6129;
    --background-color-ds-radio-unchecked: rgb(from var(--colors-ds-semantic-surface-hover, #686b821f)r g b/.32);
    --background-color-ds-radio-unchecked-hover: rgb(from var(--colors-ds-semantic-surface-hover, #686b821f)r g b/.4);
    --background-color-ds-radio-checked: var(--colors-ds-semantic-action-primary-background, #7132f5);
    --background-color-ds-radio-checked-hover: var(--colors-ds-semantic-action-primary-background-hover, #5b1ecf);
    --background-color-ds-radio-unchecked-negative: rgb(from var(--colors-ds-semantic-status-negative-subtle, #f5395e29)r g b/.48);
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: var(--colors-ds-semantic-status-negative-solid, #d11d45);
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #855bfb;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b8266;
    --background-color-ds-scrollbar-thumb-hover: #686b823d;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: var(--colors-ds-semantic-surface-raised, #fff);
    --background-color-ds-segmented-control-inactive-high: var(--colors-ds-semantic-surface-hover, #686b821f);
    --background-color-ds-segmented-control-active-primary: var(--colors-ds-semantic-surface-raised, #fff);
    --background-color-ds-segmented-control-active-positive: rgb(from var(--colors-ds-semantic-status-positive-subtle, #149e6129)r g b/.24);
    --background-color-ds-segmented-control-active-negative: rgb(from var(--colors-ds-semantic-status-negative-subtle, #f5395e29)r g b/.24);
    --background-color-ds-segmented-control-active-primary-low: #686b821f;
    --background-color-ds-segmented-control-active-positive-low: rgb(from var(--colors-ds-semantic-status-positive-subtle, #149e6129)r g b/.24);
    --background-color-ds-segmented-control-active-negative-low: rgb(from var(--colors-ds-semantic-status-negative-subtle, #f5395e29)r g b/.24);
    --background-color-ds-selectable-card: var(--colors-ds-semantic-surface-sunken, #9497a914);
    --background-color-ds-selectable-card-selected: var(--colors-ds-semantic-surface-selected, #855bfb14);
    --background-color-ds-selectable-card-hover: #9497a91f;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: var(--colors-ds-semantic-surface-hover, #686b821f);
    --background-color-ds-consumerpagination: #c6c7d2;
    --background-color-ds-consumerpagination-active: #686b82;
    --background-color-ds-consumerpagination-hover: #9497a9;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: rgb(from var(--colors-ds-semantic-surface-hover, #686b821f)r g b/.24);
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #686b82;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #e5e6ec;
    --background-color-ds-tabs: #686b820a;
    --background-color-ds-tabs-hover: #686b8214;
    --background-color-ds-tabs-active: #686b821f;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #fff;
    --background-color-ds-table-cell-sticky: var(--colors-ds-semantic-surface-raised, #fff);
    --background-color-ds-table-cell-sticky-container: var(--colors-ds-semantic-surface-raised, #fff);
    --background-color-ds-table-cell-sticky-dialog: var(--colors-ds-semantic-surface-overlay, #fff);
    --background-color-ds-table-cell-sticky-dialog-container: var(--colors-ds-semantic-surface-raised, #fff);
    --background-color-ds-table-cell-sticky-container-card: #f7f7fa;
    --background-color-ds-table-cell-sticky-container-card-hover: #eeeff3;
    --background-color-ds-table-cell-sticky-container-hover: #f7f7fa;
    --background-color-ds-table-cell-sticky-dialog-hover: #f7f7fa;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #f7f7fa;
    --background-color-ds-table-header-cell-resize: var(--colors-ds-semantic-focus-ring, #7132f5);
    --background-color-ds-table-header-cell-sticky: var(--colors-ds-semantic-surface-raised, #fff);
    --background-color-ds-table-row-group: #686b820a;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b820a;
    --background-color-ds-table-row-hover: rgb(from var(--colors-ds-semantic-surface-hover, #686b821f)r g b/.04);
    --background-color-ds-table-row: var(--colors-ds-semantic-surface-raised, #fff);
    --background-color-ds-toggle-handle-on: #fff;
    --background-color-ds-toggle-handle-off: #fff;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #686b8252;
    --background-color-ds-tooltip: #eeeff3;
    --text-color-ds-accordion-primary: var(--colors-ds-semantic-content-neutral, #686b82);
    --text-color-ds-accordion-disabled: #484b5e;
    --text-color-ds-accordion-hover: var(--colors-ds-semantic-content-primary, #101114);
    --text-color-ds-badge-primary: var(--colors-ds-semantic-status-brand-on-subtle, #7132f5);
    --text-color-ds-badge-neutral: var(--colors-ds-semantic-status-neutral-on-subtle, #484b5e);
    --text-color-ds-badge-positive: var(--colors-ds-semantic-status-positive-on-subtle, #026b3f);
    --text-color-ds-badge-negative: var(--colors-ds-semantic-status-negative-on-subtle, #d11d45);
    --text-color-ds-badge-warning: var(--colors-ds-semantic-status-warning-on-subtle, #89640c);
    --text-color-ds-badge-high: var(--colors-ds-semantic-status-brand-on-solid, #fff);
    --text-color-ds-asseticon-neutral: #fff;
    --text-color-ds-asseticon-inverted: #000;
    --text-color-ds-badge-high-inverse: var(--colors-ds-semantic-status-warning-on-solid, #101114);
    --text-color-ds-badge-info: var(--colors-ds-semantic-status-info-on-subtle, #006394);
    --text-color-ds-badge-new: var(--colors-ds-semantic-status-brand-on-subtle, #7132f5);
    --text-color-ds-brand-brand: #7132f5;
    --text-color-ds-brand-neutral: #000;
    --text-color-ds-brand-inverted: #fff;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: var(--colors-ds-semantic-content-neutral, #686b82);
    --text-color-ds-breadcrumbs-hover: var(--colors-ds-semantic-content-primary, #101114);
    --text-color-ds-breadcrumbs-selected: var(--colors-ds-semantic-content-primary, #101114);
    --text-color-ds-button-primary-high: var(--colors-ds-semantic-action-primary-foreground, #fff);
    --text-color-ds-button-primary-medium: var(--colors-ds-semantic-action-primary-background, #7132f5);
    --text-color-ds-button-primary-medium-hover: var(--colors-ds-semantic-action-primary-background-hover, #5b1ecf);
    --text-color-ds-button-primary-low: #101114;
    --text-color-ds-button-primary-low-hover: #101114;
    --text-color-ds-button-primary-none: #101114;
    --text-color-ds-button-primary-none-hover: var(--colors-ds-semantic-content-neutral, #686b82);
    --text-color-ds-button-neutral-high: var(--colors-ds-semantic-status-neutral-on-solid, #fff);
    --text-color-ds-button-neutral-medium: var(--colors-ds-semantic-action-secondary-foreground, #484b5e);
    --text-color-ds-button-neutral-medium-hover: var(--colors-ds-semantic-content-primary, #101114);
    --text-color-ds-button-neutral-low: var(--colors-ds-semantic-action-secondary-foreground, #484b5e);
    --text-color-ds-button-neutral-low-hover: var(--colors-ds-semantic-content-primary, #101114);
    --text-color-ds-button-neutral-none: var(--colors-ds-semantic-action-secondary-foreground, #484b5e);
    --text-color-ds-button-neutral-none-hover: var(--colors-ds-semantic-content-primary, #101114);
    --text-color-ds-button-positive-high: var(--colors-ds-semantic-status-positive-on-solid, #fff);
    --text-color-ds-button-positive-medium: var(--colors-ds-semantic-content-positive, #08844f);
    --text-color-ds-button-positive-medium-hover: var(--colors-ds-semantic-status-positive-content, #004224);
    --text-color-ds-button-positive-low: var(--colors-ds-semantic-content-positive, #08844f);
    --text-color-ds-button-positive-low-hover: var(--colors-ds-semantic-content-positive, #08844f);
    --text-color-ds-button-positive-none: var(--colors-ds-semantic-content-positive, #08844f);
    --text-color-ds-button-positive-none-hover: var(--colors-ds-semantic-content-positive, #08844f);
    --text-color-ds-button-negative-high: var(--colors-ds-semantic-status-negative-on-solid, #fff);
    --text-color-ds-button-negative-medium: var(--colors-ds-semantic-content-negative, #d11d45);
    --text-color-ds-button-negative-medium-hover: var(--colors-ds-semantic-status-negative-content, #5f0018);
    --text-color-ds-button-negative-low: var(--colors-ds-semantic-content-negative, #d11d45);
    --text-color-ds-button-negative-low-hover: var(--colors-ds-semantic-content-negative, #d11d45);
    --text-color-ds-button-negative-none: var(--colors-ds-semantic-content-negative, #d11d45);
    --text-color-ds-button-negative-none-hover: var(--colors-ds-semantic-content-negative, #d11d45);
    --text-color-ds-button-warning-high: var(--colors-ds-semantic-status-warning-on-solid, #101114);
    --text-color-ds-button-warning-medium: var(--colors-ds-semantic-content-warning, #89640c);
    --text-color-ds-button-warning-medium-hover: var(--colors-ds-semantic-status-warning-content, #553c00);
    --text-color-ds-button-warning-low: var(--colors-ds-semantic-content-warning, #89640c);
    --text-color-ds-button-warning-low-hover: var(--colors-ds-semantic-content-warning, #89640c);
    --text-color-ds-button-warning-none: var(--colors-ds-semantic-content-warning, #89640c);
    --text-color-ds-button-warning-none-hover: var(--colors-ds-semantic-content-warning, #89640c);
    --text-color-ds-button-brand-high: var(--colors-ds-semantic-status-brand-on-solid, #fff);
    --text-color-ds-button-brand-medium: var(--colors-ds-semantic-status-brand-content, #37187d);
    --text-color-ds-button-brand-medium-hover: var(--colors-ds-semantic-status-brand-content-strong, #2b1463);
    --text-color-ds-button-brand-low: var(--colors-ds-semantic-status-brand-content, #37187d);
    --text-color-ds-button-brand-low-hover: var(--colors-ds-semantic-status-brand-content-strong, #2b1463);
    --text-color-ds-button-brand-none: var(--colors-ds-semantic-status-brand-content, #37187d);
    --text-color-ds-button-brand-none-hover: var(--colors-ds-semantic-status-brand-content-strong, #2b1463);
    --text-color-ds-button-info-high: var(--colors-ds-semantic-status-info-on-solid, #fff);
    --text-color-ds-button-info-medium: var(--colors-ds-semantic-content-info, #0079b4);
    --text-color-ds-button-info-medium-hover: var(--colors-ds-semantic-status-info-content, #003c5c);
    --text-color-ds-button-info-low: var(--colors-ds-semantic-content-info, #0079b4);
    --text-color-ds-button-info-low-hover: var(--colors-ds-semantic-content-info, #0079b4);
    --text-color-ds-button-info-none: var(--colors-ds-semantic-content-info, #0079b4);
    --text-color-ds-button-info-none-hover: var(--colors-ds-semantic-content-info, #0079b4);
    --text-color-ds-button-inverted-high: #7132f5;
    --text-color-ds-button-inverted-medium: var(--colors-ds-semantic-content-inverse, #fff);
    --text-color-ds-button-inverted-medium-hover: var(--colors-ds-semantic-content-inverse, #fff);
    --text-color-ds-button-inverted-low: var(--colors-ds-semantic-content-inverse, #fff);
    --text-color-ds-button-inverted-low-hover: var(--colors-ds-semantic-content-inverse, #fff);
    --text-color-ds-button-inverted-none: var(--colors-ds-semantic-content-inverse, #fff);
    --text-color-ds-button-inverted-none-hover: var(--colors-ds-semantic-content-inverse, #fff);
    --text-color-ds-button-neutral-high-icon: var(--colors-ds-semantic-status-neutral-on-solid, #fff);
    --text-color-ds-checkbox-primary: var(--colors-ds-semantic-content-primary, #101114);
    --text-color-ds-checkbox-description: var(--colors-ds-semantic-content-neutral, #686b82);
    --text-color-ds-checkbox-check-mark: var(--colors-ds-semantic-action-primary-foreground, #fff);
    --text-color-ds-checkboxgroup-primary: var(--colors-ds-semantic-content-primary, #101114);
    --text-color-ds-checkboxgroup-description: var(--colors-ds-semantic-content-neutral, #686b82);
    --text-color-ds-checkboxgroup-error: var(--colors-ds-semantic-content-negative, #d11d45);
    --text-color-ds-circle-primary-low: var(--colors-ds-semantic-status-brand-on-subtle, #7132f5);
    --text-color-ds-circle-neutral-low: var(--colors-ds-semantic-status-neutral-on-subtle, #484b5e);
    --text-color-ds-circle-positive-low: var(--colors-ds-semantic-status-positive-on-subtle, #026b3f);
    --text-color-ds-circle-warning-low: var(--colors-ds-semantic-content-warning, #89640c);
    --text-color-ds-circle-negative-low: var(--colors-ds-semantic-status-negative-on-subtle, #d11d45);
    --text-color-ds-circle-info-low: var(--colors-ds-semantic-status-info-on-subtle, #006394);
    --text-color-ds-circle-primary-high: var(--colors-ds-semantic-status-brand-on-solid, #fff);
    --text-color-ds-circle-neutral-high: var(--colors-ds-semantic-status-neutral-on-solid, #fff);
    --text-color-ds-circle-positive-high: var(--colors-ds-semantic-status-positive-on-solid, #fff);
    --text-color-ds-circle-warning-high: var(--colors-ds-semantic-status-warning-on-solid, #101114);
    --text-color-ds-circle-negative-high: var(--colors-ds-semantic-status-negative-on-solid, #fff);
    --text-color-ds-circle-info-high: var(--colors-ds-semantic-status-info-on-solid, #fff);
    --text-color-ds-circle-border-primary-high: var(--colors-ds-semantic-status-brand-solid, #7132f5);
    --text-color-ds-circle-border-neutral-high: var(--colors-ds-semantic-status-neutral-solid, #686b82);
    --text-color-ds-circle-border-positive-high: var(--colors-ds-semantic-status-positive-solid, #149e61);
    --text-color-ds-circle-border-warning-high: var(--colors-ds-semantic-status-warning-solid, #ffcd60);
    --text-color-ds-circle-border-negative-high: var(--colors-ds-semantic-status-negative-solid, #d11d45);
    --text-color-ds-circle-border-info-high: var(--colors-ds-semantic-status-info-solid, #0079b4);
    --text-color-ds-datepicker: #1a1b22;
    --text-color-ds-datepicker-weekday: #353746;
    --text-color-ds-datepicker-today: #353746;
    --text-color-ds-datepicker-disabled: #9497a9;
    --text-color-ds-datepicker-selected: var(--colors-ds-semantic-action-primary-foreground, #fff);
    --text-color-ds-dropdown-button-content-placeholder: var(--colors-ds-semantic-content-neutral, #686b82);
    --text-color-ds-dropdown-button-content-placeholder-hover: var(--colors-ds-semantic-content-primary, #101114);
    --text-color-ds-dropdown-button-content-text: var(--colors-ds-semantic-content-primary, #101114);
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: var(--colors-ds-semantic-action-secondary-foreground, #484b5e);
    --text-color-ds-filteritem-active: var(--colors-ds-semantic-content-primary, #101114);
    --text-color-ds-input: var(--colors-ds-semantic-content-primary, #101114);
    --text-color-ds-input-icon: var(--colors-ds-semantic-content-dimmed, #9497a9);
    --text-color-ds-input-label: var(--colors-ds-semantic-content-neutral, #686b82);
    --text-color-ds-input-error-label: var(--colors-ds-semantic-content-negative, #d11d45);
    --text-color-ds-inputerror-label: var(--colors-ds-semantic-content-negative, #d11d45);
    --text-color-ds-label-value: #0000000a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: var(--colors-ds-semantic-content-neutral, #686b82);
    --text-color-ds-menu: var(--colors-ds-semantic-content-neutral, #686b82);
    --text-color-ds-menu-active: var(--colors-ds-semantic-content-brand, #7132f5);
    --text-color-ds-notification-primary: var(--colors-ds-semantic-status-brand-content-strong, #2b1463);
    --text-color-ds-notification-neutral: var(--colors-ds-semantic-status-neutral-content-strong, #101114);
    --text-color-ds-notification-negative: var(--colors-ds-semantic-status-negative-content-strong, #3c000c);
    --text-color-ds-notification-warning: var(--colors-ds-semantic-status-warning-content-strong, #3b2a00);
    --text-color-ds-notification-positive: var(--colors-ds-semantic-status-positive-content-strong, #002d17);
    --text-color-ds-notification-info: var(--colors-ds-semantic-status-info-content-strong, #002940);
    --text-color-ds-notification-subtitle-primary: var(--colors-ds-semantic-status-brand-content, #37187d);
    --text-color-ds-notification-subtitle-neutral: var(--colors-ds-semantic-status-neutral-content, #1a1b22);
    --text-color-ds-notification-subtitle-negative: var(--colors-ds-semantic-status-negative-content, #5f0018);
    --text-color-ds-notification-subtitle-warning: var(--colors-ds-semantic-status-warning-content, #553c00);
    --text-color-ds-notification-subtitle-positive: var(--colors-ds-semantic-status-positive-content, #004224);
    --text-color-ds-notification-subtitle-info: var(--colors-ds-semantic-status-info-content, #003c5c);
    --text-color-ds-pill: var(--colors-ds-semantic-action-primary-background, #7132f5);
    --text-color-ds-pill-primary: var(--colors-ds-semantic-action-primary-background, #7132f5);
    --text-color-ds-pill-neutral: var(--colors-ds-semantic-content-primary, #101114);
    --text-color-ds-radio-primary: var(--colors-ds-semantic-content-primary, #101114);
    --text-color-ds-radio-disabled: #c6c7d2;
    --text-color-ds-radio-description: #686b82;
    --text-color-ds-radio-check-mark: var(--colors-ds-semantic-action-primary-foreground, #fff);
    --text-color-ds-radiogroup-primary: #101114;
    --text-color-ds-radiogroup-description: #484b5e;
    --text-color-ds-radiogroup-error: #d11d45;
    --text-color-ds-segmented-control-inactive: var(--colors-ds-semantic-content-neutral, #686b82);
    --text-color-ds-segmented-control-inactive-hover: var(--colors-ds-semantic-content-primary, #101114);
    --text-color-ds-segmented-control-active-primary: var(--colors-ds-semantic-content-primary, #101114);
    --text-color-ds-segmented-control-active-positive: var(--colors-ds-semantic-content-positive, #08844f);
    --text-color-ds-segmented-control-active-negative: var(--colors-ds-semantic-content-negative, #d11d45);
    --text-color-ds-segmented-control-active-primary-low: var(--colors-ds-semantic-content-primary, #101114);
    --text-color-ds-segmented-control-active-positive-low: var(--colors-ds-semantic-content-positive, #08844f);
    --text-color-ds-segmented-control-active-negative-low: var(--colors-ds-semantic-content-negative, #d11d45);
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: var(--colors-ds-semantic-surface-raised, #fff);
    --text-color-ds-segmented-control-underline-active-positive: rgb(from var(--colors-ds-semantic-status-positive-subtle, #149e6129)r g b/.24);
    --text-color-ds-segmented-control-underline-active-negative: rgb(from var(--colors-ds-semantic-status-negative-subtle, #f5395e29)r g b/.24);
    --text-color-ds-sidebar: var(--colors-ds-semantic-content-neutral, #686b82);
    --text-color-ds-sidebar-hover: var(--colors-ds-semantic-content-primary, #101114);
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: var(--colors-ds-semantic-content-brand, #7132f5);
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #101114;
    --text-color-ds-spinner-neutral: #484b5e;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #08844f;
    --text-color-ds-spinner-negative: #d11d45;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #000;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #fff;
    --text-color-ds-stacked-asset-icons: #101114;
    --text-color-ds-tabs: var(--colors-ds-semantic-content-neutral, #686b82);
    --text-color-ds-tabs-active: var(--colors-ds-semantic-content-primary, #101114);
    --text-color-ds-tabs-on-background: var(--colors-ds-semantic-content-neutral, #686b82);
    --text-color-ds-tabs-on-background-active: var(--colors-ds-semantic-content-primary, #101114);
    --text-color-ds-text-duo-primary-main: var(--colors-ds-semantic-content-primary, #101114);
    --text-color-ds-text-duo-primary-duo: var(--colors-ds-semantic-content-neutral, #686b82);
    --text-color-ds-text-duo-neutral-main: var(--colors-ds-semantic-content-neutral, #686b82);
    --text-color-ds-text-duo-neutral-duo: var(--colors-ds-semantic-content-dimmed, #9497a9);
    --text-color-ds-text-duo-positive-main: var(--colors-ds-semantic-content-positive, #08844f);
    --text-color-ds-text-duo-positive-duo: var(--colors-ds-semantic-content-positive, #08844f);
    --text-color-ds-text-duo-negative-main: var(--colors-ds-semantic-content-negative, #d11d45);
    --text-color-ds-text-duo-negative-duo: var(--colors-ds-semantic-content-negative, #d11d45);
    --text-color-ds-tooltip-text: var(--colors-ds-semantic-content-neutral, #686b82);
    --text-color-ds-tooltip-title: var(--colors-ds-semantic-content-primary, #101114);
    --border-color-ds-asset-conversion-icons-primary: #101114;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: var(--colors-ds-semantic-focus-ring, #7132f5);
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: var(--colors-ds-semantic-focus-ring, #7132f5);
    --border-color-ds-datepicker: #686b8214;
    --border-color-ds-base-drawer: var(--colors-ds-semantic-border-subtle, #686b8229);
    --border-color-ds-input-focused: var(--colors-ds-semantic-action-primary-background, #7132f5);
    --border-color-ds-input-error: var(--colors-ds-semantic-border-negative, #d11d45);
    --border-color-ds-input-error-focused: var(--colors-ds-semantic-border-negative, #d11d45);
    --border-color-ds-legend-item-dimmed: #9497a9;
    --border-color-ds-menu: #686b8214;
    --border-color-ds-menu-divider: var(--colors-ds-semantic-border-default, #686b8229);
    --border-color-ds-popover: #686b8214;
    --border-color-ds-radio-primary-focus: var(--colors-ds-semantic-focus-ring, #7132f5);
    --border-color-ds-selectable-card-selected: var(--colors-ds-semantic-focus-ring, #7132f5);
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header: #686b821f;
    --border-color-ds-table-header-cell-hover: var(--colors-ds-semantic-focus-ring, #7132f5);
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b823d;
    --stroke-ds-dropdown-button-content-icon: var(--colors-ds-semantic-content-neutral, #686b82);
    --stroke-ds-dropdown-button-content-icon-hover: var(--colors-ds-semantic-content-primary, #101114);
    --stroke-ds-icon-primary: var(--colors-ds-semantic-status-brand-on-subtle, #7132f5);
    --stroke-ds-icon-neutral: var(--colors-ds-semantic-content-neutral, #686b82);
    --stroke-ds-icon-strong: #1a1b22;
    --stroke-ds-icon-dimmed: var(--colors-ds-semantic-content-dimmed, #9497a9);
    --stroke-ds-icon-positive: var(--colors-ds-semantic-content-positive, #08844f);
    --stroke-ds-icon-warning: var(--colors-ds-semantic-content-warning, #89640c);
    --stroke-ds-icon-negative: var(--colors-ds-semantic-content-negative, #d11d45);
    --stroke-ds-icon-info: var(--colors-ds-semantic-content-info, #0079b4);
    --stroke-ds-icon-brand: var(--colors-ds-semantic-content-brand, #7132f5);
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #686b8214;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: var(--colors-ds-semantic-status-brand-subtle, #855bfb29);
    --ring-color-ds-circle-neutral-low: var(--colors-ds-semantic-status-neutral-subtle, #686b821f);
    --ring-color-ds-circle-negative-low: var(--colors-ds-semantic-status-negative-subtle, #f5395e29);
    --ring-color-ds-circle-warning-low: var(--colors-ds-semantic-status-warning-subtle, #c396213d);
    --ring-color-ds-circle-positive-low: var(--colors-ds-semantic-status-positive-subtle, #149e6129);
    --ring-color-ds-circle-info-low: var(--colors-ds-semantic-status-info-subtle, #0092d829);
    --ring-color-ds-circle-primary-high: var(--colors-ds-semantic-status-brand-solid, #7132f5);
    --ring-color-ds-circle-neutral-high: var(--colors-ds-semantic-status-neutral-solid, #686b82);
    --ring-color-ds-circle-negative-high: var(--colors-ds-semantic-status-negative-solid, #d11d45);
    --ring-color-ds-circle-warning-high: var(--colors-ds-semantic-status-warning-solid, #ffcd60);
    --ring-color-ds-circle-positive-high: var(--colors-ds-semantic-status-positive-solid, #149e61);
    --ring-color-ds-circle-info-high: var(--colors-ds-semantic-status-info-solid, #0079b4);
    --fill-ds-brand-brand: #7132f5;
    --fill-ds-brand-neutral: #000;
    --fill-ds-brand-inverted: #fff;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: var(--colors-ds-semantic-status-brand-on-subtle, #7132f5);
    --fill-ds-icon-neutral: var(--colors-ds-semantic-content-neutral, #686b82);
    --fill-ds-icon-strong: #1a1b22;
    --fill-ds-icon-dimmed: var(--colors-ds-semantic-content-dimmed, #9497a9);
    --fill-ds-icon-positive: var(--colors-ds-semantic-content-positive, #08844f);
    --fill-ds-icon-warning: var(--colors-ds-semantic-content-warning, #89640c);
    --fill-ds-icon-negative: var(--colors-ds-semantic-content-negative, #d11d45);
    --fill-ds-icon-info: var(--colors-ds-semantic-content-info, #0079b4);
    --fill-ds-icon-brand: var(--colors-ds-semantic-content-brand, #7132f5);
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #fff;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #fff, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #fff;
    --placeholder-color-ds-input: var(--colors-ds-semantic-content-neutral, #686b82);
    --caret-color-ds-input: inherit;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: var(--colors-ds-semantic-focus-ring, #7132f5);
    --opacity-ds-table-cell-dimmed: .4;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8252
}

.krak-dark-theme {
    --colors-ds-semantic-action-primary-background: #ff3b29;
    --colors-ds-semantic-action-primary-background-hover: #ff6557;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8229;
    --colors-ds-semantic-action-secondary-background-hover: #686b8252;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #c6c7d2;
    --colors-ds-semantic-border-default: #686b8252;
    --colors-ds-semantic-border-negative: #ff7386;
    --colors-ds-semantic-border-positive: #35df8d;
    --colors-ds-semantic-border-strong: #9497a9;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #ff3b29;
    --colors-ds-semantic-content-dimmed: #757575;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #00adfe;
    --colors-ds-semantic-content-inverse: #0d0d0d;
    --colors-ds-semantic-content-negative: #ff6557;
    --colors-ds-semantic-content-neutral: #9e9e9e;
    --colors-ds-semantic-content-positive: #35df8d;
    --colors-ds-semantic-content-primary: #f5f5f5;
    --colors-ds-semantic-content-warning: #ffcd60;
    --colors-ds-semantic-focus-ring: #ff3b29;
    --colors-ds-semantic-focus-ring-inverse: #101114;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #d4cbff;
    --colors-ds-semantic-status-brand-content-strong: #f1efff;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #ff8a80;
    --colors-ds-semantic-status-brand-solid: #ff3b29;
    --colors-ds-semantic-status-brand-subtle: #ff655729;
    --colors-ds-semantic-status-info-content: #c7e1ff;
    --colors-ds-semantic-status-info-content-strong: #e7f2ff;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #00adfe;
    --colors-ds-semantic-status-info-solid: #0092d8;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #ffbdc3;
    --colors-ds-semantic-status-negative-content-strong: #ffd6da;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #ff7386;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #c6c7d2;
    --colors-ds-semantic-status-neutral-content-strong: #f7f7fa;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #9497a9;
    --colors-ds-semantic-status-neutral-solid: #686b82;
    --colors-ds-semantic-status-neutral-subtle: #686b8229;
    --colors-ds-semantic-status-positive-content: #44fc9e;
    --colors-ds-semantic-status-positive-content-strong: #c6feda;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #35df8d;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #ffe5b1;
    --colors-ds-semantic-status-warning-content-strong: #fffaf0;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #ffcd60;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c3962129;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #686b823d;
    --colors-ds-semantic-surface-overlay: #262626;
    --colors-ds-semantic-surface-page: #0d0d0d;
    --colors-ds-semantic-surface-raised: #1f1f1f;
    --colors-ds-semantic-surface-selected: #ff65570a;
    --colors-ds-semantic-surface-sunken: #7575751f;
    --colors-ds-primary: #f5f5f5;
    --colors-ds-neutral: #9e9e9e;
    --colors-ds-dimmed: #757575;
    --colors-ds-positive: #35df8d;
    --colors-ds-negative: #ff6557;
    --colors-ds-warning: #ffcd60;
    --colors-ds-brand: #ff3b29;
    --colors-ds-info: #00adfe;
    --colors-ds-inverted: #0d0d0d;
    --colors-ds-disabled: #484b5e;
    --colors-ds-strong: #fff;
    --colors-ds-subtle: #484b5e;
    --colors-ds-divider: #75757552;
    --colors-ds-textlink-hover-primary: #9e9e9e;
    --colors-ds-textlink-hover-brand: #fbb3ad;
    --colors-ds-textlink-hover-neutral: #f5f5f5;
    --colors-ds-textlink-hover-positive: #149e61;
    --colors-ds-textlink-hover-negative: #f5395e;
    --colors-ds-textlink-hover-warning: #c39621;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #00000026;
    --box-shadow-ds-2: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-3: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-4: 0px 12px 16px -4px #00000026;
    --box-shadow-ds-5: 0px 20px 24px -4px #00000026;
    --box-shadow-ds-6: 0px 24px 48px -12px #0000004d;
    --box-shadow-ds-7: 0px 32px 64px -12px #0000004d;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #75757552;
    --box-shadow-ds-banner: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-container: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #00000026, 0px 4px 8px -2px #00000026;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 150px 0px #000;
    --box-shadow-ds-menu: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --box-shadow-ds-popover: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #00000026;
    --outline-color-ds-accordion: #ff3b29;
    --outline-color-ds-button: #ff3b29;
    --outline-color-ds-card-selected: #fff;
    --outline-color-ds-favourite-button: #ff3b29;
    --outline-color-ds-input-error-focused: #d11d45;
    --outline-color-ds-input: #fff;
    --outline-color-ds-input-error: #d11d45;
    --outline-color-ds-legend-item-dimmed: #757575;
    --outline-color-ds-menu: #ff3b29;
    --outline-color-ds-notification: #ff3b29;
    --outline-color-ds-popover: #ff3b29;
    --outline-color-ds-segmented-control: #ff3b29;
    --outline-color-ds-selectable-card: #fff;
    --outline-color-ds-tabs: #ff3b29;
    --outline-color-ds-table-header-cell: #ff3b29;
    --outline-color-ds-textlink: #ff3b29;
    --outline-color-ds-toggle: #ff3b29;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #f5f5f5;
    --background-color-ds-badge-primary-low: #ffffff29;
    --background-color-ds-badge-neutral-high: #757575;
    --background-color-ds-badge-neutral-low: #75757529;
    --background-color-ds-badge-positive-high: #427b5a;
    --background-color-ds-badge-positive-low: #7dd9a329;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c3962129;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0092d8;
    --background-color-ds-badge-new-low: #ffffff29;
    --background-color-ds-badge-new-high: #f5f5f5;
    --background-color-ds-banner: #1a1b22;
    --background-color-ds-button-primary-high: #f5f5f5;
    --background-color-ds-button-primary-high-hover: #fff;
    --background-color-ds-button-primary-medium: #75757529;
    --background-color-ds-button-primary-medium-hover: #75757552;
    --background-color-ds-button-primary-medium-active: #75757552;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #75757529;
    --background-color-ds-button-primary-low-active: #75757529;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #f5f5f5;
    --background-color-ds-button-neutral-high-hover: #fff;
    --background-color-ds-button-neutral-medium: #75757529;
    --background-color-ds-button-neutral-medium-hover: #75757552;
    --background-color-ds-button-neutral-medium-active: #75757552;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #75757529;
    --background-color-ds-button-neutral-low-active: #75757529;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #b5f2cb;
    --background-color-ds-button-positive-high-hover: #d1fadf;
    --background-color-ds-button-positive-medium: #7dd9a329;
    --background-color-ds-button-positive-medium-hover: #7dd9a352;
    --background-color-ds-button-positive-medium-active: #7dd9a352;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #7dd9a329;
    --background-color-ds-button-positive-low-active: #7dd9a329;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #f5395e;
    --background-color-ds-button-negative-high-hover: #ff7386;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e52;
    --background-color-ds-button-negative-medium-active: #f5395e52;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c3962152;
    --background-color-ds-button-warning-medium-active: #c3962152;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: transparent;
    --background-color-ds-button-brand-high-hover: transparent;
    --background-color-ds-button-brand-medium: #ff655729;
    --background-color-ds-button-brand-medium-hover: #855bfb52;
    --background-color-ds-button-brand-medium-active: #855bfb52;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #ff655729;
    --background-color-ds-button-brand-low-active: #ff655729;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0092d8;
    --background-color-ds-button-info-high-hover: #90c9ff;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #000;
    --background-color-ds-button-inverted-high-hover: #0000008f;
    --background-color-ds-button-inverted-medium: #00000014;
    --background-color-ds-button-inverted-medium-hover: #00000029;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #00000014;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #7575751f;
    --background-color-ds-card-disabled: #75757514;
    --background-color-ds-card-selected: #7575751f;
    --background-color-ds-card-hover: #7575753d;
    --background-color-ds-card-selected-hover: #7575753d;
    --background-color-ds-card-background: #7575751f;
    --background-color-ds-card-background-hover: #7575753d;
    --background-color-ds-checkbox-unchecked: #75757552;
    --background-color-ds-checkbox-unchecked-hover: #75757566;
    --background-color-ds-checkbox-checked: #fff;
    --background-color-ds-checkbox-checked-hover: #f5f5f5;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e29;
    --background-color-ds-circle-primary-low: #75757529;
    --background-color-ds-circle-neutral-low: #75757529;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c3962129;
    --background-color-ds-circle-positive-low: #7dd9a329;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #fff;
    --background-color-ds-circle-neutral-high: #757575;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #7dd9a3;
    --background-color-ds-circle-info-high: #0092d8;
    --background-color-ds-container: #1f1f1f;
    --background-color-ds-container-glass: #ffffff14;
    --background-color-ds-datepicker: #1f1f1f;
    --background-color-ds-datepicker-raised: #272532;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #ff3b29;
    --background-color-ds-datepicker-selected-day-range: #ff655729;
    --background-color-ds-dialog: #262626;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #75757552;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f24e3d;
    --background-color-ds-base-drawer: #1f1f1f;
    --background-color-ds-dropdown-button: #75757529;
    --background-color-ds-dropdown-button-hover: #75757552;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8229;
    --background-color-ds-filteritem-active: #686b8252;
    --background-color-ds-full-screen-dialog: #0d0d0d;
    --background-color-ds-input: #75757529;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #d11d45;
    --background-color-ds-input-border-error-focused: #d11d45;
    --background-color-ds-input-border-focused: #fff;
    --background-color-ds-input-content-icon: #757575;
    --background-color-ds-input-content-input-text: #f5f5f5;
    --background-color-ds-input-content-label: #9e9e9e;
    --background-color-ds-input-error: #75757529;
    --background-color-ds-input-error-focused: #75757514;
    --background-color-ds-input-focused: #75757514;
    --background-color-ds-input-hover: #75757514;
    --background-color-ds-input-selected: #75757514;
    --background-color-ds-input-error-label: #f5395e29;
    --background-color-ds-input-background: #75757529;
    --background-color-ds-input-background-hover: #7575751f;
    --background-color-ds-input-background-selected: #7575751f;
    --background-color-ds-inputerror-label: #f5395e29;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #ff655714;
    --background-color-ds-legend-item-dimmed: #757575;
    --background-color-ds-list-hover: #7575753d;
    --background-color-ds-menu: #262626;
    --background-color-ds-menu-raised: #272532;
    --background-color-ds-menu-hover: #75757514;
    --background-color-ds-menu-pressed: #855bfb1f;
    --background-color-ds-menu-active: #75757529;
    --background-color-ds-menu-active-hover: #7575751f;
    --background-color-ds-notification-primary: #1f1f1f;
    --background-color-ds-notification-neutral: #75757529;
    --background-color-ds-notification-negative: #f5395e29;
    --background-color-ds-notification-warning: #c3962129;
    --background-color-ds-notification-positive: #7dd9a329;
    --background-color-ds-notification-info: #0092d829;
    --background-color-ds-notification-primary-hover: #1f1f1eb8;
    --background-color-ds-notification-neutral-hover: #7575753d;
    --background-color-ds-notification-negative-hover: #f5395e3d;
    --background-color-ds-notification-warning-hover: #c396213d;
    --background-color-ds-notification-positive-hover: #7dd9a33d;
    --background-color-ds-notification-info-hover: #0092d83d;
    --background-color-ds-pagination: #686b821f;
    --background-color-ds-pill: #ff655729;
    --background-color-ds-pill-primary: #ff655729;
    --background-color-ds-pill-neutral: #ff655729;
    --background-color-ds-popover: #262626;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-primary: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-finished: #08844f;
    --background-color-ds-radio-unchecked: #75757552;
    --background-color-ds-radio-unchecked-hover: #75757566;
    --background-color-ds-radio-checked: #fff;
    --background-color-ds-radio-checked-hover: #f7f7fa;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #7132f5;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b82a3;
    --background-color-ds-scrollbar-thumb-hover: #686b827a;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #1f1f1f;
    --background-color-ds-segmented-control-inactive-high: #7575751f;
    --background-color-ds-segmented-control-active-primary: #7575753d;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #7575753d;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #7575751f;
    --background-color-ds-selectable-card-selected: #7575751f;
    --background-color-ds-selectable-card-hover: #7575753d;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b823d;
    --background-color-ds-consumerpagination: #ffffff3d;
    --background-color-ds-consumerpagination-active: #fffffff5;
    --background-color-ds-consumerpagination-hover: #fff6;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #7575753d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #757575;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #353746;
    --background-color-ds-tabs: #7575751f;
    --background-color-ds-tabs-hover: #75757529;
    --background-color-ds-tabs-active: #7575753d;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #7575753d;
    --background-color-ds-table-cell-sticky: #16121f;
    --background-color-ds-table-cell-sticky-container: #1f1f1f;
    --background-color-ds-table-cell-sticky-dialog: #1f1b27;
    --background-color-ds-table-cell-sticky-dialog-container: #16121f;
    --background-color-ds-table-cell-sticky-container-card: #21202c;
    --background-color-ds-table-cell-sticky-container-card-hover: #22202e;
    --background-color-ds-table-cell-sticky-container-hover: #191523;
    --background-color-ds-table-cell-sticky-dialog-hover: #221e2b;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #1a1826;
    --background-color-ds-table-header-cell-resize: #ff3b29;
    --background-color-ds-table-header-cell-sticky: #16121f;
    --background-color-ds-table-row-group: #686b8214;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b8214;
    --background-color-ds-table-row-hover: #7575750a;
    --background-color-ds-table-row: #16121f;
    --background-color-ds-toggle-handle-on: #ededed;
    --background-color-ds-toggle-handle-off: #9e9e9e;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #75757552;
    --background-color-ds-tooltip: #262626;
    --text-color-ds-accordion-primary: #9e9e9e;
    --text-color-ds-accordion-disabled: #9497a9;
    --text-color-ds-accordion-hover: #f5f5f5;
    --text-color-ds-badge-primary: #fff;
    --text-color-ds-badge-neutral: #9e9e9e;
    --text-color-ds-badge-positive: #b5f2cb;
    --text-color-ds-badge-negative: #ff7386;
    --text-color-ds-badge-warning: #ffcd60;
    --text-color-ds-badge-high: #101114;
    --text-color-ds-asseticon-neutral: #000;
    --text-color-ds-asseticon-inverted: #fff;
    --text-color-ds-badge-high-inverse: #0d0d0d;
    --text-color-ds-badge-info: #00adfe;
    --text-color-ds-badge-new: #fff;
    --text-color-ds-brand-brand: #855bfb;
    --text-color-ds-brand-neutral: #fff;
    --text-color-ds-brand-inverted: #000;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #9e9e9e;
    --text-color-ds-breadcrumbs-hover: #f5f5f5;
    --text-color-ds-breadcrumbs-selected: #f5f5f5;
    --text-color-ds-button-primary-high: #0d0d0d;
    --text-color-ds-button-primary-medium: #f5f5f5;
    --text-color-ds-button-primary-medium-hover: #f5f5f5;
    --text-color-ds-button-primary-low: #f5f5f5;
    --text-color-ds-button-primary-low-hover: #f5f5f5;
    --text-color-ds-button-primary-none: #f5f5f5;
    --text-color-ds-button-primary-none-hover: #9e9e9e;
    --text-color-ds-button-neutral-high: #0d0d0d;
    --text-color-ds-button-neutral-medium: #f5f5f5;
    --text-color-ds-button-neutral-medium-hover: #f5f5f5;
    --text-color-ds-button-neutral-low: #9e9e9e;
    --text-color-ds-button-neutral-low-hover: #f5f5f5;
    --text-color-ds-button-neutral-none: #9e9e9e;
    --text-color-ds-button-neutral-none-hover: #f5f5f5;
    --text-color-ds-button-positive-high: #002d17;
    --text-color-ds-button-positive-medium: #b5f2cb;
    --text-color-ds-button-positive-medium-hover: #b5f2cb;
    --text-color-ds-button-positive-low: #b5f2cb;
    --text-color-ds-button-positive-low-hover: #b5f2cb;
    --text-color-ds-button-positive-none: #b5f2cb;
    --text-color-ds-button-positive-none-hover: #9ae5b4;
    --text-color-ds-button-negative-high: #3c000c;
    --text-color-ds-button-negative-medium: #ff9fa9;
    --text-color-ds-button-negative-medium-hover: #ff9fa9;
    --text-color-ds-button-negative-low: #ff6557;
    --text-color-ds-button-negative-low-hover: #ff6557;
    --text-color-ds-button-negative-none: #ff6557;
    --text-color-ds-button-negative-none-hover: #f5395e;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #ffcd60;
    --text-color-ds-button-warning-medium-hover: #ffcd60;
    --text-color-ds-button-warning-low: #e8b100;
    --text-color-ds-button-warning-low-hover: #e8b100;
    --text-color-ds-button-warning-none: #e8b100;
    --text-color-ds-button-warning-none-hover: #c39621;
    --text-color-ds-button-brand-high: #15120f;
    --text-color-ds-button-brand-medium: #f5f5f5;
    --text-color-ds-button-brand-medium-hover: #f5f5f5;
    --text-color-ds-button-brand-low: #f5f5f5;
    --text-color-ds-button-brand-low-hover: #fff;
    --text-color-ds-button-brand-none: #f5f5f5;
    --text-color-ds-button-brand-none-hover: #fff;
    --text-color-ds-button-info-high: #002940;
    --text-color-ds-button-info-medium: #90c9ff;
    --text-color-ds-button-info-medium-hover: #90c9ff;
    --text-color-ds-button-info-low: #0092d8;
    --text-color-ds-button-info-low-hover: #0092d8;
    --text-color-ds-button-info-none: #0092d8;
    --text-color-ds-button-info-none-hover: #0079b4;
    --text-color-ds-button-inverted-high: #f5f5f5;
    --text-color-ds-button-inverted-medium: #0d0d0d;
    --text-color-ds-button-inverted-medium-hover: #0d0d0d;
    --text-color-ds-button-inverted-low: #0d0d0d;
    --text-color-ds-button-inverted-low-hover: #0d0d0d;
    --text-color-ds-button-inverted-none: #0d0d0d;
    --text-color-ds-button-inverted-none-hover: #0d0d0d;
    --text-color-ds-button-neutral-high-icon: #0d0d0d;
    --text-color-ds-checkbox-primary: #f5f5f5;
    --text-color-ds-checkbox-description: #9e9e9e;
    --text-color-ds-checkbox-check-mark: #000;
    --text-color-ds-checkboxgroup-primary: #f5f5f5;
    --text-color-ds-checkboxgroup-description: #9e9e9e;
    --text-color-ds-checkboxgroup-error: #ff7386;
    --text-color-ds-circle-primary-low: #fff;
    --text-color-ds-circle-neutral-low: #9e9e9e;
    --text-color-ds-circle-positive-low: #b5f2cb;
    --text-color-ds-circle-warning-low: #ffcd60;
    --text-color-ds-circle-negative-low: #ff7386;
    --text-color-ds-circle-info-low: #00adfe;
    --text-color-ds-circle-primary-high: #000;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #fff;
    --text-color-ds-circle-border-neutral-high: #757575;
    --text-color-ds-circle-border-positive-high: #7dd9a3;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0092d8;
    --text-color-ds-datepicker: #eeeff3;
    --text-color-ds-datepicker-weekday: #9497a9;
    --text-color-ds-datepicker-today: #9497a9;
    --text-color-ds-datepicker-disabled: #686b82;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #9e9e9e;
    --text-color-ds-dropdown-button-content-placeholder-hover: #f5f5f5;
    --text-color-ds-dropdown-button-content-text: #f5f5f5;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #9497a9;
    --text-color-ds-filteritem-active: #f7f7fa;
    --text-color-ds-input: #f5f5f5;
    --text-color-ds-input-icon: #757575;
    --text-color-ds-input-label: #9e9e9e;
    --text-color-ds-input-error-label: #ff7386;
    --text-color-ds-inputerror-label: #ff7386;
    --text-color-ds-label-value: #ffffff0a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #f5f5f5;
    --text-color-ds-menu: #f5f5f5;
    --text-color-ds-menu-active: #ff3b29;
    --text-color-ds-notification-primary: #f5f5f5;
    --text-color-ds-notification-neutral: #f7f7fa;
    --text-color-ds-notification-negative: #ffd6da;
    --text-color-ds-notification-warning: #fffaf0;
    --text-color-ds-notification-positive: #f0fef5;
    --text-color-ds-notification-info: #e7f2ff;
    --text-color-ds-notification-subtitle-primary: #9e9e9e;
    --text-color-ds-notification-subtitle-neutral: #ccc;
    --text-color-ds-notification-subtitle-negative: #ffbdc3;
    --text-color-ds-notification-subtitle-warning: #ffe5b1;
    --text-color-ds-notification-subtitle-positive: #d1fadf;
    --text-color-ds-notification-subtitle-info: #c7e1ff;
    --text-color-ds-pill: #ff3b29;
    --text-color-ds-pill-primary: #ff3b29;
    --text-color-ds-pill-neutral: #ff3b29;
    --text-color-ds-radio-primary: #f5f5f5;
    --text-color-ds-radio-disabled: #484b5e;
    --text-color-ds-radio-description: #9e9e9e;
    --text-color-ds-radio-check-mark: #000;
    --text-color-ds-radiogroup-primary: #f7f7fa;
    --text-color-ds-radiogroup-description: #9497a9;
    --text-color-ds-radiogroup-error: #ff7386;
    --text-color-ds-segmented-control-inactive: #9e9e9e;
    --text-color-ds-segmented-control-inactive-hover: #f5f5f5;
    --text-color-ds-segmented-control-active-primary: #f5f5f5;
    --text-color-ds-segmented-control-active-positive: #35df8d;
    --text-color-ds-segmented-control-active-negative: #ff6557;
    --text-color-ds-segmented-control-active-primary-low: #f5f5f5;
    --text-color-ds-segmented-control-active-positive-low: #35df8d;
    --text-color-ds-segmented-control-active-negative-low: #ff6557;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #7575753d;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #f7f7fa;
    --text-color-ds-spinner-neutral: #9497a9;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #35df8d;
    --text-color-ds-spinner-negative: #ff7386;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #fff;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #000;
    --text-color-ds-stacked-asset-icons: #f7f7fa;
    --text-color-ds-tabs: #9e9e9e;
    --text-color-ds-tabs-active: #f5f5f5;
    --text-color-ds-tabs-on-background: #9e9e9e;
    --text-color-ds-tabs-on-background-active: #f5f5f5;
    --text-color-ds-text-duo-primary-main: #f5f5f5;
    --text-color-ds-text-duo-primary-duo: #9e9e9e;
    --text-color-ds-text-duo-neutral-main: #9e9e9e;
    --text-color-ds-text-duo-neutral-duo: #757575;
    --text-color-ds-text-duo-positive-main: #35df8d;
    --text-color-ds-text-duo-positive-duo: #35df8d;
    --text-color-ds-text-duo-negative-main: #ff6557;
    --text-color-ds-text-duo-negative-duo: #ff6557;
    --text-color-ds-tooltip-text: #9e9e9e;
    --text-color-ds-tooltip-title: #f5f5f5;
    --border-color-ds-asset-conversion-icons-primary: #f5f5f5;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #fff;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #ff3b29;
    --border-color-ds-datepicker: #fff0;
    --border-color-ds-base-drawer: #ffffff14;
    --border-color-ds-input-focused: #fff;
    --border-color-ds-input-error: #d11d45;
    --border-color-ds-input-error-focused: #d11d45;
    --border-color-ds-legend-item-dimmed: #757575;
    --border-color-ds-menu: #fff0;
    --border-color-ds-menu-divider: #75757552;
    --border-color-ds-popover: #fff0;
    --border-color-ds-radio-primary-focus: #ff3b29;
    --border-color-ds-selectable-card-selected: #fff;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header-cell-hover: #ff3b29;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b8229;
    --stroke-ds-dropdown-button-content-icon: #9e9e9e;
    --stroke-ds-dropdown-button-content-icon-hover: #f5f5f5;
    --stroke-ds-icon-primary: #fff;
    --stroke-ds-icon-neutral: #9e9e9e;
    --stroke-ds-icon-strong: #fff;
    --stroke-ds-icon-dimmed: #757575;
    --stroke-ds-icon-positive: #35df8d;
    --stroke-ds-icon-warning: #ffcd60;
    --stroke-ds-icon-negative: #ff6557;
    --stroke-ds-icon-info: #00adfe;
    --stroke-ds-icon-brand: #ff3b29;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #fff0;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #75757529;
    --ring-color-ds-circle-neutral-low: #75757529;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c3962129;
    --ring-color-ds-circle-positive-low: #7dd9a329;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #fff;
    --ring-color-ds-circle-neutral-high: #757575;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #7dd9a3;
    --ring-color-ds-circle-info-high: #0092d8;
    --fill-ds-brand-brand: #855bfb;
    --fill-ds-brand-neutral: #fff;
    --fill-ds-brand-inverted: #000;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #fff;
    --fill-ds-icon-neutral: #9e9e9e;
    --fill-ds-icon-strong: #fff;
    --fill-ds-icon-dimmed: #757575;
    --fill-ds-icon-positive: #35df8d;
    --fill-ds-icon-warning: #ffcd60;
    --fill-ds-icon-negative: #ff6557;
    --fill-ds-icon-info: #00adfe;
    --fill-ds-icon-brand: #ff3b29;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #262626;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: linear-gradient(180deg, #ff6557 0%, #ff3b29 87%);
    --background-image-ds-button-brand-high-gradient-hover: linear-gradient(180deg, #ff6557 0%, #ff3b29 87%);
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #262626, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #262626;
    --placeholder-color-ds-input: #9e9e9e;
    --caret-color-ds-input: #fff;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #ff3b29;
    --opacity-ds-table-cell-dimmed: .5;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8266
}

.krak-light-theme {
    --colors-ds-semantic-action-primary-background: #ff3b29;
    --colors-ds-semantic-action-primary-background-hover: #e51806;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8214;
    --colors-ds-semantic-action-secondary-background-hover: #686b821f;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #484b5e;
    --colors-ds-semantic-border-default: #686b8229;
    --colors-ds-semantic-border-negative: #d11d45;
    --colors-ds-semantic-border-positive: #08844f;
    --colors-ds-semantic-border-strong: #686b82;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #ff3b29;
    --colors-ds-semantic-content-dimmed: #9e9e9e;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #0079b4;
    --colors-ds-semantic-content-inverse: #f5f5f5;
    --colors-ds-semantic-content-negative: #e51806;
    --colors-ds-semantic-content-neutral: #757575;
    --colors-ds-semantic-content-positive: #026b3f;
    --colors-ds-semantic-content-primary: #0d0d0d;
    --colors-ds-semantic-content-warning: #c39621;
    --colors-ds-semantic-focus-ring: #ff3b29;
    --colors-ds-semantic-focus-ring-inverse: #fff;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #37187d;
    --colors-ds-semantic-status-brand-content-strong: #2b1463;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #ff3b29;
    --colors-ds-semantic-status-brand-solid: #ff3b29;
    --colors-ds-semantic-status-brand-subtle: #ff655729;
    --colors-ds-semantic-status-info-content: #003c5c;
    --colors-ds-semantic-status-info-content-strong: #002940;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #006394;
    --colors-ds-semantic-status-info-solid: #0079b4;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #5f0018;
    --colors-ds-semantic-status-negative-content-strong: #3c000c;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #d11d45;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #1a1b22;
    --colors-ds-semantic-status-neutral-content-strong: #101114;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #484b5e;
    --colors-ds-semantic-status-neutral-solid: #9497a9;
    --colors-ds-semantic-status-neutral-subtle: #686b821f;
    --colors-ds-semantic-status-positive-content: #004224;
    --colors-ds-semantic-status-positive-content-strong: #002d17;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #026b3f;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #553c00;
    --colors-ds-semantic-status-warning-content-strong: #3b2a00;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #553c00;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c396213d;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #686b821f;
    --colors-ds-semantic-surface-overlay: #fff;
    --colors-ds-semantic-surface-page: #f5f5f5;
    --colors-ds-semantic-surface-raised: #fff;
    --colors-ds-semantic-surface-selected: #ff655714;
    --colors-ds-semantic-surface-sunken: #75757514;
    --colors-ds-primary: #0d0d0d;
    --colors-ds-neutral: #757575;
    --colors-ds-dimmed: #9e9e9e;
    --colors-ds-positive: #026b3f;
    --colors-ds-negative: #e51806;
    --colors-ds-warning: #c39621;
    --colors-ds-brand: #ff3b29;
    --colors-ds-info: #0079b4;
    --colors-ds-inverted: #f5f5f5;
    --colors-ds-disabled: #c6c7d2;
    --colors-ds-strong: #1a1b22;
    --colors-ds-subtle: #c6c7d2;
    --colors-ds-divider: #75757529;
    --colors-ds-textlink-hover-primary: #757575;
    --colors-ds-textlink-hover-brand: #b31809;
    --colors-ds-textlink-hover-neutral: #0d0d0d;
    --colors-ds-textlink-hover-positive: #005531;
    --colors-ds-textlink-hover-negative: #840125;
    --colors-ds-textlink-hover-warning: #89640c;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #1018280a;
    --box-shadow-ds-2: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-3: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-4: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-5: 0px 20px 24px -4px #1018280f;
    --box-shadow-ds-6: 0px 24px 48px -12px #1018282e;
    --box-shadow-ds-7: 0px 32px 64px -12px #10182824;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #75757529;
    --box-shadow-ds-banner: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-container: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 75px 0px #00000026;
    --box-shadow-ds-menu: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-popover: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --outline-color-ds-accordion: #ff3b29;
    --outline-color-ds-button: #ff3b29;
    --outline-color-ds-card-selected: #000;
    --outline-color-ds-favourite-button: #ff3b29;
    --outline-color-ds-input-error-focused: #f5395e;
    --outline-color-ds-input: #000;
    --outline-color-ds-input-error: #f5395e;
    --outline-color-ds-legend-item-dimmed: #9e9e9e;
    --outline-color-ds-menu: #ff3b29;
    --outline-color-ds-notification: #ff3b29;
    --outline-color-ds-popover: #ff3b29;
    --outline-color-ds-segmented-control: #ff3b29;
    --outline-color-ds-selectable-card: #000;
    --outline-color-ds-tabs: #ff3b29;
    --outline-color-ds-table-header-cell: #ff3b29;
    --outline-color-ds-textlink: #ff3b29;
    --outline-color-ds-toggle: #ff3b29;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #0d0d0d;
    --background-color-ds-badge-primary-low: #00000014;
    --background-color-ds-badge-neutral-high: #9e9e9e;
    --background-color-ds-badge-neutral-low: #7575751f;
    --background-color-ds-badge-positive-high: #427b5a;
    --background-color-ds-badge-positive-low: #7dd9a329;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c396213d;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0079b4;
    --background-color-ds-badge-new-low: #00000014;
    --background-color-ds-badge-new-high: #0d0d0d;
    --background-color-ds-banner: #fff;
    --background-color-ds-button-primary-high: #000;
    --background-color-ds-button-primary-high-hover: #0d0d0d;
    --background-color-ds-button-primary-medium: #75757514;
    --background-color-ds-button-primary-medium-hover: #7575751f;
    --background-color-ds-button-primary-medium-active: #7575751f;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #75757514;
    --background-color-ds-button-primary-low-active: #75757514;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #000;
    --background-color-ds-button-neutral-high-hover: #0d0d0d;
    --background-color-ds-button-neutral-medium: #75757514;
    --background-color-ds-button-neutral-medium-hover: #7575751f;
    --background-color-ds-button-neutral-medium-active: #7575751f;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #75757514;
    --background-color-ds-button-neutral-low-active: #75757514;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #64c48c;
    --background-color-ds-button-positive-high-hover: #4c9e6e;
    --background-color-ds-button-positive-medium: #7dd9a329;
    --background-color-ds-button-positive-medium-hover: #7dd9a33d;
    --background-color-ds-button-positive-medium-active: #7dd9a33d;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #7dd9a329;
    --background-color-ds-button-positive-low-active: #7dd9a329;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #d11d45;
    --background-color-ds-button-negative-high-hover: #aa0132;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e3d;
    --background-color-ds-button-negative-medium-active: #f5395e3d;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c396213d;
    --background-color-ds-button-warning-medium-active: #c396213d;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: transparent;
    --background-color-ds-button-brand-high-hover: transparent;
    --background-color-ds-button-brand-medium: #ff655729;
    --background-color-ds-button-brand-medium-hover: #855bfb52;
    --background-color-ds-button-brand-medium-active: #855bfb52;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #ff655729;
    --background-color-ds-button-brand-low-active: #ff655729;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0079b4;
    --background-color-ds-button-info-high-hover: #00adfe;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #fff;
    --background-color-ds-button-inverted-high-hover: #ffffffe0;
    --background-color-ds-button-inverted-medium: #ffffff29;
    --background-color-ds-button-inverted-medium-hover: #ffffff3d;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #ffffff29;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #75757514;
    --background-color-ds-card-disabled: #75757514;
    --background-color-ds-card-selected: #75757514;
    --background-color-ds-card-hover: #7575751f;
    --background-color-ds-card-selected-hover: #7575751f;
    --background-color-ds-card-background: #fff;
    --background-color-ds-card-background-hover: #ffffffb8;
    --background-color-ds-checkbox-unchecked: #75757552;
    --background-color-ds-checkbox-unchecked-hover: #75757566;
    --background-color-ds-checkbox-checked: #000;
    --background-color-ds-checkbox-checked-hover: #0d0d0d;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e14;
    --background-color-ds-circle-primary-low: #7575751f;
    --background-color-ds-circle-neutral-low: #7575751f;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c396213d;
    --background-color-ds-circle-positive-low: #7dd9a329;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #000;
    --background-color-ds-circle-neutral-high: #9e9e9e;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #7dd9a3;
    --background-color-ds-circle-info-high: #0079b4;
    --background-color-ds-container: #fff;
    --background-color-ds-container-glass: #ffffff14;
    --background-color-ds-datepicker: #fff;
    --background-color-ds-datepicker-raised: #fff;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #ff3b29;
    --background-color-ds-datepicker-selected-day-range: #ff655729;
    --background-color-ds-dialog: #fff;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #75757529;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f24e3d;
    --background-color-ds-base-drawer: #fff;
    --background-color-ds-dropdown-button: #75757514;
    --background-color-ds-dropdown-button-hover: #7575751f;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8214;
    --background-color-ds-filteritem-active: #686b821f;
    --background-color-ds-full-screen-dialog: #fff;
    --background-color-ds-input: #75757514;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #f5395e;
    --background-color-ds-input-border-error-focused: #f5395e;
    --background-color-ds-input-border-focused: #000;
    --background-color-ds-input-content-icon: #9e9e9e;
    --background-color-ds-input-content-input-text: #0d0d0d;
    --background-color-ds-input-content-label: #757575;
    --background-color-ds-input-error: #75757514;
    --background-color-ds-input-error-focused: #7575751f;
    --background-color-ds-input-focused: #7575750a;
    --background-color-ds-input-hover: #7575751f;
    --background-color-ds-input-selected: #7575750a;
    --background-color-ds-input-error-label: #f5395e14;
    --background-color-ds-input-background: #fff;
    --background-color-ds-input-background-hover: #fffc;
    --background-color-ds-input-background-selected: #fffc;
    --background-color-ds-inputerror-label: #f5395e14;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #ff655714;
    --background-color-ds-legend-item-dimmed: #9e9e9e;
    --background-color-ds-list-hover: #7575751f;
    --background-color-ds-menu: #fff;
    --background-color-ds-menu-raised: #fff;
    --background-color-ds-menu-hover: #7575750a;
    --background-color-ds-menu-pressed: #686b8214;
    --background-color-ds-menu-active: #75757514;
    --background-color-ds-menu-active-hover: #75757514;
    --background-color-ds-notification-primary: #fff;
    --background-color-ds-notification-neutral: #75757514;
    --background-color-ds-notification-negative: #f5395e14;
    --background-color-ds-notification-warning: #c3962114;
    --background-color-ds-notification-positive: #7dd9a314;
    --background-color-ds-notification-info: #0092d814;
    --background-color-ds-notification-primary-hover: #fffc;
    --background-color-ds-notification-neutral-hover: #75757529;
    --background-color-ds-notification-negative-hover: #f5395e29;
    --background-color-ds-notification-warning-hover: #c3962129;
    --background-color-ds-notification-positive-hover: #7dd9a329;
    --background-color-ds-notification-info-hover: #0092d829;
    --background-color-ds-pagination: #686b8214;
    --background-color-ds-pill: #ff655729;
    --background-color-ds-pill-primary: #ff655729;
    --background-color-ds-pill-neutral: #ff655729;
    --background-color-ds-popover: #fff;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-in-progress: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-info: #0092d829;
    --background-color-ds-progresstracker-warning: #c3962129;
    --background-color-ds-progresstracker-finished: #149e6129;
    --background-color-ds-radio-unchecked: #75757552;
    --background-color-ds-radio-unchecked-hover: #75757566;
    --background-color-ds-radio-checked: #000;
    --background-color-ds-radio-checked-hover: #101114;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #855bfb;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b8266;
    --background-color-ds-scrollbar-thumb-hover: #686b823d;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #fff;
    --background-color-ds-segmented-control-inactive-high: #7575751f;
    --background-color-ds-segmented-control-active-primary: #fff;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #7575751f;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #75757514;
    --background-color-ds-selectable-card-selected: #75757514;
    --background-color-ds-selectable-card-hover: #7575751f;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b821f;
    --background-color-ds-consumerpagination: #ccc;
    --background-color-ds-consumerpagination-active: #757575;
    --background-color-ds-consumerpagination-hover: #9e9e9e;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #7575753d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #757575;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #e5e6ec;
    --background-color-ds-tabs: #7575750a;
    --background-color-ds-tabs-hover: #75757514;
    --background-color-ds-tabs-active: #7575751f;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #fff;
    --background-color-ds-table-cell-sticky: #fff;
    --background-color-ds-table-cell-sticky-container: #fff;
    --background-color-ds-table-cell-sticky-dialog: #fff;
    --background-color-ds-table-cell-sticky-dialog-container: #fff;
    --background-color-ds-table-cell-sticky-container-card: #f7f7f8;
    --background-color-ds-table-cell-sticky-container-card-hover: #f1f1f3;
    --background-color-ds-table-cell-sticky-container-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #f9f9fa;
    --background-color-ds-table-header-cell-resize: #ff3b29;
    --background-color-ds-table-header-cell-sticky: #fff;
    --background-color-ds-table-row-group: #686b820a;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b820a;
    --background-color-ds-table-row-hover: #7575750a;
    --background-color-ds-table-row: #fff;
    --background-color-ds-toggle-handle-on: #fff;
    --background-color-ds-toggle-handle-off: #fff;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #75757552;
    --background-color-ds-tooltip: #ededed;
    --text-color-ds-accordion-primary: #757575;
    --text-color-ds-accordion-disabled: #484b5e;
    --text-color-ds-accordion-hover: #0d0d0d;
    --text-color-ds-badge-primary: #0d0d0d;
    --text-color-ds-badge-neutral: #545454;
    --text-color-ds-badge-positive: #375c47;
    --text-color-ds-badge-negative: #d11d45;
    --text-color-ds-badge-warning: #553c00;
    --text-color-ds-badge-high: #f5f5f5;
    --text-color-ds-asseticon-neutral: #fff;
    --text-color-ds-asseticon-inverted: #000;
    --text-color-ds-badge-high-inverse: #0d0d0d;
    --text-color-ds-badge-info: #006394;
    --text-color-ds-badge-new: #0d0d0d;
    --text-color-ds-brand-brand: #7132f5;
    --text-color-ds-brand-neutral: #000;
    --text-color-ds-brand-inverted: #fff;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #757575;
    --text-color-ds-breadcrumbs-hover: #0d0d0d;
    --text-color-ds-breadcrumbs-selected: #0d0d0d;
    --text-color-ds-button-primary-high: #f5f5f5;
    --text-color-ds-button-primary-medium: #0d0d0d;
    --text-color-ds-button-primary-medium-hover: #0d0d0d;
    --text-color-ds-button-primary-low: #0d0d0d;
    --text-color-ds-button-primary-low-hover: #0d0d0d;
    --text-color-ds-button-primary-none: #0d0d0d;
    --text-color-ds-button-primary-none-hover: #757575;
    --text-color-ds-button-neutral-high: #f5f5f5;
    --text-color-ds-button-neutral-medium: #0d0d0d;
    --text-color-ds-button-neutral-medium-hover: #0d0d0d;
    --text-color-ds-button-neutral-low: #757575;
    --text-color-ds-button-neutral-low-hover: #0d0d0d;
    --text-color-ds-button-neutral-none: #757575;
    --text-color-ds-button-neutral-none-hover: #0d0d0d;
    --text-color-ds-button-positive-high: #f5f5f5;
    --text-color-ds-button-positive-medium: #64c48c;
    --text-color-ds-button-positive-medium-hover: #64c48c;
    --text-color-ds-button-positive-low: #7dd9a3;
    --text-color-ds-button-positive-low-hover: #7dd9a3;
    --text-color-ds-button-positive-none: #7dd9a3;
    --text-color-ds-button-positive-none-hover: #b5f2cb;
    --text-color-ds-button-negative-high: #f5f5f5;
    --text-color-ds-button-negative-medium: #d11d45;
    --text-color-ds-button-negative-medium-hover: #d11d45;
    --text-color-ds-button-negative-low: #e51806;
    --text-color-ds-button-negative-low-hover: #e51806;
    --text-color-ds-button-negative-none: #e51806;
    --text-color-ds-button-negative-none-hover: #ff7386;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #a67c1d;
    --text-color-ds-button-warning-medium-hover: #a67c1d;
    --text-color-ds-button-warning-low: #a67c1d;
    --text-color-ds-button-warning-low-hover: #a67c1d;
    --text-color-ds-button-warning-none: #a67c1d;
    --text-color-ds-button-warning-none-hover: #e8b100;
    --text-color-ds-button-brand-high: #f5f5f5;
    --text-color-ds-button-brand-medium: #0d0d0d;
    --text-color-ds-button-brand-medium-hover: #0d0d0d;
    --text-color-ds-button-brand-low: #0d0d0d;
    --text-color-ds-button-brand-low-hover: #0d0d0d;
    --text-color-ds-button-brand-none: #0d0d0d;
    --text-color-ds-button-brand-none-hover: #0d0d0d;
    --text-color-ds-button-info-high: #f5f5f5;
    --text-color-ds-button-info-medium: #0079b4;
    --text-color-ds-button-info-medium-hover: #0079b4;
    --text-color-ds-button-info-low: #0079b4;
    --text-color-ds-button-info-low-hover: #0079b4;
    --text-color-ds-button-info-none: #0079b4;
    --text-color-ds-button-info-none-hover: #00adfe;
    --text-color-ds-button-inverted-high: #0d0d0d;
    --text-color-ds-button-inverted-medium: #f5f5f5;
    --text-color-ds-button-inverted-medium-hover: #f5f5f5;
    --text-color-ds-button-inverted-low: #f5f5f5;
    --text-color-ds-button-inverted-low-hover: #f5f5f5;
    --text-color-ds-button-inverted-none: #f5f5f5;
    --text-color-ds-button-inverted-none-hover: #f5f5f5;
    --text-color-ds-button-neutral-high-icon: #f5f5f5;
    --text-color-ds-checkbox-primary: #0d0d0d;
    --text-color-ds-checkbox-description: #757575;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #0d0d0d;
    --text-color-ds-checkboxgroup-description: #757575;
    --text-color-ds-checkboxgroup-error: #aa0132;
    --text-color-ds-circle-primary-low: #0d0d0d;
    --text-color-ds-circle-neutral-low: #545454;
    --text-color-ds-circle-positive-low: #4c9e6e;
    --text-color-ds-circle-warning-low: #6f5000;
    --text-color-ds-circle-negative-low: #d11d45;
    --text-color-ds-circle-info-low: #006394;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #000;
    --text-color-ds-circle-border-neutral-high: #9e9e9e;
    --text-color-ds-circle-border-positive-high: #7dd9a3;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0079b4;
    --text-color-ds-datepicker: #1a1b22;
    --text-color-ds-datepicker-weekday: #353746;
    --text-color-ds-datepicker-today: #353746;
    --text-color-ds-datepicker-disabled: #9497a9;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #757575;
    --text-color-ds-dropdown-button-content-placeholder-hover: #0d0d0d;
    --text-color-ds-dropdown-button-content-text: #0d0d0d;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #484b5e;
    --text-color-ds-filteritem-active: #101114;
    --text-color-ds-input: #0d0d0d;
    --text-color-ds-input-icon: #9e9e9e;
    --text-color-ds-input-label: #757575;
    --text-color-ds-input-error-label: #aa0132;
    --text-color-ds-inputerror-label: #aa0132;
    --text-color-ds-label-value: #0000000a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #0d0d0d;
    --text-color-ds-menu: #757575;
    --text-color-ds-menu-active: #ff3b29;
    --text-color-ds-notification-primary: #0d0d0d;
    --text-color-ds-notification-neutral: #757575;
    --text-color-ds-notification-negative: #3c000c;
    --text-color-ds-notification-warning: #3b2a00;
    --text-color-ds-notification-positive: #002d17;
    --text-color-ds-notification-info: #002940;
    --text-color-ds-notification-subtitle-primary: #757575;
    --text-color-ds-notification-subtitle-neutral: #1f1f1f;
    --text-color-ds-notification-subtitle-negative: #5f0018;
    --text-color-ds-notification-subtitle-warning: #553c00;
    --text-color-ds-notification-subtitle-positive: #004224;
    --text-color-ds-notification-subtitle-info: #003c5c;
    --text-color-ds-pill: #ff3b29;
    --text-color-ds-pill-primary: #ff3b29;
    --text-color-ds-pill-neutral: #ff3b29;
    --text-color-ds-radio-primary: #0d0d0d;
    --text-color-ds-radio-disabled: #c6c7d2;
    --text-color-ds-radio-description: #757575;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #101114;
    --text-color-ds-radiogroup-description: #484b5e;
    --text-color-ds-radiogroup-error: #d11d45;
    --text-color-ds-segmented-control-inactive: #757575;
    --text-color-ds-segmented-control-inactive-hover: #0d0d0d;
    --text-color-ds-segmented-control-active-primary: #0d0d0d;
    --text-color-ds-segmented-control-active-positive: #026b3f;
    --text-color-ds-segmented-control-active-negative: #e51806;
    --text-color-ds-segmented-control-active-primary-low: #0d0d0d;
    --text-color-ds-segmented-control-active-positive-low: #026b3f;
    --text-color-ds-segmented-control-active-negative-low: #e51806;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #fff;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #101114;
    --text-color-ds-spinner-neutral: #484b5e;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #08844f;
    --text-color-ds-spinner-negative: #d11d45;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #000;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #fff;
    --text-color-ds-stacked-asset-icons: #101114;
    --text-color-ds-tabs: #757575;
    --text-color-ds-tabs-active: #0d0d0d;
    --text-color-ds-tabs-on-background: #757575;
    --text-color-ds-tabs-on-background-active: #0d0d0d;
    --text-color-ds-text-duo-primary-main: #0d0d0d;
    --text-color-ds-text-duo-primary-duo: #757575;
    --text-color-ds-text-duo-neutral-main: #757575;
    --text-color-ds-text-duo-neutral-duo: #9e9e9e;
    --text-color-ds-text-duo-positive-main: #026b3f;
    --text-color-ds-text-duo-positive-duo: #026b3f;
    --text-color-ds-text-duo-negative-main: #e51806;
    --text-color-ds-text-duo-negative-duo: #e51806;
    --text-color-ds-tooltip-text: #757575;
    --text-color-ds-tooltip-title: #0d0d0d;
    --border-color-ds-asset-conversion-icons-primary: #0d0d0d;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #000;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #ff3b29;
    --border-color-ds-datepicker: #75757514;
    --border-color-ds-base-drawer: #fff;
    --border-color-ds-input-focused: #000;
    --border-color-ds-input-error: #f5395e;
    --border-color-ds-input-error-focused: #f5395e;
    --border-color-ds-legend-item-dimmed: #9e9e9e;
    --border-color-ds-menu: #75757514;
    --border-color-ds-menu-divider: #75757529;
    --border-color-ds-popover: #75757514;
    --border-color-ds-radio-primary-focus: #ff3b29;
    --border-color-ds-selectable-card-selected: #000;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header: #686b821f;
    --border-color-ds-table-header-cell-hover: #ff3b29;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b823d;
    --stroke-ds-dropdown-button-content-icon: #757575;
    --stroke-ds-dropdown-button-content-icon-hover: #0d0d0d;
    --stroke-ds-icon-primary: #0d0d0d;
    --stroke-ds-icon-neutral: #757575;
    --stroke-ds-icon-strong: #1a1b22;
    --stroke-ds-icon-dimmed: #9e9e9e;
    --stroke-ds-icon-positive: #026b3f;
    --stroke-ds-icon-warning: #c39621;
    --stroke-ds-icon-negative: #e51806;
    --stroke-ds-icon-info: #0079b4;
    --stroke-ds-icon-brand: #ff3b29;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #75757514;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #7575751f;
    --ring-color-ds-circle-neutral-low: #7575751f;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c396213d;
    --ring-color-ds-circle-positive-low: #7dd9a329;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #000;
    --ring-color-ds-circle-neutral-high: #9e9e9e;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #7dd9a3;
    --ring-color-ds-circle-info-high: #0079b4;
    --fill-ds-brand-brand: #7132f5;
    --fill-ds-brand-neutral: #000;
    --fill-ds-brand-inverted: #fff;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #0d0d0d;
    --fill-ds-icon-neutral: #757575;
    --fill-ds-icon-strong: #1a1b22;
    --fill-ds-icon-dimmed: #9e9e9e;
    --fill-ds-icon-positive: #026b3f;
    --fill-ds-icon-warning: #c39621;
    --fill-ds-icon-negative: #e51806;
    --fill-ds-icon-info: #0079b4;
    --fill-ds-icon-brand: #ff3b29;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #fff;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: linear-gradient(180deg, #ff6557 0%, #ff3b29 87%);
    --background-image-ds-button-brand-high-gradient-hover: linear-gradient(180deg, #ff6557 0%, #ff3b29 87%);
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #fff, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #fff;
    --placeholder-color-ds-input: #757575;
    --caret-color-ds-input: inherit;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #ff3b29;
    --opacity-ds-table-cell-dimmed: .4;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8252
}

.light-theme {
    --colors-ds-semantic-action-primary-background: #7132f5;
    --colors-ds-semantic-action-primary-background-hover: #5b1ecf;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8214;
    --colors-ds-semantic-action-secondary-background-hover: #686b821f;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #484b5e;
    --colors-ds-semantic-border-default: #686b8229;
    --colors-ds-semantic-border-negative: #d11d45;
    --colors-ds-semantic-border-positive: #08844f;
    --colors-ds-semantic-border-strong: #686b82;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #7132f5;
    --colors-ds-semantic-content-dimmed: #9497a9;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #0079b4;
    --colors-ds-semantic-content-inverse: #fff;
    --colors-ds-semantic-content-negative: #d11d45;
    --colors-ds-semantic-content-neutral: #686b82;
    --colors-ds-semantic-content-positive: #08844f;
    --colors-ds-semantic-content-primary: #101114;
    --colors-ds-semantic-content-warning: #c39621;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #7132f5);
    --colors-ds-semantic-focus-ring-inverse: #fff;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #37187d;
    --colors-ds-semantic-status-brand-content-strong: #2b1463;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #7132f5;
    --colors-ds-semantic-status-brand-solid: #7132f5;
    --colors-ds-semantic-status-brand-subtle: #855bfb29;
    --colors-ds-semantic-status-info-content: #003c5c;
    --colors-ds-semantic-status-info-content-strong: #002940;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #006394;
    --colors-ds-semantic-status-info-solid: #0079b4;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #5f0018;
    --colors-ds-semantic-status-negative-content-strong: #3c000c;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #d11d45;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #1a1b22;
    --colors-ds-semantic-status-neutral-content-strong: #101114;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #484b5e;
    --colors-ds-semantic-status-neutral-solid: #9497a9;
    --colors-ds-semantic-status-neutral-subtle: #686b821f;
    --colors-ds-semantic-status-positive-content: #004224;
    --colors-ds-semantic-status-positive-content-strong: #002d17;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #026b3f;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #553c00;
    --colors-ds-semantic-status-warning-content-strong: #3b2a00;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #553c00;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c396213d;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #686b821f;
    --colors-ds-semantic-surface-overlay: #fff;
    --colors-ds-semantic-surface-page: #f6f5f9;
    --colors-ds-semantic-surface-raised: #fff;
    --colors-ds-semantic-surface-selected: #855bfb14;
    --colors-ds-semantic-surface-sunken: #9497a914;
    --colors-ds-primary: #101114;
    --colors-ds-neutral: #686b82;
    --colors-ds-dimmed: #9497a9;
    --colors-ds-positive: #08844f;
    --colors-ds-negative: #d11d45;
    --colors-ds-warning: #c39621;
    --colors-ds-brand: #7132f5;
    --colors-ds-info: #0079b4;
    --colors-ds-inverted: #fff;
    --colors-ds-disabled: #c6c7d2;
    --colors-ds-strong: #1a1b22;
    --colors-ds-subtle: #c6c7d2;
    --colors-ds-divider: #686b8229;
    --colors-ds-textlink-hover-primary: #686b82;
    --colors-ds-textlink-hover-brand: #471ca0;
    --colors-ds-textlink-hover-neutral: #101114;
    --colors-ds-textlink-hover-positive: #005531;
    --colors-ds-textlink-hover-negative: #840125;
    --colors-ds-textlink-hover-warning: #89640c;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #1018280a;
    --box-shadow-ds-2: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-3: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-4: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-5: 0px 20px 24px -4px #1018280f;
    --box-shadow-ds-6: 0px 24px 48px -12px #1018282e;
    --box-shadow-ds-7: 0px 32px 64px -12px #10182824;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #686b8229;
    --box-shadow-ds-banner: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-container: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 75px 0px #00000026;
    --box-shadow-ds-menu: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-popover: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --outline-color-ds-accordion: #7132f5;
    --outline-color-ds-button: #7132f5;
    --outline-color-ds-card-selected: #7132f5;
    --outline-color-ds-favourite-button: #7132f5;
    --outline-color-ds-input-error-focused: #f5395e;
    --outline-color-ds-input: #7132f5;
    --outline-color-ds-input-error: #f5395e;
    --outline-color-ds-legend-item-dimmed: #9497a9;
    --outline-color-ds-menu: #7132f5;
    --outline-color-ds-notification: #7132f5;
    --outline-color-ds-popover: #7132f5;
    --outline-color-ds-segmented-control: #7132f5;
    --outline-color-ds-selectable-card: #7132f5;
    --outline-color-ds-tabs: #7132f5;
    --outline-color-ds-table-header-cell: #7132f5;
    --outline-color-ds-textlink: #7132f5;
    --outline-color-ds-toggle: #7132f5;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #7132f5;
    --background-color-ds-badge-primary-low: #855bfb29;
    --background-color-ds-badge-neutral-high: #9497a9;
    --background-color-ds-badge-neutral-low: #686b821f;
    --background-color-ds-badge-positive-high: #149e61;
    --background-color-ds-badge-positive-low: #149e6129;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c396213d;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0079b4;
    --background-color-ds-badge-new-low: #855bfb29;
    --background-color-ds-badge-new-high: #7132f5;
    --background-color-ds-banner: #fff;
    --background-color-ds-button-primary-high: #7132f5;
    --background-color-ds-button-primary-high-hover: #5b1ecf;
    --background-color-ds-button-primary-medium: #855bfb29;
    --background-color-ds-button-primary-medium-hover: #855bfb52;
    --background-color-ds-button-primary-medium-active: #855bfb52;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #686b8214;
    --background-color-ds-button-primary-low-active: #686b8214;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #101114;
    --background-color-ds-button-neutral-high-hover: #22232d;
    --background-color-ds-button-neutral-medium: #686b8214;
    --background-color-ds-button-neutral-medium-hover: #686b821f;
    --background-color-ds-button-neutral-medium-active: #686b821f;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #686b8214;
    --background-color-ds-button-neutral-low-active: #686b8214;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #08844f;
    --background-color-ds-button-positive-high-hover: #026b3f;
    --background-color-ds-button-positive-medium: #149e6129;
    --background-color-ds-button-positive-medium-hover: #149e613d;
    --background-color-ds-button-positive-medium-active: #149e613d;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #149e6129;
    --background-color-ds-button-positive-low-active: #149e6129;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #d11d45;
    --background-color-ds-button-negative-high-hover: #aa0132;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e3d;
    --background-color-ds-button-negative-medium-active: #f5395e3d;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c396213d;
    --background-color-ds-button-warning-medium-active: #c396213d;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #7132f5;
    --background-color-ds-button-brand-high-hover: #5b1ecf;
    --background-color-ds-button-brand-medium: #855bfb29;
    --background-color-ds-button-brand-medium-hover: #855bfb52;
    --background-color-ds-button-brand-medium-active: #855bfb52;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #855bfb29;
    --background-color-ds-button-brand-low-active: #855bfb29;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0079b4;
    --background-color-ds-button-info-high-hover: #00adfe;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #fff;
    --background-color-ds-button-inverted-high-hover: #ffffffe0;
    --background-color-ds-button-inverted-medium: #ffffff29;
    --background-color-ds-button-inverted-medium-hover: #ffffff3d;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #ffffff29;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #9497a914;
    --background-color-ds-card-disabled: #686b8214;
    --background-color-ds-card-selected: #855bfb14;
    --background-color-ds-card-hover: #9497a91f;
    --background-color-ds-card-selected-hover: #686b821f;
    --background-color-ds-card-background: #fff;
    --background-color-ds-card-background-hover: #ffffffb8;
    --background-color-ds-checkbox-unchecked: #686b8252;
    --background-color-ds-checkbox-unchecked-hover: #686b8266;
    --background-color-ds-checkbox-checked: #7132f5;
    --background-color-ds-checkbox-checked-hover: #5b1ecf;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e14;
    --background-color-ds-circle-primary-low: #855bfb29;
    --background-color-ds-circle-neutral-low: #686b821f;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c396213d;
    --background-color-ds-circle-positive-low: #149e6129;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #7132f5;
    --background-color-ds-circle-neutral-high: #9497a9;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #149e61;
    --background-color-ds-circle-info-high: #0079b4;
    --background-color-ds-container: #fff;
    --background-color-ds-container-glass: #686b8229;
    --background-color-ds-datepicker: #fff;
    --background-color-ds-datepicker-raised: #fff;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #7132f5;
    --background-color-ds-datepicker-selected-day-range: #855bfb29;
    --background-color-ds-dialog: #fff;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #686b8229;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: #fff;
    --background-color-ds-dropdown-button: #686b8214;
    --background-color-ds-dropdown-button-hover: #686b821f;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8214;
    --background-color-ds-filteritem-active: #686b821f;
    --background-color-ds-full-screen-dialog: #fff;
    --background-color-ds-input: #686b8214;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #f5395e;
    --background-color-ds-input-border-error-focused: #f5395e;
    --background-color-ds-input-border-focused: #7132f5;
    --background-color-ds-input-content-icon: #9497a9;
    --background-color-ds-input-content-input-text: #101114;
    --background-color-ds-input-content-label: #686b82;
    --background-color-ds-input-error: #686b8214;
    --background-color-ds-input-error-focused: #686b821f;
    --background-color-ds-input-focused: #686b820a;
    --background-color-ds-input-hover: #686b821f;
    --background-color-ds-input-selected: #686b820a;
    --background-color-ds-input-error-label: #f5395e14;
    --background-color-ds-input-background: #fff;
    --background-color-ds-input-background-hover: #fffc;
    --background-color-ds-input-background-selected: #fffc;
    --background-color-ds-inputerror-label: #f5395e14;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #686b8229;
    --background-color-ds-legend-item-dimmed: #9497a9;
    --background-color-ds-list-hover: #9497a91f;
    --background-color-ds-menu: #fff;
    --background-color-ds-menu-raised: #fff;
    --background-color-ds-menu-hover: #686b820a;
    --background-color-ds-menu-pressed: #686b8214;
    --background-color-ds-menu-active: #686b8214;
    --background-color-ds-menu-active-hover: #686b8214;
    --background-color-ds-notification-primary: #855bfb14;
    --background-color-ds-notification-neutral: #686b8214;
    --background-color-ds-notification-negative: #f5395e14;
    --background-color-ds-notification-warning: #c3962114;
    --background-color-ds-notification-positive: #149e6114;
    --background-color-ds-notification-info: #0092d814;
    --background-color-ds-notification-primary-hover: #855bfb29;
    --background-color-ds-notification-neutral-hover: #686b8229;
    --background-color-ds-notification-negative-hover: #f5395e29;
    --background-color-ds-notification-warning-hover: #c3962129;
    --background-color-ds-notification-positive-hover: #149e6129;
    --background-color-ds-notification-info-hover: #0092d829;
    --background-color-ds-pagination: #686b8214;
    --background-color-ds-pill: #855bfb29;
    --background-color-ds-pill-primary: #855bfb29;
    --background-color-ds-pill-neutral: #fff;
    --background-color-ds-popover: #fff;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-in-progress: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-info: #0092d829;
    --background-color-ds-progresstracker-warning: #c3962129;
    --background-color-ds-progresstracker-finished: #149e6129;
    --background-color-ds-radio-unchecked: #686b8252;
    --background-color-ds-radio-unchecked-hover: #686b8266;
    --background-color-ds-radio-checked: #7132f5;
    --background-color-ds-radio-checked-hover: #5b1ecf;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #855bfb;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b8266;
    --background-color-ds-scrollbar-thumb-hover: #686b823d;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #fff;
    --background-color-ds-segmented-control-inactive-high: #686b821f;
    --background-color-ds-segmented-control-active-primary: #fff;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #686b821f;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #9497a914;
    --background-color-ds-selectable-card-selected: #855bfb14;
    --background-color-ds-selectable-card-hover: #9497a91f;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b821f;
    --background-color-ds-consumerpagination: #c6c7d2;
    --background-color-ds-consumerpagination-active: #686b82;
    --background-color-ds-consumerpagination-hover: #9497a9;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #686b823d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #686b82;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #e5e6ec;
    --background-color-ds-tabs: #686b820a;
    --background-color-ds-tabs-hover: #686b8214;
    --background-color-ds-tabs-active: #686b821f;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #fff;
    --background-color-ds-table-cell-sticky: #fff;
    --background-color-ds-table-cell-sticky-container: #fff;
    --background-color-ds-table-cell-sticky-dialog: #fff;
    --background-color-ds-table-cell-sticky-dialog-container: #fff;
    --background-color-ds-table-cell-sticky-container-card: #f7f7f8;
    --background-color-ds-table-cell-sticky-container-card-hover: #f1f1f3;
    --background-color-ds-table-cell-sticky-container-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #f9f9fa;
    --background-color-ds-table-header-cell-resize: #7132f5;
    --background-color-ds-table-header-cell-sticky: #fff;
    --background-color-ds-table-row-group: #686b820a;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b820a;
    --background-color-ds-table-row-hover: #686b820a;
    --background-color-ds-table-row: #fff;
    --background-color-ds-toggle-handle-on: #fff;
    --background-color-ds-toggle-handle-off: #fff;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #686b8252;
    --background-color-ds-tooltip: #eeeff3;
    --text-color-ds-accordion-primary: #686b82;
    --text-color-ds-accordion-disabled: #484b5e;
    --text-color-ds-accordion-hover: #101114;
    --text-color-ds-badge-primary: #7132f5;
    --text-color-ds-badge-neutral: #484b5e;
    --text-color-ds-badge-positive: #026b3f;
    --text-color-ds-badge-negative: #d11d45;
    --text-color-ds-badge-warning: #553c00;
    --text-color-ds-badge-high: #fff;
    --text-color-ds-asseticon-neutral: #fff;
    --text-color-ds-asseticon-inverted: #000;
    --text-color-ds-badge-high-inverse: #101114;
    --text-color-ds-badge-info: #006394;
    --text-color-ds-badge-new: #7132f5;
    --text-color-ds-brand-brand: #7132f5;
    --text-color-ds-brand-neutral: #000;
    --text-color-ds-brand-inverted: #fff;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #686b82;
    --text-color-ds-breadcrumbs-hover: #101114;
    --text-color-ds-breadcrumbs-selected: #101114;
    --text-color-ds-button-primary-high: #fff;
    --text-color-ds-button-primary-medium: #7132f5;
    --text-color-ds-button-primary-medium-hover: #7132f5;
    --text-color-ds-button-primary-low: #101114;
    --text-color-ds-button-primary-low-hover: #101114;
    --text-color-ds-button-primary-none: #101114;
    --text-color-ds-button-primary-none-hover: #686b82;
    --text-color-ds-button-neutral-high: #fff;
    --text-color-ds-button-neutral-medium: #484b5e;
    --text-color-ds-button-neutral-medium-hover: #101114;
    --text-color-ds-button-neutral-low: #484b5e;
    --text-color-ds-button-neutral-low-hover: #101114;
    --text-color-ds-button-neutral-none: #484b5e;
    --text-color-ds-button-neutral-none-hover: #101114;
    --text-color-ds-button-positive-high: #fff;
    --text-color-ds-button-positive-medium: #08844f;
    --text-color-ds-button-positive-medium-hover: #08844f;
    --text-color-ds-button-positive-low: #149e61;
    --text-color-ds-button-positive-low-hover: #149e61;
    --text-color-ds-button-positive-none: #149e61;
    --text-color-ds-button-positive-none-hover: #35df8d;
    --text-color-ds-button-negative-high: #fff;
    --text-color-ds-button-negative-medium: #d11d45;
    --text-color-ds-button-negative-medium-hover: #d11d45;
    --text-color-ds-button-negative-low: #d11d45;
    --text-color-ds-button-negative-low-hover: #d11d45;
    --text-color-ds-button-negative-none: #d11d45;
    --text-color-ds-button-negative-none-hover: #ff7386;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #a67c1d;
    --text-color-ds-button-warning-medium-hover: #a67c1d;
    --text-color-ds-button-warning-low: #a67c1d;
    --text-color-ds-button-warning-low-hover: #a67c1d;
    --text-color-ds-button-warning-none: #a67c1d;
    --text-color-ds-button-warning-none-hover: #e8b100;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #37187d;
    --text-color-ds-button-brand-medium-hover: #37187d;
    --text-color-ds-button-brand-low: #37187d;
    --text-color-ds-button-brand-low-hover: #2b1463;
    --text-color-ds-button-brand-none: #37187d;
    --text-color-ds-button-brand-none-hover: #2b1463;
    --text-color-ds-button-info-high: #fff;
    --text-color-ds-button-info-medium: #0079b4;
    --text-color-ds-button-info-medium-hover: #0079b4;
    --text-color-ds-button-info-low: #0079b4;
    --text-color-ds-button-info-low-hover: #0079b4;
    --text-color-ds-button-info-none: #0079b4;
    --text-color-ds-button-info-none-hover: #00adfe;
    --text-color-ds-button-inverted-high: #7132f5;
    --text-color-ds-button-inverted-medium: #fff;
    --text-color-ds-button-inverted-medium-hover: #fff;
    --text-color-ds-button-inverted-low: #fff;
    --text-color-ds-button-inverted-low-hover: #fff;
    --text-color-ds-button-inverted-none: #fff;
    --text-color-ds-button-inverted-none-hover: #fff;
    --text-color-ds-button-neutral-high-icon: #fff;
    --text-color-ds-checkbox-primary: #101114;
    --text-color-ds-checkbox-description: #686b82;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #101114;
    --text-color-ds-checkboxgroup-description: #686b82;
    --text-color-ds-checkboxgroup-error: #aa0132;
    --text-color-ds-circle-primary-low: #7132f5;
    --text-color-ds-circle-neutral-low: #484b5e;
    --text-color-ds-circle-positive-low: #026b3f;
    --text-color-ds-circle-warning-low: #6f5000;
    --text-color-ds-circle-negative-low: #d11d45;
    --text-color-ds-circle-info-low: #006394;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #7132f5;
    --text-color-ds-circle-border-neutral-high: #9497a9;
    --text-color-ds-circle-border-positive-high: #149e61;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0079b4;
    --text-color-ds-datepicker: #1a1b22;
    --text-color-ds-datepicker-weekday: #353746;
    --text-color-ds-datepicker-today: #353746;
    --text-color-ds-datepicker-disabled: #9497a9;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #686b82;
    --text-color-ds-dropdown-button-content-placeholder-hover: #101114;
    --text-color-ds-dropdown-button-content-text: #101114;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #484b5e;
    --text-color-ds-filteritem-active: #101114;
    --text-color-ds-input: #101114;
    --text-color-ds-input-icon: #9497a9;
    --text-color-ds-input-label: #686b82;
    --text-color-ds-input-error-label: #aa0132;
    --text-color-ds-inputerror-label: #aa0132;
    --text-color-ds-label-value: #0000000a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #686b82;
    --text-color-ds-menu: #686b82;
    --text-color-ds-menu-active: #7132f5;
    --text-color-ds-notification-primary: #2b1463;
    --text-color-ds-notification-neutral: #101114;
    --text-color-ds-notification-negative: #3c000c;
    --text-color-ds-notification-warning: #3b2a00;
    --text-color-ds-notification-positive: #002d17;
    --text-color-ds-notification-info: #002940;
    --text-color-ds-notification-subtitle-primary: #37187d;
    --text-color-ds-notification-subtitle-neutral: #1a1b22;
    --text-color-ds-notification-subtitle-negative: #5f0018;
    --text-color-ds-notification-subtitle-warning: #553c00;
    --text-color-ds-notification-subtitle-positive: #004224;
    --text-color-ds-notification-subtitle-info: #003c5c;
    --text-color-ds-pill: #7132f5;
    --text-color-ds-pill-primary: #7132f5;
    --text-color-ds-pill-neutral: #101114;
    --text-color-ds-radio-primary: #101114;
    --text-color-ds-radio-disabled: #c6c7d2;
    --text-color-ds-radio-description: #686b82;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #101114;
    --text-color-ds-radiogroup-description: #484b5e;
    --text-color-ds-radiogroup-error: #d11d45;
    --text-color-ds-segmented-control-inactive: #686b82;
    --text-color-ds-segmented-control-inactive-hover: #101114;
    --text-color-ds-segmented-control-active-primary: #101114;
    --text-color-ds-segmented-control-active-positive: #08844f;
    --text-color-ds-segmented-control-active-negative: #d11d45;
    --text-color-ds-segmented-control-active-primary-low: #101114;
    --text-color-ds-segmented-control-active-positive-low: #08844f;
    --text-color-ds-segmented-control-active-negative-low: #d11d45;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #fff;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #101114;
    --text-color-ds-spinner-neutral: #484b5e;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #08844f;
    --text-color-ds-spinner-negative: #d11d45;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #000;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #fff;
    --text-color-ds-stacked-asset-icons: #101114;
    --text-color-ds-tabs: #686b82;
    --text-color-ds-tabs-active: #101114;
    --text-color-ds-tabs-on-background: #686b82;
    --text-color-ds-tabs-on-background-active: #101114;
    --text-color-ds-text-duo-primary-main: #101114;
    --text-color-ds-text-duo-primary-duo: #686b82;
    --text-color-ds-text-duo-neutral-main: #686b82;
    --text-color-ds-text-duo-neutral-duo: #9497a9;
    --text-color-ds-text-duo-positive-main: #08844f;
    --text-color-ds-text-duo-positive-duo: #08844f;
    --text-color-ds-text-duo-negative-main: #d11d45;
    --text-color-ds-text-duo-negative-duo: #d11d45;
    --text-color-ds-tooltip-text: #686b82;
    --text-color-ds-tooltip-title: #101114;
    --border-color-ds-asset-conversion-icons-primary: #101114;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #7132f5;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #7132f5;
    --border-color-ds-datepicker: #686b8214;
    --border-color-ds-base-drawer: #fff;
    --border-color-ds-input-focused: #7132f5;
    --border-color-ds-input-error: #f5395e;
    --border-color-ds-input-error-focused: #f5395e;
    --border-color-ds-legend-item-dimmed: #9497a9;
    --border-color-ds-menu: #686b8214;
    --border-color-ds-menu-divider: #686b8229;
    --border-color-ds-popover: #686b8214;
    --border-color-ds-radio-primary-focus: #7132f5;
    --border-color-ds-selectable-card-selected: #7132f5;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header: #686b821f;
    --border-color-ds-table-header-cell-hover: #7132f5;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b823d;
    --stroke-ds-dropdown-button-content-icon: #686b82;
    --stroke-ds-dropdown-button-content-icon-hover: #101114;
    --stroke-ds-icon-primary: #7132f5;
    --stroke-ds-icon-neutral: #686b82;
    --stroke-ds-icon-strong: #1a1b22;
    --stroke-ds-icon-dimmed: #9497a9;
    --stroke-ds-icon-positive: #08844f;
    --stroke-ds-icon-warning: #c39621;
    --stroke-ds-icon-negative: #d11d45;
    --stroke-ds-icon-info: #0079b4;
    --stroke-ds-icon-brand: #7132f5;
    --stroke-ds-icon-disabled: #c6c7d2;
    --stroke-ds-overlay-arrow: #686b8214;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #855bfb29;
    --ring-color-ds-circle-neutral-low: #686b821f;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c396213d;
    --ring-color-ds-circle-positive-low: #149e6129;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #7132f5;
    --ring-color-ds-circle-neutral-high: #9497a9;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #149e61;
    --ring-color-ds-circle-info-high: #0079b4;
    --fill-ds-brand-brand: #7132f5;
    --fill-ds-brand-neutral: #000;
    --fill-ds-brand-inverted: #fff;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #7132f5;
    --fill-ds-icon-neutral: #686b82;
    --fill-ds-icon-strong: #1a1b22;
    --fill-ds-icon-dimmed: #9497a9;
    --fill-ds-icon-positive: #08844f;
    --fill-ds-icon-warning: #c39621;
    --fill-ds-icon-negative: #d11d45;
    --fill-ds-icon-info: #0079b4;
    --fill-ds-icon-brand: #7132f5;
    --fill-ds-icon-disabled: #c6c7d2;
    --fill-ds-overlay-arrow: #fff;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #fff, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #fff;
    --placeholder-color-ds-input: #686b82;
    --caret-color-ds-input: inherit;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #7132f5;
    --opacity-ds-table-cell-dimmed: .4;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8252
}

.magic-dark-theme {
    --colors-ds-semantic-action-primary-background: #7132f5;
    --colors-ds-semantic-action-primary-background-hover: #8a61ff;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8229;
    --colors-ds-semantic-action-secondary-background-hover: #686b8252;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #c6c7d2;
    --colors-ds-semantic-border-default: #686b8252;
    --colors-ds-semantic-border-negative: #ff7386;
    --colors-ds-semantic-border-positive: #35df8d;
    --colors-ds-semantic-border-strong: #9497a9;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #9d82fe;
    --colors-ds-semantic-content-dimmed: #686b82;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #00adfe;
    --colors-ds-semantic-content-inverse: #101114;
    --colors-ds-semantic-content-negative: #ff7386;
    --colors-ds-semantic-content-neutral: #9497a9;
    --colors-ds-semantic-content-positive: #35df8d;
    --colors-ds-semantic-content-primary: #fff;
    --colors-ds-semantic-content-warning: #ffcd60;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #9d82fe);
    --colors-ds-semantic-focus-ring-inverse: #101114;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #d4cbff;
    --colors-ds-semantic-status-brand-content-strong: #f1efff;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #9d82fe;
    --colors-ds-semantic-status-brand-solid: #7132f5;
    --colors-ds-semantic-status-brand-subtle: #855bfb29;
    --colors-ds-semantic-status-info-content: #c7e1ff;
    --colors-ds-semantic-status-info-content-strong: #e7f2ff;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #00adfe;
    --colors-ds-semantic-status-info-solid: #0092d8;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #ffbdc3;
    --colors-ds-semantic-status-negative-content-strong: #ffd6da;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #ff7386;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #c6c7d2;
    --colors-ds-semantic-status-neutral-content-strong: #f7f7fa;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #9497a9;
    --colors-ds-semantic-status-neutral-solid: #686b82;
    --colors-ds-semantic-status-neutral-subtle: #686b8229;
    --colors-ds-semantic-status-positive-content: #44fc9e;
    --colors-ds-semantic-status-positive-content-strong: #c6feda;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #35df8d;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #ffe5b1;
    --colors-ds-semantic-status-warning-content-strong: #fffaf0;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #ffcd60;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c3962129;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #686b823d;
    --colors-ds-semantic-surface-overlay: #1f1b27;
    --colors-ds-semantic-surface-page: #0b0611;
    --colors-ds-semantic-surface-raised: #16121f;
    --colors-ds-semantic-surface-selected: #855bfb0a;
    --colors-ds-semantic-surface-sunken: #686b821f;
    --colors-ds-primary: #fff;
    --colors-ds-neutral: #9497a9;
    --colors-ds-dimmed: #686b82;
    --colors-ds-positive: #35df8d;
    --colors-ds-negative: #ff7386;
    --colors-ds-warning: #ffcd60;
    --colors-ds-brand: #9d82fe;
    --colors-ds-info: #00adfe;
    --colors-ds-inverted: #101114;
    --colors-ds-disabled: #484b5e;
    --colors-ds-strong: #fff;
    --colors-ds-subtle: #484b5e;
    --colors-ds-divider: #686b8252;
    --colors-ds-textlink-hover-primary: #9497a9;
    --colors-ds-textlink-hover-brand: #b8a8ff;
    --colors-ds-textlink-hover-neutral: #fff;
    --colors-ds-textlink-hover-positive: #149e61;
    --colors-ds-textlink-hover-negative: #f5395e;
    --colors-ds-textlink-hover-warning: #c39621;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #00000026;
    --box-shadow-ds-2: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-3: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-4: 0px 12px 16px -4px #00000026;
    --box-shadow-ds-5: 0px 20px 24px -4px #00000026;
    --box-shadow-ds-6: 0px 24px 48px -12px #0000004d;
    --box-shadow-ds-7: 0px 32px 64px -12px #0000004d;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #686b8252;
    --box-shadow-ds-banner: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-container: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #00000026, 0px 4px 8px -2px #00000026;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 150px 0px #000;
    --box-shadow-ds-menu: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --box-shadow-ds-popover: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #00000026;
    --outline-color-ds-accordion: #9d82fe;
    --outline-color-ds-button: #9d82fe;
    --outline-color-ds-card-selected: #9d82fe;
    --outline-color-ds-favourite-button: #9d82fe;
    --outline-color-ds-input-error-focused: #d11d45;
    --outline-color-ds-input: #7132f5;
    --outline-color-ds-input-error: #d11d45;
    --outline-color-ds-legend-item-dimmed: #686b82;
    --outline-color-ds-menu: #9d82fe;
    --outline-color-ds-notification: #9d82fe;
    --outline-color-ds-popover: #9d82fe;
    --outline-color-ds-segmented-control: #9d82fe;
    --outline-color-ds-selectable-card: #9d82fe;
    --outline-color-ds-tabs: #9d82fe;
    --outline-color-ds-table-header-cell: #9d82fe;
    --outline-color-ds-textlink: #9d82fe;
    --outline-color-ds-toggle: #9d82fe;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #7132f5;
    --background-color-ds-badge-primary-low: #855bfb29;
    --background-color-ds-badge-neutral-high: #686b82;
    --background-color-ds-badge-neutral-low: #686b8229;
    --background-color-ds-badge-positive-high: #149e61;
    --background-color-ds-badge-positive-low: #149e6129;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c3962129;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0092d8;
    --background-color-ds-badge-new-low: #855bfb29;
    --background-color-ds-badge-new-high: #7132f5;
    --background-color-ds-banner: #1a1b22;
    --background-color-ds-button-primary-high: #7132f5;
    --background-color-ds-button-primary-high-hover: #8a61ff;
    --background-color-ds-button-primary-medium: #855bfb29;
    --background-color-ds-button-primary-medium-hover: #855bfb52;
    --background-color-ds-button-primary-medium-active: #855bfb52;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #686b8229;
    --background-color-ds-button-primary-low-active: #686b8229;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #f7f7fa;
    --background-color-ds-button-neutral-high-hover: #e5e6ec;
    --background-color-ds-button-neutral-medium: #686b8229;
    --background-color-ds-button-neutral-medium-hover: #686b8252;
    --background-color-ds-button-neutral-medium-active: #686b8252;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #686b8229;
    --background-color-ds-button-neutral-low-active: #686b8229;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #35df8d;
    --background-color-ds-button-positive-high-hover: #44fc9e;
    --background-color-ds-button-positive-medium: #149e6129;
    --background-color-ds-button-positive-medium-hover: #149e6152;
    --background-color-ds-button-positive-medium-active: #149e6152;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #149e6129;
    --background-color-ds-button-positive-low-active: #149e6129;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #f5395e;
    --background-color-ds-button-negative-high-hover: #ff7386;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e52;
    --background-color-ds-button-negative-medium-active: #f5395e52;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c3962152;
    --background-color-ds-button-warning-medium-active: #c3962152;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #7132f5;
    --background-color-ds-button-brand-high-hover: #8a61ff;
    --background-color-ds-button-brand-medium: #855bfb29;
    --background-color-ds-button-brand-medium-hover: #855bfb52;
    --background-color-ds-button-brand-medium-active: #855bfb52;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #855bfb29;
    --background-color-ds-button-brand-low-active: #855bfb29;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0092d8;
    --background-color-ds-button-info-high-hover: #90c9ff;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #000;
    --background-color-ds-button-inverted-high-hover: #0000008f;
    --background-color-ds-button-inverted-medium: #00000014;
    --background-color-ds-button-inverted-medium-hover: #00000029;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #00000014;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #686b821f;
    --background-color-ds-card-disabled: #686b8214;
    --background-color-ds-card-selected: #855bfb0a;
    --background-color-ds-card-hover: #686b823d;
    --background-color-ds-card-selected-hover: #686b823d;
    --background-color-ds-card-background: #686b821f;
    --background-color-ds-card-background-hover: #686b823d;
    --background-color-ds-checkbox-unchecked: #686b8252;
    --background-color-ds-checkbox-unchecked-hover: #686b8266;
    --background-color-ds-checkbox-checked: #7132f5;
    --background-color-ds-checkbox-checked-hover: #8a61ff;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e29;
    --background-color-ds-circle-primary-low: #855bfb29;
    --background-color-ds-circle-neutral-low: #686b8229;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c3962129;
    --background-color-ds-circle-positive-low: #149e6129;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #7132f5;
    --background-color-ds-circle-neutral-high: #686b82;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #149e61;
    --background-color-ds-circle-info-high: #0092d8;
    --background-color-ds-container: #16121f;
    --background-color-ds-container-glass: #ffffff14;
    --background-color-ds-datepicker: #16121f;
    --background-color-ds-datepicker-raised: #272532;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #7132f5;
    --background-color-ds-datepicker-selected-day-range: #855bfb29;
    --background-color-ds-dialog: #1f1b27;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #686b8252;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: #16121f;
    --background-color-ds-dropdown-button: #686b8229;
    --background-color-ds-dropdown-button-hover: #686b8252;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8229;
    --background-color-ds-filteritem-active: #686b8252;
    --background-color-ds-full-screen-dialog: #0b0611;
    --background-color-ds-input: #686b8229;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #d11d45;
    --background-color-ds-input-border-error-focused: #d11d45;
    --background-color-ds-input-border-focused: #7132f5;
    --background-color-ds-input-content-icon: #686b82;
    --background-color-ds-input-content-input-text: #fff;
    --background-color-ds-input-content-label: #9497a9;
    --background-color-ds-input-error: #686b8229;
    --background-color-ds-input-error-focused: #686b8214;
    --background-color-ds-input-focused: #686b8214;
    --background-color-ds-input-hover: #686b8214;
    --background-color-ds-input-selected: #686b8214;
    --background-color-ds-input-error-label: #f5395e29;
    --background-color-ds-input-background: #686b8229;
    --background-color-ds-input-background-hover: #686b821f;
    --background-color-ds-input-background-selected: #686b821f;
    --background-color-ds-inputerror-label: #f5395e29;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #855bfb14;
    --background-color-ds-legend-item-dimmed: #686b82;
    --background-color-ds-list-hover: #686b823d;
    --background-color-ds-menu: #1f1b27;
    --background-color-ds-menu-raised: #272532;
    --background-color-ds-menu-hover: #686b8214;
    --background-color-ds-menu-pressed: #855bfb1f;
    --background-color-ds-menu-active: #686b8229;
    --background-color-ds-menu-active-hover: #686b821f;
    --background-color-ds-notification-primary: #855bfb29;
    --background-color-ds-notification-neutral: #686b8229;
    --background-color-ds-notification-negative: #f5395e29;
    --background-color-ds-notification-warning: #c3962129;
    --background-color-ds-notification-positive: #149e6129;
    --background-color-ds-notification-info: #0092d829;
    --background-color-ds-notification-primary-hover: #855bfb3d;
    --background-color-ds-notification-neutral-hover: #686b823d;
    --background-color-ds-notification-negative-hover: #f5395e3d;
    --background-color-ds-notification-warning-hover: #c396213d;
    --background-color-ds-notification-positive-hover: #149e613d;
    --background-color-ds-notification-info-hover: #0092d83d;
    --background-color-ds-pagination: #686b821f;
    --background-color-ds-pill: #855bfb29;
    --background-color-ds-pill-primary: #855bfb29;
    --background-color-ds-pill-neutral: #855bfb29;
    --background-color-ds-popover: #1f1b27;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-primary: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-finished: #08844f;
    --background-color-ds-radio-unchecked: #686b8252;
    --background-color-ds-radio-unchecked-hover: #686b8266;
    --background-color-ds-radio-checked: #7132f5;
    --background-color-ds-radio-checked-hover: #8a61ff;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #7132f5;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b82a3;
    --background-color-ds-scrollbar-thumb-hover: #686b827a;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #16121f;
    --background-color-ds-segmented-control-inactive-high: #686b821f;
    --background-color-ds-segmented-control-active-primary: #686b823d;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #686b823d;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #686b821f;
    --background-color-ds-selectable-card-selected: #855bfb0a;
    --background-color-ds-selectable-card-hover: #686b823d;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b823d;
    --background-color-ds-consumerpagination: #ffffff3d;
    --background-color-ds-consumerpagination-active: #fffffff5;
    --background-color-ds-consumerpagination-hover: #fff6;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #686b823d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #686b82;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #353746;
    --background-color-ds-tabs: #686b821f;
    --background-color-ds-tabs-hover: #686b8229;
    --background-color-ds-tabs-active: #686b823d;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #686b823d;
    --background-color-ds-table-cell-sticky: #16121f;
    --background-color-ds-table-cell-sticky-container: #16121f;
    --background-color-ds-table-cell-sticky-dialog: #1f1b27;
    --background-color-ds-table-cell-sticky-dialog-container: #16121f;
    --background-color-ds-table-cell-sticky-container-card: #21202c;
    --background-color-ds-table-cell-sticky-container-card-hover: #22202e;
    --background-color-ds-table-cell-sticky-container-hover: #191523;
    --background-color-ds-table-cell-sticky-dialog-hover: #221e2b;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #1a1826;
    --background-color-ds-table-header-cell-resize: #9d82fe;
    --background-color-ds-table-header-cell-sticky: #16121f;
    --background-color-ds-table-row-group: #686b8214;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b8214;
    --background-color-ds-table-row-hover: #686b820a;
    --background-color-ds-table-row: #16121f;
    --background-color-ds-toggle-handle-on: #eeeff3;
    --background-color-ds-toggle-handle-off: #9497a9;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #686b8252;
    --background-color-ds-tooltip: #22232d;
    --text-color-ds-accordion-primary: #9497a9;
    --text-color-ds-accordion-disabled: #9497a9;
    --text-color-ds-accordion-hover: #fff;
    --text-color-ds-badge-primary: #9d82fe;
    --text-color-ds-badge-neutral: #9497a9;
    --text-color-ds-badge-positive: #35df8d;
    --text-color-ds-badge-negative: #ff7386;
    --text-color-ds-badge-warning: #ffcd60;
    --text-color-ds-badge-high: #fff;
    --text-color-ds-asseticon-neutral: #000;
    --text-color-ds-asseticon-inverted: #fff;
    --text-color-ds-badge-high-inverse: #101114;
    --text-color-ds-badge-info: #00adfe;
    --text-color-ds-badge-new: #9d82fe;
    --text-color-ds-brand-brand: #855bfb;
    --text-color-ds-brand-neutral: #fff;
    --text-color-ds-brand-inverted: #000;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #9497a9;
    --text-color-ds-breadcrumbs-hover: #fff;
    --text-color-ds-breadcrumbs-selected: #fff;
    --text-color-ds-button-primary-high: #fff;
    --text-color-ds-button-primary-medium: #fff;
    --text-color-ds-button-primary-medium-hover: #fff;
    --text-color-ds-button-primary-low: #fff;
    --text-color-ds-button-primary-low-hover: #fff;
    --text-color-ds-button-primary-none: #fff;
    --text-color-ds-button-primary-none-hover: #9497a9;
    --text-color-ds-button-neutral-high: #101114;
    --text-color-ds-button-neutral-medium: #9497a9;
    --text-color-ds-button-neutral-medium-hover: #fff;
    --text-color-ds-button-neutral-low: #9497a9;
    --text-color-ds-button-neutral-low-hover: #fff;
    --text-color-ds-button-neutral-none: #9497a9;
    --text-color-ds-button-neutral-none-hover: #fff;
    --text-color-ds-button-positive-high: #002d17;
    --text-color-ds-button-positive-medium: #35df8d;
    --text-color-ds-button-positive-medium-hover: #35df8d;
    --text-color-ds-button-positive-low: #35df8d;
    --text-color-ds-button-positive-low-hover: #35df8d;
    --text-color-ds-button-positive-none: #35df8d;
    --text-color-ds-button-positive-none-hover: #23ba75;
    --text-color-ds-button-negative-high: #3c000c;
    --text-color-ds-button-negative-medium: #ff9fa9;
    --text-color-ds-button-negative-medium-hover: #ff9fa9;
    --text-color-ds-button-negative-low: #ff7386;
    --text-color-ds-button-negative-low-hover: #ff7386;
    --text-color-ds-button-negative-none: #ff7386;
    --text-color-ds-button-negative-none-hover: #f5395e;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #ffcd60;
    --text-color-ds-button-warning-medium-hover: #ffcd60;
    --text-color-ds-button-warning-low: #e8b100;
    --text-color-ds-button-warning-low-hover: #e8b100;
    --text-color-ds-button-warning-none: #e8b100;
    --text-color-ds-button-warning-none-hover: #c39621;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #d4cbff;
    --text-color-ds-button-brand-medium-hover: #d4cbff;
    --text-color-ds-button-brand-low: #d4cbff;
    --text-color-ds-button-brand-low-hover: #f1efff;
    --text-color-ds-button-brand-none: #d4cbff;
    --text-color-ds-button-brand-none-hover: #f1efff;
    --text-color-ds-button-info-high: #002940;
    --text-color-ds-button-info-medium: #90c9ff;
    --text-color-ds-button-info-medium-hover: #90c9ff;
    --text-color-ds-button-info-low: #0092d8;
    --text-color-ds-button-info-low-hover: #0092d8;
    --text-color-ds-button-info-none: #0092d8;
    --text-color-ds-button-info-none-hover: #0079b4;
    --text-color-ds-button-inverted-high: #fff;
    --text-color-ds-button-inverted-medium: #101114;
    --text-color-ds-button-inverted-medium-hover: #101114;
    --text-color-ds-button-inverted-low: #101114;
    --text-color-ds-button-inverted-low-hover: #101114;
    --text-color-ds-button-inverted-none: #101114;
    --text-color-ds-button-inverted-none-hover: #101114;
    --text-color-ds-button-neutral-high-icon: #101114;
    --text-color-ds-checkbox-primary: #fff;
    --text-color-ds-checkbox-description: #9497a9;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #fff;
    --text-color-ds-checkboxgroup-description: #9497a9;
    --text-color-ds-checkboxgroup-error: #ff7386;
    --text-color-ds-circle-primary-low: #9d82fe;
    --text-color-ds-circle-neutral-low: #9497a9;
    --text-color-ds-circle-positive-low: #35df8d;
    --text-color-ds-circle-warning-low: #ffcd60;
    --text-color-ds-circle-negative-low: #ff7386;
    --text-color-ds-circle-info-low: #00adfe;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #7132f5;
    --text-color-ds-circle-border-neutral-high: #686b82;
    --text-color-ds-circle-border-positive-high: #149e61;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0092d8;
    --text-color-ds-datepicker: #eeeff3;
    --text-color-ds-datepicker-weekday: #9497a9;
    --text-color-ds-datepicker-today: #9497a9;
    --text-color-ds-datepicker-disabled: #686b82;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #9497a9;
    --text-color-ds-dropdown-button-content-placeholder-hover: #fff;
    --text-color-ds-dropdown-button-content-text: #fff;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #9497a9;
    --text-color-ds-filteritem-active: #f7f7fa;
    --text-color-ds-input: #fff;
    --text-color-ds-input-icon: #686b82;
    --text-color-ds-input-label: #9497a9;
    --text-color-ds-input-error-label: #ff7386;
    --text-color-ds-inputerror-label: #ff7386;
    --text-color-ds-label-value: #ffffff0a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #fff;
    --text-color-ds-menu: #fff;
    --text-color-ds-menu-active: #9d82fe;
    --text-color-ds-notification-primary: #f1efff;
    --text-color-ds-notification-neutral: #f7f7fa;
    --text-color-ds-notification-negative: #ffd6da;
    --text-color-ds-notification-warning: #fffaf0;
    --text-color-ds-notification-positive: #c6feda;
    --text-color-ds-notification-info: #e7f2ff;
    --text-color-ds-notification-subtitle-primary: #d4cbff;
    --text-color-ds-notification-subtitle-neutral: #c6c7d2;
    --text-color-ds-notification-subtitle-negative: #ffbdc3;
    --text-color-ds-notification-subtitle-warning: #ffe5b1;
    --text-color-ds-notification-subtitle-positive: #44fc9e;
    --text-color-ds-notification-subtitle-info: #c7e1ff;
    --text-color-ds-pill: #9d82fe;
    --text-color-ds-pill-primary: #9d82fe;
    --text-color-ds-pill-neutral: #9d82fe;
    --text-color-ds-radio-primary: #fff;
    --text-color-ds-radio-disabled: #484b5e;
    --text-color-ds-radio-description: #9497a9;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #f7f7fa;
    --text-color-ds-radiogroup-description: #9497a9;
    --text-color-ds-radiogroup-error: #ff7386;
    --text-color-ds-segmented-control-inactive: #9497a9;
    --text-color-ds-segmented-control-inactive-hover: #fff;
    --text-color-ds-segmented-control-active-primary: #fff;
    --text-color-ds-segmented-control-active-positive: #35df8d;
    --text-color-ds-segmented-control-active-negative: #ff7386;
    --text-color-ds-segmented-control-active-primary-low: #fff;
    --text-color-ds-segmented-control-active-positive-low: #35df8d;
    --text-color-ds-segmented-control-active-negative-low: #ff7386;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #686b823d;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #f7f7fa;
    --text-color-ds-spinner-neutral: #9497a9;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #35df8d;
    --text-color-ds-spinner-negative: #ff7386;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #fff;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #000;
    --text-color-ds-stacked-asset-icons: #f7f7fa;
    --text-color-ds-tabs: #9497a9;
    --text-color-ds-tabs-active: #fff;
    --text-color-ds-tabs-on-background: #9497a9;
    --text-color-ds-tabs-on-background-active: #fff;
    --text-color-ds-text-duo-primary-main: #fff;
    --text-color-ds-text-duo-primary-duo: #9497a9;
    --text-color-ds-text-duo-neutral-main: #9497a9;
    --text-color-ds-text-duo-neutral-duo: #686b82;
    --text-color-ds-text-duo-positive-main: #35df8d;
    --text-color-ds-text-duo-positive-duo: #35df8d;
    --text-color-ds-text-duo-negative-main: #ff7386;
    --text-color-ds-text-duo-negative-duo: #ff7386;
    --text-color-ds-tooltip-text: #9497a9;
    --text-color-ds-tooltip-title: #fff;
    --border-color-ds-asset-conversion-icons-primary: #fff;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #9d82fe;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #9d82fe;
    --border-color-ds-datepicker: #fff0;
    --border-color-ds-base-drawer: #ffffff14;
    --border-color-ds-input-focused: #7132f5;
    --border-color-ds-input-error: #d11d45;
    --border-color-ds-input-error-focused: #d11d45;
    --border-color-ds-legend-item-dimmed: #686b82;
    --border-color-ds-menu: #fff0;
    --border-color-ds-menu-divider: #686b8252;
    --border-color-ds-popover: #fff0;
    --border-color-ds-radio-primary-focus: #9d82fe;
    --border-color-ds-selectable-card-selected: #9d82fe;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header-cell-hover: #9d82fe;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b8229;
    --stroke-ds-dropdown-button-content-icon: #9497a9;
    --stroke-ds-dropdown-button-content-icon-hover: #fff;
    --stroke-ds-icon-primary: #fff;
    --stroke-ds-icon-neutral: #9497a9;
    --stroke-ds-icon-strong: #fff;
    --stroke-ds-icon-dimmed: #686b82;
    --stroke-ds-icon-positive: #35df8d;
    --stroke-ds-icon-warning: #ffcd60;
    --stroke-ds-icon-negative: #ff7386;
    --stroke-ds-icon-info: #00adfe;
    --stroke-ds-icon-brand: #9d82fe;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #fff0;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #855bfb29;
    --ring-color-ds-circle-neutral-low: #686b8229;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c3962129;
    --ring-color-ds-circle-positive-low: #149e6129;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #7132f5;
    --ring-color-ds-circle-neutral-high: #686b82;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #149e61;
    --ring-color-ds-circle-info-high: #0092d8;
    --fill-ds-brand-brand: #855bfb;
    --fill-ds-brand-neutral: #fff;
    --fill-ds-brand-inverted: #000;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #fff;
    --fill-ds-icon-neutral: #9497a9;
    --fill-ds-icon-strong: #fff;
    --fill-ds-icon-dimmed: #686b82;
    --fill-ds-icon-positive: #35df8d;
    --fill-ds-icon-warning: #ffcd60;
    --fill-ds-icon-negative: #ff7386;
    --fill-ds-icon-info: #00adfe;
    --fill-ds-icon-brand: #9d82fe;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #1f1b27;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #1f1b27, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #1f1b27;
    --placeholder-color-ds-input: #9497a9;
    --caret-color-ds-input: #fff;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #9d82fe;
    --opacity-ds-table-cell-dimmed: .5;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8266
}

.magic-light-theme {
    --colors-ds-semantic-action-primary-background: #7132f5;
    --colors-ds-semantic-action-primary-background-hover: #5b1ecf;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8214;
    --colors-ds-semantic-action-secondary-background-hover: #686b821f;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #484b5e;
    --colors-ds-semantic-border-default: #686b8229;
    --colors-ds-semantic-border-negative: #d11d45;
    --colors-ds-semantic-border-positive: #08844f;
    --colors-ds-semantic-border-strong: #686b82;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #7132f5;
    --colors-ds-semantic-content-dimmed: #9497a9;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #0079b4;
    --colors-ds-semantic-content-inverse: #f1efff;
    --colors-ds-semantic-content-negative: #d11d45;
    --colors-ds-semantic-content-neutral: #686b82;
    --colors-ds-semantic-content-positive: #08844f;
    --colors-ds-semantic-content-primary: #101114;
    --colors-ds-semantic-content-warning: #c39621;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #7132f5);
    --colors-ds-semantic-focus-ring-inverse: #fff;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #37187d;
    --colors-ds-semantic-status-brand-content-strong: #2b1463;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #7132f5;
    --colors-ds-semantic-status-brand-solid: #7132f5;
    --colors-ds-semantic-status-brand-subtle: #855bfb29;
    --colors-ds-semantic-status-info-content: #003c5c;
    --colors-ds-semantic-status-info-content-strong: #002940;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #006394;
    --colors-ds-semantic-status-info-solid: #0079b4;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #5f0018;
    --colors-ds-semantic-status-negative-content-strong: #3c000c;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #d11d45;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #1a1b22;
    --colors-ds-semantic-status-neutral-content-strong: #101114;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #484b5e;
    --colors-ds-semantic-status-neutral-solid: #9497a9;
    --colors-ds-semantic-status-neutral-subtle: #686b821f;
    --colors-ds-semantic-status-positive-content: #004224;
    --colors-ds-semantic-status-positive-content-strong: #002d17;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #026b3f;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #553c00;
    --colors-ds-semantic-status-warning-content-strong: #3b2a00;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #553c00;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c396213d;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #686b821f;
    --colors-ds-semantic-surface-overlay: #fff;
    --colors-ds-semantic-surface-page: #f6f5f9;
    --colors-ds-semantic-surface-raised: #fff;
    --colors-ds-semantic-surface-selected: #855bfb14;
    --colors-ds-semantic-surface-sunken: #9497a914;
    --colors-ds-primary: #101114;
    --colors-ds-neutral: #686b82;
    --colors-ds-dimmed: #9497a9;
    --colors-ds-positive: #08844f;
    --colors-ds-negative: #d11d45;
    --colors-ds-warning: #c39621;
    --colors-ds-brand: #7132f5;
    --colors-ds-info: #0079b4;
    --colors-ds-inverted: #f1efff;
    --colors-ds-disabled: #c6c7d2;
    --colors-ds-strong: #1a1b22;
    --colors-ds-subtle: #c6c7d2;
    --colors-ds-divider: #686b823d;
    --colors-ds-textlink-hover-primary: #686b82;
    --colors-ds-textlink-hover-brand: #471ca0;
    --colors-ds-textlink-hover-neutral: #101114;
    --colors-ds-textlink-hover-positive: #005531;
    --colors-ds-textlink-hover-negative: #840125;
    --colors-ds-textlink-hover-warning: #89640c;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #1018280a;
    --box-shadow-ds-2: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-3: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-4: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-5: 0px 20px 24px -4px #1018280f;
    --box-shadow-ds-6: 0px 24px 48px -12px #1018282e;
    --box-shadow-ds-7: 0px 32px 64px -12px #10182824;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #686b823d;
    --box-shadow-ds-banner: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-container: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 75px 0px #00000026;
    --box-shadow-ds-menu: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-popover: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --outline-color-ds-accordion: #7132f5;
    --outline-color-ds-button: #7132f5;
    --outline-color-ds-card-selected: #7132f5;
    --outline-color-ds-favourite-button: #7132f5;
    --outline-color-ds-input-error-focused: #f5395e;
    --outline-color-ds-input: #7132f5;
    --outline-color-ds-input-error: #f5395e;
    --outline-color-ds-legend-item-dimmed: #9497a9;
    --outline-color-ds-menu: #7132f5;
    --outline-color-ds-notification: #7132f5;
    --outline-color-ds-popover: #7132f5;
    --outline-color-ds-segmented-control: #7132f5;
    --outline-color-ds-selectable-card: #7132f5;
    --outline-color-ds-tabs: #7132f5;
    --outline-color-ds-table-header-cell: #7132f5;
    --outline-color-ds-textlink: #7132f5;
    --outline-color-ds-toggle: #7132f5;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #7132f5;
    --background-color-ds-badge-primary-low: #855bfb29;
    --background-color-ds-badge-neutral-high: #9497a9;
    --background-color-ds-badge-neutral-low: #686b821f;
    --background-color-ds-badge-positive-high: #149e61;
    --background-color-ds-badge-positive-low: #149e6129;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c396213d;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0079b4;
    --background-color-ds-badge-new-low: #855bfb29;
    --background-color-ds-badge-new-high: #7132f5;
    --background-color-ds-banner: #fff;
    --background-color-ds-button-primary-high: #7132f5;
    --background-color-ds-button-primary-high-hover: #5b1ecf;
    --background-color-ds-button-primary-medium: #855bfb29;
    --background-color-ds-button-primary-medium-hover: #855bfb52;
    --background-color-ds-button-primary-medium-active: #855bfb52;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #686b8214;
    --background-color-ds-button-primary-low-active: #686b8214;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #101114;
    --background-color-ds-button-neutral-high-hover: #22232d;
    --background-color-ds-button-neutral-medium: #686b8214;
    --background-color-ds-button-neutral-medium-hover: #686b821f;
    --background-color-ds-button-neutral-medium-active: #686b821f;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #686b8214;
    --background-color-ds-button-neutral-low-active: #686b8214;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #08844f;
    --background-color-ds-button-positive-high-hover: #026b3f;
    --background-color-ds-button-positive-medium: #149e6129;
    --background-color-ds-button-positive-medium-hover: #149e613d;
    --background-color-ds-button-positive-medium-active: #149e613d;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #149e6129;
    --background-color-ds-button-positive-low-active: #149e6129;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #d11d45;
    --background-color-ds-button-negative-high-hover: #aa0132;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e3d;
    --background-color-ds-button-negative-medium-active: #f5395e3d;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c396213d;
    --background-color-ds-button-warning-medium-active: #c396213d;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #7132f5;
    --background-color-ds-button-brand-high-hover: #5b1ecf;
    --background-color-ds-button-brand-medium: #855bfb29;
    --background-color-ds-button-brand-medium-hover: #855bfb52;
    --background-color-ds-button-brand-medium-active: #855bfb52;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #855bfb29;
    --background-color-ds-button-brand-low-active: #855bfb29;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0079b4;
    --background-color-ds-button-info-high-hover: #00adfe;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #fff;
    --background-color-ds-button-inverted-high-hover: #ffffffe0;
    --background-color-ds-button-inverted-medium: #ffffff29;
    --background-color-ds-button-inverted-medium-hover: #ffffff3d;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #ffffff29;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #9497a914;
    --background-color-ds-card-disabled: #686b8214;
    --background-color-ds-card-selected: #855bfb14;
    --background-color-ds-card-hover: #9497a91f;
    --background-color-ds-card-selected-hover: #686b821f;
    --background-color-ds-card-background: #fff;
    --background-color-ds-card-background-hover: #ffffffb8;
    --background-color-ds-checkbox-unchecked: #686b8252;
    --background-color-ds-checkbox-unchecked-hover: #686b8266;
    --background-color-ds-checkbox-checked: #7132f5;
    --background-color-ds-checkbox-checked-hover: #5b1ecf;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e14;
    --background-color-ds-circle-primary-low: #855bfb29;
    --background-color-ds-circle-neutral-low: #686b821f;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c396213d;
    --background-color-ds-circle-positive-low: #149e6129;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #7132f5;
    --background-color-ds-circle-neutral-high: #9497a9;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #149e61;
    --background-color-ds-circle-info-high: #0079b4;
    --background-color-ds-container: #fff;
    --background-color-ds-container-glass: #ffffff14;
    --background-color-ds-datepicker: #fff;
    --background-color-ds-datepicker-raised: #fff;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #7132f5;
    --background-color-ds-datepicker-selected-day-range: #855bfb29;
    --background-color-ds-dialog: #fff;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #686b823d;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: #fff;
    --background-color-ds-dropdown-button: #686b8214;
    --background-color-ds-dropdown-button-hover: #686b821f;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8214;
    --background-color-ds-filteritem-active: #686b821f;
    --background-color-ds-full-screen-dialog: #fff;
    --background-color-ds-input: #686b8214;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #f5395e;
    --background-color-ds-input-border-error-focused: #f5395e;
    --background-color-ds-input-border-focused: #7132f5;
    --background-color-ds-input-content-icon: #9497a9;
    --background-color-ds-input-content-input-text: #101114;
    --background-color-ds-input-content-label: #686b82;
    --background-color-ds-input-error: #686b8214;
    --background-color-ds-input-error-focused: #686b821f;
    --background-color-ds-input-focused: #686b820a;
    --background-color-ds-input-hover: #686b821f;
    --background-color-ds-input-selected: #686b820a;
    --background-color-ds-input-error-label: #f5395e14;
    --background-color-ds-input-background: #fff;
    --background-color-ds-input-background-hover: #fffc;
    --background-color-ds-input-background-selected: #fffc;
    --background-color-ds-inputerror-label: #f5395e14;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #eeeff3;
    --background-color-ds-legend-item-dimmed: #9497a9;
    --background-color-ds-list-hover: #9497a91f;
    --background-color-ds-menu: #fff;
    --background-color-ds-menu-raised: #fff;
    --background-color-ds-menu-hover: #686b820a;
    --background-color-ds-menu-pressed: #686b8214;
    --background-color-ds-menu-active: #686b8214;
    --background-color-ds-menu-active-hover: #686b8214;
    --background-color-ds-notification-primary: #855bfb14;
    --background-color-ds-notification-neutral: #686b8214;
    --background-color-ds-notification-negative: #f5395e14;
    --background-color-ds-notification-warning: #c3962114;
    --background-color-ds-notification-positive: #149e6114;
    --background-color-ds-notification-info: #0092d814;
    --background-color-ds-notification-primary-hover: #855bfb29;
    --background-color-ds-notification-neutral-hover: #686b8229;
    --background-color-ds-notification-negative-hover: #f5395e29;
    --background-color-ds-notification-warning-hover: #c3962129;
    --background-color-ds-notification-positive-hover: #149e6129;
    --background-color-ds-notification-info-hover: #0092d829;
    --background-color-ds-pagination: #686b8214;
    --background-color-ds-pill: #855bfb29;
    --background-color-ds-pill-primary: #855bfb29;
    --background-color-ds-pill-neutral: #855bfb29;
    --background-color-ds-popover: #fff;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-in-progress: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-info: #0092d829;
    --background-color-ds-progresstracker-warning: #c3962129;
    --background-color-ds-progresstracker-finished: #149e6129;
    --background-color-ds-radio-unchecked: #686b8252;
    --background-color-ds-radio-unchecked-hover: #686b8266;
    --background-color-ds-radio-checked: #7132f5;
    --background-color-ds-radio-checked-hover: #5b1ecf;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #855bfb;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b8266;
    --background-color-ds-scrollbar-thumb-hover: #686b823d;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #fff;
    --background-color-ds-segmented-control-inactive-high: #686b821f;
    --background-color-ds-segmented-control-active-primary: #fff;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #686b821f;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #9497a914;
    --background-color-ds-selectable-card-selected: #855bfb14;
    --background-color-ds-selectable-card-hover: #9497a91f;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b821f;
    --background-color-ds-consumerpagination: #686b823d;
    --background-color-ds-consumerpagination-active: #686b82b8;
    --background-color-ds-consumerpagination-hover: #ffffff52;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #686b823d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #686b82;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #e5e6ec;
    --background-color-ds-tabs: #686b820a;
    --background-color-ds-tabs-hover: #686b8214;
    --background-color-ds-tabs-active: #686b821f;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #fff;
    --background-color-ds-table-cell-sticky: #fff;
    --background-color-ds-table-cell-sticky-container: #fff;
    --background-color-ds-table-cell-sticky-dialog: #fff;
    --background-color-ds-table-cell-sticky-dialog-container: #fff;
    --background-color-ds-table-cell-sticky-container-card: #f7f7f8;
    --background-color-ds-table-cell-sticky-container-card-hover: #f1f1f3;
    --background-color-ds-table-cell-sticky-container-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #f9f9fa;
    --background-color-ds-table-header-cell-resize: #7132f5;
    --background-color-ds-table-header-cell-sticky: #fff;
    --background-color-ds-table-row-group: #686b820a;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b820a;
    --background-color-ds-table-row-hover: #686b820a;
    --background-color-ds-table-row: #fff;
    --background-color-ds-toggle-handle-on: #fff;
    --background-color-ds-toggle-handle-off: #fff;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #686b8252;
    --background-color-ds-tooltip: #eeeff3;
    --text-color-ds-accordion-primary: #686b82;
    --text-color-ds-accordion-disabled: #484b5e;
    --text-color-ds-accordion-hover: #101114;
    --text-color-ds-badge-primary: #7132f5;
    --text-color-ds-badge-neutral: #484b5e;
    --text-color-ds-badge-positive: #026b3f;
    --text-color-ds-badge-negative: #d11d45;
    --text-color-ds-badge-warning: #553c00;
    --text-color-ds-badge-high: #fff;
    --text-color-ds-asseticon-neutral: #fff;
    --text-color-ds-asseticon-inverted: #000;
    --text-color-ds-badge-high-inverse: #101114;
    --text-color-ds-badge-info: #006394;
    --text-color-ds-badge-new: #7132f5;
    --text-color-ds-brand-brand: #7132f5;
    --text-color-ds-brand-neutral: #000;
    --text-color-ds-brand-inverted: #fff;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #686b82;
    --text-color-ds-breadcrumbs-hover: #101114;
    --text-color-ds-breadcrumbs-selected: #101114;
    --text-color-ds-button-primary-high: #fff;
    --text-color-ds-button-primary-medium: #7132f5;
    --text-color-ds-button-primary-medium-hover: #7132f5;
    --text-color-ds-button-primary-low: #101114;
    --text-color-ds-button-primary-low-hover: #101114;
    --text-color-ds-button-primary-none: #101114;
    --text-color-ds-button-primary-none-hover: #686b82;
    --text-color-ds-button-neutral-high: #f1efff;
    --text-color-ds-button-neutral-medium: #686b82;
    --text-color-ds-button-neutral-medium-hover: #101114;
    --text-color-ds-button-neutral-low: #686b82;
    --text-color-ds-button-neutral-low-hover: #101114;
    --text-color-ds-button-neutral-none: #686b82;
    --text-color-ds-button-neutral-none-hover: #101114;
    --text-color-ds-button-positive-high: #fff;
    --text-color-ds-button-positive-medium: #08844f;
    --text-color-ds-button-positive-medium-hover: #08844f;
    --text-color-ds-button-positive-low: #149e61;
    --text-color-ds-button-positive-low-hover: #149e61;
    --text-color-ds-button-positive-none: #149e61;
    --text-color-ds-button-positive-none-hover: #35df8d;
    --text-color-ds-button-negative-high: #fff;
    --text-color-ds-button-negative-medium: #d11d45;
    --text-color-ds-button-negative-medium-hover: #d11d45;
    --text-color-ds-button-negative-low: #d11d45;
    --text-color-ds-button-negative-low-hover: #d11d45;
    --text-color-ds-button-negative-none: #d11d45;
    --text-color-ds-button-negative-none-hover: #ff7386;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #a67c1d;
    --text-color-ds-button-warning-medium-hover: #a67c1d;
    --text-color-ds-button-warning-low: #a67c1d;
    --text-color-ds-button-warning-low-hover: #a67c1d;
    --text-color-ds-button-warning-none: #a67c1d;
    --text-color-ds-button-warning-none-hover: #e8b100;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #37187d;
    --text-color-ds-button-brand-medium-hover: #37187d;
    --text-color-ds-button-brand-low: #37187d;
    --text-color-ds-button-brand-low-hover: #2b1463;
    --text-color-ds-button-brand-none: #37187d;
    --text-color-ds-button-brand-none-hover: #2b1463;
    --text-color-ds-button-info-high: #fff;
    --text-color-ds-button-info-medium: #0079b4;
    --text-color-ds-button-info-medium-hover: #0079b4;
    --text-color-ds-button-info-low: #0079b4;
    --text-color-ds-button-info-low-hover: #0079b4;
    --text-color-ds-button-info-none: #0079b4;
    --text-color-ds-button-info-none-hover: #00adfe;
    --text-color-ds-button-inverted-high: #7132f5;
    --text-color-ds-button-inverted-medium: #f1efff;
    --text-color-ds-button-inverted-medium-hover: #f1efff;
    --text-color-ds-button-inverted-low: #f1efff;
    --text-color-ds-button-inverted-low-hover: #f1efff;
    --text-color-ds-button-inverted-none: #f1efff;
    --text-color-ds-button-inverted-none-hover: #f1efff;
    --text-color-ds-button-neutral-high-icon: #f1efff;
    --text-color-ds-checkbox-primary: #101114;
    --text-color-ds-checkbox-description: #686b82;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #101114;
    --text-color-ds-checkboxgroup-description: #686b82;
    --text-color-ds-checkboxgroup-error: #d11d45;
    --text-color-ds-circle-primary-low: #7132f5;
    --text-color-ds-circle-neutral-low: #484b5e;
    --text-color-ds-circle-positive-low: #026b3f;
    --text-color-ds-circle-warning-low: #6f5000;
    --text-color-ds-circle-negative-low: #d11d45;
    --text-color-ds-circle-info-low: #006394;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #7132f5;
    --text-color-ds-circle-border-neutral-high: #9497a9;
    --text-color-ds-circle-border-positive-high: #149e61;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0079b4;
    --text-color-ds-datepicker: #1a1b22;
    --text-color-ds-datepicker-weekday: #353746;
    --text-color-ds-datepicker-today: #353746;
    --text-color-ds-datepicker-disabled: #9497a9;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #686b82;
    --text-color-ds-dropdown-button-content-placeholder-hover: #101114;
    --text-color-ds-dropdown-button-content-text: #101114;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #484b5e;
    --text-color-ds-filteritem-active: #101114;
    --text-color-ds-input: #101114;
    --text-color-ds-input-icon: #9497a9;
    --text-color-ds-input-label: #686b82;
    --text-color-ds-input-error-label: #d11d45;
    --text-color-ds-inputerror-label: #d11d45;
    --text-color-ds-label-value: #0000000a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #686b82;
    --text-color-ds-menu: #686b82;
    --text-color-ds-menu-active: #7132f5;
    --text-color-ds-notification-primary: #2b1463;
    --text-color-ds-notification-neutral: #101114;
    --text-color-ds-notification-negative: #3c000c;
    --text-color-ds-notification-warning: #3b2a00;
    --text-color-ds-notification-positive: #002d17;
    --text-color-ds-notification-info: #002940;
    --text-color-ds-notification-subtitle-primary: #37187d;
    --text-color-ds-notification-subtitle-neutral: #1a1b22;
    --text-color-ds-notification-subtitle-negative: #5f0018;
    --text-color-ds-notification-subtitle-warning: #553c00;
    --text-color-ds-notification-subtitle-positive: #004224;
    --text-color-ds-notification-subtitle-info: #003c5c;
    --text-color-ds-pill: #7132f5;
    --text-color-ds-pill-primary: #7132f5;
    --text-color-ds-pill-neutral: #7132f5;
    --text-color-ds-radio-primary: #101114;
    --text-color-ds-radio-disabled: #c6c7d2;
    --text-color-ds-radio-description: #686b82;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #101114;
    --text-color-ds-radiogroup-description: #484b5e;
    --text-color-ds-radiogroup-error: #d11d45;
    --text-color-ds-segmented-control-inactive: #686b82;
    --text-color-ds-segmented-control-inactive-hover: #101114;
    --text-color-ds-segmented-control-active-primary: #101114;
    --text-color-ds-segmented-control-active-positive: #08844f;
    --text-color-ds-segmented-control-active-negative: #d11d45;
    --text-color-ds-segmented-control-active-primary-low: #101114;
    --text-color-ds-segmented-control-active-positive-low: #08844f;
    --text-color-ds-segmented-control-active-negative-low: #d11d45;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #fff;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #101114;
    --text-color-ds-spinner-neutral: #484b5e;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #08844f;
    --text-color-ds-spinner-negative: #d11d45;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #000;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #fff;
    --text-color-ds-stacked-asset-icons: #101114;
    --text-color-ds-tabs: #686b82;
    --text-color-ds-tabs-active: #101114;
    --text-color-ds-tabs-on-background: #686b82;
    --text-color-ds-tabs-on-background-active: #101114;
    --text-color-ds-text-duo-primary-main: #101114;
    --text-color-ds-text-duo-primary-duo: #686b82;
    --text-color-ds-text-duo-neutral-main: #686b82;
    --text-color-ds-text-duo-neutral-duo: #9497a9;
    --text-color-ds-text-duo-positive-main: #08844f;
    --text-color-ds-text-duo-positive-duo: #08844f;
    --text-color-ds-text-duo-negative-main: #d11d45;
    --text-color-ds-text-duo-negative-duo: #d11d45;
    --text-color-ds-tooltip-text: #686b82;
    --text-color-ds-tooltip-title: #101114;
    --border-color-ds-asset-conversion-icons-primary: #101114;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #7132f5;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #7132f5;
    --border-color-ds-datepicker: #686b8214;
    --border-color-ds-base-drawer: #fff;
    --border-color-ds-input-focused: #7132f5;
    --border-color-ds-input-error: #f5395e;
    --border-color-ds-input-error-focused: #f5395e;
    --border-color-ds-legend-item-dimmed: #9497a9;
    --border-color-ds-menu: #686b8214;
    --border-color-ds-menu-divider: #686b823d;
    --border-color-ds-popover: #686b8214;
    --border-color-ds-radio-primary-focus: #7132f5;
    --border-color-ds-selectable-card-selected: #7132f5;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header: #686b821f;
    --border-color-ds-table-header-cell-hover: #7132f5;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b823d;
    --stroke-ds-dropdown-button-content-icon: #686b82;
    --stroke-ds-dropdown-button-content-icon-hover: #101114;
    --stroke-ds-icon-primary: #101114;
    --stroke-ds-icon-neutral: #686b82;
    --stroke-ds-icon-strong: #1a1b22;
    --stroke-ds-icon-dimmed: #9497a9;
    --stroke-ds-icon-positive: #08844f;
    --stroke-ds-icon-warning: #c39621;
    --stroke-ds-icon-negative: #d11d45;
    --stroke-ds-icon-info: #0079b4;
    --stroke-ds-icon-brand: #7132f5;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #686b8214;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #855bfb29;
    --ring-color-ds-circle-neutral-low: #686b821f;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c396213d;
    --ring-color-ds-circle-positive-low: #149e6129;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #7132f5;
    --ring-color-ds-circle-neutral-high: #9497a9;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #149e61;
    --ring-color-ds-circle-info-high: #0079b4;
    --fill-ds-brand-brand: #7132f5;
    --fill-ds-brand-neutral: #000;
    --fill-ds-brand-inverted: #fff;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #101114;
    --fill-ds-icon-neutral: #686b82;
    --fill-ds-icon-strong: #1a1b22;
    --fill-ds-icon-dimmed: #9497a9;
    --fill-ds-icon-positive: #08844f;
    --fill-ds-icon-warning: #c39621;
    --fill-ds-icon-negative: #d11d45;
    --fill-ds-icon-info: #0079b4;
    --fill-ds-icon-brand: #7132f5;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #fff;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #fff, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #fff;
    --placeholder-color-ds-input: #686b82;
    --caret-color-ds-input: inherit;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #7132f5;
    --opacity-ds-table-cell-dimmed: .4;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8252
}

.ninjatrader-dark-theme {
    --colors-ds-semantic-action-primary-background: #7132f5;
    --colors-ds-semantic-action-primary-background-hover: #8a61ff;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8229;
    --colors-ds-semantic-action-secondary-background-hover: #686b8252;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #c6c7d2;
    --colors-ds-semantic-border-default: #686b8252;
    --colors-ds-semantic-border-negative: #ff7386;
    --colors-ds-semantic-border-positive: #35df8d;
    --colors-ds-semantic-border-strong: #9497a9;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #8a61ff;
    --colors-ds-semantic-content-dimmed: #686b82;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #00adfe;
    --colors-ds-semantic-content-inverse: #101114;
    --colors-ds-semantic-content-negative: #ff7386;
    --colors-ds-semantic-content-neutral: #9497a9;
    --colors-ds-semantic-content-positive: #35df8d;
    --colors-ds-semantic-content-primary: #fff;
    --colors-ds-semantic-content-warning: #ffcd60;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #8a61ff);
    --colors-ds-semantic-focus-ring-inverse: #101114;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #d4cbff;
    --colors-ds-semantic-status-brand-content-strong: #f1efff;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #9d82fe;
    --colors-ds-semantic-status-brand-solid: #7132f5;
    --colors-ds-semantic-status-brand-subtle: #855bfb29;
    --colors-ds-semantic-status-info-content: #c7e1ff;
    --colors-ds-semantic-status-info-content-strong: #e7f2ff;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #00adfe;
    --colors-ds-semantic-status-info-solid: #0092d8;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #ffbdc3;
    --colors-ds-semantic-status-negative-content-strong: #ffd6da;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #ff7386;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #c6c7d2;
    --colors-ds-semantic-status-neutral-content-strong: #f7f7fa;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #9497a9;
    --colors-ds-semantic-status-neutral-solid: #686b82;
    --colors-ds-semantic-status-neutral-subtle: #686b8229;
    --colors-ds-semantic-status-positive-content: #44fc9e;
    --colors-ds-semantic-status-positive-content-strong: #c6feda;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #35df8d;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #ffe5b1;
    --colors-ds-semantic-status-warning-content-strong: #fffaf0;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #ffcd60;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c3962129;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #686b823d;
    --colors-ds-semantic-surface-overlay: #1f1b27;
    --colors-ds-semantic-surface-page: #0b0611;
    --colors-ds-semantic-surface-raised: #16121f;
    --colors-ds-semantic-surface-selected: #855bfb0a;
    --colors-ds-semantic-surface-sunken: #686b821f;
    --colors-ds-primary: #fff;
    --colors-ds-neutral: #9497a9;
    --colors-ds-dimmed: #686b82;
    --colors-ds-positive: #35df8d;
    --colors-ds-negative: #ff7386;
    --colors-ds-warning: #ffcd60;
    --colors-ds-brand: #8a61ff;
    --colors-ds-info: #00adfe;
    --colors-ds-inverted: #101114;
    --colors-ds-disabled: #484b5e;
    --colors-ds-strong: #fff;
    --colors-ds-subtle: #484b5e;
    --colors-ds-divider: #686b8252;
    --colors-ds-textlink-hover-primary: #9497a9;
    --colors-ds-textlink-hover-brand: #b8a8ff;
    --colors-ds-textlink-hover-neutral: #fff;
    --colors-ds-textlink-hover-positive: #149e61;
    --colors-ds-textlink-hover-negative: #f5395e;
    --colors-ds-textlink-hover-warning: #c39621;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #00000026;
    --box-shadow-ds-2: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-3: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-4: 0px 12px 16px -4px #00000026;
    --box-shadow-ds-5: 0px 20px 24px -4px #00000026;
    --box-shadow-ds-6: 0px 24px 48px -12px #0000004d;
    --box-shadow-ds-7: 0px 32px 64px -12px #0000004d;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #686b8252;
    --box-shadow-ds-banner: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-container: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #00000026, 0px 4px 8px -2px #00000026;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 150px 0px #000;
    --box-shadow-ds-menu: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --box-shadow-ds-popover: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #00000026;
    --outline-color-ds-accordion: #8a61ff;
    --outline-color-ds-button: #8a61ff;
    --outline-color-ds-card-selected: #8a61ff;
    --outline-color-ds-favourite-button: #8a61ff;
    --outline-color-ds-input-error-focused: #d11d45;
    --outline-color-ds-input: #7132f5;
    --outline-color-ds-input-error: #d11d45;
    --outline-color-ds-legend-item-dimmed: #686b82;
    --outline-color-ds-menu: #8a61ff;
    --outline-color-ds-notification: #8a61ff;
    --outline-color-ds-popover: #8a61ff;
    --outline-color-ds-segmented-control: #8a61ff;
    --outline-color-ds-selectable-card: #8a61ff;
    --outline-color-ds-tabs: #8a61ff;
    --outline-color-ds-table-header-cell: #8a61ff;
    --outline-color-ds-textlink: #8a61ff;
    --outline-color-ds-toggle: #8a61ff;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #7132f5;
    --background-color-ds-badge-primary-low: #855bfb29;
    --background-color-ds-badge-neutral-high: #686b82;
    --background-color-ds-badge-neutral-low: #686b8229;
    --background-color-ds-badge-positive-high: #149e61;
    --background-color-ds-badge-positive-low: #149e6129;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c3962129;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0092d8;
    --background-color-ds-badge-new-low: #855bfb29;
    --background-color-ds-badge-new-high: #7132f5;
    --background-color-ds-banner: #1a1b22;
    --background-color-ds-button-primary-high: #7132f5;
    --background-color-ds-button-primary-high-hover: #8a61ff;
    --background-color-ds-button-primary-medium: #855bfb29;
    --background-color-ds-button-primary-medium-hover: #855bfb52;
    --background-color-ds-button-primary-medium-active: #855bfb52;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #686b8229;
    --background-color-ds-button-primary-low-active: #686b8229;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #f7f7fa;
    --background-color-ds-button-neutral-high-hover: #e5e6ec;
    --background-color-ds-button-neutral-medium: #686b8229;
    --background-color-ds-button-neutral-medium-hover: #686b8252;
    --background-color-ds-button-neutral-medium-active: #686b8252;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #686b8229;
    --background-color-ds-button-neutral-low-active: #686b8229;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #35df8d;
    --background-color-ds-button-positive-high-hover: #44fc9e;
    --background-color-ds-button-positive-medium: #149e6129;
    --background-color-ds-button-positive-medium-hover: #149e6152;
    --background-color-ds-button-positive-medium-active: #149e6152;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #149e6129;
    --background-color-ds-button-positive-low-active: #149e6129;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #f5395e;
    --background-color-ds-button-negative-high-hover: #ff7386;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e52;
    --background-color-ds-button-negative-medium-active: #f5395e52;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c3962152;
    --background-color-ds-button-warning-medium-active: #c3962152;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #7132f5;
    --background-color-ds-button-brand-high-hover: #8a61ff;
    --background-color-ds-button-brand-medium: #855bfb29;
    --background-color-ds-button-brand-medium-hover: #855bfb52;
    --background-color-ds-button-brand-medium-active: #855bfb52;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #855bfb29;
    --background-color-ds-button-brand-low-active: #855bfb29;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0092d8;
    --background-color-ds-button-info-high-hover: #90c9ff;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #000;
    --background-color-ds-button-inverted-high-hover: #0000008f;
    --background-color-ds-button-inverted-medium: #00000014;
    --background-color-ds-button-inverted-medium-hover: #00000029;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #00000014;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #686b821f;
    --background-color-ds-card-disabled: #686b8214;
    --background-color-ds-card-selected: #855bfb0a;
    --background-color-ds-card-hover: #686b823d;
    --background-color-ds-card-selected-hover: #686b823d;
    --background-color-ds-card-background: #686b821f;
    --background-color-ds-card-background-hover: #686b823d;
    --background-color-ds-checkbox-unchecked: #686b8252;
    --background-color-ds-checkbox-unchecked-hover: #686b8266;
    --background-color-ds-checkbox-checked: #7132f5;
    --background-color-ds-checkbox-checked-hover: #8a61ff;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e29;
    --background-color-ds-circle-primary-low: #855bfb29;
    --background-color-ds-circle-neutral-low: #686b8229;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c3962129;
    --background-color-ds-circle-positive-low: #149e6129;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #7132f5;
    --background-color-ds-circle-neutral-high: #686b82;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #149e61;
    --background-color-ds-circle-info-high: #0092d8;
    --background-color-ds-container: #16121f;
    --background-color-ds-container-glass: #686b8229;
    --background-color-ds-datepicker: #16121f;
    --background-color-ds-datepicker-raised: #272532;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #7132f5;
    --background-color-ds-datepicker-selected-day-range: #855bfb29;
    --background-color-ds-dialog: #1f1b27;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #686b8252;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: #16121f;
    --background-color-ds-dropdown-button: #686b8229;
    --background-color-ds-dropdown-button-hover: #686b8252;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8229;
    --background-color-ds-filteritem-active: #686b8252;
    --background-color-ds-full-screen-dialog: #0b0611;
    --background-color-ds-input: #686b8229;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #d11d45;
    --background-color-ds-input-border-error-focused: #d11d45;
    --background-color-ds-input-border-focused: #7132f5;
    --background-color-ds-input-content-icon: #686b82;
    --background-color-ds-input-content-input-text: #fff;
    --background-color-ds-input-content-label: #9497a9;
    --background-color-ds-input-error: #686b8229;
    --background-color-ds-input-error-focused: #686b8214;
    --background-color-ds-input-focused: #686b8214;
    --background-color-ds-input-hover: #686b8214;
    --background-color-ds-input-selected: #686b8214;
    --background-color-ds-input-error-label: #f5395e29;
    --background-color-ds-input-background: #686b8229;
    --background-color-ds-input-background-hover: #686b821f;
    --background-color-ds-input-background-selected: #686b821f;
    --background-color-ds-inputerror-label: #f5395e29;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #686b8229;
    --background-color-ds-legend-item-dimmed: #686b82;
    --background-color-ds-list-hover: #686b823d;
    --background-color-ds-menu: #1f1b27;
    --background-color-ds-menu-raised: #272532;
    --background-color-ds-menu-hover: #686b8214;
    --background-color-ds-menu-pressed: #855bfb1f;
    --background-color-ds-menu-active: #686b8229;
    --background-color-ds-menu-active-hover: #686b821f;
    --background-color-ds-notification-primary: #855bfb29;
    --background-color-ds-notification-neutral: #686b8229;
    --background-color-ds-notification-negative: #f5395e29;
    --background-color-ds-notification-warning: #c3962129;
    --background-color-ds-notification-positive: #149e6129;
    --background-color-ds-notification-info: #0092d829;
    --background-color-ds-notification-primary-hover: #855bfb3d;
    --background-color-ds-notification-neutral-hover: #686b823d;
    --background-color-ds-notification-negative-hover: #f5395e3d;
    --background-color-ds-notification-warning-hover: #c396213d;
    --background-color-ds-notification-positive-hover: #149e613d;
    --background-color-ds-notification-info-hover: #0092d83d;
    --background-color-ds-pagination: #686b821f;
    --background-color-ds-pill: #855bfb29;
    --background-color-ds-pill-primary: #855bfb29;
    --background-color-ds-pill-neutral: #686b8229;
    --background-color-ds-popover: #1f1b27;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-primary: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-finished: #08844f;
    --background-color-ds-radio-unchecked: #686b8252;
    --background-color-ds-radio-unchecked-hover: #686b8266;
    --background-color-ds-radio-checked: #7132f5;
    --background-color-ds-radio-checked-hover: #8a61ff;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #7132f5;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b82a3;
    --background-color-ds-scrollbar-thumb-hover: #686b827a;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #16121f;
    --background-color-ds-segmented-control-inactive-high: #686b821f;
    --background-color-ds-segmented-control-active-primary: #686b823d;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #686b823d;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #686b821f;
    --background-color-ds-selectable-card-selected: #855bfb0a;
    --background-color-ds-selectable-card-hover: #686b823d;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b823d;
    --background-color-ds-consumerpagination: #ffffff3d;
    --background-color-ds-consumerpagination-active: #fffffff5;
    --background-color-ds-consumerpagination-hover: #fff6;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #686b823d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #686b82;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #353746;
    --background-color-ds-tabs: #686b821f;
    --background-color-ds-tabs-hover: #686b8229;
    --background-color-ds-tabs-active: #686b823d;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #686b823d;
    --background-color-ds-table-cell-sticky: #16121f;
    --background-color-ds-table-cell-sticky-container: #16121f;
    --background-color-ds-table-cell-sticky-dialog: #1f1b27;
    --background-color-ds-table-cell-sticky-dialog-container: #16121f;
    --background-color-ds-table-cell-sticky-container-card: #21202c;
    --background-color-ds-table-cell-sticky-container-card-hover: #22202e;
    --background-color-ds-table-cell-sticky-container-hover: #191523;
    --background-color-ds-table-cell-sticky-dialog-hover: #221e2b;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #1a1826;
    --background-color-ds-table-header-cell-resize: #8a61ff;
    --background-color-ds-table-header-cell-sticky: #16121f;
    --background-color-ds-table-row-group: #686b8214;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b8214;
    --background-color-ds-table-row-hover: #686b820a;
    --background-color-ds-table-row: #16121f;
    --background-color-ds-toggle-handle-on: #eeeff3;
    --background-color-ds-toggle-handle-off: #9497a9;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #686b8252;
    --background-color-ds-tooltip: #22232d;
    --text-color-ds-accordion-primary: #9497a9;
    --text-color-ds-accordion-disabled: #9497a9;
    --text-color-ds-accordion-hover: #fff;
    --text-color-ds-badge-primary: #9d82fe;
    --text-color-ds-badge-neutral: #9497a9;
    --text-color-ds-badge-positive: #35df8d;
    --text-color-ds-badge-negative: #ff7386;
    --text-color-ds-badge-warning: #ffcd60;
    --text-color-ds-badge-high: #fff;
    --text-color-ds-asseticon-neutral: #000;
    --text-color-ds-asseticon-inverted: #fff;
    --text-color-ds-badge-high-inverse: #101114;
    --text-color-ds-badge-info: #00adfe;
    --text-color-ds-badge-new: #9d82fe;
    --text-color-ds-brand-brand: #855bfb;
    --text-color-ds-brand-neutral: #fff;
    --text-color-ds-brand-inverted: #000;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #9497a9;
    --text-color-ds-breadcrumbs-hover: #fff;
    --text-color-ds-breadcrumbs-selected: #fff;
    --text-color-ds-button-primary-high: #fff;
    --text-color-ds-button-primary-medium: #fff;
    --text-color-ds-button-primary-medium-hover: #fff;
    --text-color-ds-button-primary-low: #fff;
    --text-color-ds-button-primary-low-hover: #fff;
    --text-color-ds-button-primary-none: #fff;
    --text-color-ds-button-primary-none-hover: #9497a9;
    --text-color-ds-button-neutral-high: #101114;
    --text-color-ds-button-neutral-medium: #c6c7d2;
    --text-color-ds-button-neutral-medium-hover: #fff;
    --text-color-ds-button-neutral-low: #c6c7d2;
    --text-color-ds-button-neutral-low-hover: #fff;
    --text-color-ds-button-neutral-none: #c6c7d2;
    --text-color-ds-button-neutral-none-hover: #fff;
    --text-color-ds-button-positive-high: #002d17;
    --text-color-ds-button-positive-medium: #35df8d;
    --text-color-ds-button-positive-medium-hover: #35df8d;
    --text-color-ds-button-positive-low: #35df8d;
    --text-color-ds-button-positive-low-hover: #35df8d;
    --text-color-ds-button-positive-none: #35df8d;
    --text-color-ds-button-positive-none-hover: #23ba75;
    --text-color-ds-button-negative-high: #3c000c;
    --text-color-ds-button-negative-medium: #ff9fa9;
    --text-color-ds-button-negative-medium-hover: #ff9fa9;
    --text-color-ds-button-negative-low: #ff7386;
    --text-color-ds-button-negative-low-hover: #ff7386;
    --text-color-ds-button-negative-none: #ff7386;
    --text-color-ds-button-negative-none-hover: #f5395e;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #ffcd60;
    --text-color-ds-button-warning-medium-hover: #ffcd60;
    --text-color-ds-button-warning-low: #e8b100;
    --text-color-ds-button-warning-low-hover: #e8b100;
    --text-color-ds-button-warning-none: #e8b100;
    --text-color-ds-button-warning-none-hover: #c39621;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #d4cbff;
    --text-color-ds-button-brand-medium-hover: #d4cbff;
    --text-color-ds-button-brand-low: #d4cbff;
    --text-color-ds-button-brand-low-hover: #f1efff;
    --text-color-ds-button-brand-none: #d4cbff;
    --text-color-ds-button-brand-none-hover: #f1efff;
    --text-color-ds-button-info-high: #002940;
    --text-color-ds-button-info-medium: #90c9ff;
    --text-color-ds-button-info-medium-hover: #90c9ff;
    --text-color-ds-button-info-low: #0092d8;
    --text-color-ds-button-info-low-hover: #0092d8;
    --text-color-ds-button-info-none: #0092d8;
    --text-color-ds-button-info-none-hover: #0079b4;
    --text-color-ds-button-inverted-high: #fff;
    --text-color-ds-button-inverted-medium: #101114;
    --text-color-ds-button-inverted-medium-hover: #101114;
    --text-color-ds-button-inverted-low: #101114;
    --text-color-ds-button-inverted-low-hover: #101114;
    --text-color-ds-button-inverted-none: #101114;
    --text-color-ds-button-inverted-none-hover: #101114;
    --text-color-ds-button-neutral-high-icon: #101114;
    --text-color-ds-checkbox-primary: #fff;
    --text-color-ds-checkbox-description: #9497a9;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #fff;
    --text-color-ds-checkboxgroup-description: #9497a9;
    --text-color-ds-checkboxgroup-error: #ff7386;
    --text-color-ds-circle-primary-low: #9d82fe;
    --text-color-ds-circle-neutral-low: #9497a9;
    --text-color-ds-circle-positive-low: #35df8d;
    --text-color-ds-circle-warning-low: #ffcd60;
    --text-color-ds-circle-negative-low: #ff7386;
    --text-color-ds-circle-info-low: #00adfe;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #7132f5;
    --text-color-ds-circle-border-neutral-high: #686b82;
    --text-color-ds-circle-border-positive-high: #149e61;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0092d8;
    --text-color-ds-datepicker: #eeeff3;
    --text-color-ds-datepicker-weekday: #9497a9;
    --text-color-ds-datepicker-today: #9497a9;
    --text-color-ds-datepicker-disabled: #686b82;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #9497a9;
    --text-color-ds-dropdown-button-content-placeholder-hover: #fff;
    --text-color-ds-dropdown-button-content-text: #fff;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #9497a9;
    --text-color-ds-filteritem-active: #f7f7fa;
    --text-color-ds-input: #fff;
    --text-color-ds-input-icon: #686b82;
    --text-color-ds-input-label: #9497a9;
    --text-color-ds-input-error-label: #ff7386;
    --text-color-ds-inputerror-label: #ff7386;
    --text-color-ds-label-value: #ffffff0a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #9497a9;
    --text-color-ds-menu: #fff;
    --text-color-ds-menu-active: #8a61ff;
    --text-color-ds-notification-primary: #f1efff;
    --text-color-ds-notification-neutral: #f7f7fa;
    --text-color-ds-notification-negative: #ffd6da;
    --text-color-ds-notification-warning: #fffaf0;
    --text-color-ds-notification-positive: #c6feda;
    --text-color-ds-notification-info: #e7f2ff;
    --text-color-ds-notification-subtitle-primary: #d4cbff;
    --text-color-ds-notification-subtitle-neutral: #c6c7d2;
    --text-color-ds-notification-subtitle-negative: #ffbdc3;
    --text-color-ds-notification-subtitle-warning: #ffe5b1;
    --text-color-ds-notification-subtitle-positive: #44fc9e;
    --text-color-ds-notification-subtitle-info: #c7e1ff;
    --text-color-ds-pill: #8a61ff;
    --text-color-ds-pill-primary: #8a61ff;
    --text-color-ds-pill-neutral: #fff;
    --text-color-ds-radio-primary: #fff;
    --text-color-ds-radio-disabled: #484b5e;
    --text-color-ds-radio-description: #9497a9;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #f7f7fa;
    --text-color-ds-radiogroup-description: #9497a9;
    --text-color-ds-radiogroup-error: #ff7386;
    --text-color-ds-segmented-control-inactive: #9497a9;
    --text-color-ds-segmented-control-inactive-hover: #fff;
    --text-color-ds-segmented-control-active-primary: #fff;
    --text-color-ds-segmented-control-active-positive: #35df8d;
    --text-color-ds-segmented-control-active-negative: #ff7386;
    --text-color-ds-segmented-control-active-primary-low: #fff;
    --text-color-ds-segmented-control-active-positive-low: #35df8d;
    --text-color-ds-segmented-control-active-negative-low: #ff7386;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #686b823d;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #f7f7fa;
    --text-color-ds-spinner-neutral: #9497a9;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #35df8d;
    --text-color-ds-spinner-negative: #ff7386;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #fff;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #000;
    --text-color-ds-stacked-asset-icons: #f7f7fa;
    --text-color-ds-tabs: #9497a9;
    --text-color-ds-tabs-active: #fff;
    --text-color-ds-tabs-on-background: #9497a9;
    --text-color-ds-tabs-on-background-active: #fff;
    --text-color-ds-text-duo-primary-main: #fff;
    --text-color-ds-text-duo-primary-duo: #9497a9;
    --text-color-ds-text-duo-neutral-main: #9497a9;
    --text-color-ds-text-duo-neutral-duo: #686b82;
    --text-color-ds-text-duo-positive-main: #35df8d;
    --text-color-ds-text-duo-positive-duo: #35df8d;
    --text-color-ds-text-duo-negative-main: #ff7386;
    --text-color-ds-text-duo-negative-duo: #ff7386;
    --text-color-ds-tooltip-text: #9497a9;
    --text-color-ds-tooltip-title: #fff;
    --border-color-ds-asset-conversion-icons-primary: #fff;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #8a61ff;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #8a61ff;
    --border-color-ds-datepicker: #fff0;
    --border-color-ds-base-drawer: #ffffff14;
    --border-color-ds-input-focused: #7132f5;
    --border-color-ds-input-error: #d11d45;
    --border-color-ds-input-error-focused: #d11d45;
    --border-color-ds-legend-item-dimmed: #686b82;
    --border-color-ds-menu: #fff0;
    --border-color-ds-menu-divider: #686b8252;
    --border-color-ds-popover: #fff0;
    --border-color-ds-radio-primary-focus: #8a61ff;
    --border-color-ds-selectable-card-selected: #8a61ff;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header-cell-hover: #8a61ff;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b8229;
    --stroke-ds-dropdown-button-content-icon: #9497a9;
    --stroke-ds-dropdown-button-content-icon-hover: #fff;
    --stroke-ds-icon-primary: #9d82fe;
    --stroke-ds-icon-neutral: #9497a9;
    --stroke-ds-icon-strong: #fff;
    --stroke-ds-icon-dimmed: #686b82;
    --stroke-ds-icon-positive: #35df8d;
    --stroke-ds-icon-warning: #ffcd60;
    --stroke-ds-icon-negative: #ff7386;
    --stroke-ds-icon-info: #00adfe;
    --stroke-ds-icon-brand: #8a61ff;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #fff0;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #855bfb29;
    --ring-color-ds-circle-neutral-low: #686b8229;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c3962129;
    --ring-color-ds-circle-positive-low: #149e6129;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #7132f5;
    --ring-color-ds-circle-neutral-high: #686b82;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #149e61;
    --ring-color-ds-circle-info-high: #0092d8;
    --fill-ds-brand-brand: #855bfb;
    --fill-ds-brand-neutral: #fff;
    --fill-ds-brand-inverted: #000;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #9d82fe;
    --fill-ds-icon-neutral: #9497a9;
    --fill-ds-icon-strong: #fff;
    --fill-ds-icon-dimmed: #686b82;
    --fill-ds-icon-positive: #35df8d;
    --fill-ds-icon-warning: #ffcd60;
    --fill-ds-icon-negative: #ff7386;
    --fill-ds-icon-info: #00adfe;
    --fill-ds-icon-brand: #8a61ff;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #1f1b27;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #1f1b27, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #1f1b27;
    --placeholder-color-ds-input: #9497a9;
    --caret-color-ds-input: #fff;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #8a61ff;
    --opacity-ds-table-cell-dimmed: .5;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8266
}

.ninjatrader-light-theme {
    --colors-ds-semantic-action-primary-background: #008cff;
    --colors-ds-semantic-action-primary-background-hover: #0073d2;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8214;
    --colors-ds-semantic-action-secondary-background-hover: #686b821f;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #484b5e;
    --colors-ds-semantic-border-default: #686b8229;
    --colors-ds-semantic-border-negative: #d11d45;
    --colors-ds-semantic-border-positive: #08844f;
    --colors-ds-semantic-border-strong: #686b82;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #008cff;
    --colors-ds-semantic-content-dimmed: #9497a9;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #0079b4;
    --colors-ds-semantic-content-inverse: #fff;
    --colors-ds-semantic-content-negative: #d11d45;
    --colors-ds-semantic-content-neutral: #686b82;
    --colors-ds-semantic-content-positive: #08844f;
    --colors-ds-semantic-content-primary: #101114;
    --colors-ds-semantic-content-warning: #c39621;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #008cff);
    --colors-ds-semantic-focus-ring-inverse: #fff;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #37187d;
    --colors-ds-semantic-status-brand-content-strong: #2b1463;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #008cff;
    --colors-ds-semantic-status-brand-solid: #008cff;
    --colors-ds-semantic-status-brand-subtle: #2da1ff29;
    --colors-ds-semantic-status-info-content: #003c5c;
    --colors-ds-semantic-status-info-content-strong: #002940;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #006394;
    --colors-ds-semantic-status-info-solid: #0079b4;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #5f0018;
    --colors-ds-semantic-status-negative-content-strong: #3c000c;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #d11d45;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #1a1b22;
    --colors-ds-semantic-status-neutral-content-strong: #101114;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #484b5e;
    --colors-ds-semantic-status-neutral-solid: #9497a9;
    --colors-ds-semantic-status-neutral-subtle: #686b821f;
    --colors-ds-semantic-status-positive-content: #004224;
    --colors-ds-semantic-status-positive-content-strong: #002d17;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #026b3f;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #553c00;
    --colors-ds-semantic-status-warning-content-strong: #3b2a00;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #553c00;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c396213d;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #686b821f;
    --colors-ds-semantic-surface-overlay: #fff;
    --colors-ds-semantic-surface-page: #f6f5f9;
    --colors-ds-semantic-surface-raised: #fff;
    --colors-ds-semantic-surface-selected: #2da1ff14;
    --colors-ds-semantic-surface-sunken: #9497a914;
    --colors-ds-primary: #101114;
    --colors-ds-neutral: #686b82;
    --colors-ds-dimmed: #9497a9;
    --colors-ds-positive: #08844f;
    --colors-ds-negative: #d11d45;
    --colors-ds-warning: #c39621;
    --colors-ds-brand: #008cff;
    --colors-ds-info: #0079b4;
    --colors-ds-inverted: #fff;
    --colors-ds-disabled: #c6c7d2;
    --colors-ds-strong: #1a1b22;
    --colors-ds-subtle: #c6c7d2;
    --colors-ds-divider: #686b8229;
    --colors-ds-textlink-hover-primary: #686b82;
    --colors-ds-textlink-hover-brand: #005aa4;
    --colors-ds-textlink-hover-neutral: #101114;
    --colors-ds-textlink-hover-positive: #005531;
    --colors-ds-textlink-hover-negative: #840125;
    --colors-ds-textlink-hover-warning: #89640c;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #1018280a;
    --box-shadow-ds-2: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-3: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-4: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-5: 0px 20px 24px -4px #1018280f;
    --box-shadow-ds-6: 0px 24px 48px -12px #1018282e;
    --box-shadow-ds-7: 0px 32px 64px -12px #10182824;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #686b8229;
    --box-shadow-ds-banner: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-container: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 75px 0px #00000026;
    --box-shadow-ds-menu: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-popover: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --outline-color-ds-accordion: #008cff;
    --outline-color-ds-button: #008cff;
    --outline-color-ds-card-selected: #008cff;
    --outline-color-ds-favourite-button: #008cff;
    --outline-color-ds-input-error-focused: #f5395e;
    --outline-color-ds-input: #008cff;
    --outline-color-ds-input-error: #f5395e;
    --outline-color-ds-legend-item-dimmed: #9497a9;
    --outline-color-ds-menu: #008cff;
    --outline-color-ds-notification: #008cff;
    --outline-color-ds-popover: #008cff;
    --outline-color-ds-segmented-control: #008cff;
    --outline-color-ds-selectable-card: #008cff;
    --outline-color-ds-tabs: #008cff;
    --outline-color-ds-table-header-cell: #008cff;
    --outline-color-ds-textlink: #008cff;
    --outline-color-ds-toggle: #008cff;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #008cff;
    --background-color-ds-badge-primary-low: #2da1ff29;
    --background-color-ds-badge-neutral-high: #9497a9;
    --background-color-ds-badge-neutral-low: #686b821f;
    --background-color-ds-badge-positive-high: #149e61;
    --background-color-ds-badge-positive-low: #149e6129;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c396213d;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0079b4;
    --background-color-ds-badge-new-low: #2da1ff29;
    --background-color-ds-badge-new-high: #008cff;
    --background-color-ds-banner: #fff;
    --background-color-ds-button-primary-high: #008cff;
    --background-color-ds-button-primary-high-hover: #0073d2;
    --background-color-ds-button-primary-medium: #2da1ff29;
    --background-color-ds-button-primary-medium-hover: #855bfb52;
    --background-color-ds-button-primary-medium-active: #855bfb52;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #686b8214;
    --background-color-ds-button-primary-low-active: #686b8214;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #101114;
    --background-color-ds-button-neutral-high-hover: #22232d;
    --background-color-ds-button-neutral-medium: #686b8214;
    --background-color-ds-button-neutral-medium-hover: #686b821f;
    --background-color-ds-button-neutral-medium-active: #686b821f;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #686b8214;
    --background-color-ds-button-neutral-low-active: #686b8214;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #08844f;
    --background-color-ds-button-positive-high-hover: #026b3f;
    --background-color-ds-button-positive-medium: #149e6129;
    --background-color-ds-button-positive-medium-hover: #149e613d;
    --background-color-ds-button-positive-medium-active: #149e613d;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #149e6129;
    --background-color-ds-button-positive-low-active: #149e6129;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #d11d45;
    --background-color-ds-button-negative-high-hover: #aa0132;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e3d;
    --background-color-ds-button-negative-medium-active: #f5395e3d;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c396213d;
    --background-color-ds-button-warning-medium-active: #c396213d;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #008cff;
    --background-color-ds-button-brand-high-hover: #0073d2;
    --background-color-ds-button-brand-medium: #2da1ff29;
    --background-color-ds-button-brand-medium-hover: #855bfb52;
    --background-color-ds-button-brand-medium-active: #855bfb52;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #2da1ff29;
    --background-color-ds-button-brand-low-active: #2da1ff29;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0079b4;
    --background-color-ds-button-info-high-hover: #00adfe;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #fff;
    --background-color-ds-button-inverted-high-hover: #ffffffe0;
    --background-color-ds-button-inverted-medium: #ffffff29;
    --background-color-ds-button-inverted-medium-hover: #ffffff3d;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #ffffff29;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #9497a914;
    --background-color-ds-card-disabled: #686b8214;
    --background-color-ds-card-selected: #2da1ff14;
    --background-color-ds-card-hover: #9497a91f;
    --background-color-ds-card-selected-hover: #686b821f;
    --background-color-ds-card-background: #fff;
    --background-color-ds-card-background-hover: #ffffffb8;
    --background-color-ds-checkbox-unchecked: #686b8252;
    --background-color-ds-checkbox-unchecked-hover: #686b8266;
    --background-color-ds-checkbox-checked: #008cff;
    --background-color-ds-checkbox-checked-hover: #0073d2;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e14;
    --background-color-ds-circle-primary-low: #2da1ff29;
    --background-color-ds-circle-neutral-low: #686b821f;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c396213d;
    --background-color-ds-circle-positive-low: #149e6129;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #008cff;
    --background-color-ds-circle-neutral-high: #9497a9;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #149e61;
    --background-color-ds-circle-info-high: #0079b4;
    --background-color-ds-container: #fff;
    --background-color-ds-container-glass: #686b8229;
    --background-color-ds-datepicker: #fff;
    --background-color-ds-datepicker-raised: #fff;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #008cff;
    --background-color-ds-datepicker-selected-day-range: #2da1ff29;
    --background-color-ds-dialog: #fff;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #686b8229;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: #fff;
    --background-color-ds-dropdown-button: #686b8214;
    --background-color-ds-dropdown-button-hover: #686b821f;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8214;
    --background-color-ds-filteritem-active: #686b821f;
    --background-color-ds-full-screen-dialog: #fff;
    --background-color-ds-input: #686b8214;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #f5395e;
    --background-color-ds-input-border-error-focused: #f5395e;
    --background-color-ds-input-border-focused: #008cff;
    --background-color-ds-input-content-icon: #9497a9;
    --background-color-ds-input-content-input-text: #101114;
    --background-color-ds-input-content-label: #686b82;
    --background-color-ds-input-error: #686b8214;
    --background-color-ds-input-error-focused: #686b821f;
    --background-color-ds-input-focused: #686b820a;
    --background-color-ds-input-hover: #686b821f;
    --background-color-ds-input-selected: #686b820a;
    --background-color-ds-input-error-label: #f5395e14;
    --background-color-ds-input-background: #fff;
    --background-color-ds-input-background-hover: #fffc;
    --background-color-ds-input-background-selected: #fffc;
    --background-color-ds-inputerror-label: #f5395e14;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #2da1ff14;
    --background-color-ds-legend-item-dimmed: #9497a9;
    --background-color-ds-list-hover: #9497a91f;
    --background-color-ds-menu: #fff;
    --background-color-ds-menu-raised: #fff;
    --background-color-ds-menu-hover: #686b820a;
    --background-color-ds-menu-pressed: #686b8214;
    --background-color-ds-menu-active: #686b8214;
    --background-color-ds-menu-active-hover: #686b8214;
    --background-color-ds-notification-primary: #855bfb14;
    --background-color-ds-notification-neutral: #686b8214;
    --background-color-ds-notification-negative: #f5395e14;
    --background-color-ds-notification-warning: #c3962114;
    --background-color-ds-notification-positive: #149e6114;
    --background-color-ds-notification-info: #0092d814;
    --background-color-ds-notification-primary-hover: #2da1ff29;
    --background-color-ds-notification-neutral-hover: #686b8229;
    --background-color-ds-notification-negative-hover: #f5395e29;
    --background-color-ds-notification-warning-hover: #c3962129;
    --background-color-ds-notification-positive-hover: #149e6129;
    --background-color-ds-notification-info-hover: #0092d829;
    --background-color-ds-pagination: #686b8214;
    --background-color-ds-pill: #2da1ff29;
    --background-color-ds-pill-primary: #2da1ff29;
    --background-color-ds-pill-neutral: #2da1ff29;
    --background-color-ds-popover: #fff;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-in-progress: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-info: #0092d829;
    --background-color-ds-progresstracker-warning: #c3962129;
    --background-color-ds-progresstracker-finished: #149e6129;
    --background-color-ds-radio-unchecked: #686b8252;
    --background-color-ds-radio-unchecked-hover: #686b8266;
    --background-color-ds-radio-checked: #008cff;
    --background-color-ds-radio-checked-hover: #0073d2;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #855bfb;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b8266;
    --background-color-ds-scrollbar-thumb-hover: #686b823d;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #fff;
    --background-color-ds-segmented-control-inactive-high: #686b821f;
    --background-color-ds-segmented-control-active-primary: #fff;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #686b821f;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #9497a914;
    --background-color-ds-selectable-card-selected: #2da1ff14;
    --background-color-ds-selectable-card-hover: #9497a91f;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b821f;
    --background-color-ds-consumerpagination: #c6c7d2;
    --background-color-ds-consumerpagination-active: #686b82;
    --background-color-ds-consumerpagination-hover: #9497a9;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #686b823d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #686b82;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #e5e6ec;
    --background-color-ds-tabs: #686b820a;
    --background-color-ds-tabs-hover: #686b8214;
    --background-color-ds-tabs-active: #686b821f;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #fff;
    --background-color-ds-table-cell-sticky: #fff;
    --background-color-ds-table-cell-sticky-container: #fff;
    --background-color-ds-table-cell-sticky-dialog: #fff;
    --background-color-ds-table-cell-sticky-dialog-container: #fff;
    --background-color-ds-table-cell-sticky-container-card: #f7f7f8;
    --background-color-ds-table-cell-sticky-container-card-hover: #f1f1f3;
    --background-color-ds-table-cell-sticky-container-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #f9f9fa;
    --background-color-ds-table-header-cell-resize: #008cff;
    --background-color-ds-table-header-cell-sticky: #fff;
    --background-color-ds-table-row-group: #686b820a;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b820a;
    --background-color-ds-table-row-hover: #686b820a;
    --background-color-ds-table-row: #fff;
    --background-color-ds-toggle-handle-on: #fff;
    --background-color-ds-toggle-handle-off: #fff;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #686b8252;
    --background-color-ds-tooltip: #eeeff3;
    --text-color-ds-accordion-primary: #686b82;
    --text-color-ds-accordion-disabled: #484b5e;
    --text-color-ds-accordion-hover: #101114;
    --text-color-ds-badge-primary: #008cff;
    --text-color-ds-badge-neutral: #484b5e;
    --text-color-ds-badge-positive: #026b3f;
    --text-color-ds-badge-negative: #d11d45;
    --text-color-ds-badge-warning: #553c00;
    --text-color-ds-badge-high: #fff;
    --text-color-ds-asseticon-neutral: #fff;
    --text-color-ds-asseticon-inverted: #000;
    --text-color-ds-badge-high-inverse: #101114;
    --text-color-ds-badge-info: #006394;
    --text-color-ds-badge-new: #008cff;
    --text-color-ds-brand-brand: #7132f5;
    --text-color-ds-brand-neutral: #000;
    --text-color-ds-brand-inverted: #fff;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #686b82;
    --text-color-ds-breadcrumbs-hover: #101114;
    --text-color-ds-breadcrumbs-selected: #101114;
    --text-color-ds-button-primary-high: #000;
    --text-color-ds-button-primary-medium: #000;
    --text-color-ds-button-primary-medium-hover: #000;
    --text-color-ds-button-primary-low: #101114;
    --text-color-ds-button-primary-low-hover: #101114;
    --text-color-ds-button-primary-none: #008cff;
    --text-color-ds-button-primary-none-hover: #0073d2;
    --text-color-ds-button-neutral-high: #fff;
    --text-color-ds-button-neutral-medium: #686b82;
    --text-color-ds-button-neutral-medium-hover: #101114;
    --text-color-ds-button-neutral-low: #686b82;
    --text-color-ds-button-neutral-low-hover: #101114;
    --text-color-ds-button-neutral-none: #686b82;
    --text-color-ds-button-neutral-none-hover: #101114;
    --text-color-ds-button-positive-high: #fff;
    --text-color-ds-button-positive-medium: #08844f;
    --text-color-ds-button-positive-medium-hover: #08844f;
    --text-color-ds-button-positive-low: #149e61;
    --text-color-ds-button-positive-low-hover: #149e61;
    --text-color-ds-button-positive-none: #149e61;
    --text-color-ds-button-positive-none-hover: #35df8d;
    --text-color-ds-button-negative-high: #fff;
    --text-color-ds-button-negative-medium: #d11d45;
    --text-color-ds-button-negative-medium-hover: #d11d45;
    --text-color-ds-button-negative-low: #d11d45;
    --text-color-ds-button-negative-low-hover: #d11d45;
    --text-color-ds-button-negative-none: #d11d45;
    --text-color-ds-button-negative-none-hover: #ff7386;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #a67c1d;
    --text-color-ds-button-warning-medium-hover: #a67c1d;
    --text-color-ds-button-warning-low: #a67c1d;
    --text-color-ds-button-warning-low-hover: #a67c1d;
    --text-color-ds-button-warning-none: #a67c1d;
    --text-color-ds-button-warning-none-hover: #e8b100;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #37187d;
    --text-color-ds-button-brand-medium-hover: #37187d;
    --text-color-ds-button-brand-low: #37187d;
    --text-color-ds-button-brand-low-hover: #2b1463;
    --text-color-ds-button-brand-none: #37187d;
    --text-color-ds-button-brand-none-hover: #2b1463;
    --text-color-ds-button-info-high: #fff;
    --text-color-ds-button-info-medium: #0079b4;
    --text-color-ds-button-info-medium-hover: #0079b4;
    --text-color-ds-button-info-low: #0079b4;
    --text-color-ds-button-info-low-hover: #0079b4;
    --text-color-ds-button-info-none: #0079b4;
    --text-color-ds-button-info-none-hover: #00adfe;
    --text-color-ds-button-inverted-high: #008cff;
    --text-color-ds-button-inverted-medium: #fff;
    --text-color-ds-button-inverted-medium-hover: #fff;
    --text-color-ds-button-inverted-low: #fff;
    --text-color-ds-button-inverted-low-hover: #fff;
    --text-color-ds-button-inverted-none: #fff;
    --text-color-ds-button-inverted-none-hover: #fff;
    --text-color-ds-button-neutral-high-icon: #fff;
    --text-color-ds-checkbox-primary: #101114;
    --text-color-ds-checkbox-description: #686b82;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #101114;
    --text-color-ds-checkboxgroup-description: #686b82;
    --text-color-ds-checkboxgroup-error: #aa0132;
    --text-color-ds-circle-primary-low: #008cff;
    --text-color-ds-circle-neutral-low: #484b5e;
    --text-color-ds-circle-positive-low: #026b3f;
    --text-color-ds-circle-warning-low: #6f5000;
    --text-color-ds-circle-negative-low: #d11d45;
    --text-color-ds-circle-info-low: #006394;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #008cff;
    --text-color-ds-circle-border-neutral-high: #9497a9;
    --text-color-ds-circle-border-positive-high: #149e61;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0079b4;
    --text-color-ds-datepicker: #1a1b22;
    --text-color-ds-datepicker-weekday: #353746;
    --text-color-ds-datepicker-today: #353746;
    --text-color-ds-datepicker-disabled: #9497a9;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #686b82;
    --text-color-ds-dropdown-button-content-placeholder-hover: #101114;
    --text-color-ds-dropdown-button-content-text: #101114;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #484b5e;
    --text-color-ds-filteritem-active: #101114;
    --text-color-ds-input: #101114;
    --text-color-ds-input-icon: #9497a9;
    --text-color-ds-input-label: #686b82;
    --text-color-ds-input-error-label: #aa0132;
    --text-color-ds-inputerror-label: #aa0132;
    --text-color-ds-label-value: #0000000a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #101114;
    --text-color-ds-menu: #686b82;
    --text-color-ds-menu-active: #008cff;
    --text-color-ds-notification-primary: #2b1463;
    --text-color-ds-notification-neutral: #101114;
    --text-color-ds-notification-negative: #3c000c;
    --text-color-ds-notification-warning: #3b2a00;
    --text-color-ds-notification-positive: #002d17;
    --text-color-ds-notification-info: #002940;
    --text-color-ds-notification-subtitle-primary: #37187d;
    --text-color-ds-notification-subtitle-neutral: #1a1b22;
    --text-color-ds-notification-subtitle-negative: #5f0018;
    --text-color-ds-notification-subtitle-warning: #553c00;
    --text-color-ds-notification-subtitle-positive: #004224;
    --text-color-ds-notification-subtitle-info: #003c5c;
    --text-color-ds-pill: #008cff;
    --text-color-ds-pill-primary: #008cff;
    --text-color-ds-pill-neutral: #008cff;
    --text-color-ds-radio-primary: #101114;
    --text-color-ds-radio-disabled: #c6c7d2;
    --text-color-ds-radio-description: #686b82;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #101114;
    --text-color-ds-radiogroup-description: #484b5e;
    --text-color-ds-radiogroup-error: #d11d45;
    --text-color-ds-segmented-control-inactive: #686b82;
    --text-color-ds-segmented-control-inactive-hover: #101114;
    --text-color-ds-segmented-control-active-primary: #101114;
    --text-color-ds-segmented-control-active-positive: #08844f;
    --text-color-ds-segmented-control-active-negative: #d11d45;
    --text-color-ds-segmented-control-active-primary-low: #101114;
    --text-color-ds-segmented-control-active-positive-low: #08844f;
    --text-color-ds-segmented-control-active-negative-low: #d11d45;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #fff;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #101114;
    --text-color-ds-spinner-neutral: #484b5e;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #08844f;
    --text-color-ds-spinner-negative: #d11d45;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #000;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #fff;
    --text-color-ds-stacked-asset-icons: #101114;
    --text-color-ds-tabs: #686b82;
    --text-color-ds-tabs-active: #101114;
    --text-color-ds-tabs-on-background: #686b82;
    --text-color-ds-tabs-on-background-active: #101114;
    --text-color-ds-text-duo-primary-main: #101114;
    --text-color-ds-text-duo-primary-duo: #686b82;
    --text-color-ds-text-duo-neutral-main: #686b82;
    --text-color-ds-text-duo-neutral-duo: #9497a9;
    --text-color-ds-text-duo-positive-main: #08844f;
    --text-color-ds-text-duo-positive-duo: #08844f;
    --text-color-ds-text-duo-negative-main: #d11d45;
    --text-color-ds-text-duo-negative-duo: #d11d45;
    --text-color-ds-tooltip-text: #686b82;
    --text-color-ds-tooltip-title: #101114;
    --border-color-ds-asset-conversion-icons-primary: #101114;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #008cff;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #008cff;
    --border-color-ds-datepicker: #686b8214;
    --border-color-ds-base-drawer: #fff;
    --border-color-ds-input-focused: #008cff;
    --border-color-ds-input-error: #f5395e;
    --border-color-ds-input-error-focused: #f5395e;
    --border-color-ds-legend-item-dimmed: #9497a9;
    --border-color-ds-menu: #686b8214;
    --border-color-ds-menu-divider: #686b8229;
    --border-color-ds-popover: #686b8214;
    --border-color-ds-radio-primary-focus: #008cff;
    --border-color-ds-selectable-card-selected: #008cff;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header: #686b821f;
    --border-color-ds-table-header-cell-hover: #008cff;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b823d;
    --stroke-ds-dropdown-button-content-icon: #686b82;
    --stroke-ds-dropdown-button-content-icon-hover: #101114;
    --stroke-ds-icon-primary: #008cff;
    --stroke-ds-icon-neutral: #686b82;
    --stroke-ds-icon-strong: #1a1b22;
    --stroke-ds-icon-dimmed: #9497a9;
    --stroke-ds-icon-positive: #08844f;
    --stroke-ds-icon-warning: #c39621;
    --stroke-ds-icon-negative: #d11d45;
    --stroke-ds-icon-info: #0079b4;
    --stroke-ds-icon-brand: #008cff;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #686b8214;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #2da1ff29;
    --ring-color-ds-circle-neutral-low: #686b821f;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c396213d;
    --ring-color-ds-circle-positive-low: #149e6129;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #008cff;
    --ring-color-ds-circle-neutral-high: #9497a9;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #149e61;
    --ring-color-ds-circle-info-high: #0079b4;
    --fill-ds-brand-brand: #7132f5;
    --fill-ds-brand-neutral: #000;
    --fill-ds-brand-inverted: #fff;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #008cff;
    --fill-ds-icon-neutral: #686b82;
    --fill-ds-icon-strong: #1a1b22;
    --fill-ds-icon-dimmed: #9497a9;
    --fill-ds-icon-positive: #08844f;
    --fill-ds-icon-warning: #c39621;
    --fill-ds-icon-negative: #d11d45;
    --fill-ds-icon-info: #0079b4;
    --fill-ds-icon-brand: #008cff;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #fff;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #fff, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #fff;
    --placeholder-color-ds-input: #686b82;
    --caret-color-ds-input: inherit;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #008cff;
    --opacity-ds-table-cell-dimmed: .4;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8252
}

.ninjatrader-syn3-dark-theme {
    --colors-ds-semantic-action-primary-background: #0066f2;
    --colors-ds-semantic-action-primary-background-hover: #2b7cfe;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #181c21;
    --colors-ds-semantic-action-secondary-background-hover: #686b8252;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #c6c7d2;
    --colors-ds-semantic-border-default: #3f4349;
    --colors-ds-semantic-border-negative: #ff7386;
    --colors-ds-semantic-border-positive: #35df8d;
    --colors-ds-semantic-border-strong: #54585f;
    --colors-ds-semantic-border-subtle: #3f4349;
    --colors-ds-semantic-content-brand: #639dff;
    --colors-ds-semantic-content-dimmed: #9a9fa6;
    --colors-ds-semantic-content-disabled: #82868e;
    --colors-ds-semantic-content-info: #a28dff;
    --colors-ds-semantic-content-inverse: #101114;
    --colors-ds-semantic-content-negative: #ff7386;
    --colors-ds-semantic-content-neutral: #b3b8bf;
    --colors-ds-semantic-content-positive: #35df8d;
    --colors-ds-semantic-content-primary: #eef2f7;
    --colors-ds-semantic-content-warning: #ffcd60;
    --colors-ds-semantic-focus-ring: #2b7cfe;
    --colors-ds-semantic-focus-ring-inverse: #101114;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #0066f2;
    --colors-ds-semantic-status-brand-content-strong: #f1efff;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #0066f2;
    --colors-ds-semantic-status-brand-solid: #0066f2;
    --colors-ds-semantic-status-brand-subtle: #0066f229;
    --colors-ds-semantic-status-info-content: #c7e1ff;
    --colors-ds-semantic-status-info-content-strong: #e7f2ff;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #00adfe;
    --colors-ds-semantic-status-info-solid: #a28dff;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #ffbdc3;
    --colors-ds-semantic-status-negative-content-strong: #ffd6da;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #ff7386;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #c6c7d2;
    --colors-ds-semantic-status-neutral-content-strong: #f7f7fa;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #9497a9;
    --colors-ds-semantic-status-neutral-solid: #686b82;
    --colors-ds-semantic-status-neutral-subtle: #686b8229;
    --colors-ds-semantic-status-positive-content: #44fc9e;
    --colors-ds-semantic-status-positive-content-strong: #c6feda;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #35df8d;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #ffe5b1;
    --colors-ds-semantic-status-warning-content-strong: #fffaf0;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #ffcd60;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c3962129;
    --colors-ds-semantic-surface-canvas: #1f2226;
    --colors-ds-semantic-surface-hover: #686b823d;
    --colors-ds-semantic-surface-overlay: #181c21;
    --colors-ds-semantic-surface-page: #07090e;
    --colors-ds-semantic-surface-raised: #181c21;
    --colors-ds-semantic-surface-selected: #2b7cfe29;
    --colors-ds-semantic-surface-sunken: #181c21;
    --colors-ds-primary: #eef2f7;
    --colors-ds-neutral: #b3b8bf;
    --colors-ds-dimmed: #9a9fa6;
    --colors-ds-positive: #35df8d;
    --colors-ds-negative: #ff7386;
    --colors-ds-warning: #ffcd60;
    --colors-ds-brand: #639dff;
    --colors-ds-info: #a28dff;
    --colors-ds-inverted: #101114;
    --colors-ds-disabled: #484b5e;
    --colors-ds-strong: #fff;
    --colors-ds-subtle: #484b5e;
    --colors-ds-divider: #3f4349;
    --colors-ds-textlink-hover-primary: #b3b8bf;
    --colors-ds-textlink-hover-brand: #2b7cfe;
    --colors-ds-textlink-hover-neutral: #eef2f7;
    --colors-ds-textlink-hover-positive: #149e61;
    --colors-ds-textlink-hover-negative: #f5395e;
    --colors-ds-textlink-hover-warning: #c39621;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #00000026;
    --box-shadow-ds-2: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-3: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-4: 0px 12px 16px -4px #00000026;
    --box-shadow-ds-5: 0px 20px 24px -4px #00000026;
    --box-shadow-ds-6: 0px 24px 48px -12px #0000004d;
    --box-shadow-ds-7: 0px 32px 64px -12px #0000004d;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #3f4349;
    --box-shadow-ds-banner: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-container: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #00000026, 0px 4px 8px -2px #00000026;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 150px 0px #000;
    --box-shadow-ds-menu: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --box-shadow-ds-popover: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #00000026;
    --outline-color-ds-accordion: #2b7cfe;
    --outline-color-ds-button: #2b7cfe;
    --outline-color-ds-card-selected: #2b7cfe;
    --outline-color-ds-favourite-button: #2b7cfe;
    --outline-color-ds-input-error-focused: #d11d45;
    --outline-color-ds-input: #2b7cfe;
    --outline-color-ds-input-error: #d11d45;
    --outline-color-ds-legend-item-dimmed: #9a9fa6;
    --outline-color-ds-menu: #2b7cfe;
    --outline-color-ds-notification: #2b7cfe;
    --outline-color-ds-popover: #2b7cfe;
    --outline-color-ds-segmented-control: #2b7cfe;
    --outline-color-ds-selectable-card: #2b7cfe;
    --outline-color-ds-tabs: #2b7cfe;
    --outline-color-ds-table-header-cell: #2b7cfe;
    --outline-color-ds-textlink: #2b7cfe;
    --outline-color-ds-toggle: #2b7cfe;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #0066f2;
    --background-color-ds-badge-primary-low: #0066f229;
    --background-color-ds-badge-neutral-high: #686b82;
    --background-color-ds-badge-neutral-low: #686b8229;
    --background-color-ds-badge-positive-high: #149e61;
    --background-color-ds-badge-positive-low: #149e6129;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c3962129;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #a28dff;
    --background-color-ds-badge-new-low: #0066f229;
    --background-color-ds-badge-new-high: #0066f2;
    --background-color-ds-banner: #1a1b22;
    --background-color-ds-button-primary-high: #0066f2;
    --background-color-ds-button-primary-high-hover: #2b7cfe;
    --background-color-ds-button-primary-medium: #0066f229;
    --background-color-ds-button-primary-medium-hover: #0066f252;
    --background-color-ds-button-primary-medium-active: #0066f252;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #181c21;
    --background-color-ds-button-primary-low-active: #181c21;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #f7f7fa;
    --background-color-ds-button-neutral-high-hover: #e5e6ec;
    --background-color-ds-button-neutral-medium: #181c21;
    --background-color-ds-button-neutral-medium-hover: #686b8252;
    --background-color-ds-button-neutral-medium-active: #686b8252;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #181c21;
    --background-color-ds-button-neutral-low-active: #181c21;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #35df8d;
    --background-color-ds-button-positive-high-hover: #44fc9e;
    --background-color-ds-button-positive-medium: #149e6129;
    --background-color-ds-button-positive-medium-hover: #149e6152;
    --background-color-ds-button-positive-medium-active: #149e6152;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #149e6129;
    --background-color-ds-button-positive-low-active: #149e6129;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #f5395e;
    --background-color-ds-button-negative-high-hover: #ff7386;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e52;
    --background-color-ds-button-negative-medium-active: #f5395e52;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c3962152;
    --background-color-ds-button-warning-medium-active: #c3962152;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #0066f2;
    --background-color-ds-button-brand-high-hover: #2b7cfe;
    --background-color-ds-button-brand-medium: #0066f229;
    --background-color-ds-button-brand-medium-hover: #0066f252;
    --background-color-ds-button-brand-medium-active: #0066f252;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #0066f229;
    --background-color-ds-button-brand-low-active: #0066f229;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #a28dff;
    --background-color-ds-button-info-high-hover: #90c9ff;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #000;
    --background-color-ds-button-inverted-high-hover: #0000008f;
    --background-color-ds-button-inverted-medium: #00000014;
    --background-color-ds-button-inverted-medium-hover: #00000029;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #00000014;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #181c21;
    --background-color-ds-card-disabled: #686b8214;
    --background-color-ds-card-selected: #2b7cfe29;
    --background-color-ds-card-hover: #686b823d;
    --background-color-ds-card-selected-hover: #686b823d;
    --background-color-ds-card-background: #686b821f;
    --background-color-ds-card-background-hover: #686b823d;
    --background-color-ds-checkbox-unchecked: #686b8252;
    --background-color-ds-checkbox-unchecked-hover: #686b8266;
    --background-color-ds-checkbox-checked: #2b7cfe;
    --background-color-ds-checkbox-checked-hover: #8a61ff;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e29;
    --background-color-ds-circle-primary-low: #0066f229;
    --background-color-ds-circle-neutral-low: #686b8229;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c3962129;
    --background-color-ds-circle-positive-low: #149e6129;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #0066f2;
    --background-color-ds-circle-neutral-high: #686b82;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #149e61;
    --background-color-ds-circle-info-high: #a28dff;
    --background-color-ds-container: #181c21;
    --background-color-ds-container-glass: #686b8229;
    --background-color-ds-datepicker: #181c21;
    --background-color-ds-datepicker-raised: #272532;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #0066f2;
    --background-color-ds-datepicker-selected-day-range: #855bfb29;
    --background-color-ds-dialog: #181c21;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #3f4349;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: #181c21;
    --background-color-ds-dropdown-button: #181c21;
    --background-color-ds-dropdown-button-hover: #686b8252;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8229;
    --background-color-ds-filteritem-active: #686b8252;
    --background-color-ds-full-screen-dialog: #07090e;
    --background-color-ds-input: #181c21;
    --background-color-ds-input-border: #3f4349;
    --background-color-ds-input-border-error: #d11d45;
    --background-color-ds-input-border-error-focused: #d11d45;
    --background-color-ds-input-border-focused: #2b7cfe;
    --background-color-ds-input-content-icon: #b3b8bf;
    --background-color-ds-input-content-input-text: #eef2f7;
    --background-color-ds-input-content-label: #b3b8bf;
    --background-color-ds-input-error: #181c21;
    --background-color-ds-input-error-focused: #686b8214;
    --background-color-ds-input-focused: #686b8214;
    --background-color-ds-input-hover: #686b8214;
    --background-color-ds-input-selected: #686b8214;
    --background-color-ds-input-error-label: #f5395e29;
    --background-color-ds-input-background: #686b8229;
    --background-color-ds-input-background-hover: #686b821f;
    --background-color-ds-input-background-selected: #686b821f;
    --background-color-ds-inputerror-label: #f5395e29;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #686b8229;
    --background-color-ds-legend-item-dimmed: #9a9fa6;
    --background-color-ds-list-hover: #686b823d;
    --background-color-ds-menu: #181c21;
    --background-color-ds-menu-raised: #272532;
    --background-color-ds-menu-hover: #686b8214;
    --background-color-ds-menu-pressed: #855bfb1f;
    --background-color-ds-menu-active: #181c21;
    --background-color-ds-menu-active-hover: #686b821f;
    --background-color-ds-notification-primary: #0066f229;
    --background-color-ds-notification-neutral: #686b8229;
    --background-color-ds-notification-negative: #f5395e29;
    --background-color-ds-notification-warning: #c3962129;
    --background-color-ds-notification-positive: #149e6129;
    --background-color-ds-notification-info: #0092d829;
    --background-color-ds-notification-primary-hover: #0066f23d;
    --background-color-ds-notification-neutral-hover: #686b823d;
    --background-color-ds-notification-negative-hover: #f5395e3d;
    --background-color-ds-notification-warning-hover: #c396213d;
    --background-color-ds-notification-positive-hover: #149e613d;
    --background-color-ds-notification-info-hover: #0092d83d;
    --background-color-ds-pagination: #686b821f;
    --background-color-ds-pill: #855bfb29;
    --background-color-ds-pill-primary: #855bfb29;
    --background-color-ds-pill-neutral: #686b8229;
    --background-color-ds-popover: #181c21;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-primary: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-finished: #08844f;
    --background-color-ds-radio-unchecked: #686b8252;
    --background-color-ds-radio-unchecked-hover: #686b8266;
    --background-color-ds-radio-checked: #2b7cfe;
    --background-color-ds-radio-checked-hover: #8a61ff;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #7132f5;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b82a3;
    --background-color-ds-scrollbar-thumb-hover: #686b827a;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #181c21;
    --background-color-ds-segmented-control-inactive-high: #686b821f;
    --background-color-ds-segmented-control-active-primary: #686b823d;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #686b823d;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #181c21;
    --background-color-ds-selectable-card-selected: #2b7cfe29;
    --background-color-ds-selectable-card-hover: #686b823d;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b823d;
    --background-color-ds-consumerpagination: #ffffff3d;
    --background-color-ds-consumerpagination-active: #fffffff5;
    --background-color-ds-consumerpagination-hover: #fff6;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #686b823d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #686b82;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #353746;
    --background-color-ds-tabs: #686b821f;
    --background-color-ds-tabs-hover: #686b8229;
    --background-color-ds-tabs-active: #686b823d;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #686b823d;
    --background-color-ds-table-cell-sticky: #16121f;
    --background-color-ds-table-cell-sticky-container: #181c21;
    --background-color-ds-table-cell-sticky-dialog: #1f1b27;
    --background-color-ds-table-cell-sticky-dialog-container: #16121f;
    --background-color-ds-table-cell-sticky-container-card: #21202c;
    --background-color-ds-table-cell-sticky-container-card-hover: #22202e;
    --background-color-ds-table-cell-sticky-container-hover: #191523;
    --background-color-ds-table-cell-sticky-dialog-hover: #221e2b;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #1a1826;
    --background-color-ds-table-header-cell-resize: #2b7cfe;
    --background-color-ds-table-header-cell-sticky: #16121f;
    --background-color-ds-table-row-group: #686b8214;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b8214;
    --background-color-ds-table-row-hover: #686b820a;
    --background-color-ds-table-row: #16121f;
    --background-color-ds-toggle-handle-on: #eeeff3;
    --background-color-ds-toggle-handle-off: #9497a9;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #686b8252;
    --background-color-ds-tooltip: #22232d;
    --text-color-ds-accordion-primary: #b3b8bf;
    --text-color-ds-accordion-disabled: #9497a9;
    --text-color-ds-accordion-hover: #eef2f7;
    --text-color-ds-badge-primary: #0066f2;
    --text-color-ds-badge-neutral: #9497a9;
    --text-color-ds-badge-positive: #35df8d;
    --text-color-ds-badge-negative: #ff7386;
    --text-color-ds-badge-warning: #ffcd60;
    --text-color-ds-badge-high: #fff;
    --text-color-ds-asseticon-neutral: #000;
    --text-color-ds-asseticon-inverted: #fff;
    --text-color-ds-badge-high-inverse: #101114;
    --text-color-ds-badge-info: #00adfe;
    --text-color-ds-badge-new: #0066f2;
    --text-color-ds-brand-brand: #855bfb;
    --text-color-ds-brand-neutral: #fff;
    --text-color-ds-brand-inverted: #000;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #b3b8bf;
    --text-color-ds-breadcrumbs-hover: #eef2f7;
    --text-color-ds-breadcrumbs-selected: #eef2f7;
    --text-color-ds-button-primary-high: #fff;
    --text-color-ds-button-primary-medium: #fff;
    --text-color-ds-button-primary-medium-hover: #fff;
    --text-color-ds-button-primary-low: #fff;
    --text-color-ds-button-primary-low-hover: #fff;
    --text-color-ds-button-primary-none: #639dff;
    --text-color-ds-button-primary-none-hover: #2b7cfe;
    --text-color-ds-button-neutral-high: #101114;
    --text-color-ds-button-neutral-medium: #c6c7d2;
    --text-color-ds-button-neutral-medium-hover: #eef2f7;
    --text-color-ds-button-neutral-low: #c6c7d2;
    --text-color-ds-button-neutral-low-hover: #eef2f7;
    --text-color-ds-button-neutral-none: #c6c7d2;
    --text-color-ds-button-neutral-none-hover: #eef2f7;
    --text-color-ds-button-positive-high: #002d17;
    --text-color-ds-button-positive-medium: #35df8d;
    --text-color-ds-button-positive-medium-hover: #35df8d;
    --text-color-ds-button-positive-low: #35df8d;
    --text-color-ds-button-positive-low-hover: #35df8d;
    --text-color-ds-button-positive-none: #35df8d;
    --text-color-ds-button-positive-none-hover: #23ba75;
    --text-color-ds-button-negative-high: #3c000c;
    --text-color-ds-button-negative-medium: #ff9fa9;
    --text-color-ds-button-negative-medium-hover: #ff9fa9;
    --text-color-ds-button-negative-low: #ff7386;
    --text-color-ds-button-negative-low-hover: #ff7386;
    --text-color-ds-button-negative-none: #ff7386;
    --text-color-ds-button-negative-none-hover: #f5395e;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #ffcd60;
    --text-color-ds-button-warning-medium-hover: #ffcd60;
    --text-color-ds-button-warning-low: #e8b100;
    --text-color-ds-button-warning-low-hover: #e8b100;
    --text-color-ds-button-warning-none: #e8b100;
    --text-color-ds-button-warning-none-hover: #c39621;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #0066f2;
    --text-color-ds-button-brand-medium-hover: #0066f2;
    --text-color-ds-button-brand-low: #0066f2;
    --text-color-ds-button-brand-low-hover: #f1efff;
    --text-color-ds-button-brand-none: #0066f2;
    --text-color-ds-button-brand-none-hover: #f1efff;
    --text-color-ds-button-info-high: #002940;
    --text-color-ds-button-info-medium: #90c9ff;
    --text-color-ds-button-info-medium-hover: #90c9ff;
    --text-color-ds-button-info-low: #0092d8;
    --text-color-ds-button-info-low-hover: #0092d8;
    --text-color-ds-button-info-none: #0092d8;
    --text-color-ds-button-info-none-hover: #0079b4;
    --text-color-ds-button-inverted-high: #fff;
    --text-color-ds-button-inverted-medium: #101114;
    --text-color-ds-button-inverted-medium-hover: #101114;
    --text-color-ds-button-inverted-low: #101114;
    --text-color-ds-button-inverted-low-hover: #101114;
    --text-color-ds-button-inverted-none: #101114;
    --text-color-ds-button-inverted-none-hover: #101114;
    --text-color-ds-button-neutral-high-icon: #101114;
    --text-color-ds-checkbox-primary: #eef2f7;
    --text-color-ds-checkbox-description: #b3b8bf;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #eef2f7;
    --text-color-ds-checkboxgroup-description: #b3b8bf;
    --text-color-ds-checkboxgroup-error: #ff7386;
    --text-color-ds-circle-primary-low: #0066f2;
    --text-color-ds-circle-neutral-low: #9497a9;
    --text-color-ds-circle-positive-low: #35df8d;
    --text-color-ds-circle-warning-low: #ffcd60;
    --text-color-ds-circle-negative-low: #ff7386;
    --text-color-ds-circle-info-low: #00adfe;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #0066f2;
    --text-color-ds-circle-border-neutral-high: #686b82;
    --text-color-ds-circle-border-positive-high: #149e61;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #a28dff;
    --text-color-ds-datepicker: #eeeff3;
    --text-color-ds-datepicker-weekday: #9497a9;
    --text-color-ds-datepicker-today: #9497a9;
    --text-color-ds-datepicker-disabled: #686b82;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #b3b8bf;
    --text-color-ds-dropdown-button-content-placeholder-hover: #eef2f7;
    --text-color-ds-dropdown-button-content-text: #eef2f7;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #9497a9;
    --text-color-ds-filteritem-active: #f7f7fa;
    --text-color-ds-input: #eef2f7;
    --text-color-ds-input-icon: #b3b8bf;
    --text-color-ds-input-label: #b3b8bf;
    --text-color-ds-input-error-label: #ff7386;
    --text-color-ds-inputerror-label: #ff7386;
    --text-color-ds-label-value: #ffffff0a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #b3b8bf;
    --text-color-ds-menu: #eef2f7;
    --text-color-ds-menu-active: #639dff;
    --text-color-ds-notification-primary: #f1efff;
    --text-color-ds-notification-neutral: #f7f7fa;
    --text-color-ds-notification-negative: #ffd6da;
    --text-color-ds-notification-warning: #fffaf0;
    --text-color-ds-notification-positive: #c6feda;
    --text-color-ds-notification-info: #e7f2ff;
    --text-color-ds-notification-subtitle-primary: #0066f2;
    --text-color-ds-notification-subtitle-neutral: #c6c7d2;
    --text-color-ds-notification-subtitle-negative: #ffbdc3;
    --text-color-ds-notification-subtitle-warning: #ffe5b1;
    --text-color-ds-notification-subtitle-positive: #44fc9e;
    --text-color-ds-notification-subtitle-info: #c7e1ff;
    --text-color-ds-pill: #639dff;
    --text-color-ds-pill-primary: #639dff;
    --text-color-ds-pill-neutral: #eef2f7;
    --text-color-ds-radio-primary: #eef2f7;
    --text-color-ds-radio-disabled: #484b5e;
    --text-color-ds-radio-description: #b3b8bf;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #f7f7fa;
    --text-color-ds-radiogroup-description: #9497a9;
    --text-color-ds-radiogroup-error: #ff7386;
    --text-color-ds-segmented-control-inactive: #b3b8bf;
    --text-color-ds-segmented-control-inactive-hover: #eef2f7;
    --text-color-ds-segmented-control-active-primary: #eef2f7;
    --text-color-ds-segmented-control-active-positive: #35df8d;
    --text-color-ds-segmented-control-active-negative: #ff7386;
    --text-color-ds-segmented-control-active-primary-low: #eef2f7;
    --text-color-ds-segmented-control-active-positive-low: #35df8d;
    --text-color-ds-segmented-control-active-negative-low: #ff7386;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #686b823d;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #f7f7fa;
    --text-color-ds-spinner-neutral: #9497a9;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #35df8d;
    --text-color-ds-spinner-negative: #ff7386;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #fff;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #000;
    --text-color-ds-stacked-asset-icons: #f7f7fa;
    --text-color-ds-tabs: #b3b8bf;
    --text-color-ds-tabs-active: #eef2f7;
    --text-color-ds-tabs-on-background: #b3b8bf;
    --text-color-ds-tabs-on-background-active: #eef2f7;
    --text-color-ds-text-duo-primary-main: #eef2f7;
    --text-color-ds-text-duo-primary-duo: #b3b8bf;
    --text-color-ds-text-duo-neutral-main: #b3b8bf;
    --text-color-ds-text-duo-neutral-duo: #9a9fa6;
    --text-color-ds-text-duo-positive-main: #35df8d;
    --text-color-ds-text-duo-positive-duo: #35df8d;
    --text-color-ds-text-duo-negative-main: #ff7386;
    --text-color-ds-text-duo-negative-duo: #ff7386;
    --text-color-ds-tooltip-text: #b3b8bf;
    --text-color-ds-tooltip-title: #eef2f7;
    --border-color-ds-asset-conversion-icons-primary: #eef2f7;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #2b7cfe;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #2b7cfe;
    --border-color-ds-datepicker: #fff0;
    --border-color-ds-base-drawer: #ffffff14;
    --border-color-ds-input-focused: #2b7cfe;
    --border-color-ds-input-error: #d11d45;
    --border-color-ds-input-error-focused: #d11d45;
    --border-color-ds-legend-item-dimmed: #9a9fa6;
    --border-color-ds-menu: #fff0;
    --border-color-ds-menu-divider: #3f4349;
    --border-color-ds-popover: #fff0;
    --border-color-ds-radio-primary-focus: #2b7cfe;
    --border-color-ds-selectable-card-selected: #2b7cfe;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header-cell-hover: #2b7cfe;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b8229;
    --stroke-ds-dropdown-button-content-icon: #b3b8bf;
    --stroke-ds-dropdown-button-content-icon-hover: #eef2f7;
    --stroke-ds-icon-primary: #0066f2;
    --stroke-ds-icon-neutral: #b3b8bf;
    --stroke-ds-icon-strong: #fff;
    --stroke-ds-icon-dimmed: #9a9fa6;
    --stroke-ds-icon-positive: #35df8d;
    --stroke-ds-icon-warning: #ffcd60;
    --stroke-ds-icon-negative: #ff7386;
    --stroke-ds-icon-info: #a28dff;
    --stroke-ds-icon-brand: #639dff;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #fff0;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #0066f229;
    --ring-color-ds-circle-neutral-low: #686b8229;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c3962129;
    --ring-color-ds-circle-positive-low: #149e6129;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #0066f2;
    --ring-color-ds-circle-neutral-high: #686b82;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #149e61;
    --ring-color-ds-circle-info-high: #a28dff;
    --fill-ds-brand-brand: #855bfb;
    --fill-ds-brand-neutral: #fff;
    --fill-ds-brand-inverted: #000;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #0066f2;
    --fill-ds-icon-neutral: #b3b8bf;
    --fill-ds-icon-strong: #fff;
    --fill-ds-icon-dimmed: #9a9fa6;
    --fill-ds-icon-positive: #35df8d;
    --fill-ds-icon-warning: #ffcd60;
    --fill-ds-icon-negative: #ff7386;
    --fill-ds-icon-info: #a28dff;
    --fill-ds-icon-brand: #639dff;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #181c21;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #181c21, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #181c21;
    --placeholder-color-ds-input: #b3b8bf;
    --caret-color-ds-input: #fff;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #2b7cfe;
    --opacity-ds-table-cell-dimmed: .5;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8266
}

.ninjatrader-syn3-light-theme {
    --colors-ds-semantic-action-primary-background: #0161e7;
    --colors-ds-semantic-action-primary-background-hover: #0250c1;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #f8f8f9;
    --colors-ds-semantic-action-secondary-background-hover: #686b821f;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #484b5e;
    --colors-ds-semantic-border-default: #cfd2d6;
    --colors-ds-semantic-border-negative: #d11d45;
    --colors-ds-semantic-border-positive: #08844f;
    --colors-ds-semantic-border-strong: #9a9fa6;
    --colors-ds-semantic-border-subtle: #cfd2d6;
    --colors-ds-semantic-content-brand: #0161e7;
    --colors-ds-semantic-content-dimmed: #57585b;
    --colors-ds-semantic-content-disabled: #6c6f73;
    --colors-ds-semantic-content-info: #7b37ff;
    --colors-ds-semantic-content-inverse: #fff;
    --colors-ds-semantic-content-negative: #d11d45;
    --colors-ds-semantic-content-neutral: #424346;
    --colors-ds-semantic-content-positive: #08844f;
    --colors-ds-semantic-content-primary: #0a0b0e;
    --colors-ds-semantic-content-warning: #c39621;
    --colors-ds-semantic-focus-ring: #4e90ff;
    --colors-ds-semantic-focus-ring-inverse: #fff;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #0161e7;
    --colors-ds-semantic-status-brand-content-strong: #2b1463;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #0161e7;
    --colors-ds-semantic-status-brand-solid: #0161e7;
    --colors-ds-semantic-status-brand-subtle: #0161e729;
    --colors-ds-semantic-status-info-content: #003c5c;
    --colors-ds-semantic-status-info-content-strong: #002940;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #006394;
    --colors-ds-semantic-status-info-solid: #7b37ff;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #5f0018;
    --colors-ds-semantic-status-negative-content-strong: #3c000c;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #d11d45;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #1a1b22;
    --colors-ds-semantic-status-neutral-content-strong: #101114;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #484b5e;
    --colors-ds-semantic-status-neutral-solid: #9497a9;
    --colors-ds-semantic-status-neutral-subtle: #686b821f;
    --colors-ds-semantic-status-positive-content: #004224;
    --colors-ds-semantic-status-positive-content-strong: #002d17;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #026b3f;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #553c00;
    --colors-ds-semantic-status-warning-content-strong: #3b2a00;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #553c00;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c396213d;
    --colors-ds-semantic-surface-canvas: #fdfdfd;
    --colors-ds-semantic-surface-hover: #686b821f;
    --colors-ds-semantic-surface-overlay: #fdfeff;
    --colors-ds-semantic-surface-page: #fdfeff;
    --colors-ds-semantic-surface-raised: #fdfeff;
    --colors-ds-semantic-surface-selected: #2b7cfe29;
    --colors-ds-semantic-surface-sunken: #f8f8f9;
    --colors-ds-primary: #0a0b0e;
    --colors-ds-neutral: #424346;
    --colors-ds-dimmed: #57585b;
    --colors-ds-positive: #08844f;
    --colors-ds-negative: #d11d45;
    --colors-ds-warning: #c39621;
    --colors-ds-brand: #0161e7;
    --colors-ds-info: #7b37ff;
    --colors-ds-inverted: #fff;
    --colors-ds-disabled: #c6c7d2;
    --colors-ds-strong: #1a1b22;
    --colors-ds-subtle: #c6c7d2;
    --colors-ds-divider: #cfd2d6;
    --colors-ds-textlink-hover-primary: #424346;
    --colors-ds-textlink-hover-brand: #0250c1;
    --colors-ds-textlink-hover-neutral: #0a0b0e;
    --colors-ds-textlink-hover-positive: #005531;
    --colors-ds-textlink-hover-negative: #840125;
    --colors-ds-textlink-hover-warning: #89640c;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #1018280a;
    --box-shadow-ds-2: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-3: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-4: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-5: 0px 20px 24px -4px #1018280f;
    --box-shadow-ds-6: 0px 24px 48px -12px #1018282e;
    --box-shadow-ds-7: 0px 32px 64px -12px #10182824;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #cfd2d6;
    --box-shadow-ds-banner: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-container: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 75px 0px #00000026;
    --box-shadow-ds-menu: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-popover: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --outline-color-ds-accordion: #4e90ff;
    --outline-color-ds-button: #4e90ff;
    --outline-color-ds-card-selected: #008cff;
    --outline-color-ds-favourite-button: #4e90ff;
    --outline-color-ds-input-error-focused: #f5395e;
    --outline-color-ds-input: #4e90ff;
    --outline-color-ds-input-error: #f5395e;
    --outline-color-ds-legend-item-dimmed: #57585b;
    --outline-color-ds-menu: #4e90ff;
    --outline-color-ds-notification: #4e90ff;
    --outline-color-ds-popover: #4e90ff;
    --outline-color-ds-segmented-control: #4e90ff;
    --outline-color-ds-selectable-card: #008cff;
    --outline-color-ds-tabs: #4e90ff;
    --outline-color-ds-table-header-cell: #4e90ff;
    --outline-color-ds-textlink: #4e90ff;
    --outline-color-ds-toggle: #4e90ff;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #0161e7;
    --background-color-ds-badge-primary-low: #0161e729;
    --background-color-ds-badge-neutral-high: #9497a9;
    --background-color-ds-badge-neutral-low: #686b821f;
    --background-color-ds-badge-positive-high: #149e61;
    --background-color-ds-badge-positive-low: #149e6129;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c396213d;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #7b37ff;
    --background-color-ds-badge-new-low: #0161e729;
    --background-color-ds-badge-new-high: #0161e7;
    --background-color-ds-banner: #fff;
    --background-color-ds-button-primary-high: #0161e7;
    --background-color-ds-button-primary-high-hover: #0250c1;
    --background-color-ds-button-primary-medium: #0161e729;
    --background-color-ds-button-primary-medium-hover: #0161e752;
    --background-color-ds-button-primary-medium-active: #0161e752;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #f8f8f9;
    --background-color-ds-button-primary-low-active: #f8f8f9;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #101114;
    --background-color-ds-button-neutral-high-hover: #22232d;
    --background-color-ds-button-neutral-medium: #f8f8f9;
    --background-color-ds-button-neutral-medium-hover: #686b821f;
    --background-color-ds-button-neutral-medium-active: #686b821f;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #f8f8f9;
    --background-color-ds-button-neutral-low-active: #f8f8f9;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #08844f;
    --background-color-ds-button-positive-high-hover: #026b3f;
    --background-color-ds-button-positive-medium: #149e6129;
    --background-color-ds-button-positive-medium-hover: #149e613d;
    --background-color-ds-button-positive-medium-active: #149e613d;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #149e6129;
    --background-color-ds-button-positive-low-active: #149e6129;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #d11d45;
    --background-color-ds-button-negative-high-hover: #aa0132;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e3d;
    --background-color-ds-button-negative-medium-active: #f5395e3d;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c396213d;
    --background-color-ds-button-warning-medium-active: #c396213d;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #0161e7;
    --background-color-ds-button-brand-high-hover: #0250c1;
    --background-color-ds-button-brand-medium: #0161e729;
    --background-color-ds-button-brand-medium-hover: #0161e752;
    --background-color-ds-button-brand-medium-active: #0161e752;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #0161e729;
    --background-color-ds-button-brand-low-active: #0161e729;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #7b37ff;
    --background-color-ds-button-info-high-hover: #00adfe;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #fff;
    --background-color-ds-button-inverted-high-hover: #ffffffe0;
    --background-color-ds-button-inverted-medium: #ffffff29;
    --background-color-ds-button-inverted-medium-hover: #ffffff3d;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #ffffff29;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #f8f8f9;
    --background-color-ds-card-disabled: #686b8214;
    --background-color-ds-card-selected: #2b7cfe29;
    --background-color-ds-card-hover: #9497a91f;
    --background-color-ds-card-selected-hover: #686b821f;
    --background-color-ds-card-background: #fff;
    --background-color-ds-card-background-hover: #ffffffb8;
    --background-color-ds-checkbox-unchecked: #686b8252;
    --background-color-ds-checkbox-unchecked-hover: #686b8266;
    --background-color-ds-checkbox-checked: #2b7cfe;
    --background-color-ds-checkbox-checked-hover: #0250c1;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e14;
    --background-color-ds-circle-primary-low: #0161e729;
    --background-color-ds-circle-neutral-low: #686b821f;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c396213d;
    --background-color-ds-circle-positive-low: #149e6129;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #0161e7;
    --background-color-ds-circle-neutral-high: #9497a9;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #149e61;
    --background-color-ds-circle-info-high: #7b37ff;
    --background-color-ds-container: #fdfeff;
    --background-color-ds-container-glass: #686b8229;
    --background-color-ds-datepicker: #fdfeff;
    --background-color-ds-datepicker-raised: #fdfeff;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #0161e7;
    --background-color-ds-datepicker-selected-day-range: #2da1ff29;
    --background-color-ds-dialog: #fdfeff;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #cfd2d6;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: #fdfeff;
    --background-color-ds-dropdown-button: #f8f8f9;
    --background-color-ds-dropdown-button-hover: #686b821f;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8214;
    --background-color-ds-filteritem-active: #686b821f;
    --background-color-ds-full-screen-dialog: #fff;
    --background-color-ds-input: #f8f8f9;
    --background-color-ds-input-border: #cfd2d6;
    --background-color-ds-input-border-error: #f5395e;
    --background-color-ds-input-border-error-focused: #f5395e;
    --background-color-ds-input-border-focused: #4e90ff;
    --background-color-ds-input-content-icon: #424346;
    --background-color-ds-input-content-input-text: #0a0b0e;
    --background-color-ds-input-content-label: #424346;
    --background-color-ds-input-error: #f8f8f9;
    --background-color-ds-input-error-focused: #686b821f;
    --background-color-ds-input-focused: #686b820a;
    --background-color-ds-input-hover: #686b821f;
    --background-color-ds-input-selected: #686b820a;
    --background-color-ds-input-error-label: #f5395e14;
    --background-color-ds-input-background: #fff;
    --background-color-ds-input-background-hover: #fffc;
    --background-color-ds-input-background-selected: #fffc;
    --background-color-ds-inputerror-label: #f5395e14;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #2da1ff14;
    --background-color-ds-legend-item-dimmed: #57585b;
    --background-color-ds-list-hover: #9497a91f;
    --background-color-ds-menu: #fdfeff;
    --background-color-ds-menu-raised: #fdfeff;
    --background-color-ds-menu-hover: #686b820a;
    --background-color-ds-menu-pressed: #686b8214;
    --background-color-ds-menu-active: #f8f8f9;
    --background-color-ds-menu-active-hover: #686b8214;
    --background-color-ds-notification-primary: #0161e714;
    --background-color-ds-notification-neutral: #686b8214;
    --background-color-ds-notification-negative: #f5395e14;
    --background-color-ds-notification-warning: #c3962114;
    --background-color-ds-notification-positive: #149e6114;
    --background-color-ds-notification-info: #0092d814;
    --background-color-ds-notification-primary-hover: #0161e729;
    --background-color-ds-notification-neutral-hover: #686b8229;
    --background-color-ds-notification-negative-hover: #f5395e29;
    --background-color-ds-notification-warning-hover: #c3962129;
    --background-color-ds-notification-positive-hover: #149e6129;
    --background-color-ds-notification-info-hover: #0092d829;
    --background-color-ds-pagination: #686b8214;
    --background-color-ds-pill: #2da1ff29;
    --background-color-ds-pill-primary: #2da1ff29;
    --background-color-ds-pill-neutral: #2da1ff29;
    --background-color-ds-popover: #fdfeff;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-in-progress: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-info: #0092d829;
    --background-color-ds-progresstracker-warning: #c3962129;
    --background-color-ds-progresstracker-finished: #149e6129;
    --background-color-ds-radio-unchecked: #686b8252;
    --background-color-ds-radio-unchecked-hover: #686b8266;
    --background-color-ds-radio-checked: #2b7cfe;
    --background-color-ds-radio-checked-hover: #0250c1;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #855bfb;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b8266;
    --background-color-ds-scrollbar-thumb-hover: #686b823d;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #fdfeff;
    --background-color-ds-segmented-control-inactive-high: #686b821f;
    --background-color-ds-segmented-control-active-primary: #fdfeff;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #686b821f;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #f8f8f9;
    --background-color-ds-selectable-card-selected: #2b7cfe29;
    --background-color-ds-selectable-card-hover: #9497a91f;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b821f;
    --background-color-ds-consumerpagination: #c6c7d2;
    --background-color-ds-consumerpagination-active: #686b82;
    --background-color-ds-consumerpagination-hover: #9497a9;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #686b823d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #686b82;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #e5e6ec;
    --background-color-ds-tabs: #686b820a;
    --background-color-ds-tabs-hover: #686b8214;
    --background-color-ds-tabs-active: #686b821f;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #fff;
    --background-color-ds-table-cell-sticky: #fff;
    --background-color-ds-table-cell-sticky-container: #fff;
    --background-color-ds-table-cell-sticky-dialog: #fff;
    --background-color-ds-table-cell-sticky-dialog-container: #fff;
    --background-color-ds-table-cell-sticky-container-card: #f7f7f8;
    --background-color-ds-table-cell-sticky-container-card-hover: #f1f1f3;
    --background-color-ds-table-cell-sticky-container-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #f9f9fa;
    --background-color-ds-table-header-cell-resize: #4e90ff;
    --background-color-ds-table-header-cell-sticky: #fff;
    --background-color-ds-table-row-group: #686b820a;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b820a;
    --background-color-ds-table-row-hover: #686b820a;
    --background-color-ds-table-row: #fff;
    --background-color-ds-toggle-handle-on: #fff;
    --background-color-ds-toggle-handle-off: #fff;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #686b8252;
    --background-color-ds-tooltip: #eeeff3;
    --text-color-ds-accordion-primary: #424346;
    --text-color-ds-accordion-disabled: #484b5e;
    --text-color-ds-accordion-hover: #0a0b0e;
    --text-color-ds-badge-primary: #0161e7;
    --text-color-ds-badge-neutral: #484b5e;
    --text-color-ds-badge-positive: #026b3f;
    --text-color-ds-badge-negative: #d11d45;
    --text-color-ds-badge-warning: #553c00;
    --text-color-ds-badge-high: #fff;
    --text-color-ds-asseticon-neutral: #fff;
    --text-color-ds-asseticon-inverted: #000;
    --text-color-ds-badge-high-inverse: #101114;
    --text-color-ds-badge-info: #006394;
    --text-color-ds-badge-new: #0161e7;
    --text-color-ds-brand-brand: #7132f5;
    --text-color-ds-brand-neutral: #000;
    --text-color-ds-brand-inverted: #fff;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #424346;
    --text-color-ds-breadcrumbs-hover: #0a0b0e;
    --text-color-ds-breadcrumbs-selected: #0a0b0e;
    --text-color-ds-button-primary-high: #fff;
    --text-color-ds-button-primary-medium: #000;
    --text-color-ds-button-primary-medium-hover: #000;
    --text-color-ds-button-primary-low: #101114;
    --text-color-ds-button-primary-low-hover: #101114;
    --text-color-ds-button-primary-none: #0161e7;
    --text-color-ds-button-primary-none-hover: #0250c1;
    --text-color-ds-button-neutral-high: #fff;
    --text-color-ds-button-neutral-medium: #686b82;
    --text-color-ds-button-neutral-medium-hover: #0a0b0e;
    --text-color-ds-button-neutral-low: #686b82;
    --text-color-ds-button-neutral-low-hover: #0a0b0e;
    --text-color-ds-button-neutral-none: #686b82;
    --text-color-ds-button-neutral-none-hover: #0a0b0e;
    --text-color-ds-button-positive-high: #fff;
    --text-color-ds-button-positive-medium: #08844f;
    --text-color-ds-button-positive-medium-hover: #08844f;
    --text-color-ds-button-positive-low: #149e61;
    --text-color-ds-button-positive-low-hover: #149e61;
    --text-color-ds-button-positive-none: #149e61;
    --text-color-ds-button-positive-none-hover: #35df8d;
    --text-color-ds-button-negative-high: #fff;
    --text-color-ds-button-negative-medium: #d11d45;
    --text-color-ds-button-negative-medium-hover: #d11d45;
    --text-color-ds-button-negative-low: #d11d45;
    --text-color-ds-button-negative-low-hover: #d11d45;
    --text-color-ds-button-negative-none: #d11d45;
    --text-color-ds-button-negative-none-hover: #ff7386;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #a67c1d;
    --text-color-ds-button-warning-medium-hover: #a67c1d;
    --text-color-ds-button-warning-low: #a67c1d;
    --text-color-ds-button-warning-low-hover: #a67c1d;
    --text-color-ds-button-warning-none: #a67c1d;
    --text-color-ds-button-warning-none-hover: #e8b100;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #0161e7;
    --text-color-ds-button-brand-medium-hover: #0161e7;
    --text-color-ds-button-brand-low: #0161e7;
    --text-color-ds-button-brand-low-hover: #2b1463;
    --text-color-ds-button-brand-none: #0161e7;
    --text-color-ds-button-brand-none-hover: #2b1463;
    --text-color-ds-button-info-high: #fff;
    --text-color-ds-button-info-medium: #0079b4;
    --text-color-ds-button-info-medium-hover: #0079b4;
    --text-color-ds-button-info-low: #0079b4;
    --text-color-ds-button-info-low-hover: #0079b4;
    --text-color-ds-button-info-none: #0079b4;
    --text-color-ds-button-info-none-hover: #00adfe;
    --text-color-ds-button-inverted-high: #008cff;
    --text-color-ds-button-inverted-medium: #fff;
    --text-color-ds-button-inverted-medium-hover: #fff;
    --text-color-ds-button-inverted-low: #fff;
    --text-color-ds-button-inverted-low-hover: #fff;
    --text-color-ds-button-inverted-none: #fff;
    --text-color-ds-button-inverted-none-hover: #fff;
    --text-color-ds-button-neutral-high-icon: #fff;
    --text-color-ds-checkbox-primary: #0a0b0e;
    --text-color-ds-checkbox-description: #424346;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #0a0b0e;
    --text-color-ds-checkboxgroup-description: #424346;
    --text-color-ds-checkboxgroup-error: #aa0132;
    --text-color-ds-circle-primary-low: #0161e7;
    --text-color-ds-circle-neutral-low: #484b5e;
    --text-color-ds-circle-positive-low: #026b3f;
    --text-color-ds-circle-warning-low: #6f5000;
    --text-color-ds-circle-negative-low: #d11d45;
    --text-color-ds-circle-info-low: #006394;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #0161e7;
    --text-color-ds-circle-border-neutral-high: #9497a9;
    --text-color-ds-circle-border-positive-high: #149e61;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #7b37ff;
    --text-color-ds-datepicker: #1a1b22;
    --text-color-ds-datepicker-weekday: #353746;
    --text-color-ds-datepicker-today: #353746;
    --text-color-ds-datepicker-disabled: #9497a9;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #424346;
    --text-color-ds-dropdown-button-content-placeholder-hover: #0a0b0e;
    --text-color-ds-dropdown-button-content-text: #0a0b0e;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #484b5e;
    --text-color-ds-filteritem-active: #101114;
    --text-color-ds-input: #0a0b0e;
    --text-color-ds-input-icon: #424346;
    --text-color-ds-input-label: #424346;
    --text-color-ds-input-error-label: #aa0132;
    --text-color-ds-inputerror-label: #aa0132;
    --text-color-ds-label-value: #0000000a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #0a0b0e;
    --text-color-ds-menu: #424346;
    --text-color-ds-menu-active: #0161e7;
    --text-color-ds-notification-primary: #2b1463;
    --text-color-ds-notification-neutral: #101114;
    --text-color-ds-notification-negative: #3c000c;
    --text-color-ds-notification-warning: #3b2a00;
    --text-color-ds-notification-positive: #002d17;
    --text-color-ds-notification-info: #002940;
    --text-color-ds-notification-subtitle-primary: #0161e7;
    --text-color-ds-notification-subtitle-neutral: #1a1b22;
    --text-color-ds-notification-subtitle-negative: #5f0018;
    --text-color-ds-notification-subtitle-warning: #553c00;
    --text-color-ds-notification-subtitle-positive: #004224;
    --text-color-ds-notification-subtitle-info: #003c5c;
    --text-color-ds-pill: #0161e7;
    --text-color-ds-pill-primary: #0161e7;
    --text-color-ds-pill-neutral: #0161e7;
    --text-color-ds-radio-primary: #0a0b0e;
    --text-color-ds-radio-disabled: #c6c7d2;
    --text-color-ds-radio-description: #424346;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #101114;
    --text-color-ds-radiogroup-description: #484b5e;
    --text-color-ds-radiogroup-error: #d11d45;
    --text-color-ds-segmented-control-inactive: #424346;
    --text-color-ds-segmented-control-inactive-hover: #0a0b0e;
    --text-color-ds-segmented-control-active-primary: #0a0b0e;
    --text-color-ds-segmented-control-active-positive: #08844f;
    --text-color-ds-segmented-control-active-negative: #d11d45;
    --text-color-ds-segmented-control-active-primary-low: #0a0b0e;
    --text-color-ds-segmented-control-active-positive-low: #08844f;
    --text-color-ds-segmented-control-active-negative-low: #d11d45;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #fdfeff;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #101114;
    --text-color-ds-spinner-neutral: #484b5e;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #08844f;
    --text-color-ds-spinner-negative: #d11d45;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #000;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #fff;
    --text-color-ds-stacked-asset-icons: #101114;
    --text-color-ds-tabs: #424346;
    --text-color-ds-tabs-active: #0a0b0e;
    --text-color-ds-tabs-on-background: #424346;
    --text-color-ds-tabs-on-background-active: #0a0b0e;
    --text-color-ds-text-duo-primary-main: #0a0b0e;
    --text-color-ds-text-duo-primary-duo: #424346;
    --text-color-ds-text-duo-neutral-main: #424346;
    --text-color-ds-text-duo-neutral-duo: #57585b;
    --text-color-ds-text-duo-positive-main: #08844f;
    --text-color-ds-text-duo-positive-duo: #08844f;
    --text-color-ds-text-duo-negative-main: #d11d45;
    --text-color-ds-text-duo-negative-duo: #d11d45;
    --text-color-ds-tooltip-text: #424346;
    --text-color-ds-tooltip-title: #0a0b0e;
    --border-color-ds-asset-conversion-icons-primary: #0a0b0e;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #008cff;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #4e90ff;
    --border-color-ds-datepicker: #686b8214;
    --border-color-ds-base-drawer: #fdfeff;
    --border-color-ds-input-focused: #4e90ff;
    --border-color-ds-input-error: #f5395e;
    --border-color-ds-input-error-focused: #f5395e;
    --border-color-ds-legend-item-dimmed: #57585b;
    --border-color-ds-menu: #686b8214;
    --border-color-ds-menu-divider: #cfd2d6;
    --border-color-ds-popover: #686b8214;
    --border-color-ds-radio-primary-focus: #4e90ff;
    --border-color-ds-selectable-card-selected: #008cff;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header: #686b821f;
    --border-color-ds-table-header-cell-hover: #4e90ff;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b823d;
    --stroke-ds-dropdown-button-content-icon: #424346;
    --stroke-ds-dropdown-button-content-icon-hover: #0a0b0e;
    --stroke-ds-icon-primary: #0161e7;
    --stroke-ds-icon-neutral: #424346;
    --stroke-ds-icon-strong: #1a1b22;
    --stroke-ds-icon-dimmed: #57585b;
    --stroke-ds-icon-positive: #08844f;
    --stroke-ds-icon-warning: #c39621;
    --stroke-ds-icon-negative: #d11d45;
    --stroke-ds-icon-info: #7b37ff;
    --stroke-ds-icon-brand: #0161e7;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #686b8214;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #0161e729;
    --ring-color-ds-circle-neutral-low: #686b821f;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c396213d;
    --ring-color-ds-circle-positive-low: #149e6129;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #0161e7;
    --ring-color-ds-circle-neutral-high: #9497a9;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #149e61;
    --ring-color-ds-circle-info-high: #7b37ff;
    --fill-ds-brand-brand: #7132f5;
    --fill-ds-brand-neutral: #000;
    --fill-ds-brand-inverted: #fff;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #0161e7;
    --fill-ds-icon-neutral: #424346;
    --fill-ds-icon-strong: #1a1b22;
    --fill-ds-icon-dimmed: #57585b;
    --fill-ds-icon-positive: #08844f;
    --fill-ds-icon-warning: #c39621;
    --fill-ds-icon-negative: #d11d45;
    --fill-ds-icon-info: #7b37ff;
    --fill-ds-icon-brand: #0161e7;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #fdfeff;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #fdfeff, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #fdfeff;
    --placeholder-color-ds-input: #424346;
    --caret-color-ds-input: inherit;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #4e90ff;
    --opacity-ds-table-cell-dimmed: .4;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8252
}

.onchain-dark-theme {
    --colors-ds-semantic-action-primary-background: #08844f;
    --colors-ds-semantic-action-primary-background-hover: #149e61;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8229;
    --colors-ds-semantic-action-secondary-background-hover: #686b8252;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #c6c7d2;
    --colors-ds-semantic-border-default: #686b8252;
    --colors-ds-semantic-border-negative: #ff7386;
    --colors-ds-semantic-border-positive: #35df8d;
    --colors-ds-semantic-border-strong: #9497a9;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #ff473d;
    --colors-ds-semantic-content-dimmed: #686b82;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #00adfe;
    --colors-ds-semantic-content-inverse: #101114;
    --colors-ds-semantic-content-negative: #ff7386;
    --colors-ds-semantic-content-neutral: #9497a9;
    --colors-ds-semantic-content-positive: #35df8d;
    --colors-ds-semantic-content-primary: #fff;
    --colors-ds-semantic-content-warning: #ffcd60;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #ff473d);
    --colors-ds-semantic-focus-ring-inverse: #101114;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #d4cbff;
    --colors-ds-semantic-status-brand-content-strong: #f1efff;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #23ba75;
    --colors-ds-semantic-status-brand-solid: #08844f;
    --colors-ds-semantic-status-brand-subtle: #149e6129;
    --colors-ds-semantic-status-info-content: #c7e1ff;
    --colors-ds-semantic-status-info-content-strong: #e7f2ff;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #00adfe;
    --colors-ds-semantic-status-info-solid: #0092d8;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #ffbdc3;
    --colors-ds-semantic-status-negative-content-strong: #ffd6da;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #ff7386;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #c6c7d2;
    --colors-ds-semantic-status-neutral-content-strong: #f7f7fa;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #9497a9;
    --colors-ds-semantic-status-neutral-solid: #686b82;
    --colors-ds-semantic-status-neutral-subtle: #686b8229;
    --colors-ds-semantic-status-positive-content: #44fc9e;
    --colors-ds-semantic-status-positive-content-strong: #c6feda;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #35df8d;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #ffe5b1;
    --colors-ds-semantic-status-warning-content-strong: #fffaf0;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #ffcd60;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c3962129;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #686b823d;
    --colors-ds-semantic-surface-overlay: #1f1b27;
    --colors-ds-semantic-surface-page: #121212;
    --colors-ds-semantic-surface-raised: #1e1e1e80;
    --colors-ds-semantic-surface-selected: #149e610a;
    --colors-ds-semantic-surface-sunken: #686b821f;
    --colors-ds-primary: #fff;
    --colors-ds-neutral: #9497a9;
    --colors-ds-dimmed: #686b82;
    --colors-ds-positive: #35df8d;
    --colors-ds-negative: #ff7386;
    --colors-ds-warning: #ffcd60;
    --colors-ds-brand: #ff473d;
    --colors-ds-info: #00adfe;
    --colors-ds-inverted: #101114;
    --colors-ds-disabled: #484b5e;
    --colors-ds-strong: #fff;
    --colors-ds-subtle: #484b5e;
    --colors-ds-divider: #686b8252;
    --colors-ds-textlink-hover-primary: #9497a9;
    --colors-ds-textlink-hover-brand: #35df8d;
    --colors-ds-textlink-hover-neutral: #fff;
    --colors-ds-textlink-hover-positive: #149e61;
    --colors-ds-textlink-hover-negative: #f5395e;
    --colors-ds-textlink-hover-warning: #c39621;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #00000026;
    --box-shadow-ds-2: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-3: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-4: 0px 12px 16px -4px #00000026;
    --box-shadow-ds-5: 0px 20px 24px -4px #00000026;
    --box-shadow-ds-6: 0px 24px 48px -12px #0000004d;
    --box-shadow-ds-7: 0px 32px 64px -12px #0000004d;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #686b8252;
    --box-shadow-ds-banner: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-container: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #00000026, 0px 4px 8px -2px #00000026;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 150px 0px #000;
    --box-shadow-ds-menu: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --box-shadow-ds-popover: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #00000026;
    --outline-color-ds-accordion: #ff473d;
    --outline-color-ds-button: #ff473d;
    --outline-color-ds-card-selected: #fff;
    --outline-color-ds-favourite-button: #ff473d;
    --outline-color-ds-input-error-focused: #d11d45;
    --outline-color-ds-input: #fff;
    --outline-color-ds-input-error: #d11d45;
    --outline-color-ds-legend-item-dimmed: #686b82;
    --outline-color-ds-menu: #ff473d;
    --outline-color-ds-notification: #ff473d;
    --outline-color-ds-popover: #ff473d;
    --outline-color-ds-segmented-control: #ff473d;
    --outline-color-ds-selectable-card: #fff;
    --outline-color-ds-tabs: #ff473d;
    --outline-color-ds-table-header-cell: #ff473d;
    --outline-color-ds-textlink: #ff473d;
    --outline-color-ds-toggle: #ff473d;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #fff;
    --background-color-ds-badge-primary-low: #ffffff29;
    --background-color-ds-badge-neutral-high: #686b82;
    --background-color-ds-badge-neutral-low: #686b8229;
    --background-color-ds-badge-positive-high: #149e61;
    --background-color-ds-badge-positive-low: #149e6129;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c3962129;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0092d8;
    --background-color-ds-badge-new-low: #ffffff29;
    --background-color-ds-badge-new-high: #fff;
    --background-color-ds-banner: #1a1b22;
    --background-color-ds-button-primary-high: #fff;
    --background-color-ds-button-primary-high-hover: #f7f7fa;
    --background-color-ds-button-primary-medium: #686b823d;
    --background-color-ds-button-primary-medium-hover: #686b8252;
    --background-color-ds-button-primary-medium-active: #686b8252;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #686b8229;
    --background-color-ds-button-primary-low-active: #686b8229;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #f7f7fa;
    --background-color-ds-button-neutral-high-hover: #e5e6ec;
    --background-color-ds-button-neutral-medium: #686b8229;
    --background-color-ds-button-neutral-medium-hover: #686b8252;
    --background-color-ds-button-neutral-medium-active: #686b8252;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #686b8229;
    --background-color-ds-button-neutral-low-active: #686b8229;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #35df8d;
    --background-color-ds-button-positive-high-hover: #44fc9e;
    --background-color-ds-button-positive-medium: #149e6129;
    --background-color-ds-button-positive-medium-hover: #149e6152;
    --background-color-ds-button-positive-medium-active: #149e6152;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #149e6129;
    --background-color-ds-button-positive-low-active: #149e6129;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #f5395e;
    --background-color-ds-button-negative-high-hover: #ff7386;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e52;
    --background-color-ds-button-negative-medium-active: #f5395e52;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c3962152;
    --background-color-ds-button-warning-medium-active: #c3962152;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #08844f;
    --background-color-ds-button-brand-high-hover: #149e61;
    --background-color-ds-button-brand-medium: #149e6129;
    --background-color-ds-button-brand-medium-hover: #855bfb52;
    --background-color-ds-button-brand-medium-active: #855bfb52;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #149e6129;
    --background-color-ds-button-brand-low-active: #149e6129;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0092d8;
    --background-color-ds-button-info-high-hover: #90c9ff;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #000;
    --background-color-ds-button-inverted-high-hover: #0000008f;
    --background-color-ds-button-inverted-medium: #00000014;
    --background-color-ds-button-inverted-medium-hover: #00000029;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #00000014;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #686b821f;
    --background-color-ds-card-disabled: #686b8214;
    --background-color-ds-card-selected: #149e610a;
    --background-color-ds-card-hover: #686b823d;
    --background-color-ds-card-selected-hover: #686b823d;
    --background-color-ds-card-background: #686b821f;
    --background-color-ds-card-background-hover: #686b823d;
    --background-color-ds-checkbox-unchecked: #686b8252;
    --background-color-ds-checkbox-unchecked-hover: #686b8266;
    --background-color-ds-checkbox-checked: #fff;
    --background-color-ds-checkbox-checked-hover: #f7f7fa;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e29;
    --background-color-ds-circle-primary-low: #686b8229;
    --background-color-ds-circle-neutral-low: #686b8229;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c3962129;
    --background-color-ds-circle-positive-low: #149e6129;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #fff;
    --background-color-ds-circle-neutral-high: #686b82;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #149e61;
    --background-color-ds-circle-info-high: #0092d8;
    --background-color-ds-container: #1e1e1e80;
    --background-color-ds-container-glass: #ffffff14;
    --background-color-ds-datepicker: #1e1e1e80;
    --background-color-ds-datepicker-raised: #272532;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #08844f;
    --background-color-ds-datepicker-selected-day-range: #149e6129;
    --background-color-ds-dialog: #1f1b27;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #686b8252;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f24e3d;
    --background-color-ds-base-drawer: #1e1e1e80;
    --background-color-ds-dropdown-button: #686b8229;
    --background-color-ds-dropdown-button-hover: #686b8252;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8229;
    --background-color-ds-filteritem-active: #686b8252;
    --background-color-ds-full-screen-dialog: #121212;
    --background-color-ds-input: #686b8229;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #d11d45;
    --background-color-ds-input-border-error-focused: #d11d45;
    --background-color-ds-input-border-focused: #fff;
    --background-color-ds-input-content-icon: #686b82;
    --background-color-ds-input-content-input-text: #fff;
    --background-color-ds-input-content-label: #9497a9;
    --background-color-ds-input-error: #686b8229;
    --background-color-ds-input-error-focused: #686b8214;
    --background-color-ds-input-focused: #686b8214;
    --background-color-ds-input-hover: #686b8214;
    --background-color-ds-input-selected: #686b8214;
    --background-color-ds-input-error-label: #f5395e29;
    --background-color-ds-input-background: #686b8229;
    --background-color-ds-input-background-hover: #686b821f;
    --background-color-ds-input-background-selected: #686b821f;
    --background-color-ds-inputerror-label: #f5395e29;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #149e6114;
    --background-color-ds-legend-item-dimmed: #686b82;
    --background-color-ds-list-hover: #686b823d;
    --background-color-ds-menu: #1f1b27;
    --background-color-ds-menu-raised: #272532;
    --background-color-ds-menu-hover: #686b8214;
    --background-color-ds-menu-pressed: #855bfb1f;
    --background-color-ds-menu-active: #686b8229;
    --background-color-ds-menu-active-hover: #686b821f;
    --background-color-ds-notification-primary: #1e1e1e80;
    --background-color-ds-notification-neutral: #686b8229;
    --background-color-ds-notification-negative: #f5395e29;
    --background-color-ds-notification-warning: #c3962129;
    --background-color-ds-notification-positive: #149e6129;
    --background-color-ds-notification-info: #0092d829;
    --background-color-ds-notification-primary-hover: #855bfb3d;
    --background-color-ds-notification-neutral-hover: #686b823d;
    --background-color-ds-notification-negative-hover: #f5395e3d;
    --background-color-ds-notification-warning-hover: #c396213d;
    --background-color-ds-notification-positive-hover: #149e613d;
    --background-color-ds-notification-info-hover: #0092d83d;
    --background-color-ds-pagination: #686b821f;
    --background-color-ds-pill: #149e6129;
    --background-color-ds-pill-primary: #149e6129;
    --background-color-ds-pill-neutral: #149e6129;
    --background-color-ds-popover: #1f1b27;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-primary: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-finished: #08844f;
    --background-color-ds-radio-unchecked: #686b8252;
    --background-color-ds-radio-unchecked-hover: #686b8266;
    --background-color-ds-radio-checked: #fff;
    --background-color-ds-radio-checked-hover: #f7f7fa;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #7132f5;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b82a3;
    --background-color-ds-scrollbar-thumb-hover: #686b827a;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #1e1e1e80;
    --background-color-ds-segmented-control-inactive-high: #686b821f;
    --background-color-ds-segmented-control-active-primary: #686b823d;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #686b823d;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #686b821f;
    --background-color-ds-selectable-card-selected: #149e610a;
    --background-color-ds-selectable-card-hover: #686b823d;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b823d;
    --background-color-ds-consumerpagination: #ffffff3d;
    --background-color-ds-consumerpagination-active: #fffffff5;
    --background-color-ds-consumerpagination-hover: #fff6;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #686b823d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #686b82;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #353746;
    --background-color-ds-tabs: #686b821f;
    --background-color-ds-tabs-hover: #686b8229;
    --background-color-ds-tabs-active: #686b823d;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #686b823d;
    --background-color-ds-table-cell-sticky: #16121f;
    --background-color-ds-table-cell-sticky-container: #1e1e1e80;
    --background-color-ds-table-cell-sticky-dialog: #1f1b27;
    --background-color-ds-table-cell-sticky-dialog-container: #16121f;
    --background-color-ds-table-cell-sticky-container-card: #21202c;
    --background-color-ds-table-cell-sticky-container-card-hover: #22202e;
    --background-color-ds-table-cell-sticky-container-hover: #191523;
    --background-color-ds-table-cell-sticky-dialog-hover: #221e2b;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #1a1826;
    --background-color-ds-table-header-cell-resize: #ff473d;
    --background-color-ds-table-header-cell-sticky: #16121f;
    --background-color-ds-table-row-group: #686b8214;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b8214;
    --background-color-ds-table-row-hover: #686b820a;
    --background-color-ds-table-row: #16121f;
    --background-color-ds-toggle-handle-on: #eeeff3;
    --background-color-ds-toggle-handle-off: #9497a9;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #686b8252;
    --background-color-ds-tooltip: #22232d;
    --text-color-ds-accordion-primary: #9497a9;
    --text-color-ds-accordion-disabled: #9497a9;
    --text-color-ds-accordion-hover: #fff;
    --text-color-ds-badge-primary: #fff;
    --text-color-ds-badge-neutral: #9497a9;
    --text-color-ds-badge-positive: #35df8d;
    --text-color-ds-badge-negative: #ff7386;
    --text-color-ds-badge-warning: #ffcd60;
    --text-color-ds-badge-high: #000;
    --text-color-ds-asseticon-neutral: #000;
    --text-color-ds-asseticon-inverted: #fff;
    --text-color-ds-badge-high-inverse: #101114;
    --text-color-ds-badge-info: #00adfe;
    --text-color-ds-badge-new: #fff;
    --text-color-ds-brand-brand: #855bfb;
    --text-color-ds-brand-neutral: #fff;
    --text-color-ds-brand-inverted: #000;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #9497a9;
    --text-color-ds-breadcrumbs-hover: #fff;
    --text-color-ds-breadcrumbs-selected: #fff;
    --text-color-ds-button-primary-high: #000;
    --text-color-ds-button-primary-medium: #fff;
    --text-color-ds-button-primary-medium-hover: #fff;
    --text-color-ds-button-primary-low: #fff;
    --text-color-ds-button-primary-low-hover: #fff;
    --text-color-ds-button-primary-none: #fff;
    --text-color-ds-button-primary-none-hover: #9497a9;
    --text-color-ds-button-neutral-high: #101114;
    --text-color-ds-button-neutral-medium: #fff;
    --text-color-ds-button-neutral-medium-hover: #fff;
    --text-color-ds-button-neutral-low: #9497a9;
    --text-color-ds-button-neutral-low-hover: #fff;
    --text-color-ds-button-neutral-none: #9497a9;
    --text-color-ds-button-neutral-none-hover: #fff;
    --text-color-ds-button-positive-high: #002d17;
    --text-color-ds-button-positive-medium: #35df8d;
    --text-color-ds-button-positive-medium-hover: #35df8d;
    --text-color-ds-button-positive-low: #35df8d;
    --text-color-ds-button-positive-low-hover: #35df8d;
    --text-color-ds-button-positive-none: #35df8d;
    --text-color-ds-button-positive-none-hover: #23ba75;
    --text-color-ds-button-negative-high: #3c000c;
    --text-color-ds-button-negative-medium: #ff9fa9;
    --text-color-ds-button-negative-medium-hover: #ff9fa9;
    --text-color-ds-button-negative-low: #ff7386;
    --text-color-ds-button-negative-low-hover: #ff7386;
    --text-color-ds-button-negative-none: #ff7386;
    --text-color-ds-button-negative-none-hover: #f5395e;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #ffcd60;
    --text-color-ds-button-warning-medium-hover: #ffcd60;
    --text-color-ds-button-warning-low: #e8b100;
    --text-color-ds-button-warning-low-hover: #e8b100;
    --text-color-ds-button-warning-none: #e8b100;
    --text-color-ds-button-warning-none-hover: #c39621;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #d4cbff;
    --text-color-ds-button-brand-medium-hover: #d4cbff;
    --text-color-ds-button-brand-low: #fff;
    --text-color-ds-button-brand-low-hover: #f7f7fa;
    --text-color-ds-button-brand-none: #fff;
    --text-color-ds-button-brand-none-hover: #f7f7fa;
    --text-color-ds-button-info-high: #002940;
    --text-color-ds-button-info-medium: #90c9ff;
    --text-color-ds-button-info-medium-hover: #90c9ff;
    --text-color-ds-button-info-low: #0092d8;
    --text-color-ds-button-info-low-hover: #0092d8;
    --text-color-ds-button-info-none: #0092d8;
    --text-color-ds-button-info-none-hover: #0079b4;
    --text-color-ds-button-inverted-high: #fff;
    --text-color-ds-button-inverted-medium: #101114;
    --text-color-ds-button-inverted-medium-hover: #101114;
    --text-color-ds-button-inverted-low: #101114;
    --text-color-ds-button-inverted-low-hover: #101114;
    --text-color-ds-button-inverted-none: #101114;
    --text-color-ds-button-inverted-none-hover: #101114;
    --text-color-ds-button-neutral-high-icon: #101114;
    --text-color-ds-checkbox-primary: #fff;
    --text-color-ds-checkbox-description: #9497a9;
    --text-color-ds-checkbox-check-mark: #000;
    --text-color-ds-checkboxgroup-primary: #fff;
    --text-color-ds-checkboxgroup-description: #9497a9;
    --text-color-ds-checkboxgroup-error: #ff7386;
    --text-color-ds-circle-primary-low: #fff;
    --text-color-ds-circle-neutral-low: #9497a9;
    --text-color-ds-circle-positive-low: #35df8d;
    --text-color-ds-circle-warning-low: #ffcd60;
    --text-color-ds-circle-negative-low: #ff7386;
    --text-color-ds-circle-info-low: #00adfe;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #fff;
    --text-color-ds-circle-border-neutral-high: #686b82;
    --text-color-ds-circle-border-positive-high: #149e61;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0092d8;
    --text-color-ds-datepicker: #eeeff3;
    --text-color-ds-datepicker-weekday: #9497a9;
    --text-color-ds-datepicker-today: #9497a9;
    --text-color-ds-datepicker-disabled: #686b82;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #9497a9;
    --text-color-ds-dropdown-button-content-placeholder-hover: #fff;
    --text-color-ds-dropdown-button-content-text: #fff;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #9497a9;
    --text-color-ds-filteritem-active: #f7f7fa;
    --text-color-ds-input: #fff;
    --text-color-ds-input-icon: #686b82;
    --text-color-ds-input-label: #9497a9;
    --text-color-ds-input-error-label: #ff7386;
    --text-color-ds-inputerror-label: #ff7386;
    --text-color-ds-label-value: #ffffff0a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #fff;
    --text-color-ds-menu: #fff;
    --text-color-ds-menu-active: #ff473d;
    --text-color-ds-notification-primary: #fff;
    --text-color-ds-notification-neutral: #f7f7fa;
    --text-color-ds-notification-negative: #ffd6da;
    --text-color-ds-notification-warning: #fffaf0;
    --text-color-ds-notification-positive: #c6feda;
    --text-color-ds-notification-info: #e7f2ff;
    --text-color-ds-notification-subtitle-primary: #9497a9;
    --text-color-ds-notification-subtitle-neutral: #c6c7d2;
    --text-color-ds-notification-subtitle-negative: #ffbdc3;
    --text-color-ds-notification-subtitle-warning: #ffe5b1;
    --text-color-ds-notification-subtitle-positive: #44fc9e;
    --text-color-ds-notification-subtitle-info: #c7e1ff;
    --text-color-ds-pill: #ff473d;
    --text-color-ds-pill-primary: #ff473d;
    --text-color-ds-pill-neutral: #ff473d;
    --text-color-ds-radio-primary: #fff;
    --text-color-ds-radio-disabled: #484b5e;
    --text-color-ds-radio-description: #9497a9;
    --text-color-ds-radio-check-mark: #000;
    --text-color-ds-radiogroup-primary: #f7f7fa;
    --text-color-ds-radiogroup-description: #9497a9;
    --text-color-ds-radiogroup-error: #ff7386;
    --text-color-ds-segmented-control-inactive: #9497a9;
    --text-color-ds-segmented-control-inactive-hover: #fff;
    --text-color-ds-segmented-control-active-primary: #fff;
    --text-color-ds-segmented-control-active-positive: #35df8d;
    --text-color-ds-segmented-control-active-negative: #ff7386;
    --text-color-ds-segmented-control-active-primary-low: #fff;
    --text-color-ds-segmented-control-active-positive-low: #35df8d;
    --text-color-ds-segmented-control-active-negative-low: #ff7386;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #686b823d;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #f7f7fa;
    --text-color-ds-spinner-neutral: #9497a9;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #35df8d;
    --text-color-ds-spinner-negative: #ff7386;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #fff;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #000;
    --text-color-ds-stacked-asset-icons: #f7f7fa;
    --text-color-ds-tabs: #9497a9;
    --text-color-ds-tabs-active: #fff;
    --text-color-ds-tabs-on-background: #9497a9;
    --text-color-ds-tabs-on-background-active: #fff;
    --text-color-ds-text-duo-primary-main: #fff;
    --text-color-ds-text-duo-primary-duo: #9497a9;
    --text-color-ds-text-duo-neutral-main: #9497a9;
    --text-color-ds-text-duo-neutral-duo: #686b82;
    --text-color-ds-text-duo-positive-main: #35df8d;
    --text-color-ds-text-duo-positive-duo: #35df8d;
    --text-color-ds-text-duo-negative-main: #ff7386;
    --text-color-ds-text-duo-negative-duo: #ff7386;
    --text-color-ds-tooltip-text: #9497a9;
    --text-color-ds-tooltip-title: #fff;
    --border-color-ds-asset-conversion-icons-primary: #fff;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #fff;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #ff473d;
    --border-color-ds-datepicker: #fff0;
    --border-color-ds-base-drawer: #ffffff14;
    --border-color-ds-input-focused: #fff;
    --border-color-ds-input-error: #d11d45;
    --border-color-ds-input-error-focused: #d11d45;
    --border-color-ds-legend-item-dimmed: #686b82;
    --border-color-ds-menu: #fff0;
    --border-color-ds-menu-divider: #686b8252;
    --border-color-ds-popover: #fff0;
    --border-color-ds-radio-primary-focus: #ff473d;
    --border-color-ds-selectable-card-selected: #fff;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header-cell-hover: #ff473d;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b8229;
    --stroke-ds-dropdown-button-content-icon: #9497a9;
    --stroke-ds-dropdown-button-content-icon-hover: #fff;
    --stroke-ds-icon-primary: #fff;
    --stroke-ds-icon-neutral: #9497a9;
    --stroke-ds-icon-strong: #fff;
    --stroke-ds-icon-dimmed: #686b82;
    --stroke-ds-icon-positive: #35df8d;
    --stroke-ds-icon-warning: #ffcd60;
    --stroke-ds-icon-negative: #ff7386;
    --stroke-ds-icon-info: #00adfe;
    --stroke-ds-icon-brand: #ff473d;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #fff0;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #686b8229;
    --ring-color-ds-circle-neutral-low: #686b8229;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c3962129;
    --ring-color-ds-circle-positive-low: #149e6129;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #fff;
    --ring-color-ds-circle-neutral-high: #686b82;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #149e61;
    --ring-color-ds-circle-info-high: #0092d8;
    --fill-ds-brand-brand: #855bfb;
    --fill-ds-brand-neutral: #fff;
    --fill-ds-brand-inverted: #000;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #fff;
    --fill-ds-icon-neutral: #9497a9;
    --fill-ds-icon-strong: #fff;
    --fill-ds-icon-dimmed: #686b82;
    --fill-ds-icon-positive: #35df8d;
    --fill-ds-icon-warning: #ffcd60;
    --fill-ds-icon-negative: #ff7386;
    --fill-ds-icon-info: #00adfe;
    --fill-ds-icon-brand: #ff473d;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #1f1b27;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #1f1b27, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #1f1b27;
    --placeholder-color-ds-input: #9497a9;
    --caret-color-ds-input: #fff;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #ff473d;
    --opacity-ds-table-cell-dimmed: .5;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8266
}

.onchain-light-theme {
    --colors-ds-semantic-action-primary-background: #008369;
    --colors-ds-semantic-action-primary-background-hover: #016b56;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8214;
    --colors-ds-semantic-action-secondary-background-hover: #686b821f;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #484b5e;
    --colors-ds-semantic-border-default: #686b8229;
    --colors-ds-semantic-border-negative: #d11d45;
    --colors-ds-semantic-border-positive: #08844f;
    --colors-ds-semantic-border-strong: #686b82;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #ff473d;
    --colors-ds-semantic-content-dimmed: #9497a9;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #0079b4;
    --colors-ds-semantic-content-inverse: #fff;
    --colors-ds-semantic-content-negative: #f5395e;
    --colors-ds-semantic-content-neutral: #686b82;
    --colors-ds-semantic-content-positive: #149e61;
    --colors-ds-semantic-content-primary: #101114;
    --colors-ds-semantic-content-warning: #c39621;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #ff473d);
    --colors-ds-semantic-focus-ring-inverse: #fff;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #37187d;
    --colors-ds-semantic-status-brand-content-strong: #2b1463;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #008369;
    --colors-ds-semantic-status-brand-solid: #008369;
    --colors-ds-semantic-status-brand-subtle: #079c7e29;
    --colors-ds-semantic-status-info-content: #003c5c;
    --colors-ds-semantic-status-info-content-strong: #002940;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #006394;
    --colors-ds-semantic-status-info-solid: #0079b4;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #5f0018;
    --colors-ds-semantic-status-negative-content-strong: #3c000c;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #d11d45;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #1a1b22;
    --colors-ds-semantic-status-neutral-content-strong: #101114;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #484b5e;
    --colors-ds-semantic-status-neutral-solid: #9497a9;
    --colors-ds-semantic-status-neutral-subtle: #686b821f;
    --colors-ds-semantic-status-positive-content: #004224;
    --colors-ds-semantic-status-positive-content-strong: #002d17;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #026b3f;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #553c00;
    --colors-ds-semantic-status-warning-content-strong: #3b2a00;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #553c00;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c396213d;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #686b821f;
    --colors-ds-semantic-surface-overlay: #fff;
    --colors-ds-semantic-surface-page: #eeefee;
    --colors-ds-semantic-surface-raised: #ffffff80;
    --colors-ds-semantic-surface-selected: #079c7e14;
    --colors-ds-semantic-surface-sunken: #9497a914;
    --colors-ds-primary: #101114;
    --colors-ds-neutral: #686b82;
    --colors-ds-dimmed: #9497a9;
    --colors-ds-positive: #149e61;
    --colors-ds-negative: #f5395e;
    --colors-ds-warning: #c39621;
    --colors-ds-brand: #ff473d;
    --colors-ds-info: #0079b4;
    --colors-ds-inverted: #fff;
    --colors-ds-disabled: #c6c7d2;
    --colors-ds-strong: #1a1b22;
    --colors-ds-subtle: #c6c7d2;
    --colors-ds-divider: #686b8229;
    --colors-ds-textlink-hover-primary: #686b82;
    --colors-ds-textlink-hover-brand: #015444;
    --colors-ds-textlink-hover-neutral: #101114;
    --colors-ds-textlink-hover-positive: #005531;
    --colors-ds-textlink-hover-negative: #840125;
    --colors-ds-textlink-hover-warning: #89640c;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #1018280a;
    --box-shadow-ds-2: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-3: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-4: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-5: 0px 20px 24px -4px #1018280f;
    --box-shadow-ds-6: 0px 24px 48px -12px #1018282e;
    --box-shadow-ds-7: 0px 32px 64px -12px #10182824;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #686b8229;
    --box-shadow-ds-banner: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-container: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 75px 0px #00000026;
    --box-shadow-ds-menu: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-popover: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --outline-color-ds-accordion: #ff473d;
    --outline-color-ds-button: #ff473d;
    --outline-color-ds-card-selected: #000;
    --outline-color-ds-favourite-button: #ff473d;
    --outline-color-ds-input-error-focused: #f5395e;
    --outline-color-ds-input: #000;
    --outline-color-ds-input-error: #f5395e;
    --outline-color-ds-legend-item-dimmed: #9497a9;
    --outline-color-ds-menu: #ff473d;
    --outline-color-ds-notification: #ff473d;
    --outline-color-ds-popover: #ff473d;
    --outline-color-ds-segmented-control: #ff473d;
    --outline-color-ds-selectable-card: #000;
    --outline-color-ds-tabs: #ff473d;
    --outline-color-ds-table-header-cell: #ff473d;
    --outline-color-ds-textlink: #ff473d;
    --outline-color-ds-toggle: #ff473d;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #000;
    --background-color-ds-badge-primary-low: #00000014;
    --background-color-ds-badge-neutral-high: #9497a9;
    --background-color-ds-badge-neutral-low: #686b821f;
    --background-color-ds-badge-positive-high: #149e61;
    --background-color-ds-badge-positive-low: #149e6129;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c396213d;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0079b4;
    --background-color-ds-badge-new-low: #00000014;
    --background-color-ds-badge-new-high: #000;
    --background-color-ds-banner: #fff;
    --background-color-ds-button-primary-high: #101114;
    --background-color-ds-button-primary-high-hover: #101114;
    --background-color-ds-button-primary-medium: #686b823d;
    --background-color-ds-button-primary-medium-hover: #686b8252;
    --background-color-ds-button-primary-medium-active: #686b8252;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #686b8214;
    --background-color-ds-button-primary-low-active: #686b8214;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #101114;
    --background-color-ds-button-neutral-high-hover: #22232d;
    --background-color-ds-button-neutral-medium: #686b8214;
    --background-color-ds-button-neutral-medium-hover: #686b821f;
    --background-color-ds-button-neutral-medium-active: #686b821f;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #686b8214;
    --background-color-ds-button-neutral-low-active: #686b8214;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #08844f;
    --background-color-ds-button-positive-high-hover: #026b3f;
    --background-color-ds-button-positive-medium: #149e6129;
    --background-color-ds-button-positive-medium-hover: #149e613d;
    --background-color-ds-button-positive-medium-active: #149e613d;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #149e6129;
    --background-color-ds-button-positive-low-active: #149e6129;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #d11d45;
    --background-color-ds-button-negative-high-hover: #aa0132;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e3d;
    --background-color-ds-button-negative-medium-active: #f5395e3d;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c396213d;
    --background-color-ds-button-warning-medium-active: #c396213d;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #008369;
    --background-color-ds-button-brand-high-hover: #016b56;
    --background-color-ds-button-brand-medium: #079c7e29;
    --background-color-ds-button-brand-medium-hover: #855bfb52;
    --background-color-ds-button-brand-medium-active: #855bfb52;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #079c7e29;
    --background-color-ds-button-brand-low-active: #079c7e29;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0079b4;
    --background-color-ds-button-info-high-hover: #00adfe;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #fff;
    --background-color-ds-button-inverted-high-hover: #ffffffe0;
    --background-color-ds-button-inverted-medium: #ffffff29;
    --background-color-ds-button-inverted-medium-hover: #ffffff3d;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #ffffff29;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #9497a914;
    --background-color-ds-card-disabled: #686b8214;
    --background-color-ds-card-selected: #079c7e14;
    --background-color-ds-card-hover: #9497a91f;
    --background-color-ds-card-selected-hover: #686b821f;
    --background-color-ds-card-background: #fff;
    --background-color-ds-card-background-hover: #ffffffb8;
    --background-color-ds-checkbox-unchecked: #686b8252;
    --background-color-ds-checkbox-unchecked-hover: #686b8266;
    --background-color-ds-checkbox-checked: #000;
    --background-color-ds-checkbox-checked-hover: #101114;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e14;
    --background-color-ds-circle-primary-low: #686b821f;
    --background-color-ds-circle-neutral-low: #686b821f;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c396213d;
    --background-color-ds-circle-positive-low: #149e6129;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #000;
    --background-color-ds-circle-neutral-high: #9497a9;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #149e61;
    --background-color-ds-circle-info-high: #0079b4;
    --background-color-ds-container: #ffffff80;
    --background-color-ds-container-glass: #ffffff14;
    --background-color-ds-datepicker: #ffffff80;
    --background-color-ds-datepicker-raised: #fff;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #008369;
    --background-color-ds-datepicker-selected-day-range: #079c7e29;
    --background-color-ds-dialog: #fff;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #686b8229;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f24e3d;
    --background-color-ds-base-drawer: #ffffff80;
    --background-color-ds-dropdown-button: #686b8214;
    --background-color-ds-dropdown-button-hover: #686b821f;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8214;
    --background-color-ds-filteritem-active: #686b821f;
    --background-color-ds-full-screen-dialog: #fff;
    --background-color-ds-input: #686b8214;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #f5395e;
    --background-color-ds-input-border-error-focused: #f5395e;
    --background-color-ds-input-border-focused: #000;
    --background-color-ds-input-content-icon: #9497a9;
    --background-color-ds-input-content-input-text: #101114;
    --background-color-ds-input-content-label: #686b82;
    --background-color-ds-input-error: #686b8214;
    --background-color-ds-input-error-focused: #686b821f;
    --background-color-ds-input-focused: #686b820a;
    --background-color-ds-input-hover: #686b821f;
    --background-color-ds-input-selected: #686b820a;
    --background-color-ds-input-error-label: #f5395e14;
    --background-color-ds-input-background: #fff;
    --background-color-ds-input-background-hover: #fffc;
    --background-color-ds-input-background-selected: #fffc;
    --background-color-ds-inputerror-label: #f5395e14;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #079c7e14;
    --background-color-ds-legend-item-dimmed: #9497a9;
    --background-color-ds-list-hover: #9497a91f;
    --background-color-ds-menu: #fff;
    --background-color-ds-menu-raised: #fff;
    --background-color-ds-menu-hover: #686b820a;
    --background-color-ds-menu-pressed: #686b8214;
    --background-color-ds-menu-active: #686b8214;
    --background-color-ds-menu-active-hover: #686b8214;
    --background-color-ds-notification-primary: #fff;
    --background-color-ds-notification-neutral: #686b8214;
    --background-color-ds-notification-negative: #f5395e14;
    --background-color-ds-notification-warning: #c3962114;
    --background-color-ds-notification-positive: #149e6114;
    --background-color-ds-notification-info: #0092d814;
    --background-color-ds-notification-primary-hover: #079c7e29;
    --background-color-ds-notification-neutral-hover: #686b8229;
    --background-color-ds-notification-negative-hover: #f5395e29;
    --background-color-ds-notification-warning-hover: #c3962129;
    --background-color-ds-notification-positive-hover: #149e6129;
    --background-color-ds-notification-info-hover: #0092d829;
    --background-color-ds-pagination: #686b8214;
    --background-color-ds-pill: #079c7e29;
    --background-color-ds-pill-primary: #079c7e29;
    --background-color-ds-pill-neutral: #079c7e29;
    --background-color-ds-popover: #fff;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-in-progress: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-info: #0092d829;
    --background-color-ds-progresstracker-warning: #c3962129;
    --background-color-ds-progresstracker-finished: #149e6129;
    --background-color-ds-radio-unchecked: #686b8252;
    --background-color-ds-radio-unchecked-hover: #686b8266;
    --background-color-ds-radio-checked: #000;
    --background-color-ds-radio-checked-hover: #101114;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #855bfb;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b8266;
    --background-color-ds-scrollbar-thumb-hover: #686b823d;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #ffffff80;
    --background-color-ds-segmented-control-inactive-high: #686b821f;
    --background-color-ds-segmented-control-active-primary: #ffffff80;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #686b821f;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #9497a914;
    --background-color-ds-selectable-card-selected: #079c7e14;
    --background-color-ds-selectable-card-hover: #9497a91f;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b821f;
    --background-color-ds-consumerpagination: #c6c7d2;
    --background-color-ds-consumerpagination-active: #686b82;
    --background-color-ds-consumerpagination-hover: #9497a9;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #686b823d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #686b82;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #e5e6ec;
    --background-color-ds-tabs: #686b820a;
    --background-color-ds-tabs-hover: #686b8214;
    --background-color-ds-tabs-active: #686b821f;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #fff;
    --background-color-ds-table-cell-sticky: #fff;
    --background-color-ds-table-cell-sticky-container: #fff;
    --background-color-ds-table-cell-sticky-dialog: #fff;
    --background-color-ds-table-cell-sticky-dialog-container: #fff;
    --background-color-ds-table-cell-sticky-container-card: #f7f7f8;
    --background-color-ds-table-cell-sticky-container-card-hover: #f1f1f3;
    --background-color-ds-table-cell-sticky-container-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #f9f9fa;
    --background-color-ds-table-header-cell-resize: #ff473d;
    --background-color-ds-table-header-cell-sticky: #fff;
    --background-color-ds-table-row-group: #686b820a;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b820a;
    --background-color-ds-table-row-hover: #686b820a;
    --background-color-ds-table-row: #fff;
    --background-color-ds-toggle-handle-on: #fff;
    --background-color-ds-toggle-handle-off: #fff;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #686b8252;
    --background-color-ds-tooltip: #eeeff3;
    --text-color-ds-accordion-primary: #686b82;
    --text-color-ds-accordion-disabled: #484b5e;
    --text-color-ds-accordion-hover: #101114;
    --text-color-ds-badge-primary: #000;
    --text-color-ds-badge-neutral: #484b5e;
    --text-color-ds-badge-positive: #026b3f;
    --text-color-ds-badge-negative: #d11d45;
    --text-color-ds-badge-warning: #553c00;
    --text-color-ds-badge-high: #fff;
    --text-color-ds-asseticon-neutral: #fff;
    --text-color-ds-asseticon-inverted: #000;
    --text-color-ds-badge-high-inverse: #101114;
    --text-color-ds-badge-info: #006394;
    --text-color-ds-badge-new: #000;
    --text-color-ds-brand-brand: #7132f5;
    --text-color-ds-brand-neutral: #000;
    --text-color-ds-brand-inverted: #fff;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #686b82;
    --text-color-ds-breadcrumbs-hover: #101114;
    --text-color-ds-breadcrumbs-selected: #101114;
    --text-color-ds-button-primary-high: #fff;
    --text-color-ds-button-primary-medium: #0a0419;
    --text-color-ds-button-primary-medium-hover: #0a0419;
    --text-color-ds-button-primary-low: #101114;
    --text-color-ds-button-primary-low-hover: #101114;
    --text-color-ds-button-primary-none: #101114;
    --text-color-ds-button-primary-none-hover: #686b82;
    --text-color-ds-button-neutral-high: #fff;
    --text-color-ds-button-neutral-medium: #101114;
    --text-color-ds-button-neutral-medium-hover: #101114;
    --text-color-ds-button-neutral-low: #686b82;
    --text-color-ds-button-neutral-low-hover: #101114;
    --text-color-ds-button-neutral-none: #686b82;
    --text-color-ds-button-neutral-none-hover: #101114;
    --text-color-ds-button-positive-high: #fff;
    --text-color-ds-button-positive-medium: #149e61;
    --text-color-ds-button-positive-medium-hover: #149e61;
    --text-color-ds-button-positive-low: #149e61;
    --text-color-ds-button-positive-low-hover: #149e61;
    --text-color-ds-button-positive-none: #149e61;
    --text-color-ds-button-positive-none-hover: #35df8d;
    --text-color-ds-button-negative-high: #fff;
    --text-color-ds-button-negative-medium: #d11d45;
    --text-color-ds-button-negative-medium-hover: #d11d45;
    --text-color-ds-button-negative-low: #f5395e;
    --text-color-ds-button-negative-low-hover: #f5395e;
    --text-color-ds-button-negative-none: #f5395e;
    --text-color-ds-button-negative-none-hover: #ff7386;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #a67c1d;
    --text-color-ds-button-warning-medium-hover: #a67c1d;
    --text-color-ds-button-warning-low: #a67c1d;
    --text-color-ds-button-warning-low-hover: #a67c1d;
    --text-color-ds-button-warning-none: #a67c1d;
    --text-color-ds-button-warning-none-hover: #e8b100;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #37187d;
    --text-color-ds-button-brand-medium-hover: #37187d;
    --text-color-ds-button-brand-low: #000;
    --text-color-ds-button-brand-low-hover: #101114;
    --text-color-ds-button-brand-none: #000;
    --text-color-ds-button-brand-none-hover: #101114;
    --text-color-ds-button-info-high: #fff;
    --text-color-ds-button-info-medium: #0079b4;
    --text-color-ds-button-info-medium-hover: #0079b4;
    --text-color-ds-button-info-low: #0079b4;
    --text-color-ds-button-info-low-hover: #0079b4;
    --text-color-ds-button-info-none: #0079b4;
    --text-color-ds-button-info-none-hover: #00adfe;
    --text-color-ds-button-inverted-high: #000;
    --text-color-ds-button-inverted-medium: #fff;
    --text-color-ds-button-inverted-medium-hover: #fff;
    --text-color-ds-button-inverted-low: #fff;
    --text-color-ds-button-inverted-low-hover: #fff;
    --text-color-ds-button-inverted-none: #fff;
    --text-color-ds-button-inverted-none-hover: #fff;
    --text-color-ds-button-neutral-high-icon: #fff;
    --text-color-ds-checkbox-primary: #101114;
    --text-color-ds-checkbox-description: #686b82;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #101114;
    --text-color-ds-checkboxgroup-description: #686b82;
    --text-color-ds-checkboxgroup-error: #aa0132;
    --text-color-ds-circle-primary-low: #000;
    --text-color-ds-circle-neutral-low: #484b5e;
    --text-color-ds-circle-positive-low: #026b3f;
    --text-color-ds-circle-warning-low: #6f5000;
    --text-color-ds-circle-negative-low: #d11d45;
    --text-color-ds-circle-info-low: #006394;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #000;
    --text-color-ds-circle-border-neutral-high: #9497a9;
    --text-color-ds-circle-border-positive-high: #149e61;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0079b4;
    --text-color-ds-datepicker: #1a1b22;
    --text-color-ds-datepicker-weekday: #353746;
    --text-color-ds-datepicker-today: #353746;
    --text-color-ds-datepicker-disabled: #9497a9;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #686b82;
    --text-color-ds-dropdown-button-content-placeholder-hover: #101114;
    --text-color-ds-dropdown-button-content-text: #101114;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #484b5e;
    --text-color-ds-filteritem-active: #101114;
    --text-color-ds-input: #101114;
    --text-color-ds-input-icon: #9497a9;
    --text-color-ds-input-label: #686b82;
    --text-color-ds-input-error-label: #aa0132;
    --text-color-ds-inputerror-label: #aa0132;
    --text-color-ds-label-value: #0000000a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #101114;
    --text-color-ds-menu: #686b82;
    --text-color-ds-menu-active: #ff473d;
    --text-color-ds-notification-primary: #101114;
    --text-color-ds-notification-neutral: #686b82;
    --text-color-ds-notification-negative: #3c000c;
    --text-color-ds-notification-warning: #3b2a00;
    --text-color-ds-notification-positive: #002d17;
    --text-color-ds-notification-info: #002940;
    --text-color-ds-notification-subtitle-primary: #686b82;
    --text-color-ds-notification-subtitle-neutral: #1a1b22;
    --text-color-ds-notification-subtitle-negative: #5f0018;
    --text-color-ds-notification-subtitle-warning: #553c00;
    --text-color-ds-notification-subtitle-positive: #004224;
    --text-color-ds-notification-subtitle-info: #003c5c;
    --text-color-ds-pill: #ff473d;
    --text-color-ds-pill-primary: #ff473d;
    --text-color-ds-pill-neutral: #ff473d;
    --text-color-ds-radio-primary: #101114;
    --text-color-ds-radio-disabled: #c6c7d2;
    --text-color-ds-radio-description: #686b82;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #101114;
    --text-color-ds-radiogroup-description: #484b5e;
    --text-color-ds-radiogroup-error: #d11d45;
    --text-color-ds-segmented-control-inactive: #686b82;
    --text-color-ds-segmented-control-inactive-hover: #101114;
    --text-color-ds-segmented-control-active-primary: #101114;
    --text-color-ds-segmented-control-active-positive: #149e61;
    --text-color-ds-segmented-control-active-negative: #f5395e;
    --text-color-ds-segmented-control-active-primary-low: #101114;
    --text-color-ds-segmented-control-active-positive-low: #149e61;
    --text-color-ds-segmented-control-active-negative-low: #f5395e;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #ffffff80;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #101114;
    --text-color-ds-spinner-neutral: #484b5e;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #08844f;
    --text-color-ds-spinner-negative: #d11d45;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #000;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #fff;
    --text-color-ds-stacked-asset-icons: #101114;
    --text-color-ds-tabs: #686b82;
    --text-color-ds-tabs-active: #101114;
    --text-color-ds-tabs-on-background: #686b82;
    --text-color-ds-tabs-on-background-active: #101114;
    --text-color-ds-text-duo-primary-main: #101114;
    --text-color-ds-text-duo-primary-duo: #686b82;
    --text-color-ds-text-duo-neutral-main: #686b82;
    --text-color-ds-text-duo-neutral-duo: #9497a9;
    --text-color-ds-text-duo-positive-main: #149e61;
    --text-color-ds-text-duo-positive-duo: #149e61;
    --text-color-ds-text-duo-negative-main: #f5395e;
    --text-color-ds-text-duo-negative-duo: #f5395e;
    --text-color-ds-tooltip-text: #686b82;
    --text-color-ds-tooltip-title: #101114;
    --border-color-ds-asset-conversion-icons-primary: #101114;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #000;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #ff473d;
    --border-color-ds-datepicker: #686b8214;
    --border-color-ds-base-drawer: #ffffff80;
    --border-color-ds-input-focused: #000;
    --border-color-ds-input-error: #f5395e;
    --border-color-ds-input-error-focused: #f5395e;
    --border-color-ds-legend-item-dimmed: #9497a9;
    --border-color-ds-menu: #686b8214;
    --border-color-ds-menu-divider: #686b8229;
    --border-color-ds-popover: #686b8214;
    --border-color-ds-radio-primary-focus: #ff473d;
    --border-color-ds-selectable-card-selected: #000;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header: #686b821f;
    --border-color-ds-table-header-cell-hover: #ff473d;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b823d;
    --stroke-ds-dropdown-button-content-icon: #686b82;
    --stroke-ds-dropdown-button-content-icon-hover: #101114;
    --stroke-ds-icon-primary: #000;
    --stroke-ds-icon-neutral: #686b82;
    --stroke-ds-icon-strong: #1a1b22;
    --stroke-ds-icon-dimmed: #9497a9;
    --stroke-ds-icon-positive: #149e61;
    --stroke-ds-icon-warning: #c39621;
    --stroke-ds-icon-negative: #f5395e;
    --stroke-ds-icon-info: #0079b4;
    --stroke-ds-icon-brand: #ff473d;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #686b8214;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #686b821f;
    --ring-color-ds-circle-neutral-low: #686b821f;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c396213d;
    --ring-color-ds-circle-positive-low: #149e6129;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #000;
    --ring-color-ds-circle-neutral-high: #9497a9;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #149e61;
    --ring-color-ds-circle-info-high: #0079b4;
    --fill-ds-brand-brand: #7132f5;
    --fill-ds-brand-neutral: #000;
    --fill-ds-brand-inverted: #fff;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #000;
    --fill-ds-icon-neutral: #686b82;
    --fill-ds-icon-strong: #1a1b22;
    --fill-ds-icon-dimmed: #9497a9;
    --fill-ds-icon-positive: #149e61;
    --fill-ds-icon-warning: #c39621;
    --fill-ds-icon-negative: #f5395e;
    --fill-ds-icon-info: #0079b4;
    --fill-ds-icon-brand: #ff473d;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #fff;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #fff, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #fff;
    --placeholder-color-ds-input: #686b82;
    --caret-color-ds-input: inherit;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #ff473d;
    --opacity-ds-table-cell-dimmed: .4;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8252
}

.pay-dark-theme {
    --colors-ds-semantic-action-primary-background: #ff3b29;
    --colors-ds-semantic-action-primary-background-hover: #ff6557;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8229;
    --colors-ds-semantic-action-secondary-background-hover: #686b8252;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #c6c7d2;
    --colors-ds-semantic-border-default: #686b8252;
    --colors-ds-semantic-border-negative: #ff7386;
    --colors-ds-semantic-border-positive: #35df8d;
    --colors-ds-semantic-border-strong: #9497a9;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #ff3b29;
    --colors-ds-semantic-content-dimmed: #757575;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #00adfe;
    --colors-ds-semantic-content-inverse: #0d0d0d;
    --colors-ds-semantic-content-negative: #ff6557;
    --colors-ds-semantic-content-neutral: #9e9e9e;
    --colors-ds-semantic-content-positive: #35df8d;
    --colors-ds-semantic-content-primary: #f5f5f5;
    --colors-ds-semantic-content-warning: #ffcd60;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #ff3b29);
    --colors-ds-semantic-focus-ring-inverse: #101114;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #d4cbff;
    --colors-ds-semantic-status-brand-content-strong: #f1efff;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #ff8a80;
    --colors-ds-semantic-status-brand-solid: #ff3b29;
    --colors-ds-semantic-status-brand-subtle: #ff655729;
    --colors-ds-semantic-status-info-content: #c7e1ff;
    --colors-ds-semantic-status-info-content-strong: #e7f2ff;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #00adfe;
    --colors-ds-semantic-status-info-solid: #0092d8;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #ffbdc3;
    --colors-ds-semantic-status-negative-content-strong: #ffd6da;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #ff7386;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #c6c7d2;
    --colors-ds-semantic-status-neutral-content-strong: #f7f7fa;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #9497a9;
    --colors-ds-semantic-status-neutral-solid: #686b82;
    --colors-ds-semantic-status-neutral-subtle: #686b8229;
    --colors-ds-semantic-status-positive-content: #44fc9e;
    --colors-ds-semantic-status-positive-content-strong: #c6feda;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #35df8d;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #ffe5b1;
    --colors-ds-semantic-status-warning-content-strong: #fffaf0;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #ffcd60;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c3962129;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #686b823d;
    --colors-ds-semantic-surface-overlay: #262626;
    --colors-ds-semantic-surface-page: #0d0d0d;
    --colors-ds-semantic-surface-raised: #1f1f1f;
    --colors-ds-semantic-surface-selected: #ff65570a;
    --colors-ds-semantic-surface-sunken: #7575751f;
    --colors-ds-primary: #f5f5f5;
    --colors-ds-neutral: #9e9e9e;
    --colors-ds-dimmed: #757575;
    --colors-ds-positive: #35df8d;
    --colors-ds-negative: #ff6557;
    --colors-ds-warning: #ffcd60;
    --colors-ds-brand: #ff3b29;
    --colors-ds-info: #00adfe;
    --colors-ds-inverted: #0d0d0d;
    --colors-ds-disabled: #484b5e;
    --colors-ds-strong: #fff;
    --colors-ds-subtle: #484b5e;
    --colors-ds-divider: #75757552;
    --colors-ds-textlink-hover-primary: #9e9e9e;
    --colors-ds-textlink-hover-brand: #fbb3ad;
    --colors-ds-textlink-hover-neutral: #f5f5f5;
    --colors-ds-textlink-hover-positive: #149e61;
    --colors-ds-textlink-hover-negative: #f5395e;
    --colors-ds-textlink-hover-warning: #c39621;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #00000026;
    --box-shadow-ds-2: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-3: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-4: 0px 12px 16px -4px #00000026;
    --box-shadow-ds-5: 0px 20px 24px -4px #00000026;
    --box-shadow-ds-6: 0px 24px 48px -12px #0000004d;
    --box-shadow-ds-7: 0px 32px 64px -12px #0000004d;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #75757552;
    --box-shadow-ds-banner: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-container: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #00000026, 0px 4px 8px -2px #00000026;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 150px 0px #000;
    --box-shadow-ds-menu: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --box-shadow-ds-popover: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #00000026;
    --outline-color-ds-accordion: #ff3b29;
    --outline-color-ds-button: #ff3b29;
    --outline-color-ds-card-selected: #fff;
    --outline-color-ds-favourite-button: #ff3b29;
    --outline-color-ds-input-error-focused: #d11d45;
    --outline-color-ds-input: #fff;
    --outline-color-ds-input-error: #d11d45;
    --outline-color-ds-legend-item-dimmed: #757575;
    --outline-color-ds-menu: #ff3b29;
    --outline-color-ds-notification: #ff3b29;
    --outline-color-ds-popover: #ff3b29;
    --outline-color-ds-segmented-control: #ff3b29;
    --outline-color-ds-selectable-card: #fff;
    --outline-color-ds-tabs: #ff3b29;
    --outline-color-ds-table-header-cell: #ff3b29;
    --outline-color-ds-textlink: #ff3b29;
    --outline-color-ds-toggle: #ff3b29;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #f5f5f5;
    --background-color-ds-badge-primary-low: #ffffff29;
    --background-color-ds-badge-neutral-high: #757575;
    --background-color-ds-badge-neutral-low: #75757529;
    --background-color-ds-badge-positive-high: #427b5a;
    --background-color-ds-badge-positive-low: #7dd9a329;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c3962129;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0092d8;
    --background-color-ds-badge-new-low: #ffffff29;
    --background-color-ds-badge-new-high: #f5f5f5;
    --background-color-ds-banner: #1a1b22;
    --background-color-ds-button-primary-high: #f5f5f5;
    --background-color-ds-button-primary-high-hover: #fff;
    --background-color-ds-button-primary-medium: #75757529;
    --background-color-ds-button-primary-medium-hover: #75757552;
    --background-color-ds-button-primary-medium-active: #75757552;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #75757529;
    --background-color-ds-button-primary-low-active: #75757529;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #f5f5f5;
    --background-color-ds-button-neutral-high-hover: #fff;
    --background-color-ds-button-neutral-medium: #75757529;
    --background-color-ds-button-neutral-medium-hover: #75757552;
    --background-color-ds-button-neutral-medium-active: #75757552;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #75757529;
    --background-color-ds-button-neutral-low-active: #75757529;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #b5f2cb;
    --background-color-ds-button-positive-high-hover: #d1fadf;
    --background-color-ds-button-positive-medium: #7dd9a329;
    --background-color-ds-button-positive-medium-hover: #7dd9a352;
    --background-color-ds-button-positive-medium-active: #7dd9a352;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #7dd9a329;
    --background-color-ds-button-positive-low-active: #7dd9a329;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #f5395e;
    --background-color-ds-button-negative-high-hover: #ff7386;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e52;
    --background-color-ds-button-negative-medium-active: #f5395e52;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c3962152;
    --background-color-ds-button-warning-medium-active: #c3962152;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: transparent;
    --background-color-ds-button-brand-high-hover: transparent;
    --background-color-ds-button-brand-medium: #ff655729;
    --background-color-ds-button-brand-medium-hover: #855bfb52;
    --background-color-ds-button-brand-medium-active: #855bfb52;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #ff655729;
    --background-color-ds-button-brand-low-active: #ff655729;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0092d8;
    --background-color-ds-button-info-high-hover: #90c9ff;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #000;
    --background-color-ds-button-inverted-high-hover: #0000008f;
    --background-color-ds-button-inverted-medium: #00000014;
    --background-color-ds-button-inverted-medium-hover: #00000029;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #00000014;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #7575751f;
    --background-color-ds-card-disabled: #75757514;
    --background-color-ds-card-selected: #7575751f;
    --background-color-ds-card-hover: #7575753d;
    --background-color-ds-card-selected-hover: #7575753d;
    --background-color-ds-card-background: #7575751f;
    --background-color-ds-card-background-hover: #7575753d;
    --background-color-ds-checkbox-unchecked: #75757552;
    --background-color-ds-checkbox-unchecked-hover: #75757566;
    --background-color-ds-checkbox-checked: #fff;
    --background-color-ds-checkbox-checked-hover: #f5f5f5;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e29;
    --background-color-ds-circle-primary-low: #75757529;
    --background-color-ds-circle-neutral-low: #75757529;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c3962129;
    --background-color-ds-circle-positive-low: #7dd9a329;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #fff;
    --background-color-ds-circle-neutral-high: #757575;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #7dd9a3;
    --background-color-ds-circle-info-high: #0092d8;
    --background-color-ds-container: #1f1f1f;
    --background-color-ds-container-glass: #ffffff14;
    --background-color-ds-datepicker: #1f1f1f;
    --background-color-ds-datepicker-raised: #272532;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #ff3b29;
    --background-color-ds-datepicker-selected-day-range: #ff655729;
    --background-color-ds-dialog: #262626;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #75757552;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f24e3d;
    --background-color-ds-base-drawer: #1f1f1f;
    --background-color-ds-dropdown-button: #75757529;
    --background-color-ds-dropdown-button-hover: #75757552;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8229;
    --background-color-ds-filteritem-active: #686b8252;
    --background-color-ds-full-screen-dialog: #0d0d0d;
    --background-color-ds-input: #75757529;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #d11d45;
    --background-color-ds-input-border-error-focused: #d11d45;
    --background-color-ds-input-border-focused: #fff;
    --background-color-ds-input-content-icon: #757575;
    --background-color-ds-input-content-input-text: #f5f5f5;
    --background-color-ds-input-content-label: #9e9e9e;
    --background-color-ds-input-error: #75757529;
    --background-color-ds-input-error-focused: #75757514;
    --background-color-ds-input-focused: #75757514;
    --background-color-ds-input-hover: #75757514;
    --background-color-ds-input-selected: #75757514;
    --background-color-ds-input-error-label: #f5395e29;
    --background-color-ds-input-background: #75757529;
    --background-color-ds-input-background-hover: #7575751f;
    --background-color-ds-input-background-selected: #7575751f;
    --background-color-ds-inputerror-label: #f5395e29;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #ff655714;
    --background-color-ds-legend-item-dimmed: #757575;
    --background-color-ds-list-hover: #7575753d;
    --background-color-ds-menu: #262626;
    --background-color-ds-menu-raised: #272532;
    --background-color-ds-menu-hover: #75757514;
    --background-color-ds-menu-pressed: #855bfb1f;
    --background-color-ds-menu-active: #75757529;
    --background-color-ds-menu-active-hover: #7575751f;
    --background-color-ds-notification-primary: #1f1f1f;
    --background-color-ds-notification-neutral: #75757529;
    --background-color-ds-notification-negative: #f5395e29;
    --background-color-ds-notification-warning: #c3962129;
    --background-color-ds-notification-positive: #7dd9a329;
    --background-color-ds-notification-info: #0092d829;
    --background-color-ds-notification-primary-hover: #1f1f1eb8;
    --background-color-ds-notification-neutral-hover: #7575753d;
    --background-color-ds-notification-negative-hover: #f5395e3d;
    --background-color-ds-notification-warning-hover: #c396213d;
    --background-color-ds-notification-positive-hover: #7dd9a33d;
    --background-color-ds-notification-info-hover: #0092d83d;
    --background-color-ds-pagination: #686b821f;
    --background-color-ds-pill: #ff655729;
    --background-color-ds-pill-primary: #ff655729;
    --background-color-ds-pill-neutral: #ff655729;
    --background-color-ds-popover: #262626;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-primary: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-finished: #08844f;
    --background-color-ds-radio-unchecked: #75757552;
    --background-color-ds-radio-unchecked-hover: #75757566;
    --background-color-ds-radio-checked: #fff;
    --background-color-ds-radio-checked-hover: #f7f7fa;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #7132f5;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b82a3;
    --background-color-ds-scrollbar-thumb-hover: #686b827a;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #1f1f1f;
    --background-color-ds-segmented-control-inactive-high: #7575751f;
    --background-color-ds-segmented-control-active-primary: #7575753d;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #7575753d;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #7575751f;
    --background-color-ds-selectable-card-selected: #7575751f;
    --background-color-ds-selectable-card-hover: #7575753d;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b823d;
    --background-color-ds-consumerpagination: #ffffff3d;
    --background-color-ds-consumerpagination-active: #fffffff5;
    --background-color-ds-consumerpagination-hover: #fff6;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #7575753d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #757575;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #353746;
    --background-color-ds-tabs: #7575751f;
    --background-color-ds-tabs-hover: #75757529;
    --background-color-ds-tabs-active: #7575753d;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #7575753d;
    --background-color-ds-table-cell-sticky: #16121f;
    --background-color-ds-table-cell-sticky-container: #1f1f1f;
    --background-color-ds-table-cell-sticky-dialog: #1f1b27;
    --background-color-ds-table-cell-sticky-dialog-container: #16121f;
    --background-color-ds-table-cell-sticky-container-card: #21202c;
    --background-color-ds-table-cell-sticky-container-card-hover: #22202e;
    --background-color-ds-table-cell-sticky-container-hover: #191523;
    --background-color-ds-table-cell-sticky-dialog-hover: #221e2b;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #1a1826;
    --background-color-ds-table-header-cell-resize: #ff3b29;
    --background-color-ds-table-header-cell-sticky: #16121f;
    --background-color-ds-table-row-group: #686b8214;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b8214;
    --background-color-ds-table-row-hover: #7575750a;
    --background-color-ds-table-row: #16121f;
    --background-color-ds-toggle-handle-on: #ededed;
    --background-color-ds-toggle-handle-off: #9e9e9e;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #75757552;
    --background-color-ds-tooltip: #262626;
    --text-color-ds-accordion-primary: #9e9e9e;
    --text-color-ds-accordion-disabled: #9497a9;
    --text-color-ds-accordion-hover: #f5f5f5;
    --text-color-ds-badge-primary: #fff;
    --text-color-ds-badge-neutral: #9e9e9e;
    --text-color-ds-badge-positive: #b5f2cb;
    --text-color-ds-badge-negative: #ff7386;
    --text-color-ds-badge-warning: #ffcd60;
    --text-color-ds-badge-high: #101114;
    --text-color-ds-asseticon-neutral: #000;
    --text-color-ds-asseticon-inverted: #fff;
    --text-color-ds-badge-high-inverse: #0d0d0d;
    --text-color-ds-badge-info: #00adfe;
    --text-color-ds-badge-new: #fff;
    --text-color-ds-brand-brand: #855bfb;
    --text-color-ds-brand-neutral: #fff;
    --text-color-ds-brand-inverted: #000;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #9e9e9e;
    --text-color-ds-breadcrumbs-hover: #f5f5f5;
    --text-color-ds-breadcrumbs-selected: #f5f5f5;
    --text-color-ds-button-primary-high: #0d0d0d;
    --text-color-ds-button-primary-medium: #f5f5f5;
    --text-color-ds-button-primary-medium-hover: #f5f5f5;
    --text-color-ds-button-primary-low: #f5f5f5;
    --text-color-ds-button-primary-low-hover: #f5f5f5;
    --text-color-ds-button-primary-none: #f5f5f5;
    --text-color-ds-button-primary-none-hover: #9e9e9e;
    --text-color-ds-button-neutral-high: #0d0d0d;
    --text-color-ds-button-neutral-medium: #f5f5f5;
    --text-color-ds-button-neutral-medium-hover: #f5f5f5;
    --text-color-ds-button-neutral-low: #9e9e9e;
    --text-color-ds-button-neutral-low-hover: #f5f5f5;
    --text-color-ds-button-neutral-none: #9e9e9e;
    --text-color-ds-button-neutral-none-hover: #f5f5f5;
    --text-color-ds-button-positive-high: #002d17;
    --text-color-ds-button-positive-medium: #b5f2cb;
    --text-color-ds-button-positive-medium-hover: #b5f2cb;
    --text-color-ds-button-positive-low: #b5f2cb;
    --text-color-ds-button-positive-low-hover: #b5f2cb;
    --text-color-ds-button-positive-none: #b5f2cb;
    --text-color-ds-button-positive-none-hover: #9ae5b4;
    --text-color-ds-button-negative-high: #3c000c;
    --text-color-ds-button-negative-medium: #ff9fa9;
    --text-color-ds-button-negative-medium-hover: #ff9fa9;
    --text-color-ds-button-negative-low: #ff6557;
    --text-color-ds-button-negative-low-hover: #ff6557;
    --text-color-ds-button-negative-none: #ff6557;
    --text-color-ds-button-negative-none-hover: #f5395e;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #ffcd60;
    --text-color-ds-button-warning-medium-hover: #ffcd60;
    --text-color-ds-button-warning-low: #e8b100;
    --text-color-ds-button-warning-low-hover: #e8b100;
    --text-color-ds-button-warning-none: #e8b100;
    --text-color-ds-button-warning-none-hover: #c39621;
    --text-color-ds-button-brand-high: #15120f;
    --text-color-ds-button-brand-medium: #f5f5f5;
    --text-color-ds-button-brand-medium-hover: #f5f5f5;
    --text-color-ds-button-brand-low: #f5f5f5;
    --text-color-ds-button-brand-low-hover: #fff;
    --text-color-ds-button-brand-none: #f5f5f5;
    --text-color-ds-button-brand-none-hover: #fff;
    --text-color-ds-button-info-high: #002940;
    --text-color-ds-button-info-medium: #90c9ff;
    --text-color-ds-button-info-medium-hover: #90c9ff;
    --text-color-ds-button-info-low: #0092d8;
    --text-color-ds-button-info-low-hover: #0092d8;
    --text-color-ds-button-info-none: #0092d8;
    --text-color-ds-button-info-none-hover: #0079b4;
    --text-color-ds-button-inverted-high: #f5f5f5;
    --text-color-ds-button-inverted-medium: #0d0d0d;
    --text-color-ds-button-inverted-medium-hover: #0d0d0d;
    --text-color-ds-button-inverted-low: #0d0d0d;
    --text-color-ds-button-inverted-low-hover: #0d0d0d;
    --text-color-ds-button-inverted-none: #0d0d0d;
    --text-color-ds-button-inverted-none-hover: #0d0d0d;
    --text-color-ds-button-neutral-high-icon: #0d0d0d;
    --text-color-ds-checkbox-primary: #f5f5f5;
    --text-color-ds-checkbox-description: #9e9e9e;
    --text-color-ds-checkbox-check-mark: #000;
    --text-color-ds-checkboxgroup-primary: #f5f5f5;
    --text-color-ds-checkboxgroup-description: #9e9e9e;
    --text-color-ds-checkboxgroup-error: #ff7386;
    --text-color-ds-circle-primary-low: #fff;
    --text-color-ds-circle-neutral-low: #9e9e9e;
    --text-color-ds-circle-positive-low: #b5f2cb;
    --text-color-ds-circle-warning-low: #ffcd60;
    --text-color-ds-circle-negative-low: #ff7386;
    --text-color-ds-circle-info-low: #00adfe;
    --text-color-ds-circle-primary-high: #000;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #fff;
    --text-color-ds-circle-border-neutral-high: #757575;
    --text-color-ds-circle-border-positive-high: #7dd9a3;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0092d8;
    --text-color-ds-datepicker: #eeeff3;
    --text-color-ds-datepicker-weekday: #9497a9;
    --text-color-ds-datepicker-today: #9497a9;
    --text-color-ds-datepicker-disabled: #686b82;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #9e9e9e;
    --text-color-ds-dropdown-button-content-placeholder-hover: #f5f5f5;
    --text-color-ds-dropdown-button-content-text: #f5f5f5;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #9497a9;
    --text-color-ds-filteritem-active: #f7f7fa;
    --text-color-ds-input: #f5f5f5;
    --text-color-ds-input-icon: #757575;
    --text-color-ds-input-label: #9e9e9e;
    --text-color-ds-input-error-label: #ff7386;
    --text-color-ds-inputerror-label: #ff7386;
    --text-color-ds-label-value: #ffffff0a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #f5f5f5;
    --text-color-ds-menu: #f5f5f5;
    --text-color-ds-menu-active: #ff3b29;
    --text-color-ds-notification-primary: #f5f5f5;
    --text-color-ds-notification-neutral: #f7f7fa;
    --text-color-ds-notification-negative: #ffd6da;
    --text-color-ds-notification-warning: #fffaf0;
    --text-color-ds-notification-positive: #f0fef5;
    --text-color-ds-notification-info: #e7f2ff;
    --text-color-ds-notification-subtitle-primary: #9e9e9e;
    --text-color-ds-notification-subtitle-neutral: #ccc;
    --text-color-ds-notification-subtitle-negative: #ffbdc3;
    --text-color-ds-notification-subtitle-warning: #ffe5b1;
    --text-color-ds-notification-subtitle-positive: #d1fadf;
    --text-color-ds-notification-subtitle-info: #c7e1ff;
    --text-color-ds-pill: #ff3b29;
    --text-color-ds-pill-primary: #ff3b29;
    --text-color-ds-pill-neutral: #ff3b29;
    --text-color-ds-radio-primary: #f5f5f5;
    --text-color-ds-radio-disabled: #484b5e;
    --text-color-ds-radio-description: #9e9e9e;
    --text-color-ds-radio-check-mark: #000;
    --text-color-ds-radiogroup-primary: #f7f7fa;
    --text-color-ds-radiogroup-description: #9497a9;
    --text-color-ds-radiogroup-error: #ff7386;
    --text-color-ds-segmented-control-inactive: #9e9e9e;
    --text-color-ds-segmented-control-inactive-hover: #f5f5f5;
    --text-color-ds-segmented-control-active-primary: #f5f5f5;
    --text-color-ds-segmented-control-active-positive: #35df8d;
    --text-color-ds-segmented-control-active-negative: #ff6557;
    --text-color-ds-segmented-control-active-primary-low: #f5f5f5;
    --text-color-ds-segmented-control-active-positive-low: #35df8d;
    --text-color-ds-segmented-control-active-negative-low: #ff6557;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #7575753d;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #f7f7fa;
    --text-color-ds-spinner-neutral: #9497a9;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #35df8d;
    --text-color-ds-spinner-negative: #ff7386;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #fff;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #000;
    --text-color-ds-stacked-asset-icons: #f7f7fa;
    --text-color-ds-tabs: #9e9e9e;
    --text-color-ds-tabs-active: #f5f5f5;
    --text-color-ds-tabs-on-background: #9e9e9e;
    --text-color-ds-tabs-on-background-active: #f5f5f5;
    --text-color-ds-text-duo-primary-main: #f5f5f5;
    --text-color-ds-text-duo-primary-duo: #9e9e9e;
    --text-color-ds-text-duo-neutral-main: #9e9e9e;
    --text-color-ds-text-duo-neutral-duo: #757575;
    --text-color-ds-text-duo-positive-main: #35df8d;
    --text-color-ds-text-duo-positive-duo: #35df8d;
    --text-color-ds-text-duo-negative-main: #ff6557;
    --text-color-ds-text-duo-negative-duo: #ff6557;
    --text-color-ds-tooltip-text: #9e9e9e;
    --text-color-ds-tooltip-title: #f5f5f5;
    --border-color-ds-asset-conversion-icons-primary: #f5f5f5;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #fff;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #ff3b29;
    --border-color-ds-datepicker: #fff0;
    --border-color-ds-base-drawer: #ffffff14;
    --border-color-ds-input-focused: #fff;
    --border-color-ds-input-error: #d11d45;
    --border-color-ds-input-error-focused: #d11d45;
    --border-color-ds-legend-item-dimmed: #757575;
    --border-color-ds-menu: #fff0;
    --border-color-ds-menu-divider: #75757552;
    --border-color-ds-popover: #fff0;
    --border-color-ds-radio-primary-focus: #ff3b29;
    --border-color-ds-selectable-card-selected: #fff;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header-cell-hover: #ff3b29;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b8229;
    --stroke-ds-dropdown-button-content-icon: #9e9e9e;
    --stroke-ds-dropdown-button-content-icon-hover: #f5f5f5;
    --stroke-ds-icon-primary: #fff;
    --stroke-ds-icon-neutral: #9e9e9e;
    --stroke-ds-icon-strong: #fff;
    --stroke-ds-icon-dimmed: #757575;
    --stroke-ds-icon-positive: #35df8d;
    --stroke-ds-icon-warning: #ffcd60;
    --stroke-ds-icon-negative: #ff6557;
    --stroke-ds-icon-info: #00adfe;
    --stroke-ds-icon-brand: #ff3b29;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #fff0;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #75757529;
    --ring-color-ds-circle-neutral-low: #75757529;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c3962129;
    --ring-color-ds-circle-positive-low: #7dd9a329;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #fff;
    --ring-color-ds-circle-neutral-high: #757575;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #7dd9a3;
    --ring-color-ds-circle-info-high: #0092d8;
    --fill-ds-brand-brand: #855bfb;
    --fill-ds-brand-neutral: #fff;
    --fill-ds-brand-inverted: #000;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #fff;
    --fill-ds-icon-neutral: #9e9e9e;
    --fill-ds-icon-strong: #fff;
    --fill-ds-icon-dimmed: #757575;
    --fill-ds-icon-positive: #35df8d;
    --fill-ds-icon-warning: #ffcd60;
    --fill-ds-icon-negative: #ff6557;
    --fill-ds-icon-info: #00adfe;
    --fill-ds-icon-brand: #ff3b29;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #262626;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: linear-gradient(180deg, #ff6557 0%, #ff3b29 87%);
    --background-image-ds-button-brand-high-gradient-hover: linear-gradient(180deg, #ff6557 0%, #ff3b29 87%);
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #262626, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #262626;
    --placeholder-color-ds-input: #9e9e9e;
    --caret-color-ds-input: #fff;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #ff3b29;
    --opacity-ds-table-cell-dimmed: .5;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8266
}

.pay-fe-dark-theme {
    --colors-ds-semantic-action-primary-background: #ff3b29;
    --colors-ds-semantic-action-primary-background-hover: #ff6557;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #6d6d6d29;
    --colors-ds-semantic-action-secondary-background-hover: #6d6d6d52;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #c6c6c6;
    --colors-ds-semantic-border-default: #6d6d6d52;
    --colors-ds-semantic-border-negative: #ff7386;
    --colors-ds-semantic-border-positive: #35df8d;
    --colors-ds-semantic-border-strong: #959595;
    --colors-ds-semantic-border-subtle: #6d6d6d29;
    --colors-ds-semantic-content-brand: #ff3b29;
    --colors-ds-semantic-content-dimmed: #6d6d6d;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #006394;
    --colors-ds-semantic-content-inverse: #0e0e0e;
    --colors-ds-semantic-content-negative: #f5395e;
    --colors-ds-semantic-content-neutral: #959595;
    --colors-ds-semantic-content-positive: #149e61;
    --colors-ds-semantic-content-primary: #fff;
    --colors-ds-semantic-content-warning: #89640c;
    --colors-ds-semantic-focus-ring: #fff;
    --colors-ds-semantic-focus-ring-inverse: #0e0e0e;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #ffd0cc;
    --colors-ds-semantic-status-brand-content-strong: #fff1f0;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #ff8a80;
    --colors-ds-semantic-status-brand-solid: #ff3b29;
    --colors-ds-semantic-status-brand-subtle: #ff655729;
    --colors-ds-semantic-status-info-content: #c7e1ff;
    --colors-ds-semantic-status-info-content-strong: #e7f2ff;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #00adfe;
    --colors-ds-semantic-status-info-solid: #0092d8;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #ffbdc3;
    --colors-ds-semantic-status-negative-content-strong: #ffd6da;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #ff7386;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #c6c6c6;
    --colors-ds-semantic-status-neutral-content-strong: #f7f7f7;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #959595;
    --colors-ds-semantic-status-neutral-solid: #6d6d6d;
    --colors-ds-semantic-status-neutral-subtle: #6d6d6d29;
    --colors-ds-semantic-status-positive-content: #44fc9e;
    --colors-ds-semantic-status-positive-content-strong: #c6feda;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #35df8d;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #ffe5b1;
    --colors-ds-semantic-status-warning-content-strong: #fffaf0;
    --colors-ds-semantic-status-warning-on-solid: #0e0e0e;
    --colors-ds-semantic-status-warning-on-subtle: #ffcd60;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c3962129;
    --colors-ds-semantic-surface-canvas: #000;
    --colors-ds-semantic-surface-hover: #6d6d6d3d;
    --colors-ds-semantic-surface-overlay: #ffffff1a;
    --colors-ds-semantic-surface-page: #000;
    --colors-ds-semantic-surface-raised: #0e0e0e;
    --colors-ds-semantic-surface-selected: #6d6d6d29;
    --colors-ds-semantic-surface-sunken: #252525;
    --colors-ds-primary: #fff;
    --colors-ds-neutral: #959595;
    --colors-ds-dimmed: #6d6d6d;
    --colors-ds-positive: #149e61;
    --colors-ds-negative: #f5395e;
    --colors-ds-warning: #89640c;
    --colors-ds-brand: #ff3b29;
    --colors-ds-info: #006394;
    --colors-ds-inverted: #0e0e0e;
    --colors-ds-disabled: #484b5e;
    --colors-ds-strong: #fff;
    --colors-ds-subtle: #373737;
    --colors-ds-divider: #6d6d6d52;
    --colors-ds-textlink-hover-primary: #959595;
    --colors-ds-textlink-hover-brand: #fbb3ad;
    --colors-ds-textlink-hover-neutral: #fff;
    --colors-ds-textlink-hover-positive: #149e61;
    --colors-ds-textlink-hover-negative: #f5395e;
    --colors-ds-textlink-hover-warning: #c39621;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #00000026;
    --box-shadow-ds-2: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-3: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-4: 0px 12px 16px -4px #00000026;
    --box-shadow-ds-5: 0px 20px 24px -4px #00000026;
    --box-shadow-ds-6: 0px 24px 48px -12px #0000004d;
    --box-shadow-ds-7: 0px 32px 64px -12px #0000004d;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #6d6d6d3d;
    --box-shadow-ds-banner: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-container: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #00000026, 0px 4px 8px -2px #00000026;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 150px 0px #000;
    --box-shadow-ds-menu: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --box-shadow-ds-popover: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #00000026;
    --outline-color-ds-accordion: #fff;
    --outline-color-ds-button: #fff;
    --outline-color-ds-card-selected: #fff;
    --outline-color-ds-favourite-button: #fff;
    --outline-color-ds-input-error-focused: #f5395e;
    --outline-color-ds-input: #fff;
    --outline-color-ds-input-error: #f5395e;
    --outline-color-ds-legend-item-dimmed: #6d6d6d;
    --outline-color-ds-menu: #fff;
    --outline-color-ds-notification: #fff;
    --outline-color-ds-popover: #fff;
    --outline-color-ds-segmented-control: #fff;
    --outline-color-ds-selectable-card: #fff;
    --outline-color-ds-tabs: #fff;
    --outline-color-ds-table-header-cell: #fff;
    --outline-color-ds-textlink: #fff;
    --outline-color-ds-toggle: #fff;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #fff;
    --background-color-ds-badge-primary-low: #6d6d6d1f;
    --background-color-ds-badge-neutral-high: #0000;
    --background-color-ds-badge-neutral-low: #0000;
    --background-color-ds-badge-positive-high: #149e61;
    --background-color-ds-badge-positive-low: #149e6129;
    --background-color-ds-badge-negative-high: #f5395e;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #a67c1d;
    --background-color-ds-badge-warning-low: #ffe5b1;
    --background-color-ds-badge-info-low: #c7e1ff;
    --background-color-ds-badge-info-high: #0079b4;
    --background-color-ds-badge-new-low: #6d6d6d1f;
    --background-color-ds-badge-new-high: #fff;
    --background-color-ds-banner: #1a1b22;
    --background-color-ds-button-primary-high: #fff;
    --background-color-ds-button-primary-high-hover: #eee;
    --background-color-ds-button-primary-medium: #ffffff1a;
    --background-color-ds-button-primary-medium-hover: #252525;
    --background-color-ds-button-primary-medium-active: #252525;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #2c2c2c;
    --background-color-ds-button-primary-low-active: #2c2c2c;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #0000;
    --background-color-ds-button-neutral-high-hover: #ffffff14;
    --background-color-ds-button-neutral-medium: #0000;
    --background-color-ds-button-neutral-medium-hover: #ffffff0a;
    --background-color-ds-button-neutral-medium-active: #ffffff0a;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #ffffff0a;
    --background-color-ds-button-neutral-low-active: #ffffff0a;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #149e61;
    --background-color-ds-button-positive-high-hover: #026b3f;
    --background-color-ds-button-positive-medium: #149e6129;
    --background-color-ds-button-positive-medium-hover: #004224;
    --background-color-ds-button-positive-medium-active: #004224;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #001a0d;
    --background-color-ds-button-positive-low-active: #001a0d;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #f5395e;
    --background-color-ds-button-negative-high-hover: #aa0132;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #5f0018;
    --background-color-ds-button-negative-medium-active: #5f0018;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #380107;
    --background-color-ds-button-negative-low-active: #380107;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c3962152;
    --background-color-ds-button-warning-medium-active: #c3962152;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #ff3b29;
    --background-color-ds-button-brand-high-hover: #ff6557;
    --background-color-ds-button-brand-medium: #ff65573d;
    --background-color-ds-button-brand-medium-hover: #ff655752;
    --background-color-ds-button-brand-medium-active: #ff655752;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #ff655729;
    --background-color-ds-button-brand-low-active: #ff655729;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0092d8;
    --background-color-ds-button-info-high-hover: #90c9ff;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #0e0e0e;
    --background-color-ds-button-inverted-high-hover: #1b1b1b;
    --background-color-ds-button-inverted-medium: #0000001a;
    --background-color-ds-button-inverted-medium-hover: #00000029;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #00000029;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #252525;
    --background-color-ds-card-disabled: #1b1b1b;
    --background-color-ds-card-selected: #2c2c2c;
    --background-color-ds-card-hover: #2c2c2c;
    --background-color-ds-card-selected-hover: #373737;
    --background-color-ds-card-background: #0e0e0e;
    --background-color-ds-card-background-hover: #252525;
    --background-color-ds-checkbox-unchecked: #4c4c4c;
    --background-color-ds-checkbox-unchecked-hover: #fff0;
    --background-color-ds-checkbox-checked: #fff;
    --background-color-ds-checkbox-checked-hover: #ddd;
    --background-color-ds-checkbox-unchecked-negative: #fff0;
    --background-color-ds-checkbox-unchecked-negative-hover: #fff0;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e29;
    --background-color-ds-circle-primary-low: #6d6d6d29;
    --background-color-ds-circle-neutral-low: #6d6d6d29;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c3962129;
    --background-color-ds-circle-positive-low: #149e6129;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #fff;
    --background-color-ds-circle-neutral-high: #0e0e0e;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #149e61;
    --background-color-ds-circle-info-high: #0092d8;
    --background-color-ds-container: #0e0e0e;
    --background-color-ds-container-glass: #ffffff14;
    --background-color-ds-datepicker: #0e0e0e;
    --background-color-ds-datepicker-raised: #252525;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #ff3b29;
    --background-color-ds-datepicker-selected-day-range: #ff655729;
    --background-color-ds-dialog: #1b1b1b;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #6d6d6d52;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: #0e0e0e;
    --background-color-ds-dropdown-button: #6d6d6d29;
    --background-color-ds-dropdown-button-hover: #6d6d6d52;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8229;
    --background-color-ds-filteritem-active: #686b8252;
    --background-color-ds-full-screen-dialog: #000;
    --background-color-ds-input: #121212;
    --background-color-ds-input-border: #2c2c2c;
    --background-color-ds-input-border-error: #f5395e;
    --background-color-ds-input-border-error-focused: #f5395e;
    --background-color-ds-input-border-focused: #fff;
    --background-color-ds-input-content-icon: #959595;
    --background-color-ds-input-content-input-text: #fff;
    --background-color-ds-input-content-label: #959595;
    --background-color-ds-input-error: #121212;
    --background-color-ds-input-error-focused: #121212;
    --background-color-ds-input-focused: #121212;
    --background-color-ds-input-hover: #252525;
    --background-color-ds-input-selected: #121212;
    --background-color-ds-input-error-label: #f5395e29;
    --background-color-ds-input-background: #252525;
    --background-color-ds-input-background-hover: #6d6d6d1f;
    --background-color-ds-input-background-selected: #6d6d6d1f;
    --background-color-ds-inputerror-label: #f5395e29;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #ff655714;
    --background-color-ds-legend-item-dimmed: #6d6d6d;
    --background-color-ds-list-hover: #2c2c2c;
    --background-color-ds-menu: #ffffff1a;
    --background-color-ds-menu-raised: #252525;
    --background-color-ds-menu-hover: #6d6d6d14;
    --background-color-ds-menu-pressed: #855bfb1f;
    --background-color-ds-menu-active: #6d6d6d29;
    --background-color-ds-menu-active-hover: #6d6d6d1f;
    --background-color-ds-notification-primary: #fff;
    --background-color-ds-notification-neutral: #0e0e0e;
    --background-color-ds-notification-negative: #0e0e0e;
    --background-color-ds-notification-warning: #0e0e0e;
    --background-color-ds-notification-positive: #0e0e0e;
    --background-color-ds-notification-info: #0e0e0e;
    --background-color-ds-notification-primary-hover: #6d6d6d3d;
    --background-color-ds-notification-neutral-hover: #6d6d6d3d;
    --background-color-ds-notification-negative-hover: #f5395e3d;
    --background-color-ds-notification-warning-hover: #c396213d;
    --background-color-ds-notification-positive-hover: #149e613d;
    --background-color-ds-notification-info-hover: #0092d83d;
    --background-color-ds-pagination: #686b821f;
    --background-color-ds-pill: #fff;
    --background-color-ds-pill-primary: #fff;
    --background-color-ds-pill-neutral: #252525;
    --background-color-ds-popover: #ffffff1a;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-primary: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-finished: #08844f;
    --background-color-ds-radio-unchecked: #fff0;
    --background-color-ds-radio-unchecked-hover: #fff0;
    --background-color-ds-radio-checked: #fff;
    --background-color-ds-radio-checked-hover: #ddd;
    --background-color-ds-radio-unchecked-negative: #fff0;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #7132f5;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b82a3;
    --background-color-ds-scrollbar-thumb-hover: #686b827a;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #0e0e0e;
    --background-color-ds-segmented-control-inactive-high: #fff0;
    --background-color-ds-segmented-control-active-primary: #fff;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #fff0;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #252525;
    --background-color-ds-selectable-card-selected: #2c2c2c;
    --background-color-ds-selectable-card-hover: #2c2c2c;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b823d;
    --background-color-ds-consumerpagination: #ffffff3d;
    --background-color-ds-consumerpagination-active: #fff;
    --background-color-ds-consumerpagination-hover: #fff6;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #6d6d6d3d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #fff;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #0e0e0e;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #353746;
    --background-color-ds-tabs: #6d6d6d1f;
    --background-color-ds-tabs-hover: #6d6d6d29;
    --background-color-ds-tabs-active: #fff0;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #fff0;
    --background-color-ds-table-cell-sticky: #16121f;
    --background-color-ds-table-cell-sticky-container: #0e0e0e;
    --background-color-ds-table-cell-sticky-dialog: #1f1b27;
    --background-color-ds-table-cell-sticky-dialog-container: #16121f;
    --background-color-ds-table-cell-sticky-container-card: #21202c;
    --background-color-ds-table-cell-sticky-container-card-hover: #22202e;
    --background-color-ds-table-cell-sticky-container-hover: #191523;
    --background-color-ds-table-cell-sticky-dialog-hover: #221e2b;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #1a1826;
    --background-color-ds-table-header-cell-resize: #fff;
    --background-color-ds-table-header-cell-sticky: #16121f;
    --background-color-ds-table-row-group: #686b8214;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b8214;
    --background-color-ds-table-row-hover: #6d6d6d0a;
    --background-color-ds-table-row: #16121f;
    --background-color-ds-toggle-handle-on: #0e0e0e;
    --background-color-ds-toggle-handle-off: #ddd;
    --background-color-ds-toggle-track-on: #fff;
    --background-color-ds-toggle-track-off: #373737;
    --background-color-ds-tooltip: #fff;
    --text-color-ds-accordion-primary: #959595;
    --text-color-ds-accordion-disabled: #9497a9;
    --text-color-ds-accordion-hover: #fff;
    --text-color-ds-badge-primary: #fff;
    --text-color-ds-badge-neutral: #959595;
    --text-color-ds-badge-positive: #149e61;
    --text-color-ds-badge-negative: #f5395e;
    --text-color-ds-badge-warning: #6f5000;
    --text-color-ds-badge-high: #0e0e0e;
    --text-color-ds-asseticon-neutral: #000;
    --text-color-ds-asseticon-inverted: #fff;
    --text-color-ds-badge-high-inverse: #fff;
    --text-color-ds-badge-info: #004e75;
    --text-color-ds-badge-new: #fff;
    --text-color-ds-brand-brand: #855bfb;
    --text-color-ds-brand-neutral: #fff;
    --text-color-ds-brand-inverted: #000;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #959595;
    --text-color-ds-breadcrumbs-hover: #fff;
    --text-color-ds-breadcrumbs-selected: #fff;
    --text-color-ds-button-primary-high: #000;
    --text-color-ds-button-primary-medium: #fff;
    --text-color-ds-button-primary-medium-hover: #fff;
    --text-color-ds-button-primary-low: #fff;
    --text-color-ds-button-primary-low-hover: #fff;
    --text-color-ds-button-primary-none: #fff;
    --text-color-ds-button-primary-none-hover: #fff;
    --text-color-ds-button-neutral-high: #000;
    --text-color-ds-button-neutral-medium: #fff;
    --text-color-ds-button-neutral-medium-hover: #fff;
    --text-color-ds-button-neutral-low: #fff;
    --text-color-ds-button-neutral-low-hover: #fff;
    --text-color-ds-button-neutral-none: #fff;
    --text-color-ds-button-neutral-none-hover: #fff;
    --text-color-ds-button-positive-high: #fff;
    --text-color-ds-button-positive-medium: #35df8d;
    --text-color-ds-button-positive-medium-hover: #35df8d;
    --text-color-ds-button-positive-low: #35df8d;
    --text-color-ds-button-positive-low-hover: #149e61;
    --text-color-ds-button-positive-none: #149e61;
    --text-color-ds-button-positive-none-hover: #08844f;
    --text-color-ds-button-negative-high: #fff;
    --text-color-ds-button-negative-medium: #ff7386;
    --text-color-ds-button-negative-medium-hover: #ff7386;
    --text-color-ds-button-negative-low: #f5395e;
    --text-color-ds-button-negative-low-hover: #f5395e;
    --text-color-ds-button-negative-none: #f5395e;
    --text-color-ds-button-negative-none-hover: #d11d45;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #ffcd60;
    --text-color-ds-button-warning-medium-hover: #ffcd60;
    --text-color-ds-button-warning-low: #e8b100;
    --text-color-ds-button-warning-low-hover: #e8b100;
    --text-color-ds-button-warning-none: #e8b100;
    --text-color-ds-button-warning-none-hover: #c39621;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #fff;
    --text-color-ds-button-brand-medium-hover: #fff;
    --text-color-ds-button-brand-low: #fff;
    --text-color-ds-button-brand-low-hover: #ff6557;
    --text-color-ds-button-brand-none: #fff;
    --text-color-ds-button-brand-none-hover: #ff3b29;
    --text-color-ds-button-info-high: #002940;
    --text-color-ds-button-info-medium: #90c9ff;
    --text-color-ds-button-info-medium-hover: #90c9ff;
    --text-color-ds-button-info-low: #0092d8;
    --text-color-ds-button-info-low-hover: #0092d8;
    --text-color-ds-button-info-none: #0092d8;
    --text-color-ds-button-info-none-hover: #0079b4;
    --text-color-ds-button-inverted-high: #fff;
    --text-color-ds-button-inverted-medium: #0e0e0e;
    --text-color-ds-button-inverted-medium-hover: #0e0e0e;
    --text-color-ds-button-inverted-low: #0e0e0e;
    --text-color-ds-button-inverted-low-hover: #0e0e0e;
    --text-color-ds-button-inverted-none: #0e0e0e;
    --text-color-ds-button-inverted-none-hover: #0e0e0e;
    --text-color-ds-button-neutral-high-icon: #000;
    --text-color-ds-checkbox-primary: #fff;
    --text-color-ds-checkbox-description: #959595;
    --text-color-ds-checkbox-check-mark: #0e0e0e;
    --text-color-ds-checkboxgroup-primary: #fff;
    --text-color-ds-checkboxgroup-description: #959595;
    --text-color-ds-checkboxgroup-error: #ff7386;
    --text-color-ds-circle-primary-low: #fff;
    --text-color-ds-circle-neutral-low: #959595;
    --text-color-ds-circle-positive-low: #35df8d;
    --text-color-ds-circle-warning-low: #ffcd60;
    --text-color-ds-circle-negative-low: #ff7386;
    --text-color-ds-circle-info-low: #00adfe;
    --text-color-ds-circle-primary-high: #0e0e0e;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #0e0e0e;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #fff;
    --text-color-ds-circle-border-neutral-high: #0e0e0e;
    --text-color-ds-circle-border-positive-high: #149e61;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0092d8;
    --text-color-ds-datepicker: #eeeff3;
    --text-color-ds-datepicker-weekday: #9497a9;
    --text-color-ds-datepicker-today: #9497a9;
    --text-color-ds-datepicker-disabled: #686b82;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #959595;
    --text-color-ds-dropdown-button-content-placeholder-hover: #fff;
    --text-color-ds-dropdown-button-content-text: #fff;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #9497a9;
    --text-color-ds-filteritem-active: #f7f7fa;
    --text-color-ds-input: #fff;
    --text-color-ds-input-icon: #959595;
    --text-color-ds-input-label: #959595;
    --text-color-ds-input-error-label: #ff7386;
    --text-color-ds-inputerror-label: #ff7386;
    --text-color-ds-label-value: #ffffff0a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #fff;
    --text-color-ds-menu: #fff;
    --text-color-ds-menu-active: #fff;
    --text-color-ds-notification-primary: #0e0e0e;
    --text-color-ds-notification-neutral: #fff;
    --text-color-ds-notification-negative: #fff;
    --text-color-ds-notification-warning: #fff;
    --text-color-ds-notification-positive: #fff;
    --text-color-ds-notification-info: #fff;
    --text-color-ds-notification-subtitle-primary: #0e0e0e;
    --text-color-ds-notification-subtitle-neutral: #959595;
    --text-color-ds-notification-subtitle-negative: #959595;
    --text-color-ds-notification-subtitle-warning: #959595;
    --text-color-ds-notification-subtitle-positive: #959595;
    --text-color-ds-notification-subtitle-info: #959595;
    --text-color-ds-pill: #0e0e0e;
    --text-color-ds-pill-primary: #0e0e0e;
    --text-color-ds-pill-neutral: #fff;
    --text-color-ds-radio-primary: #fff;
    --text-color-ds-radio-disabled: #484b5e;
    --text-color-ds-radio-description: #959595;
    --text-color-ds-radio-check-mark: #0e0e0e;
    --text-color-ds-radiogroup-primary: #f7f7fa;
    --text-color-ds-radiogroup-description: #9497a9;
    --text-color-ds-radiogroup-error: #ff7386;
    --text-color-ds-segmented-control-inactive: #959595;
    --text-color-ds-segmented-control-inactive-hover: #fff;
    --text-color-ds-segmented-control-active-primary: #0e0e0e;
    --text-color-ds-segmented-control-active-positive: #149e61;
    --text-color-ds-segmented-control-active-negative: #f5395e;
    --text-color-ds-segmented-control-active-primary-low: #fff;
    --text-color-ds-segmented-control-active-positive-low: #149e61;
    --text-color-ds-segmented-control-active-negative-low: #f5395e;
    --text-color-ds-segmented-control-underline-rail: #252525;
    --text-color-ds-segmented-control-underline-active-primary: #fff;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #f7f7fa;
    --text-color-ds-spinner-neutral: #9497a9;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #35df8d;
    --text-color-ds-spinner-negative: #ff7386;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #fff;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #000;
    --text-color-ds-stacked-asset-icons: #f7f7fa;
    --text-color-ds-tabs: #959595;
    --text-color-ds-tabs-active: #fff;
    --text-color-ds-tabs-on-background: #959595;
    --text-color-ds-tabs-on-background-active: #fff;
    --text-color-ds-text-duo-primary-main: #fff;
    --text-color-ds-text-duo-primary-duo: #959595;
    --text-color-ds-text-duo-neutral-main: #959595;
    --text-color-ds-text-duo-neutral-duo: #6d6d6d;
    --text-color-ds-text-duo-positive-main: #149e61;
    --text-color-ds-text-duo-positive-duo: #149e61;
    --text-color-ds-text-duo-negative-main: #f5395e;
    --text-color-ds-text-duo-negative-duo: #f5395e;
    --text-color-ds-tooltip-text: #0e0e0e;
    --text-color-ds-tooltip-title: #fff;
    --border-color-ds-asset-conversion-icons-primary: #fff;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #1b1b1b;
    --border-color-ds-card-selected: #fff;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #fff;
    --border-color-ds-datepicker: #fff0;
    --border-color-ds-base-drawer: #ffffff14;
    --border-color-ds-input-focused: #fff;
    --border-color-ds-input-error: #f5395e;
    --border-color-ds-input-error-focused: #f5395e;
    --border-color-ds-legend-item-dimmed: #6d6d6d;
    --border-color-ds-menu: #fff0;
    --border-color-ds-menu-divider: #6d6d6d52;
    --border-color-ds-popover: #fff0;
    --border-color-ds-radio-primary-focus: #fff;
    --border-color-ds-selectable-card-selected: #fff;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #252525;
    --border-color-ds-tabs-selected: #0e0e0e;
    --border-color-ds-table-header-cell-hover: #fff;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b8229;
    --stroke-ds-dropdown-button-content-icon: #959595;
    --stroke-ds-dropdown-button-content-icon-hover: #fff;
    --stroke-ds-icon-primary: #fff;
    --stroke-ds-icon-neutral: #959595;
    --stroke-ds-icon-strong: #fff;
    --stroke-ds-icon-dimmed: #6d6d6d;
    --stroke-ds-icon-positive: #149e61;
    --stroke-ds-icon-warning: #89640c;
    --stroke-ds-icon-negative: #f5395e;
    --stroke-ds-icon-info: #006394;
    --stroke-ds-icon-brand: #ff3b29;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #fff0;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #6d6d6d29;
    --ring-color-ds-circle-neutral-low: #6d6d6d29;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c3962129;
    --ring-color-ds-circle-positive-low: #149e6129;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #fff;
    --ring-color-ds-circle-neutral-high: #0e0e0e;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #149e61;
    --ring-color-ds-circle-info-high: #0092d8;
    --fill-ds-brand-brand: #855bfb;
    --fill-ds-brand-neutral: #fff;
    --fill-ds-brand-inverted: #000;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #fff;
    --fill-ds-icon-neutral: #959595;
    --fill-ds-icon-strong: #fff;
    --fill-ds-icon-dimmed: #6d6d6d;
    --fill-ds-icon-positive: #149e61;
    --fill-ds-icon-warning: #89640c;
    --fill-ds-icon-negative: #f5395e;
    --fill-ds-icon-info: #006394;
    --fill-ds-icon-brand: #ff3b29;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #ffffff1a;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #1b1b1b, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #1b1b1b;
    --placeholder-color-ds-input: #959595;
    --caret-color-ds-input: #fff;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #fff;
    --opacity-ds-table-cell-dimmed: .5;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8266
}

.pay-fe-light-theme {
    --colors-ds-semantic-action-primary-background: #ff3b29;
    --colors-ds-semantic-action-primary-background-hover: #e51806;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #6d6d6d14;
    --colors-ds-semantic-action-secondary-background-hover: #6d6d6d1f;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #4c4c4c;
    --colors-ds-semantic-border-default: #6d6d6d29;
    --colors-ds-semantic-border-negative: #d11d45;
    --colors-ds-semantic-border-positive: #08844f;
    --colors-ds-semantic-border-strong: #6d6d6d;
    --colors-ds-semantic-border-subtle: #6d6d6d29;
    --colors-ds-semantic-content-brand: #ff3b29;
    --colors-ds-semantic-content-dimmed: #959595;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #006394;
    --colors-ds-semantic-content-inverse: #fff;
    --colors-ds-semantic-content-negative: #d11d45;
    --colors-ds-semantic-content-neutral: #6d6d6d;
    --colors-ds-semantic-content-positive: #005531;
    --colors-ds-semantic-content-primary: #000;
    --colors-ds-semantic-content-warning: #89640c;
    --colors-ds-semantic-focus-ring: #0e0e0e;
    --colors-ds-semantic-focus-ring-inverse: #fff;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #8d1207;
    --colors-ds-semantic-status-brand-content-strong: #6d1109;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #ff3b29;
    --colors-ds-semantic-status-brand-solid: #ff3b29;
    --colors-ds-semantic-status-brand-subtle: #ff655729;
    --colors-ds-semantic-status-info-content: #003c5c;
    --colors-ds-semantic-status-info-content-strong: #002940;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #006394;
    --colors-ds-semantic-status-info-solid: #0079b4;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #5f0018;
    --colors-ds-semantic-status-negative-content-strong: #3c000c;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #d11d45;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #1b1b1b;
    --colors-ds-semantic-status-neutral-content-strong: #0e0e0e;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #4c4c4c;
    --colors-ds-semantic-status-neutral-solid: #959595;
    --colors-ds-semantic-status-neutral-subtle: #6d6d6d1f;
    --colors-ds-semantic-status-positive-content: #004224;
    --colors-ds-semantic-status-positive-content-strong: #002d17;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #026b3f;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #553c00;
    --colors-ds-semantic-status-warning-content-strong: #3b2a00;
    --colors-ds-semantic-status-warning-on-solid: #0e0e0e;
    --colors-ds-semantic-status-warning-on-subtle: #553c00;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c396213d;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #6d6d6d1f;
    --colors-ds-semantic-surface-overlay: #ffffff1a;
    --colors-ds-semantic-surface-page: #fff;
    --colors-ds-semantic-surface-raised: #fff;
    --colors-ds-semantic-surface-selected: #6d6d6d14;
    --colors-ds-semantic-surface-sunken: #fff;
    --colors-ds-primary: #000;
    --colors-ds-neutral: #6d6d6d;
    --colors-ds-dimmed: #959595;
    --colors-ds-positive: #005531;
    --colors-ds-negative: #d11d45;
    --colors-ds-warning: #89640c;
    --colors-ds-brand: #ff3b29;
    --colors-ds-info: #006394;
    --colors-ds-inverted: #fff;
    --colors-ds-disabled: #c6c7d2;
    --colors-ds-strong: #000;
    --colors-ds-subtle: #959595;
    --colors-ds-divider: #6d6d6d3d;
    --colors-ds-textlink-hover-primary: #6d6d6d;
    --colors-ds-textlink-hover-brand: #b31809;
    --colors-ds-textlink-hover-neutral: #000;
    --colors-ds-textlink-hover-positive: #005531;
    --colors-ds-textlink-hover-negative: #840125;
    --colors-ds-textlink-hover-warning: #89640c;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #1018280a;
    --box-shadow-ds-2: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-3: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-4: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-5: 0px 20px 24px -4px #1018280f;
    --box-shadow-ds-6: 0px 24px 48px -12px #1018282e;
    --box-shadow-ds-7: 0px 32px 64px -12px #10182824;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #6d6d6d3d;
    --box-shadow-ds-banner: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-container: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 75px 0px #00000026;
    --box-shadow-ds-menu: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-popover: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --outline-color-ds-accordion: #0e0e0e;
    --outline-color-ds-button: #0e0e0e;
    --outline-color-ds-card-selected: #eee;
    --outline-color-ds-favourite-button: #0e0e0e;
    --outline-color-ds-input-error-focused: #d11d45;
    --outline-color-ds-input: #c6c6c6;
    --outline-color-ds-input-error: #f5395e;
    --outline-color-ds-legend-item-dimmed: #959595;
    --outline-color-ds-menu: #0e0e0e;
    --outline-color-ds-notification: #0e0e0e;
    --outline-color-ds-popover: #0e0e0e;
    --outline-color-ds-segmented-control: #0e0e0e;
    --outline-color-ds-selectable-card: #eee;
    --outline-color-ds-tabs: #0e0e0e;
    --outline-color-ds-table-header-cell: #0e0e0e;
    --outline-color-ds-textlink: #0e0e0e;
    --outline-color-ds-toggle: #0e0e0e;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #0e0e0e;
    --background-color-ds-badge-primary-low: #6d6d6d1f;
    --background-color-ds-badge-neutral-high: #0000;
    --background-color-ds-badge-neutral-low: #0000;
    --background-color-ds-badge-positive-high: #005531;
    --background-color-ds-badge-positive-low: #149e6129;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #a67c1d;
    --background-color-ds-badge-warning-low: #ffe5b1;
    --background-color-ds-badge-info-low: #c7e1ff;
    --background-color-ds-badge-info-high: #0079b4;
    --background-color-ds-badge-new-low: #6d6d6d1f;
    --background-color-ds-badge-new-high: #0e0e0e;
    --background-color-ds-banner: #fff;
    --background-color-ds-button-primary-high: #000;
    --background-color-ds-button-primary-high-hover: #1b1b1b;
    --background-color-ds-button-primary-medium: #eee;
    --background-color-ds-button-primary-medium-hover: #ddd;
    --background-color-ds-button-primary-medium-active: #ddd;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #e5e5e5;
    --background-color-ds-button-primary-low-active: #e5e5e5;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #0000;
    --background-color-ds-button-neutral-high-hover: #eee;
    --background-color-ds-button-neutral-medium: #0000;
    --background-color-ds-button-neutral-medium-hover: #f7f7f7;
    --background-color-ds-button-neutral-medium-active: #f7f7f7;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #f7f7f7;
    --background-color-ds-button-neutral-low-active: #f7f7f7;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #005531;
    --background-color-ds-button-positive-high-hover: #026b3f;
    --background-color-ds-button-positive-medium: #c6feda;
    --background-color-ds-button-positive-medium-hover: #b8edd0;
    --background-color-ds-button-positive-medium-active: #b8edd0;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #e6fcef;
    --background-color-ds-button-positive-low-active: #e6fcef;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #d11d45;
    --background-color-ds-button-negative-high-hover: #aa0132;
    --background-color-ds-button-negative-medium: #ffbdc3;
    --background-color-ds-button-negative-medium-hover: #ffb0ab;
    --background-color-ds-button-negative-medium-active: #ffb0ab;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #ffe0dc;
    --background-color-ds-button-negative-low-active: #ffe0dc;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c396213d;
    --background-color-ds-button-warning-medium-active: #c396213d;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #ff3b29;
    --background-color-ds-button-brand-high-hover: #e51806;
    --background-color-ds-button-brand-medium: #ff65573d;
    --background-color-ds-button-brand-medium-hover: #ff655752;
    --background-color-ds-button-brand-medium-active: #ff655752;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #ff655729;
    --background-color-ds-button-brand-low-active: #ff655729;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0079b4;
    --background-color-ds-button-info-high-hover: #00adfe;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #fff;
    --background-color-ds-button-inverted-high-hover: #ffffffe0;
    --background-color-ds-button-inverted-medium: #ffffff1a;
    --background-color-ds-button-inverted-medium-hover: #ffffff3d;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #ffffff29;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #fff;
    --background-color-ds-card-disabled: #eee;
    --background-color-ds-card-selected: #f7f7f7;
    --background-color-ds-card-hover: #f7f7f7;
    --background-color-ds-card-selected-hover: #eee;
    --background-color-ds-card-background: #ffffff8f;
    --background-color-ds-card-background-hover: #f7f7f7;
    --background-color-ds-checkbox-unchecked: #ddd;
    --background-color-ds-checkbox-unchecked-hover: #fff0;
    --background-color-ds-checkbox-checked: #000;
    --background-color-ds-checkbox-checked-hover: #0e0e0e;
    --background-color-ds-checkbox-unchecked-negative: #fff0;
    --background-color-ds-checkbox-unchecked-negative-hover: #fff0;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e14;
    --background-color-ds-circle-primary-low: #6d6d6d29;
    --background-color-ds-circle-neutral-low: #6d6d6d1f;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c396213d;
    --background-color-ds-circle-positive-low: #149e6129;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #0e0e0e;
    --background-color-ds-circle-neutral-high: #fff;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #149e61;
    --background-color-ds-circle-info-high: #0079b4;
    --background-color-ds-container: #fff;
    --background-color-ds-container-glass: #ffffff14;
    --background-color-ds-datepicker: #fff;
    --background-color-ds-datepicker-raised: #fff;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #ff3b29;
    --background-color-ds-datepicker-selected-day-range: #ff655729;
    --background-color-ds-dialog: #fff;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #6d6d6d3d;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: #fff;
    --background-color-ds-dropdown-button: #6d6d6d14;
    --background-color-ds-dropdown-button-hover: #6d6d6d1f;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8214;
    --background-color-ds-filteritem-active: #686b821f;
    --background-color-ds-full-screen-dialog: #fff;
    --background-color-ds-input: #75757514;
    --background-color-ds-input-border: #e5e5e5;
    --background-color-ds-input-border-error: #f5395e;
    --background-color-ds-input-border-error-focused: #d11d45;
    --background-color-ds-input-border-focused: #c6c6c6;
    --background-color-ds-input-content-icon: #6d6d6d;
    --background-color-ds-input-content-input-text: #1b1b1b;
    --background-color-ds-input-content-label: #6d6d6d;
    --background-color-ds-input-error: #75757514;
    --background-color-ds-input-error-focused: #7575751f;
    --background-color-ds-input-focused: #7575750a;
    --background-color-ds-input-hover: #f7f7f7;
    --background-color-ds-input-selected: #7575750a;
    --background-color-ds-input-error-label: #f5395e14;
    --background-color-ds-input-background: #00000008;
    --background-color-ds-input-background-hover: #fffc;
    --background-color-ds-input-background-selected: #fffc;
    --background-color-ds-inputerror-label: #f5395e14;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #eee;
    --background-color-ds-legend-item-dimmed: #959595;
    --background-color-ds-list-hover: #f7f7f7;
    --background-color-ds-menu: #ffffff1a;
    --background-color-ds-menu-raised: #fff;
    --background-color-ds-menu-hover: #6d6d6d0a;
    --background-color-ds-menu-pressed: #686b8214;
    --background-color-ds-menu-active: #6d6d6d14;
    --background-color-ds-menu-active-hover: #6d6d6d14;
    --background-color-ds-notification-primary: #0e0e0e;
    --background-color-ds-notification-neutral: #fff;
    --background-color-ds-notification-negative: #fff;
    --background-color-ds-notification-warning: #fff;
    --background-color-ds-notification-positive: #fff;
    --background-color-ds-notification-info: #fff;
    --background-color-ds-notification-primary-hover: #6d6d6d29;
    --background-color-ds-notification-neutral-hover: #6d6d6d29;
    --background-color-ds-notification-negative-hover: #f5395e29;
    --background-color-ds-notification-warning-hover: #c3962129;
    --background-color-ds-notification-positive-hover: #149e6129;
    --background-color-ds-notification-info-hover: #0092d829;
    --background-color-ds-pagination: #686b8214;
    --background-color-ds-pill: #0e0e0e;
    --background-color-ds-pill-primary: #0e0e0e;
    --background-color-ds-pill-neutral: #fff;
    --background-color-ds-popover: #ffffff1a;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-in-progress: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-info: #0092d829;
    --background-color-ds-progresstracker-warning: #c3962129;
    --background-color-ds-progresstracker-finished: #149e6129;
    --background-color-ds-radio-unchecked: #fff0;
    --background-color-ds-radio-unchecked-hover: #fff0;
    --background-color-ds-radio-checked: #0e0e0e;
    --background-color-ds-radio-checked-hover: #0e0e0e;
    --background-color-ds-radio-unchecked-negative: #fff0;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #855bfb;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b8266;
    --background-color-ds-scrollbar-thumb-hover: #686b823d;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #fff;
    --background-color-ds-segmented-control-inactive-high: #fff0;
    --background-color-ds-segmented-control-active-primary: #0e0e0e;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #fff0;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #fff;
    --background-color-ds-selectable-card-selected: #f7f7f7;
    --background-color-ds-selectable-card-hover: #f7f7f7;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b821f;
    --background-color-ds-consumerpagination: #6d6d6d3d;
    --background-color-ds-consumerpagination-active: #1b1b1b;
    --background-color-ds-consumerpagination-hover: #ffffff52;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #6d6d6d3d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #0e0e0e;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #e5e6ec;
    --background-color-ds-tabs: #6d6d6d0a;
    --background-color-ds-tabs-hover: #6d6d6d14;
    --background-color-ds-tabs-active: #fff0;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #fff0;
    --background-color-ds-table-cell-sticky: #fff;
    --background-color-ds-table-cell-sticky-container: #fff;
    --background-color-ds-table-cell-sticky-dialog: #fff;
    --background-color-ds-table-cell-sticky-dialog-container: #fff;
    --background-color-ds-table-cell-sticky-container-card: #f7f7f8;
    --background-color-ds-table-cell-sticky-container-card-hover: #f1f1f3;
    --background-color-ds-table-cell-sticky-container-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #f9f9fa;
    --background-color-ds-table-header-cell-resize: #0e0e0e;
    --background-color-ds-table-header-cell-sticky: #fff;
    --background-color-ds-table-row-group: #686b820a;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b820a;
    --background-color-ds-table-row-hover: #6d6d6d0a;
    --background-color-ds-table-row: #fff;
    --background-color-ds-toggle-handle-on: #fff;
    --background-color-ds-toggle-handle-off: #fff;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #e5e5e5;
    --background-color-ds-tooltip: #0e0e0e;
    --text-color-ds-accordion-primary: #6d6d6d;
    --text-color-ds-accordion-disabled: #484b5e;
    --text-color-ds-accordion-hover: #000;
    --text-color-ds-badge-primary: #000;
    --text-color-ds-badge-neutral: #6d6d6d;
    --text-color-ds-badge-positive: #005531;
    --text-color-ds-badge-negative: #d11d45;
    --text-color-ds-badge-warning: #6f5000;
    --text-color-ds-badge-high: #fff;
    --text-color-ds-asseticon-neutral: #fff;
    --text-color-ds-asseticon-inverted: #000;
    --text-color-ds-badge-high-inverse: #fff;
    --text-color-ds-badge-info: #004e75;
    --text-color-ds-badge-new: #000;
    --text-color-ds-brand-brand: #7132f5;
    --text-color-ds-brand-neutral: #000;
    --text-color-ds-brand-inverted: #fff;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #6d6d6d;
    --text-color-ds-breadcrumbs-hover: #000;
    --text-color-ds-breadcrumbs-selected: #000;
    --text-color-ds-button-primary-high: #fff;
    --text-color-ds-button-primary-medium: #1b1b1b;
    --text-color-ds-button-primary-medium-hover: #1b1b1b;
    --text-color-ds-button-primary-low: #000;
    --text-color-ds-button-primary-low-hover: #1b1b1b;
    --text-color-ds-button-primary-none: #1b1b1b;
    --text-color-ds-button-primary-none-hover: #1b1b1b;
    --text-color-ds-button-neutral-high: #fff;
    --text-color-ds-button-neutral-medium: #000;
    --text-color-ds-button-neutral-medium-hover: #1b1b1b;
    --text-color-ds-button-neutral-low: #000;
    --text-color-ds-button-neutral-low-hover: #1b1b1b;
    --text-color-ds-button-neutral-none: #000;
    --text-color-ds-button-neutral-none-hover: #1b1b1b;
    --text-color-ds-button-positive-high: #fff;
    --text-color-ds-button-positive-medium: #005531;
    --text-color-ds-button-positive-medium-hover: #005531;
    --text-color-ds-button-positive-low: #005531;
    --text-color-ds-button-positive-low-hover: #005531;
    --text-color-ds-button-positive-none: #005531;
    --text-color-ds-button-positive-none-hover: #026b3f;
    --text-color-ds-button-negative-high: #fff;
    --text-color-ds-button-negative-medium: #d11d45;
    --text-color-ds-button-negative-medium-hover: #d11d45;
    --text-color-ds-button-negative-low: #d11d45;
    --text-color-ds-button-negative-low-hover: #d11d45;
    --text-color-ds-button-negative-none: #d11d45;
    --text-color-ds-button-negative-none-hover: #aa0132;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #a67c1d;
    --text-color-ds-button-warning-medium-hover: #a67c1d;
    --text-color-ds-button-warning-low: #a67c1d;
    --text-color-ds-button-warning-low-hover: #a67c1d;
    --text-color-ds-button-warning-none: #a67c1d;
    --text-color-ds-button-warning-none-hover: #e8b100;
    --text-color-ds-button-brand-high: #000;
    --text-color-ds-button-brand-medium: #ff3b29;
    --text-color-ds-button-brand-medium-hover: #ff3b29;
    --text-color-ds-button-brand-low: #ff3b29;
    --text-color-ds-button-brand-low-hover: #ff3b29;
    --text-color-ds-button-brand-none: #ff3b29;
    --text-color-ds-button-brand-none-hover: #e51806;
    --text-color-ds-button-info-high: #fff;
    --text-color-ds-button-info-medium: #0079b4;
    --text-color-ds-button-info-medium-hover: #0079b4;
    --text-color-ds-button-info-low: #0079b4;
    --text-color-ds-button-info-low-hover: #0079b4;
    --text-color-ds-button-info-none: #0079b4;
    --text-color-ds-button-info-none-hover: #00adfe;
    --text-color-ds-button-inverted-high: #0e0e0e;
    --text-color-ds-button-inverted-medium: #fff;
    --text-color-ds-button-inverted-medium-hover: #fff;
    --text-color-ds-button-inverted-low: #fff;
    --text-color-ds-button-inverted-low-hover: #fff;
    --text-color-ds-button-inverted-none: #fff;
    --text-color-ds-button-inverted-none-hover: #fff;
    --text-color-ds-button-neutral-high-icon: #fff;
    --text-color-ds-checkbox-primary: #000;
    --text-color-ds-checkbox-description: #6d6d6d;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #000;
    --text-color-ds-checkboxgroup-description: #6d6d6d;
    --text-color-ds-checkboxgroup-error: #d11d45;
    --text-color-ds-circle-primary-low: #000;
    --text-color-ds-circle-neutral-low: #4c4c4c;
    --text-color-ds-circle-positive-low: #026b3f;
    --text-color-ds-circle-warning-low: #6f5000;
    --text-color-ds-circle-negative-low: #d11d45;
    --text-color-ds-circle-info-low: #006394;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #0e0e0e;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #0e0e0e;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #0e0e0e;
    --text-color-ds-circle-border-neutral-high: #fff;
    --text-color-ds-circle-border-positive-high: #149e61;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0079b4;
    --text-color-ds-datepicker: #1a1b22;
    --text-color-ds-datepicker-weekday: #353746;
    --text-color-ds-datepicker-today: #353746;
    --text-color-ds-datepicker-disabled: #9497a9;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #6d6d6d;
    --text-color-ds-dropdown-button-content-placeholder-hover: #000;
    --text-color-ds-dropdown-button-content-text: #000;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #484b5e;
    --text-color-ds-filteritem-active: #101114;
    --text-color-ds-input: #1b1b1b;
    --text-color-ds-input-icon: #6d6d6d;
    --text-color-ds-input-label: #6d6d6d;
    --text-color-ds-input-error-label: #d11d45;
    --text-color-ds-inputerror-label: #d11d45;
    --text-color-ds-label-value: #0000000a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #6d6d6d;
    --text-color-ds-menu: #6d6d6d;
    --text-color-ds-menu-active: #0e0e0e;
    --text-color-ds-notification-primary: #fff;
    --text-color-ds-notification-neutral: #000;
    --text-color-ds-notification-negative: #000;
    --text-color-ds-notification-warning: #000;
    --text-color-ds-notification-positive: #000;
    --text-color-ds-notification-info: #000;
    --text-color-ds-notification-subtitle-primary: #fff;
    --text-color-ds-notification-subtitle-neutral: #6d6d6d;
    --text-color-ds-notification-subtitle-negative: #6d6d6d;
    --text-color-ds-notification-subtitle-warning: #6d6d6d;
    --text-color-ds-notification-subtitle-positive: #6d6d6d;
    --text-color-ds-notification-subtitle-info: #6d6d6d;
    --text-color-ds-pill: #fff;
    --text-color-ds-pill-primary: #fff;
    --text-color-ds-pill-neutral: #1b1b1b;
    --text-color-ds-radio-primary: #000;
    --text-color-ds-radio-disabled: #c6c7d2;
    --text-color-ds-radio-description: #6d6d6d;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #101114;
    --text-color-ds-radiogroup-description: #484b5e;
    --text-color-ds-radiogroup-error: #d11d45;
    --text-color-ds-segmented-control-inactive: #6d6d6d;
    --text-color-ds-segmented-control-inactive-hover: #000;
    --text-color-ds-segmented-control-active-primary: #fff;
    --text-color-ds-segmented-control-active-positive: #005531;
    --text-color-ds-segmented-control-active-negative: #d11d45;
    --text-color-ds-segmented-control-active-primary-low: #000;
    --text-color-ds-segmented-control-active-positive-low: #005531;
    --text-color-ds-segmented-control-active-negative-low: #d11d45;
    --text-color-ds-segmented-control-underline-rail: #eee;
    --text-color-ds-segmented-control-underline-active-primary: #0e0e0e;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #101114;
    --text-color-ds-spinner-neutral: #484b5e;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #08844f;
    --text-color-ds-spinner-negative: #d11d45;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #000;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #fff;
    --text-color-ds-stacked-asset-icons: #101114;
    --text-color-ds-tabs: #6d6d6d;
    --text-color-ds-tabs-active: #000;
    --text-color-ds-tabs-on-background: #6d6d6d;
    --text-color-ds-tabs-on-background-active: #000;
    --text-color-ds-text-duo-primary-main: #000;
    --text-color-ds-text-duo-primary-duo: #6d6d6d;
    --text-color-ds-text-duo-neutral-main: #6d6d6d;
    --text-color-ds-text-duo-neutral-duo: #959595;
    --text-color-ds-text-duo-positive-main: #005531;
    --text-color-ds-text-duo-positive-duo: #005531;
    --text-color-ds-text-duo-negative-main: #d11d45;
    --text-color-ds-text-duo-negative-duo: #d11d45;
    --text-color-ds-tooltip-text: #fff;
    --text-color-ds-tooltip-title: #000;
    --border-color-ds-asset-conversion-icons-primary: #000;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #0e0e0e;
    --border-color-ds-badge-neutral-low: #c6c6c6;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #eee;
    --border-color-ds-card-selected: #eee;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #0e0e0e;
    --border-color-ds-datepicker: #6d6d6d14;
    --border-color-ds-base-drawer: #fff;
    --border-color-ds-input-focused: #c6c6c6;
    --border-color-ds-input-error: #f5395e;
    --border-color-ds-input-error-focused: #d11d45;
    --border-color-ds-legend-item-dimmed: #959595;
    --border-color-ds-menu: #6d6d6d14;
    --border-color-ds-menu-divider: #6d6d6d3d;
    --border-color-ds-popover: #6d6d6d14;
    --border-color-ds-radio-primary-focus: #0e0e0e;
    --border-color-ds-selectable-card-selected: #eee;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #eee;
    --border-color-ds-tabs-selected: #0e0e0e;
    --border-color-ds-table-header: #686b821f;
    --border-color-ds-table-header-cell-hover: #0e0e0e;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b823d;
    --stroke-ds-dropdown-button-content-icon: #6d6d6d;
    --stroke-ds-dropdown-button-content-icon-hover: #000;
    --stroke-ds-icon-primary: #000;
    --stroke-ds-icon-neutral: #6d6d6d;
    --stroke-ds-icon-strong: #000;
    --stroke-ds-icon-dimmed: #959595;
    --stroke-ds-icon-positive: #005531;
    --stroke-ds-icon-warning: #89640c;
    --stroke-ds-icon-negative: #d11d45;
    --stroke-ds-icon-info: #006394;
    --stroke-ds-icon-brand: #ff3b29;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #6d6d6d14;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #6d6d6d29;
    --ring-color-ds-circle-neutral-low: #6d6d6d1f;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c396213d;
    --ring-color-ds-circle-positive-low: #149e6129;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #0e0e0e;
    --ring-color-ds-circle-neutral-high: #fff;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #149e61;
    --ring-color-ds-circle-info-high: #0079b4;
    --fill-ds-brand-brand: #7132f5;
    --fill-ds-brand-neutral: #000;
    --fill-ds-brand-inverted: #fff;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #000;
    --fill-ds-icon-neutral: #6d6d6d;
    --fill-ds-icon-strong: #000;
    --fill-ds-icon-dimmed: #959595;
    --fill-ds-icon-positive: #005531;
    --fill-ds-icon-warning: #89640c;
    --fill-ds-icon-negative: #d11d45;
    --fill-ds-icon-info: #006394;
    --fill-ds-icon-brand: #ff3b29;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #ffffff1a;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #fff, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #fff;
    --placeholder-color-ds-input: #6d6d6d;
    --caret-color-ds-input: inherit;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #0e0e0e;
    --opacity-ds-table-cell-dimmed: .4;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8252
}

.pay-light-theme {
    --colors-ds-semantic-action-primary-background: #ff3b29;
    --colors-ds-semantic-action-primary-background-hover: #e51806;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8214;
    --colors-ds-semantic-action-secondary-background-hover: #686b821f;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #484b5e;
    --colors-ds-semantic-border-default: #686b8229;
    --colors-ds-semantic-border-negative: #d11d45;
    --colors-ds-semantic-border-positive: #08844f;
    --colors-ds-semantic-border-strong: #686b82;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #ff3b29;
    --colors-ds-semantic-content-dimmed: #9e9e9e;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #0079b4;
    --colors-ds-semantic-content-inverse: #f5f5f5;
    --colors-ds-semantic-content-negative: #e51806;
    --colors-ds-semantic-content-neutral: #757575;
    --colors-ds-semantic-content-positive: #026b3f;
    --colors-ds-semantic-content-primary: #0d0d0d;
    --colors-ds-semantic-content-warning: #c39621;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #ff3b29);
    --colors-ds-semantic-focus-ring-inverse: #fff;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #37187d;
    --colors-ds-semantic-status-brand-content-strong: #2b1463;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #ff3b29;
    --colors-ds-semantic-status-brand-solid: #ff3b29;
    --colors-ds-semantic-status-brand-subtle: #ff655729;
    --colors-ds-semantic-status-info-content: #003c5c;
    --colors-ds-semantic-status-info-content-strong: #002940;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #006394;
    --colors-ds-semantic-status-info-solid: #0079b4;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #5f0018;
    --colors-ds-semantic-status-negative-content-strong: #3c000c;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #d11d45;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #1a1b22;
    --colors-ds-semantic-status-neutral-content-strong: #101114;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #484b5e;
    --colors-ds-semantic-status-neutral-solid: #9497a9;
    --colors-ds-semantic-status-neutral-subtle: #686b821f;
    --colors-ds-semantic-status-positive-content: #004224;
    --colors-ds-semantic-status-positive-content-strong: #002d17;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #026b3f;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #553c00;
    --colors-ds-semantic-status-warning-content-strong: #3b2a00;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #553c00;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c396213d;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #686b821f;
    --colors-ds-semantic-surface-overlay: #fff;
    --colors-ds-semantic-surface-page: #f5f5f5;
    --colors-ds-semantic-surface-raised: #fff;
    --colors-ds-semantic-surface-selected: #ff655714;
    --colors-ds-semantic-surface-sunken: #75757514;
    --colors-ds-primary: #0d0d0d;
    --colors-ds-neutral: #757575;
    --colors-ds-dimmed: #9e9e9e;
    --colors-ds-positive: #026b3f;
    --colors-ds-negative: #e51806;
    --colors-ds-warning: #c39621;
    --colors-ds-brand: #ff3b29;
    --colors-ds-info: #0079b4;
    --colors-ds-inverted: #f5f5f5;
    --colors-ds-disabled: #c6c7d2;
    --colors-ds-strong: #1a1b22;
    --colors-ds-subtle: #c6c7d2;
    --colors-ds-divider: #75757529;
    --colors-ds-textlink-hover-primary: #757575;
    --colors-ds-textlink-hover-brand: #b31809;
    --colors-ds-textlink-hover-neutral: #0d0d0d;
    --colors-ds-textlink-hover-positive: #005531;
    --colors-ds-textlink-hover-negative: #840125;
    --colors-ds-textlink-hover-warning: #89640c;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #1018280a;
    --box-shadow-ds-2: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-3: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-4: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-5: 0px 20px 24px -4px #1018280f;
    --box-shadow-ds-6: 0px 24px 48px -12px #1018282e;
    --box-shadow-ds-7: 0px 32px 64px -12px #10182824;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #75757529;
    --box-shadow-ds-banner: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-container: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 75px 0px #00000026;
    --box-shadow-ds-menu: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-popover: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --outline-color-ds-accordion: #ff3b29;
    --outline-color-ds-button: #ff3b29;
    --outline-color-ds-card-selected: #000;
    --outline-color-ds-favourite-button: #ff3b29;
    --outline-color-ds-input-error-focused: #f5395e;
    --outline-color-ds-input: #000;
    --outline-color-ds-input-error: #f5395e;
    --outline-color-ds-legend-item-dimmed: #9e9e9e;
    --outline-color-ds-menu: #ff3b29;
    --outline-color-ds-notification: #ff3b29;
    --outline-color-ds-popover: #ff3b29;
    --outline-color-ds-segmented-control: #ff3b29;
    --outline-color-ds-selectable-card: #000;
    --outline-color-ds-tabs: #ff3b29;
    --outline-color-ds-table-header-cell: #ff3b29;
    --outline-color-ds-textlink: #ff3b29;
    --outline-color-ds-toggle: #ff3b29;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #0d0d0d;
    --background-color-ds-badge-primary-low: #00000014;
    --background-color-ds-badge-neutral-high: #9e9e9e;
    --background-color-ds-badge-neutral-low: #7575751f;
    --background-color-ds-badge-positive-high: #427b5a;
    --background-color-ds-badge-positive-low: #7dd9a329;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c396213d;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0079b4;
    --background-color-ds-badge-new-low: #00000014;
    --background-color-ds-badge-new-high: #0d0d0d;
    --background-color-ds-banner: #fff;
    --background-color-ds-button-primary-high: #000;
    --background-color-ds-button-primary-high-hover: #0d0d0d;
    --background-color-ds-button-primary-medium: #75757514;
    --background-color-ds-button-primary-medium-hover: #7575751f;
    --background-color-ds-button-primary-medium-active: #7575751f;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #75757514;
    --background-color-ds-button-primary-low-active: #75757514;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #000;
    --background-color-ds-button-neutral-high-hover: #0d0d0d;
    --background-color-ds-button-neutral-medium: #75757514;
    --background-color-ds-button-neutral-medium-hover: #7575751f;
    --background-color-ds-button-neutral-medium-active: #7575751f;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #75757514;
    --background-color-ds-button-neutral-low-active: #75757514;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #64c48c;
    --background-color-ds-button-positive-high-hover: #4c9e6e;
    --background-color-ds-button-positive-medium: #7dd9a329;
    --background-color-ds-button-positive-medium-hover: #7dd9a33d;
    --background-color-ds-button-positive-medium-active: #7dd9a33d;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #7dd9a329;
    --background-color-ds-button-positive-low-active: #7dd9a329;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #d11d45;
    --background-color-ds-button-negative-high-hover: #aa0132;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e3d;
    --background-color-ds-button-negative-medium-active: #f5395e3d;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c396213d;
    --background-color-ds-button-warning-medium-active: #c396213d;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: transparent;
    --background-color-ds-button-brand-high-hover: transparent;
    --background-color-ds-button-brand-medium: #ff655729;
    --background-color-ds-button-brand-medium-hover: #855bfb52;
    --background-color-ds-button-brand-medium-active: #855bfb52;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #ff655729;
    --background-color-ds-button-brand-low-active: #ff655729;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0079b4;
    --background-color-ds-button-info-high-hover: #00adfe;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #fff;
    --background-color-ds-button-inverted-high-hover: #ffffffe0;
    --background-color-ds-button-inverted-medium: #ffffff29;
    --background-color-ds-button-inverted-medium-hover: #ffffff3d;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #ffffff29;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #75757514;
    --background-color-ds-card-disabled: #75757514;
    --background-color-ds-card-selected: #75757514;
    --background-color-ds-card-hover: #7575751f;
    --background-color-ds-card-selected-hover: #7575751f;
    --background-color-ds-card-background: #fff;
    --background-color-ds-card-background-hover: #ffffffb8;
    --background-color-ds-checkbox-unchecked: #75757552;
    --background-color-ds-checkbox-unchecked-hover: #75757566;
    --background-color-ds-checkbox-checked: #000;
    --background-color-ds-checkbox-checked-hover: #0d0d0d;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e14;
    --background-color-ds-circle-primary-low: #7575751f;
    --background-color-ds-circle-neutral-low: #7575751f;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c396213d;
    --background-color-ds-circle-positive-low: #7dd9a329;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #000;
    --background-color-ds-circle-neutral-high: #9e9e9e;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #7dd9a3;
    --background-color-ds-circle-info-high: #0079b4;
    --background-color-ds-container: #fff;
    --background-color-ds-container-glass: #ffffff14;
    --background-color-ds-datepicker: #fff;
    --background-color-ds-datepicker-raised: #fff;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #ff3b29;
    --background-color-ds-datepicker-selected-day-range: #ff655729;
    --background-color-ds-dialog: #fff;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #75757529;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f24e3d;
    --background-color-ds-base-drawer: #fff;
    --background-color-ds-dropdown-button: #75757514;
    --background-color-ds-dropdown-button-hover: #7575751f;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8214;
    --background-color-ds-filteritem-active: #686b821f;
    --background-color-ds-full-screen-dialog: #fff;
    --background-color-ds-input: #75757514;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #f5395e;
    --background-color-ds-input-border-error-focused: #f5395e;
    --background-color-ds-input-border-focused: #000;
    --background-color-ds-input-content-icon: #9e9e9e;
    --background-color-ds-input-content-input-text: #0d0d0d;
    --background-color-ds-input-content-label: #757575;
    --background-color-ds-input-error: #75757514;
    --background-color-ds-input-error-focused: #7575751f;
    --background-color-ds-input-focused: #7575750a;
    --background-color-ds-input-hover: #7575751f;
    --background-color-ds-input-selected: #7575750a;
    --background-color-ds-input-error-label: #f5395e14;
    --background-color-ds-input-background: #fff;
    --background-color-ds-input-background-hover: #fffc;
    --background-color-ds-input-background-selected: #fffc;
    --background-color-ds-inputerror-label: #f5395e14;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #ff655714;
    --background-color-ds-legend-item-dimmed: #9e9e9e;
    --background-color-ds-list-hover: #7575751f;
    --background-color-ds-menu: #fff;
    --background-color-ds-menu-raised: #fff;
    --background-color-ds-menu-hover: #7575750a;
    --background-color-ds-menu-pressed: #686b8214;
    --background-color-ds-menu-active: #75757514;
    --background-color-ds-menu-active-hover: #75757514;
    --background-color-ds-notification-primary: #fff;
    --background-color-ds-notification-neutral: #75757514;
    --background-color-ds-notification-negative: #f5395e14;
    --background-color-ds-notification-warning: #c3962114;
    --background-color-ds-notification-positive: #7dd9a314;
    --background-color-ds-notification-info: #0092d814;
    --background-color-ds-notification-primary-hover: #fffc;
    --background-color-ds-notification-neutral-hover: #75757529;
    --background-color-ds-notification-negative-hover: #f5395e29;
    --background-color-ds-notification-warning-hover: #c3962129;
    --background-color-ds-notification-positive-hover: #7dd9a329;
    --background-color-ds-notification-info-hover: #0092d829;
    --background-color-ds-pagination: #686b8214;
    --background-color-ds-pill: #ff655729;
    --background-color-ds-pill-primary: #ff655729;
    --background-color-ds-pill-neutral: #ff655729;
    --background-color-ds-popover: #fff;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-in-progress: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-info: #0092d829;
    --background-color-ds-progresstracker-warning: #c3962129;
    --background-color-ds-progresstracker-finished: #149e6129;
    --background-color-ds-radio-unchecked: #75757552;
    --background-color-ds-radio-unchecked-hover: #75757566;
    --background-color-ds-radio-checked: #000;
    --background-color-ds-radio-checked-hover: #101114;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #855bfb;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b8266;
    --background-color-ds-scrollbar-thumb-hover: #686b823d;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #fff;
    --background-color-ds-segmented-control-inactive-high: #7575751f;
    --background-color-ds-segmented-control-active-primary: #fff;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #7575751f;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #75757514;
    --background-color-ds-selectable-card-selected: #75757514;
    --background-color-ds-selectable-card-hover: #7575751f;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b821f;
    --background-color-ds-consumerpagination: #ccc;
    --background-color-ds-consumerpagination-active: #757575;
    --background-color-ds-consumerpagination-hover: #9e9e9e;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #7575753d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #757575;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #e5e6ec;
    --background-color-ds-tabs: #7575750a;
    --background-color-ds-tabs-hover: #75757514;
    --background-color-ds-tabs-active: #7575751f;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #fff;
    --background-color-ds-table-cell-sticky: #fff;
    --background-color-ds-table-cell-sticky-container: #fff;
    --background-color-ds-table-cell-sticky-dialog: #fff;
    --background-color-ds-table-cell-sticky-dialog-container: #fff;
    --background-color-ds-table-cell-sticky-container-card: #f7f7f8;
    --background-color-ds-table-cell-sticky-container-card-hover: #f1f1f3;
    --background-color-ds-table-cell-sticky-container-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #f9f9fa;
    --background-color-ds-table-header-cell-resize: #ff3b29;
    --background-color-ds-table-header-cell-sticky: #fff;
    --background-color-ds-table-row-group: #686b820a;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b820a;
    --background-color-ds-table-row-hover: #7575750a;
    --background-color-ds-table-row: #fff;
    --background-color-ds-toggle-handle-on: #fff;
    --background-color-ds-toggle-handle-off: #fff;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #75757552;
    --background-color-ds-tooltip: #ededed;
    --text-color-ds-accordion-primary: #757575;
    --text-color-ds-accordion-disabled: #484b5e;
    --text-color-ds-accordion-hover: #0d0d0d;
    --text-color-ds-badge-primary: #0d0d0d;
    --text-color-ds-badge-neutral: #545454;
    --text-color-ds-badge-positive: #375c47;
    --text-color-ds-badge-negative: #d11d45;
    --text-color-ds-badge-warning: #553c00;
    --text-color-ds-badge-high: #f5f5f5;
    --text-color-ds-asseticon-neutral: #fff;
    --text-color-ds-asseticon-inverted: #000;
    --text-color-ds-badge-high-inverse: #0d0d0d;
    --text-color-ds-badge-info: #006394;
    --text-color-ds-badge-new: #0d0d0d;
    --text-color-ds-brand-brand: #7132f5;
    --text-color-ds-brand-neutral: #000;
    --text-color-ds-brand-inverted: #fff;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #757575;
    --text-color-ds-breadcrumbs-hover: #0d0d0d;
    --text-color-ds-breadcrumbs-selected: #0d0d0d;
    --text-color-ds-button-primary-high: #f5f5f5;
    --text-color-ds-button-primary-medium: #0d0d0d;
    --text-color-ds-button-primary-medium-hover: #0d0d0d;
    --text-color-ds-button-primary-low: #0d0d0d;
    --text-color-ds-button-primary-low-hover: #0d0d0d;
    --text-color-ds-button-primary-none: #0d0d0d;
    --text-color-ds-button-primary-none-hover: #757575;
    --text-color-ds-button-neutral-high: #f5f5f5;
    --text-color-ds-button-neutral-medium: #0d0d0d;
    --text-color-ds-button-neutral-medium-hover: #0d0d0d;
    --text-color-ds-button-neutral-low: #757575;
    --text-color-ds-button-neutral-low-hover: #0d0d0d;
    --text-color-ds-button-neutral-none: #757575;
    --text-color-ds-button-neutral-none-hover: #0d0d0d;
    --text-color-ds-button-positive-high: #f5f5f5;
    --text-color-ds-button-positive-medium: #64c48c;
    --text-color-ds-button-positive-medium-hover: #64c48c;
    --text-color-ds-button-positive-low: #7dd9a3;
    --text-color-ds-button-positive-low-hover: #7dd9a3;
    --text-color-ds-button-positive-none: #7dd9a3;
    --text-color-ds-button-positive-none-hover: #b5f2cb;
    --text-color-ds-button-negative-high: #f5f5f5;
    --text-color-ds-button-negative-medium: #d11d45;
    --text-color-ds-button-negative-medium-hover: #d11d45;
    --text-color-ds-button-negative-low: #e51806;
    --text-color-ds-button-negative-low-hover: #e51806;
    --text-color-ds-button-negative-none: #e51806;
    --text-color-ds-button-negative-none-hover: #ff7386;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #a67c1d;
    --text-color-ds-button-warning-medium-hover: #a67c1d;
    --text-color-ds-button-warning-low: #a67c1d;
    --text-color-ds-button-warning-low-hover: #a67c1d;
    --text-color-ds-button-warning-none: #a67c1d;
    --text-color-ds-button-warning-none-hover: #e8b100;
    --text-color-ds-button-brand-high: #f5f5f5;
    --text-color-ds-button-brand-medium: #0d0d0d;
    --text-color-ds-button-brand-medium-hover: #0d0d0d;
    --text-color-ds-button-brand-low: #0d0d0d;
    --text-color-ds-button-brand-low-hover: #0d0d0d;
    --text-color-ds-button-brand-none: #0d0d0d;
    --text-color-ds-button-brand-none-hover: #0d0d0d;
    --text-color-ds-button-info-high: #f5f5f5;
    --text-color-ds-button-info-medium: #0079b4;
    --text-color-ds-button-info-medium-hover: #0079b4;
    --text-color-ds-button-info-low: #0079b4;
    --text-color-ds-button-info-low-hover: #0079b4;
    --text-color-ds-button-info-none: #0079b4;
    --text-color-ds-button-info-none-hover: #00adfe;
    --text-color-ds-button-inverted-high: #0d0d0d;
    --text-color-ds-button-inverted-medium: #f5f5f5;
    --text-color-ds-button-inverted-medium-hover: #f5f5f5;
    --text-color-ds-button-inverted-low: #f5f5f5;
    --text-color-ds-button-inverted-low-hover: #f5f5f5;
    --text-color-ds-button-inverted-none: #f5f5f5;
    --text-color-ds-button-inverted-none-hover: #f5f5f5;
    --text-color-ds-button-neutral-high-icon: #f5f5f5;
    --text-color-ds-checkbox-primary: #0d0d0d;
    --text-color-ds-checkbox-description: #757575;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #0d0d0d;
    --text-color-ds-checkboxgroup-description: #757575;
    --text-color-ds-checkboxgroup-error: #aa0132;
    --text-color-ds-circle-primary-low: #0d0d0d;
    --text-color-ds-circle-neutral-low: #545454;
    --text-color-ds-circle-positive-low: #4c9e6e;
    --text-color-ds-circle-warning-low: #6f5000;
    --text-color-ds-circle-negative-low: #d11d45;
    --text-color-ds-circle-info-low: #006394;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #000;
    --text-color-ds-circle-border-neutral-high: #9e9e9e;
    --text-color-ds-circle-border-positive-high: #7dd9a3;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0079b4;
    --text-color-ds-datepicker: #1a1b22;
    --text-color-ds-datepicker-weekday: #353746;
    --text-color-ds-datepicker-today: #353746;
    --text-color-ds-datepicker-disabled: #9497a9;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #757575;
    --text-color-ds-dropdown-button-content-placeholder-hover: #0d0d0d;
    --text-color-ds-dropdown-button-content-text: #0d0d0d;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #484b5e;
    --text-color-ds-filteritem-active: #101114;
    --text-color-ds-input: #0d0d0d;
    --text-color-ds-input-icon: #9e9e9e;
    --text-color-ds-input-label: #757575;
    --text-color-ds-input-error-label: #aa0132;
    --text-color-ds-inputerror-label: #aa0132;
    --text-color-ds-label-value: #0000000a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #0d0d0d;
    --text-color-ds-menu: #757575;
    --text-color-ds-menu-active: #ff3b29;
    --text-color-ds-notification-primary: #0d0d0d;
    --text-color-ds-notification-neutral: #757575;
    --text-color-ds-notification-negative: #3c000c;
    --text-color-ds-notification-warning: #3b2a00;
    --text-color-ds-notification-positive: #002d17;
    --text-color-ds-notification-info: #002940;
    --text-color-ds-notification-subtitle-primary: #757575;
    --text-color-ds-notification-subtitle-neutral: #1f1f1f;
    --text-color-ds-notification-subtitle-negative: #5f0018;
    --text-color-ds-notification-subtitle-warning: #553c00;
    --text-color-ds-notification-subtitle-positive: #004224;
    --text-color-ds-notification-subtitle-info: #003c5c;
    --text-color-ds-pill: #ff3b29;
    --text-color-ds-pill-primary: #ff3b29;
    --text-color-ds-pill-neutral: #ff3b29;
    --text-color-ds-radio-primary: #0d0d0d;
    --text-color-ds-radio-disabled: #c6c7d2;
    --text-color-ds-radio-description: #757575;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #101114;
    --text-color-ds-radiogroup-description: #484b5e;
    --text-color-ds-radiogroup-error: #d11d45;
    --text-color-ds-segmented-control-inactive: #757575;
    --text-color-ds-segmented-control-inactive-hover: #0d0d0d;
    --text-color-ds-segmented-control-active-primary: #0d0d0d;
    --text-color-ds-segmented-control-active-positive: #026b3f;
    --text-color-ds-segmented-control-active-negative: #e51806;
    --text-color-ds-segmented-control-active-primary-low: #0d0d0d;
    --text-color-ds-segmented-control-active-positive-low: #026b3f;
    --text-color-ds-segmented-control-active-negative-low: #e51806;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #fff;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #101114;
    --text-color-ds-spinner-neutral: #484b5e;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #08844f;
    --text-color-ds-spinner-negative: #d11d45;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #000;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #fff;
    --text-color-ds-stacked-asset-icons: #101114;
    --text-color-ds-tabs: #757575;
    --text-color-ds-tabs-active: #0d0d0d;
    --text-color-ds-tabs-on-background: #757575;
    --text-color-ds-tabs-on-background-active: #0d0d0d;
    --text-color-ds-text-duo-primary-main: #0d0d0d;
    --text-color-ds-text-duo-primary-duo: #757575;
    --text-color-ds-text-duo-neutral-main: #757575;
    --text-color-ds-text-duo-neutral-duo: #9e9e9e;
    --text-color-ds-text-duo-positive-main: #026b3f;
    --text-color-ds-text-duo-positive-duo: #026b3f;
    --text-color-ds-text-duo-negative-main: #e51806;
    --text-color-ds-text-duo-negative-duo: #e51806;
    --text-color-ds-tooltip-text: #757575;
    --text-color-ds-tooltip-title: #0d0d0d;
    --border-color-ds-asset-conversion-icons-primary: #0d0d0d;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #000;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #ff3b29;
    --border-color-ds-datepicker: #75757514;
    --border-color-ds-base-drawer: #fff;
    --border-color-ds-input-focused: #000;
    --border-color-ds-input-error: #f5395e;
    --border-color-ds-input-error-focused: #f5395e;
    --border-color-ds-legend-item-dimmed: #9e9e9e;
    --border-color-ds-menu: #75757514;
    --border-color-ds-menu-divider: #75757529;
    --border-color-ds-popover: #75757514;
    --border-color-ds-radio-primary-focus: #ff3b29;
    --border-color-ds-selectable-card-selected: #000;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header: #686b821f;
    --border-color-ds-table-header-cell-hover: #ff3b29;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b823d;
    --stroke-ds-dropdown-button-content-icon: #757575;
    --stroke-ds-dropdown-button-content-icon-hover: #0d0d0d;
    --stroke-ds-icon-primary: #0d0d0d;
    --stroke-ds-icon-neutral: #757575;
    --stroke-ds-icon-strong: #1a1b22;
    --stroke-ds-icon-dimmed: #9e9e9e;
    --stroke-ds-icon-positive: #026b3f;
    --stroke-ds-icon-warning: #c39621;
    --stroke-ds-icon-negative: #e51806;
    --stroke-ds-icon-info: #0079b4;
    --stroke-ds-icon-brand: #ff3b29;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #75757514;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #7575751f;
    --ring-color-ds-circle-neutral-low: #7575751f;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c396213d;
    --ring-color-ds-circle-positive-low: #7dd9a329;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #000;
    --ring-color-ds-circle-neutral-high: #9e9e9e;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #7dd9a3;
    --ring-color-ds-circle-info-high: #0079b4;
    --fill-ds-brand-brand: #7132f5;
    --fill-ds-brand-neutral: #000;
    --fill-ds-brand-inverted: #fff;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #0d0d0d;
    --fill-ds-icon-neutral: #757575;
    --fill-ds-icon-strong: #1a1b22;
    --fill-ds-icon-dimmed: #9e9e9e;
    --fill-ds-icon-positive: #026b3f;
    --fill-ds-icon-warning: #c39621;
    --fill-ds-icon-negative: #e51806;
    --fill-ds-icon-info: #0079b4;
    --fill-ds-icon-brand: #ff3b29;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #fff;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: linear-gradient(180deg, #ff6557 0%, #ff3b29 87%);
    --background-image-ds-button-brand-high-gradient-hover: linear-gradient(180deg, #ff6557 0%, #ff3b29 87%);
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #fff, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #fff;
    --placeholder-color-ds-input: #757575;
    --caret-color-ds-input: inherit;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #ff3b29;
    --opacity-ds-table-cell-dimmed: .4;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8252
}

.payward-dark-theme {
    --colors-ds-semantic-action-primary-background: #ff3b29;
    --colors-ds-semantic-action-primary-background-hover: #ff6557;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8229;
    --colors-ds-semantic-action-secondary-background-hover: #686b8252;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #c6c7d2;
    --colors-ds-semantic-border-default: #686b8252;
    --colors-ds-semantic-border-negative: #ff7386;
    --colors-ds-semantic-border-positive: #35df8d;
    --colors-ds-semantic-border-strong: #9497a9;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #ff3b29;
    --colors-ds-semantic-content-dimmed: #757575;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #00adfe;
    --colors-ds-semantic-content-inverse: #0d0d0d;
    --colors-ds-semantic-content-negative: #ff6557;
    --colors-ds-semantic-content-neutral: #9e9e9e;
    --colors-ds-semantic-content-positive: #35df8d;
    --colors-ds-semantic-content-primary: #f5f5f5;
    --colors-ds-semantic-content-warning: #ffcd60;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #ff3b29);
    --colors-ds-semantic-focus-ring-inverse: #101114;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #d4cbff;
    --colors-ds-semantic-status-brand-content-strong: #f1efff;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #ff8a80;
    --colors-ds-semantic-status-brand-solid: #ff3b29;
    --colors-ds-semantic-status-brand-subtle: #ff655729;
    --colors-ds-semantic-status-info-content: #c7e1ff;
    --colors-ds-semantic-status-info-content-strong: #e7f2ff;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #00adfe;
    --colors-ds-semantic-status-info-solid: #0092d8;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #ffbdc3;
    --colors-ds-semantic-status-negative-content-strong: #ffd6da;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #ff7386;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #c6c7d2;
    --colors-ds-semantic-status-neutral-content-strong: #f7f7fa;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #9497a9;
    --colors-ds-semantic-status-neutral-solid: #686b82;
    --colors-ds-semantic-status-neutral-subtle: #686b8229;
    --colors-ds-semantic-status-positive-content: #44fc9e;
    --colors-ds-semantic-status-positive-content-strong: #c6feda;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #35df8d;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #ffe5b1;
    --colors-ds-semantic-status-warning-content-strong: #fffaf0;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #ffcd60;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c3962129;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #686b823d;
    --colors-ds-semantic-surface-overlay: #262626;
    --colors-ds-semantic-surface-page: #0d0d0d;
    --colors-ds-semantic-surface-raised: #1f1f1f;
    --colors-ds-semantic-surface-selected: #ff65570a;
    --colors-ds-semantic-surface-sunken: #7575751f;
    --colors-ds-primary: #f5f5f5;
    --colors-ds-neutral: #9e9e9e;
    --colors-ds-dimmed: #757575;
    --colors-ds-positive: #35df8d;
    --colors-ds-negative: #ff6557;
    --colors-ds-warning: #ffcd60;
    --colors-ds-brand: #ff3b29;
    --colors-ds-info: #00adfe;
    --colors-ds-inverted: #0d0d0d;
    --colors-ds-disabled: #484b5e;
    --colors-ds-strong: #fff;
    --colors-ds-subtle: #484b5e;
    --colors-ds-divider: #75757552;
    --colors-ds-textlink-hover-primary: #9e9e9e;
    --colors-ds-textlink-hover-brand: #fbb3ad;
    --colors-ds-textlink-hover-neutral: #f5f5f5;
    --colors-ds-textlink-hover-positive: #149e61;
    --colors-ds-textlink-hover-negative: #f5395e;
    --colors-ds-textlink-hover-warning: #c39621;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #00000026;
    --box-shadow-ds-2: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-3: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-4: 0px 12px 16px -4px #00000026;
    --box-shadow-ds-5: 0px 20px 24px -4px #00000026;
    --box-shadow-ds-6: 0px 24px 48px -12px #0000004d;
    --box-shadow-ds-7: 0px 32px 64px -12px #0000004d;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #75757552;
    --box-shadow-ds-banner: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-container: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #00000026, 0px 4px 8px -2px #00000026;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 150px 0px #000;
    --box-shadow-ds-menu: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --box-shadow-ds-popover: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #00000026;
    --outline-color-ds-accordion: #ff3b29;
    --outline-color-ds-button: #ff3b29;
    --outline-color-ds-card-selected: #fff;
    --outline-color-ds-favourite-button: #ff3b29;
    --outline-color-ds-input-error-focused: #d11d45;
    --outline-color-ds-input: #fff;
    --outline-color-ds-input-error: #d11d45;
    --outline-color-ds-legend-item-dimmed: #757575;
    --outline-color-ds-menu: #ff3b29;
    --outline-color-ds-notification: #ff3b29;
    --outline-color-ds-popover: #ff3b29;
    --outline-color-ds-segmented-control: #ff3b29;
    --outline-color-ds-selectable-card: #fff;
    --outline-color-ds-tabs: #ff3b29;
    --outline-color-ds-table-header-cell: #ff3b29;
    --outline-color-ds-textlink: #ff3b29;
    --outline-color-ds-toggle: #ff3b29;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #f5f5f5;
    --background-color-ds-badge-primary-low: #ffffff29;
    --background-color-ds-badge-neutral-high: #757575;
    --background-color-ds-badge-neutral-low: #75757529;
    --background-color-ds-badge-positive-high: #427b5a;
    --background-color-ds-badge-positive-low: #7dd9a329;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c3962129;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0092d8;
    --background-color-ds-badge-new-low: #ffffff29;
    --background-color-ds-badge-new-high: #f5f5f5;
    --background-color-ds-banner: #1a1b22;
    --background-color-ds-button-primary-high: #f7f7fa;
    --background-color-ds-button-primary-high-hover: #fff;
    --background-color-ds-button-primary-medium: #75757529;
    --background-color-ds-button-primary-medium-hover: #75757552;
    --background-color-ds-button-primary-medium-active: #75757552;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #75757529;
    --background-color-ds-button-primary-low-active: #75757529;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #f5f5f5;
    --background-color-ds-button-neutral-high-hover: #fff;
    --background-color-ds-button-neutral-medium: #75757529;
    --background-color-ds-button-neutral-medium-hover: #75757552;
    --background-color-ds-button-neutral-medium-active: #75757552;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #75757529;
    --background-color-ds-button-neutral-low-active: #75757529;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #b5f2cb;
    --background-color-ds-button-positive-high-hover: #d1fadf;
    --background-color-ds-button-positive-medium: #7dd9a329;
    --background-color-ds-button-positive-medium-hover: #7dd9a352;
    --background-color-ds-button-positive-medium-active: #7dd9a352;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #7dd9a329;
    --background-color-ds-button-positive-low-active: #7dd9a329;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #f5395e;
    --background-color-ds-button-negative-high-hover: #ff7386;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e52;
    --background-color-ds-button-negative-medium-active: #f5395e52;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c3962152;
    --background-color-ds-button-warning-medium-active: #c3962152;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #ff3b29;
    --background-color-ds-button-brand-high-hover: #ff6557;
    --background-color-ds-button-brand-medium: #ff655729;
    --background-color-ds-button-brand-medium-hover: #855bfb52;
    --background-color-ds-button-brand-medium-active: #855bfb52;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #ff655729;
    --background-color-ds-button-brand-low-active: #ff655729;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0092d8;
    --background-color-ds-button-info-high-hover: #90c9ff;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #000;
    --background-color-ds-button-inverted-high-hover: #0000008f;
    --background-color-ds-button-inverted-medium: #00000014;
    --background-color-ds-button-inverted-medium-hover: #00000029;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #00000014;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #7575751f;
    --background-color-ds-card-disabled: #75757514;
    --background-color-ds-card-selected: #7575751f;
    --background-color-ds-card-hover: #7575753d;
    --background-color-ds-card-selected-hover: #7575753d;
    --background-color-ds-card-background: #7575751f;
    --background-color-ds-card-background-hover: #7575753d;
    --background-color-ds-checkbox-unchecked: #75757552;
    --background-color-ds-checkbox-unchecked-hover: #75757566;
    --background-color-ds-checkbox-checked: #fff;
    --background-color-ds-checkbox-checked-hover: #f5f5f5;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e29;
    --background-color-ds-circle-primary-low: #75757529;
    --background-color-ds-circle-neutral-low: #75757529;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c3962129;
    --background-color-ds-circle-positive-low: #7dd9a329;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #fff;
    --background-color-ds-circle-neutral-high: #757575;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #7dd9a3;
    --background-color-ds-circle-info-high: #0092d8;
    --background-color-ds-container: #1f1f1f;
    --background-color-ds-container-glass: #ffffff14;
    --background-color-ds-datepicker: #1f1f1f;
    --background-color-ds-datepicker-raised: #272532;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #ff3b29;
    --background-color-ds-datepicker-selected-day-range: #ff655729;
    --background-color-ds-dialog: #262626;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #75757552;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f24e3d;
    --background-color-ds-base-drawer: #1f1f1f;
    --background-color-ds-dropdown-button: #75757529;
    --background-color-ds-dropdown-button-hover: #75757552;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8229;
    --background-color-ds-filteritem-active: #686b8252;
    --background-color-ds-full-screen-dialog: #0d0d0d;
    --background-color-ds-input: #75757529;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #d11d45;
    --background-color-ds-input-border-error-focused: #d11d45;
    --background-color-ds-input-border-focused: #fff;
    --background-color-ds-input-content-icon: #757575;
    --background-color-ds-input-content-input-text: #f5f5f5;
    --background-color-ds-input-content-label: #9e9e9e;
    --background-color-ds-input-error: #75757529;
    --background-color-ds-input-error-focused: #75757514;
    --background-color-ds-input-focused: #75757514;
    --background-color-ds-input-hover: #75757514;
    --background-color-ds-input-selected: #75757514;
    --background-color-ds-input-error-label: #f5395e29;
    --background-color-ds-input-background: #75757529;
    --background-color-ds-input-background-hover: #7575751f;
    --background-color-ds-input-background-selected: #7575751f;
    --background-color-ds-inputerror-label: #f5395e29;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #ff655714;
    --background-color-ds-legend-item-dimmed: #757575;
    --background-color-ds-list-hover: #7575753d;
    --background-color-ds-menu: #262626;
    --background-color-ds-menu-raised: #272532;
    --background-color-ds-menu-hover: #75757514;
    --background-color-ds-menu-pressed: #855bfb1f;
    --background-color-ds-menu-active: #75757529;
    --background-color-ds-menu-active-hover: #7575751f;
    --background-color-ds-notification-primary: #1f1f1f;
    --background-color-ds-notification-neutral: #75757529;
    --background-color-ds-notification-negative: #f5395e29;
    --background-color-ds-notification-warning: #c3962129;
    --background-color-ds-notification-positive: #7dd9a329;
    --background-color-ds-notification-info: #0092d829;
    --background-color-ds-notification-primary-hover: #1f1f1eb8;
    --background-color-ds-notification-neutral-hover: #7575753d;
    --background-color-ds-notification-negative-hover: #f5395e3d;
    --background-color-ds-notification-warning-hover: #c396213d;
    --background-color-ds-notification-positive-hover: #7dd9a33d;
    --background-color-ds-notification-info-hover: #0092d83d;
    --background-color-ds-pagination: #686b821f;
    --background-color-ds-pill: #ff655729;
    --background-color-ds-pill-primary: #ff655729;
    --background-color-ds-pill-neutral: #ff655729;
    --background-color-ds-popover: #262626;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-primary: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-finished: #08844f;
    --background-color-ds-radio-unchecked: #75757552;
    --background-color-ds-radio-unchecked-hover: #75757566;
    --background-color-ds-radio-checked: #fff;
    --background-color-ds-radio-checked-hover: #f7f7fa;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #7132f5;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b82a3;
    --background-color-ds-scrollbar-thumb-hover: #686b827a;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #1f1f1f;
    --background-color-ds-segmented-control-inactive-high: #7575751f;
    --background-color-ds-segmented-control-active-primary: #7575753d;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #7575753d;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #7575751f;
    --background-color-ds-selectable-card-selected: #7575751f;
    --background-color-ds-selectable-card-hover: #7575753d;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b823d;
    --background-color-ds-consumerpagination: #ffffff3d;
    --background-color-ds-consumerpagination-active: #fffffff5;
    --background-color-ds-consumerpagination-hover: #fff6;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #7575753d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #757575;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #353746;
    --background-color-ds-tabs: #7575751f;
    --background-color-ds-tabs-hover: #75757529;
    --background-color-ds-tabs-active: #7575753d;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #7575753d;
    --background-color-ds-table-cell-sticky: #16121f;
    --background-color-ds-table-cell-sticky-container: #1f1f1f;
    --background-color-ds-table-cell-sticky-dialog: #1f1b27;
    --background-color-ds-table-cell-sticky-dialog-container: #16121f;
    --background-color-ds-table-cell-sticky-container-card: #21202c;
    --background-color-ds-table-cell-sticky-container-card-hover: #22202e;
    --background-color-ds-table-cell-sticky-container-hover: #191523;
    --background-color-ds-table-cell-sticky-dialog-hover: #221e2b;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #1a1826;
    --background-color-ds-table-header-cell-resize: #ff3b29;
    --background-color-ds-table-header-cell-sticky: #16121f;
    --background-color-ds-table-row-group: #686b8214;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b8214;
    --background-color-ds-table-row-hover: #7575750a;
    --background-color-ds-table-row: #16121f;
    --background-color-ds-toggle-handle-on: #ededed;
    --background-color-ds-toggle-handle-off: #9e9e9e;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #75757552;
    --background-color-ds-tooltip: #262626;
    --text-color-ds-accordion-primary: #9e9e9e;
    --text-color-ds-accordion-disabled: #9497a9;
    --text-color-ds-accordion-hover: #f5f5f5;
    --text-color-ds-badge-primary: #fff;
    --text-color-ds-badge-neutral: #9e9e9e;
    --text-color-ds-badge-positive: #b5f2cb;
    --text-color-ds-badge-negative: #ff7386;
    --text-color-ds-badge-warning: #ffcd60;
    --text-color-ds-badge-high: #101114;
    --text-color-ds-asseticon-neutral: #000;
    --text-color-ds-asseticon-inverted: #fff;
    --text-color-ds-badge-high-inverse: #0d0d0d;
    --text-color-ds-badge-info: #00adfe;
    --text-color-ds-badge-new: #fff;
    --text-color-ds-brand-brand: #855bfb;
    --text-color-ds-brand-neutral: #fff;
    --text-color-ds-brand-inverted: #000;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #9e9e9e;
    --text-color-ds-breadcrumbs-hover: #f5f5f5;
    --text-color-ds-breadcrumbs-selected: #f5f5f5;
    --text-color-ds-button-primary-high: #101114;
    --text-color-ds-button-primary-medium: #fff;
    --text-color-ds-button-primary-medium-hover: #fff;
    --text-color-ds-button-primary-low: #f5f5f5;
    --text-color-ds-button-primary-low-hover: #f5f5f5;
    --text-color-ds-button-primary-none: #f5f5f5;
    --text-color-ds-button-primary-none-hover: #9e9e9e;
    --text-color-ds-button-neutral-high: #0d0d0d;
    --text-color-ds-button-neutral-medium: #f5f5f5;
    --text-color-ds-button-neutral-medium-hover: #f5f5f5;
    --text-color-ds-button-neutral-low: #9e9e9e;
    --text-color-ds-button-neutral-low-hover: #f5f5f5;
    --text-color-ds-button-neutral-none: #9e9e9e;
    --text-color-ds-button-neutral-none-hover: #f5f5f5;
    --text-color-ds-button-positive-high: #002d17;
    --text-color-ds-button-positive-medium: #b5f2cb;
    --text-color-ds-button-positive-medium-hover: #b5f2cb;
    --text-color-ds-button-positive-low: #b5f2cb;
    --text-color-ds-button-positive-low-hover: #b5f2cb;
    --text-color-ds-button-positive-none: #b5f2cb;
    --text-color-ds-button-positive-none-hover: #9ae5b4;
    --text-color-ds-button-negative-high: #3c000c;
    --text-color-ds-button-negative-medium: #ff9fa9;
    --text-color-ds-button-negative-medium-hover: #ff9fa9;
    --text-color-ds-button-negative-low: #ff6557;
    --text-color-ds-button-negative-low-hover: #ff6557;
    --text-color-ds-button-negative-none: #ff6557;
    --text-color-ds-button-negative-none-hover: #f5395e;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #ffcd60;
    --text-color-ds-button-warning-medium-hover: #ffcd60;
    --text-color-ds-button-warning-low: #e8b100;
    --text-color-ds-button-warning-low-hover: #e8b100;
    --text-color-ds-button-warning-none: #e8b100;
    --text-color-ds-button-warning-none-hover: #c39621;
    --text-color-ds-button-brand-high: #f5f5f5;
    --text-color-ds-button-brand-medium: #f5f5f5;
    --text-color-ds-button-brand-medium-hover: #f5f5f5;
    --text-color-ds-button-brand-low: #f5f5f5;
    --text-color-ds-button-brand-low-hover: #fff;
    --text-color-ds-button-brand-none: #f5f5f5;
    --text-color-ds-button-brand-none-hover: #fff;
    --text-color-ds-button-info-high: #002940;
    --text-color-ds-button-info-medium: #90c9ff;
    --text-color-ds-button-info-medium-hover: #90c9ff;
    --text-color-ds-button-info-low: #0092d8;
    --text-color-ds-button-info-low-hover: #0092d8;
    --text-color-ds-button-info-none: #0092d8;
    --text-color-ds-button-info-none-hover: #0079b4;
    --text-color-ds-button-inverted-high: #f5f5f5;
    --text-color-ds-button-inverted-medium: #0d0d0d;
    --text-color-ds-button-inverted-medium-hover: #0d0d0d;
    --text-color-ds-button-inverted-low: #0d0d0d;
    --text-color-ds-button-inverted-low-hover: #0d0d0d;
    --text-color-ds-button-inverted-none: #0d0d0d;
    --text-color-ds-button-inverted-none-hover: #0d0d0d;
    --text-color-ds-button-neutral-high-icon: #0d0d0d;
    --text-color-ds-checkbox-primary: #f5f5f5;
    --text-color-ds-checkbox-description: #9e9e9e;
    --text-color-ds-checkbox-check-mark: #000;
    --text-color-ds-checkboxgroup-primary: #f5f5f5;
    --text-color-ds-checkboxgroup-description: #9e9e9e;
    --text-color-ds-checkboxgroup-error: #ff7386;
    --text-color-ds-circle-primary-low: #fff;
    --text-color-ds-circle-neutral-low: #9e9e9e;
    --text-color-ds-circle-positive-low: #b5f2cb;
    --text-color-ds-circle-warning-low: #ffcd60;
    --text-color-ds-circle-negative-low: #ff7386;
    --text-color-ds-circle-info-low: #00adfe;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #fff;
    --text-color-ds-circle-border-neutral-high: #757575;
    --text-color-ds-circle-border-positive-high: #7dd9a3;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0092d8;
    --text-color-ds-datepicker: #eeeff3;
    --text-color-ds-datepicker-weekday: #9497a9;
    --text-color-ds-datepicker-today: #9497a9;
    --text-color-ds-datepicker-disabled: #686b82;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #9e9e9e;
    --text-color-ds-dropdown-button-content-placeholder-hover: #f5f5f5;
    --text-color-ds-dropdown-button-content-text: #f5f5f5;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #9497a9;
    --text-color-ds-filteritem-active: #f7f7fa;
    --text-color-ds-input: #f5f5f5;
    --text-color-ds-input-icon: #757575;
    --text-color-ds-input-label: #9e9e9e;
    --text-color-ds-input-error-label: #ff7386;
    --text-color-ds-inputerror-label: #ff7386;
    --text-color-ds-label-value: #ffffff0a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #f5f5f5;
    --text-color-ds-menu: #f5f5f5;
    --text-color-ds-menu-active: #ff3b29;
    --text-color-ds-notification-primary: #f5f5f5;
    --text-color-ds-notification-neutral: #f7f7fa;
    --text-color-ds-notification-negative: #ffd6da;
    --text-color-ds-notification-warning: #fffaf0;
    --text-color-ds-notification-positive: #f0fef5;
    --text-color-ds-notification-info: #e7f2ff;
    --text-color-ds-notification-subtitle-primary: #9e9e9e;
    --text-color-ds-notification-subtitle-neutral: #ccc;
    --text-color-ds-notification-subtitle-negative: #ffbdc3;
    --text-color-ds-notification-subtitle-warning: #ffe5b1;
    --text-color-ds-notification-subtitle-positive: #d1fadf;
    --text-color-ds-notification-subtitle-info: #c7e1ff;
    --text-color-ds-pill: #ff3b29;
    --text-color-ds-pill-primary: #ff3b29;
    --text-color-ds-pill-neutral: #ff3b29;
    --text-color-ds-radio-primary: #f5f5f5;
    --text-color-ds-radio-disabled: #484b5e;
    --text-color-ds-radio-description: #9e9e9e;
    --text-color-ds-radio-check-mark: #000;
    --text-color-ds-radiogroup-primary: #f7f7fa;
    --text-color-ds-radiogroup-description: #9497a9;
    --text-color-ds-radiogroup-error: #ff7386;
    --text-color-ds-segmented-control-inactive: #9e9e9e;
    --text-color-ds-segmented-control-inactive-hover: #f5f5f5;
    --text-color-ds-segmented-control-active-primary: #f5f5f5;
    --text-color-ds-segmented-control-active-positive: #35df8d;
    --text-color-ds-segmented-control-active-negative: #ff6557;
    --text-color-ds-segmented-control-active-primary-low: #f5f5f5;
    --text-color-ds-segmented-control-active-positive-low: #35df8d;
    --text-color-ds-segmented-control-active-negative-low: #ff6557;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #7575753d;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #f7f7fa;
    --text-color-ds-spinner-neutral: #9497a9;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #35df8d;
    --text-color-ds-spinner-negative: #ff7386;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #fff;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #000;
    --text-color-ds-stacked-asset-icons: #f7f7fa;
    --text-color-ds-tabs: #9e9e9e;
    --text-color-ds-tabs-active: #f5f5f5;
    --text-color-ds-tabs-on-background: #9e9e9e;
    --text-color-ds-tabs-on-background-active: #f5f5f5;
    --text-color-ds-text-duo-primary-main: #f5f5f5;
    --text-color-ds-text-duo-primary-duo: #9e9e9e;
    --text-color-ds-text-duo-neutral-main: #9e9e9e;
    --text-color-ds-text-duo-neutral-duo: #757575;
    --text-color-ds-text-duo-positive-main: #35df8d;
    --text-color-ds-text-duo-positive-duo: #35df8d;
    --text-color-ds-text-duo-negative-main: #ff6557;
    --text-color-ds-text-duo-negative-duo: #ff6557;
    --text-color-ds-tooltip-text: #9e9e9e;
    --text-color-ds-tooltip-title: #f5f5f5;
    --border-color-ds-asset-conversion-icons-primary: #f5f5f5;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #fff;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #ff3b29;
    --border-color-ds-datepicker: #fff0;
    --border-color-ds-base-drawer: #ffffff14;
    --border-color-ds-input-focused: #fff;
    --border-color-ds-input-error: #d11d45;
    --border-color-ds-input-error-focused: #d11d45;
    --border-color-ds-legend-item-dimmed: #757575;
    --border-color-ds-menu: #fff0;
    --border-color-ds-menu-divider: #75757552;
    --border-color-ds-popover: #fff0;
    --border-color-ds-radio-primary-focus: #ff3b29;
    --border-color-ds-selectable-card-selected: #fff;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header-cell-hover: #ff3b29;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b8229;
    --stroke-ds-dropdown-button-content-icon: #9e9e9e;
    --stroke-ds-dropdown-button-content-icon-hover: #f5f5f5;
    --stroke-ds-icon-primary: #fff;
    --stroke-ds-icon-neutral: #9e9e9e;
    --stroke-ds-icon-strong: #fff;
    --stroke-ds-icon-dimmed: #757575;
    --stroke-ds-icon-positive: #35df8d;
    --stroke-ds-icon-warning: #ffcd60;
    --stroke-ds-icon-negative: #ff6557;
    --stroke-ds-icon-info: #00adfe;
    --stroke-ds-icon-brand: #ff3b29;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #fff0;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #75757529;
    --ring-color-ds-circle-neutral-low: #75757529;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c3962129;
    --ring-color-ds-circle-positive-low: #7dd9a329;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #fff;
    --ring-color-ds-circle-neutral-high: #757575;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #7dd9a3;
    --ring-color-ds-circle-info-high: #0092d8;
    --fill-ds-brand-brand: #855bfb;
    --fill-ds-brand-neutral: #fff;
    --fill-ds-brand-inverted: #000;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #fff;
    --fill-ds-icon-neutral: #9e9e9e;
    --fill-ds-icon-strong: #fff;
    --fill-ds-icon-dimmed: #757575;
    --fill-ds-icon-positive: #35df8d;
    --fill-ds-icon-warning: #ffcd60;
    --fill-ds-icon-negative: #ff6557;
    --fill-ds-icon-info: #00adfe;
    --fill-ds-icon-brand: #ff3b29;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #262626;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #262626, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #262626;
    --placeholder-color-ds-input: #9e9e9e;
    --caret-color-ds-input: #fff;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #ff3b29;
    --opacity-ds-table-cell-dimmed: .5;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8266
}

.payward-light-theme {
    --colors-ds-semantic-action-primary-background: #7132f5;
    --colors-ds-semantic-action-primary-background-hover: #5b1ecf;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8214;
    --colors-ds-semantic-action-secondary-background-hover: #686b821f;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #484b5e;
    --colors-ds-semantic-border-default: #686b8229;
    --colors-ds-semantic-border-negative: #d11d45;
    --colors-ds-semantic-border-positive: #08844f;
    --colors-ds-semantic-border-strong: #686b82;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #7132f5;
    --colors-ds-semantic-content-dimmed: #9497a9;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #0079b4;
    --colors-ds-semantic-content-inverse: #f1efff;
    --colors-ds-semantic-content-negative: #d11d45;
    --colors-ds-semantic-content-neutral: #686b82;
    --colors-ds-semantic-content-positive: #149e61;
    --colors-ds-semantic-content-primary: #101114;
    --colors-ds-semantic-content-warning: #c39621;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #7132f5);
    --colors-ds-semantic-focus-ring-inverse: #fff;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #37187d;
    --colors-ds-semantic-status-brand-content-strong: #2b1463;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #7132f5;
    --colors-ds-semantic-status-brand-solid: #7132f5;
    --colors-ds-semantic-status-brand-subtle: #855bfb29;
    --colors-ds-semantic-status-info-content: #003c5c;
    --colors-ds-semantic-status-info-content-strong: #002940;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #006394;
    --colors-ds-semantic-status-info-solid: #0079b4;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #5f0018;
    --colors-ds-semantic-status-negative-content-strong: #3c000c;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #d11d45;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #1a1b22;
    --colors-ds-semantic-status-neutral-content-strong: #101114;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #484b5e;
    --colors-ds-semantic-status-neutral-solid: #9497a9;
    --colors-ds-semantic-status-neutral-subtle: #686b821f;
    --colors-ds-semantic-status-positive-content: #004224;
    --colors-ds-semantic-status-positive-content-strong: #002d17;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #026b3f;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #553c00;
    --colors-ds-semantic-status-warning-content-strong: #3b2a00;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #553c00;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c396213d;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #686b821f;
    --colors-ds-semantic-surface-overlay: #fff;
    --colors-ds-semantic-surface-page: #f6f5f9;
    --colors-ds-semantic-surface-raised: #fff;
    --colors-ds-semantic-surface-selected: #855bfb14;
    --colors-ds-semantic-surface-sunken: #9497a914;
    --colors-ds-primary: #101114;
    --colors-ds-neutral: #686b82;
    --colors-ds-dimmed: #9497a9;
    --colors-ds-positive: #149e61;
    --colors-ds-negative: #d11d45;
    --colors-ds-warning: #c39621;
    --colors-ds-brand: #7132f5;
    --colors-ds-info: #0079b4;
    --colors-ds-inverted: #f1efff;
    --colors-ds-disabled: #c6c7d2;
    --colors-ds-strong: #1a1b22;
    --colors-ds-subtle: #c6c7d2;
    --colors-ds-divider: #686b823d;
    --colors-ds-textlink-hover-primary: #686b82;
    --colors-ds-textlink-hover-brand: #471ca0;
    --colors-ds-textlink-hover-neutral: #101114;
    --colors-ds-textlink-hover-positive: #005531;
    --colors-ds-textlink-hover-negative: #840125;
    --colors-ds-textlink-hover-warning: #89640c;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #1018280a;
    --box-shadow-ds-2: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-3: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-4: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-5: 0px 20px 24px -4px #1018280f;
    --box-shadow-ds-6: 0px 24px 48px -12px #1018282e;
    --box-shadow-ds-7: 0px 32px 64px -12px #10182824;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #686b823d;
    --box-shadow-ds-banner: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-container: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 75px 0px #00000026;
    --box-shadow-ds-menu: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-popover: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --outline-color-ds-accordion: #7132f5;
    --outline-color-ds-button: #7132f5;
    --outline-color-ds-card-selected: #7132f5;
    --outline-color-ds-favourite-button: #7132f5;
    --outline-color-ds-input-error-focused: #f5395e;
    --outline-color-ds-input: #7132f5;
    --outline-color-ds-input-error: #f5395e;
    --outline-color-ds-legend-item-dimmed: #9497a9;
    --outline-color-ds-menu: #7132f5;
    --outline-color-ds-notification: #7132f5;
    --outline-color-ds-popover: #7132f5;
    --outline-color-ds-segmented-control: #7132f5;
    --outline-color-ds-selectable-card: #7132f5;
    --outline-color-ds-tabs: #7132f5;
    --outline-color-ds-table-header-cell: #7132f5;
    --outline-color-ds-textlink: #7132f5;
    --outline-color-ds-toggle: #7132f5;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #7132f5;
    --background-color-ds-badge-primary-low: #855bfb29;
    --background-color-ds-badge-neutral-high: #9497a9;
    --background-color-ds-badge-neutral-low: #686b821f;
    --background-color-ds-badge-positive-high: #149e61;
    --background-color-ds-badge-positive-low: #149e6129;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c396213d;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0079b4;
    --background-color-ds-badge-new-low: #855bfb29;
    --background-color-ds-badge-new-high: #7132f5;
    --background-color-ds-banner: #fff;
    --background-color-ds-button-primary-high: #101114;
    --background-color-ds-button-primary-high-hover: #22232d;
    --background-color-ds-button-primary-medium: #fff;
    --background-color-ds-button-primary-medium-hover: #fff;
    --background-color-ds-button-primary-medium-active: #fff;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #686b8214;
    --background-color-ds-button-primary-low-active: #686b8214;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #fff;
    --background-color-ds-button-neutral-high-hover: #f7f7fa;
    --background-color-ds-button-neutral-medium: #e5e6ec;
    --background-color-ds-button-neutral-medium-hover: #dedee5;
    --background-color-ds-button-neutral-medium-active: #dedee5;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #686b8214;
    --background-color-ds-button-neutral-low-active: #686b8214;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #08844f;
    --background-color-ds-button-positive-high-hover: #026b3f;
    --background-color-ds-button-positive-medium: #149e6129;
    --background-color-ds-button-positive-medium-hover: #149e613d;
    --background-color-ds-button-positive-medium-active: #149e613d;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #149e6129;
    --background-color-ds-button-positive-low-active: #149e6129;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #d11d45;
    --background-color-ds-button-negative-high-hover: #aa0132;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e3d;
    --background-color-ds-button-negative-medium-active: #f5395e3d;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c396213d;
    --background-color-ds-button-warning-medium-active: #c396213d;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #7132f5;
    --background-color-ds-button-brand-high-hover: #5b1ecf;
    --background-color-ds-button-brand-medium: #855bfb29;
    --background-color-ds-button-brand-medium-hover: #855bfb52;
    --background-color-ds-button-brand-medium-active: #855bfb52;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #855bfb29;
    --background-color-ds-button-brand-low-active: #855bfb29;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0079b4;
    --background-color-ds-button-info-high-hover: #00adfe;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #fff;
    --background-color-ds-button-inverted-high-hover: #ffffffe0;
    --background-color-ds-button-inverted-medium: #ffffff29;
    --background-color-ds-button-inverted-medium-hover: #ffffff3d;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #ffffff29;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #9497a914;
    --background-color-ds-card-disabled: #686b8214;
    --background-color-ds-card-selected: #855bfb14;
    --background-color-ds-card-hover: #9497a91f;
    --background-color-ds-card-selected-hover: #686b821f;
    --background-color-ds-card-background: #fff;
    --background-color-ds-card-background-hover: #ffffffb8;
    --background-color-ds-checkbox-unchecked: #686b8252;
    --background-color-ds-checkbox-unchecked-hover: #686b8266;
    --background-color-ds-checkbox-checked: #7132f5;
    --background-color-ds-checkbox-checked-hover: #5b1ecf;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e14;
    --background-color-ds-circle-primary-low: #855bfb29;
    --background-color-ds-circle-neutral-low: #686b821f;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c396213d;
    --background-color-ds-circle-positive-low: #149e6129;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #7132f5;
    --background-color-ds-circle-neutral-high: #9497a9;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #149e61;
    --background-color-ds-circle-info-high: #0079b4;
    --background-color-ds-container: #fff;
    --background-color-ds-container-glass: #ffffff14;
    --background-color-ds-datepicker: #fff;
    --background-color-ds-datepicker-raised: #fff;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #7132f5;
    --background-color-ds-datepicker-selected-day-range: #855bfb29;
    --background-color-ds-dialog: #fff;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #686b823d;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: #fff;
    --background-color-ds-dropdown-button: #686b8214;
    --background-color-ds-dropdown-button-hover: #686b821f;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8214;
    --background-color-ds-filteritem-active: #686b821f;
    --background-color-ds-full-screen-dialog: #fff;
    --background-color-ds-input: #686b8214;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #f5395e;
    --background-color-ds-input-border-error-focused: #f5395e;
    --background-color-ds-input-border-focused: #7132f5;
    --background-color-ds-input-content-icon: #9497a9;
    --background-color-ds-input-content-input-text: #101114;
    --background-color-ds-input-content-label: #686b82;
    --background-color-ds-input-error: #686b8214;
    --background-color-ds-input-error-focused: #686b821f;
    --background-color-ds-input-focused: #686b820a;
    --background-color-ds-input-hover: #686b821f;
    --background-color-ds-input-selected: #686b820a;
    --background-color-ds-input-error-label: #f5395e14;
    --background-color-ds-input-background: #fff;
    --background-color-ds-input-background-hover: #fffc;
    --background-color-ds-input-background-selected: #fffc;
    --background-color-ds-inputerror-label: #f5395e14;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #eeeff3;
    --background-color-ds-legend-item-dimmed: #9497a9;
    --background-color-ds-list-hover: #9497a91f;
    --background-color-ds-menu: #fff;
    --background-color-ds-menu-raised: #fff;
    --background-color-ds-menu-hover: #686b820a;
    --background-color-ds-menu-pressed: #686b8214;
    --background-color-ds-menu-active: #686b8214;
    --background-color-ds-menu-active-hover: #686b8214;
    --background-color-ds-notification-primary: #855bfb14;
    --background-color-ds-notification-neutral: #686b8214;
    --background-color-ds-notification-negative: #f5395e14;
    --background-color-ds-notification-warning: #c3962114;
    --background-color-ds-notification-positive: #149e6114;
    --background-color-ds-notification-info: #0092d814;
    --background-color-ds-notification-primary-hover: #855bfb29;
    --background-color-ds-notification-neutral-hover: #686b8229;
    --background-color-ds-notification-negative-hover: #f5395e29;
    --background-color-ds-notification-warning-hover: #c3962129;
    --background-color-ds-notification-positive-hover: #149e6129;
    --background-color-ds-notification-info-hover: #0092d829;
    --background-color-ds-pagination: #686b8214;
    --background-color-ds-pill: #855bfb29;
    --background-color-ds-pill-primary: #855bfb29;
    --background-color-ds-pill-neutral: #855bfb29;
    --background-color-ds-popover: #fff;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-in-progress: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-info: #0092d829;
    --background-color-ds-progresstracker-warning: #c3962129;
    --background-color-ds-progresstracker-finished: #149e6129;
    --background-color-ds-radio-unchecked: #686b8252;
    --background-color-ds-radio-unchecked-hover: #686b8266;
    --background-color-ds-radio-checked: #7132f5;
    --background-color-ds-radio-checked-hover: #5b1ecf;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #855bfb;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b8266;
    --background-color-ds-scrollbar-thumb-hover: #686b823d;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #fff;
    --background-color-ds-segmented-control-inactive-high: #686b821f;
    --background-color-ds-segmented-control-active-primary: #fff;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #686b821f;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #9497a914;
    --background-color-ds-selectable-card-selected: #855bfb14;
    --background-color-ds-selectable-card-hover: #9497a91f;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b821f;
    --background-color-ds-consumerpagination: #686b823d;
    --background-color-ds-consumerpagination-active: #686b82b8;
    --background-color-ds-consumerpagination-hover: #ffffff52;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #686b823d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #686b82;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #e5e6ec;
    --background-color-ds-tabs: #686b820a;
    --background-color-ds-tabs-hover: #686b8214;
    --background-color-ds-tabs-active: #686b821f;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #fff;
    --background-color-ds-table-cell-sticky: #fff;
    --background-color-ds-table-cell-sticky-container: #fff;
    --background-color-ds-table-cell-sticky-dialog: #fff;
    --background-color-ds-table-cell-sticky-dialog-container: #fff;
    --background-color-ds-table-cell-sticky-container-card: #f7f7f8;
    --background-color-ds-table-cell-sticky-container-card-hover: #f1f1f3;
    --background-color-ds-table-cell-sticky-container-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #f9f9fa;
    --background-color-ds-table-header-cell-resize: #7132f5;
    --background-color-ds-table-header-cell-sticky: #fff;
    --background-color-ds-table-row-group: #686b820a;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b820a;
    --background-color-ds-table-row-hover: #686b820a;
    --background-color-ds-table-row: #fff;
    --background-color-ds-toggle-handle-on: #fff;
    --background-color-ds-toggle-handle-off: #fff;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #686b8252;
    --background-color-ds-tooltip: #eeeff3;
    --text-color-ds-accordion-primary: #686b82;
    --text-color-ds-accordion-disabled: #484b5e;
    --text-color-ds-accordion-hover: #101114;
    --text-color-ds-badge-primary: #7132f5;
    --text-color-ds-badge-neutral: #484b5e;
    --text-color-ds-badge-positive: #026b3f;
    --text-color-ds-badge-negative: #d11d45;
    --text-color-ds-badge-warning: #553c00;
    --text-color-ds-badge-high: #fff;
    --text-color-ds-asseticon-neutral: #fff;
    --text-color-ds-asseticon-inverted: #000;
    --text-color-ds-badge-high-inverse: #101114;
    --text-color-ds-badge-info: #006394;
    --text-color-ds-badge-new: #7132f5;
    --text-color-ds-brand-brand: #7132f5;
    --text-color-ds-brand-neutral: #000;
    --text-color-ds-brand-inverted: #fff;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #686b82;
    --text-color-ds-breadcrumbs-hover: #101114;
    --text-color-ds-breadcrumbs-selected: #101114;
    --text-color-ds-button-primary-high: #fff;
    --text-color-ds-button-primary-medium: #101114;
    --text-color-ds-button-primary-medium-hover: #101114;
    --text-color-ds-button-primary-low: #101114;
    --text-color-ds-button-primary-low-hover: #101114;
    --text-color-ds-button-primary-none: #101114;
    --text-color-ds-button-primary-none-hover: #686b82;
    --text-color-ds-button-neutral-high: #101114;
    --text-color-ds-button-neutral-medium: #101114;
    --text-color-ds-button-neutral-medium-hover: #101114;
    --text-color-ds-button-neutral-low: #686b82;
    --text-color-ds-button-neutral-low-hover: #101114;
    --text-color-ds-button-neutral-none: #686b82;
    --text-color-ds-button-neutral-none-hover: #101114;
    --text-color-ds-button-positive-high: #fff;
    --text-color-ds-button-positive-medium: #149e61;
    --text-color-ds-button-positive-medium-hover: #149e61;
    --text-color-ds-button-positive-low: #149e61;
    --text-color-ds-button-positive-low-hover: #149e61;
    --text-color-ds-button-positive-none: #149e61;
    --text-color-ds-button-positive-none-hover: #35df8d;
    --text-color-ds-button-negative-high: #fff;
    --text-color-ds-button-negative-medium: #d11d45;
    --text-color-ds-button-negative-medium-hover: #d11d45;
    --text-color-ds-button-negative-low: #d11d45;
    --text-color-ds-button-negative-low-hover: #d11d45;
    --text-color-ds-button-negative-none: #d11d45;
    --text-color-ds-button-negative-none-hover: #ff7386;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #a67c1d;
    --text-color-ds-button-warning-medium-hover: #a67c1d;
    --text-color-ds-button-warning-low: #a67c1d;
    --text-color-ds-button-warning-low-hover: #a67c1d;
    --text-color-ds-button-warning-none: #a67c1d;
    --text-color-ds-button-warning-none-hover: #e8b100;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #37187d;
    --text-color-ds-button-brand-medium-hover: #37187d;
    --text-color-ds-button-brand-low: #37187d;
    --text-color-ds-button-brand-low-hover: #2b1463;
    --text-color-ds-button-brand-none: #37187d;
    --text-color-ds-button-brand-none-hover: #2b1463;
    --text-color-ds-button-info-high: #fff;
    --text-color-ds-button-info-medium: #0079b4;
    --text-color-ds-button-info-medium-hover: #0079b4;
    --text-color-ds-button-info-low: #0079b4;
    --text-color-ds-button-info-low-hover: #0079b4;
    --text-color-ds-button-info-none: #0079b4;
    --text-color-ds-button-info-none-hover: #00adfe;
    --text-color-ds-button-inverted-high: #7132f5;
    --text-color-ds-button-inverted-medium: #f1efff;
    --text-color-ds-button-inverted-medium-hover: #f1efff;
    --text-color-ds-button-inverted-low: #f1efff;
    --text-color-ds-button-inverted-low-hover: #f1efff;
    --text-color-ds-button-inverted-none: #f1efff;
    --text-color-ds-button-inverted-none-hover: #f1efff;
    --text-color-ds-button-neutral-high-icon: #101114;
    --text-color-ds-checkbox-primary: #101114;
    --text-color-ds-checkbox-description: #686b82;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #101114;
    --text-color-ds-checkboxgroup-description: #686b82;
    --text-color-ds-checkboxgroup-error: #d11d45;
    --text-color-ds-circle-primary-low: #7132f5;
    --text-color-ds-circle-neutral-low: #484b5e;
    --text-color-ds-circle-positive-low: #026b3f;
    --text-color-ds-circle-warning-low: #6f5000;
    --text-color-ds-circle-negative-low: #d11d45;
    --text-color-ds-circle-info-low: #006394;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #7132f5;
    --text-color-ds-circle-border-neutral-high: #9497a9;
    --text-color-ds-circle-border-positive-high: #149e61;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0079b4;
    --text-color-ds-datepicker: #1a1b22;
    --text-color-ds-datepicker-weekday: #353746;
    --text-color-ds-datepicker-today: #353746;
    --text-color-ds-datepicker-disabled: #9497a9;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #686b82;
    --text-color-ds-dropdown-button-content-placeholder-hover: #101114;
    --text-color-ds-dropdown-button-content-text: #101114;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #484b5e;
    --text-color-ds-filteritem-active: #101114;
    --text-color-ds-input: #101114;
    --text-color-ds-input-icon: #9497a9;
    --text-color-ds-input-label: #686b82;
    --text-color-ds-input-error-label: #d11d45;
    --text-color-ds-inputerror-label: #d11d45;
    --text-color-ds-label-value: #0000000a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #686b82;
    --text-color-ds-menu: #686b82;
    --text-color-ds-menu-active: #7132f5;
    --text-color-ds-notification-primary: #2b1463;
    --text-color-ds-notification-neutral: #101114;
    --text-color-ds-notification-negative: #3c000c;
    --text-color-ds-notification-warning: #3b2a00;
    --text-color-ds-notification-positive: #002d17;
    --text-color-ds-notification-info: #002940;
    --text-color-ds-notification-subtitle-primary: #37187d;
    --text-color-ds-notification-subtitle-neutral: #1a1b22;
    --text-color-ds-notification-subtitle-negative: #5f0018;
    --text-color-ds-notification-subtitle-warning: #553c00;
    --text-color-ds-notification-subtitle-positive: #004224;
    --text-color-ds-notification-subtitle-info: #003c5c;
    --text-color-ds-pill: #7132f5;
    --text-color-ds-pill-primary: #7132f5;
    --text-color-ds-pill-neutral: #7132f5;
    --text-color-ds-radio-primary: #101114;
    --text-color-ds-radio-disabled: #c6c7d2;
    --text-color-ds-radio-description: #686b82;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #101114;
    --text-color-ds-radiogroup-description: #484b5e;
    --text-color-ds-radiogroup-error: #d11d45;
    --text-color-ds-segmented-control-inactive: #686b82;
    --text-color-ds-segmented-control-inactive-hover: #101114;
    --text-color-ds-segmented-control-active-primary: #101114;
    --text-color-ds-segmented-control-active-positive: #149e61;
    --text-color-ds-segmented-control-active-negative: #d11d45;
    --text-color-ds-segmented-control-active-primary-low: #101114;
    --text-color-ds-segmented-control-active-positive-low: #149e61;
    --text-color-ds-segmented-control-active-negative-low: #d11d45;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #fff;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #101114;
    --text-color-ds-spinner-neutral: #484b5e;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #08844f;
    --text-color-ds-spinner-negative: #d11d45;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #000;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #fff;
    --text-color-ds-stacked-asset-icons: #101114;
    --text-color-ds-tabs: #686b82;
    --text-color-ds-tabs-active: #101114;
    --text-color-ds-tabs-on-background: #686b82;
    --text-color-ds-tabs-on-background-active: #101114;
    --text-color-ds-text-duo-primary-main: #101114;
    --text-color-ds-text-duo-primary-duo: #686b82;
    --text-color-ds-text-duo-neutral-main: #686b82;
    --text-color-ds-text-duo-neutral-duo: #9497a9;
    --text-color-ds-text-duo-positive-main: #149e61;
    --text-color-ds-text-duo-positive-duo: #149e61;
    --text-color-ds-text-duo-negative-main: #d11d45;
    --text-color-ds-text-duo-negative-duo: #d11d45;
    --text-color-ds-tooltip-text: #686b82;
    --text-color-ds-tooltip-title: #101114;
    --border-color-ds-asset-conversion-icons-primary: #101114;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #7132f5;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #7132f5;
    --border-color-ds-datepicker: #686b8214;
    --border-color-ds-base-drawer: #fff;
    --border-color-ds-input-focused: #7132f5;
    --border-color-ds-input-error: #f5395e;
    --border-color-ds-input-error-focused: #f5395e;
    --border-color-ds-legend-item-dimmed: #9497a9;
    --border-color-ds-menu: #686b8214;
    --border-color-ds-menu-divider: #686b823d;
    --border-color-ds-popover: #686b8214;
    --border-color-ds-radio-primary-focus: #7132f5;
    --border-color-ds-selectable-card-selected: #7132f5;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header: #686b821f;
    --border-color-ds-table-header-cell-hover: #7132f5;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b823d;
    --stroke-ds-dropdown-button-content-icon: #686b82;
    --stroke-ds-dropdown-button-content-icon-hover: #101114;
    --stroke-ds-icon-primary: #7132f5;
    --stroke-ds-icon-neutral: #686b82;
    --stroke-ds-icon-strong: #1a1b22;
    --stroke-ds-icon-dimmed: #9497a9;
    --stroke-ds-icon-positive: #149e61;
    --stroke-ds-icon-warning: #c39621;
    --stroke-ds-icon-negative: #d11d45;
    --stroke-ds-icon-info: #0079b4;
    --stroke-ds-icon-brand: #7132f5;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #686b8214;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #855bfb29;
    --ring-color-ds-circle-neutral-low: #686b821f;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c396213d;
    --ring-color-ds-circle-positive-low: #149e6129;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #7132f5;
    --ring-color-ds-circle-neutral-high: #9497a9;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #149e61;
    --ring-color-ds-circle-info-high: #0079b4;
    --fill-ds-brand-brand: #7132f5;
    --fill-ds-brand-neutral: #000;
    --fill-ds-brand-inverted: #fff;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #7132f5;
    --fill-ds-icon-neutral: #686b82;
    --fill-ds-icon-strong: #1a1b22;
    --fill-ds-icon-dimmed: #9497a9;
    --fill-ds-icon-positive: #149e61;
    --fill-ds-icon-warning: #c39621;
    --fill-ds-icon-negative: #d11d45;
    --fill-ds-icon-info: #0079b4;
    --fill-ds-icon-brand: #7132f5;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #fff;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #fff, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #fff;
    --placeholder-color-ds-input: #686b82;
    --caret-color-ds-input: inherit;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #7132f5;
    --opacity-ds-table-cell-dimmed: .4;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8252
}

.pro-dark-theme {
    --colors-ds-semantic-action-primary-background: #7132f5;
    --colors-ds-semantic-action-primary-background-hover: #8a61ff;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8229;
    --colors-ds-semantic-action-secondary-background-hover: #686b8252;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #c6c7d2;
    --colors-ds-semantic-border-default: #686b8252;
    --colors-ds-semantic-border-negative: #ff7386;
    --colors-ds-semantic-border-positive: #35df8d;
    --colors-ds-semantic-border-strong: #9497a9;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #8a61ff;
    --colors-ds-semantic-content-dimmed: #686b82;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #00adfe;
    --colors-ds-semantic-content-inverse: #101114;
    --colors-ds-semantic-content-negative: #ff7386;
    --colors-ds-semantic-content-neutral: #9497a9;
    --colors-ds-semantic-content-positive: #35df8d;
    --colors-ds-semantic-content-primary: #fff;
    --colors-ds-semantic-content-warning: #ffcd60;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #8a61ff);
    --colors-ds-semantic-focus-ring-inverse: #101114;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #d4cbff;
    --colors-ds-semantic-status-brand-content-strong: #f1efff;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #9d82fe;
    --colors-ds-semantic-status-brand-solid: #7132f5;
    --colors-ds-semantic-status-brand-subtle: #855bfb29;
    --colors-ds-semantic-status-info-content: #c7e1ff;
    --colors-ds-semantic-status-info-content-strong: #e7f2ff;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #00adfe;
    --colors-ds-semantic-status-info-solid: #0092d8;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #ffbdc3;
    --colors-ds-semantic-status-negative-content-strong: #ffd6da;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #ff7386;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #c6c7d2;
    --colors-ds-semantic-status-neutral-content-strong: #f7f7fa;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #9497a9;
    --colors-ds-semantic-status-neutral-solid: #686b82;
    --colors-ds-semantic-status-neutral-subtle: #686b8229;
    --colors-ds-semantic-status-positive-content: #44fc9e;
    --colors-ds-semantic-status-positive-content-strong: #c6feda;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #35df8d;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #ffe5b1;
    --colors-ds-semantic-status-warning-content-strong: #fffaf0;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #ffcd60;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c3962129;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #686b823d;
    --colors-ds-semantic-surface-overlay: #1f1b27;
    --colors-ds-semantic-surface-page: #0b0611;
    --colors-ds-semantic-surface-raised: #16121f;
    --colors-ds-semantic-surface-selected: #855bfb0a;
    --colors-ds-semantic-surface-sunken: #686b821f;
    --colors-ds-primary: #fff;
    --colors-ds-neutral: #9497a9;
    --colors-ds-dimmed: #686b82;
    --colors-ds-positive: #35df8d;
    --colors-ds-negative: #ff7386;
    --colors-ds-warning: #ffcd60;
    --colors-ds-brand: #8a61ff;
    --colors-ds-info: #00adfe;
    --colors-ds-inverted: #101114;
    --colors-ds-disabled: #484b5e;
    --colors-ds-strong: #fff;
    --colors-ds-subtle: #484b5e;
    --colors-ds-divider: #686b8252;
    --colors-ds-textlink-hover-primary: #9497a9;
    --colors-ds-textlink-hover-brand: #b8a8ff;
    --colors-ds-textlink-hover-neutral: #fff;
    --colors-ds-textlink-hover-positive: #149e61;
    --colors-ds-textlink-hover-negative: #f5395e;
    --colors-ds-textlink-hover-warning: #c39621;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #00000026;
    --box-shadow-ds-2: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-3: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-4: 0px 12px 16px -4px #00000026;
    --box-shadow-ds-5: 0px 20px 24px -4px #00000026;
    --box-shadow-ds-6: 0px 24px 48px -12px #0000004d;
    --box-shadow-ds-7: 0px 32px 64px -12px #0000004d;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #686b8252;
    --box-shadow-ds-banner: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-container: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #00000026, 0px 4px 8px -2px #00000026;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 150px 0px #000;
    --box-shadow-ds-menu: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --box-shadow-ds-popover: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #00000026;
    --outline-color-ds-accordion: #8a61ff;
    --outline-color-ds-button: #8a61ff;
    --outline-color-ds-card-selected: #8a61ff;
    --outline-color-ds-favourite-button: #8a61ff;
    --outline-color-ds-input-error-focused: #d11d45;
    --outline-color-ds-input: #7132f5;
    --outline-color-ds-input-error: #d11d45;
    --outline-color-ds-legend-item-dimmed: #686b82;
    --outline-color-ds-menu: #8a61ff;
    --outline-color-ds-notification: #8a61ff;
    --outline-color-ds-popover: #8a61ff;
    --outline-color-ds-segmented-control: #8a61ff;
    --outline-color-ds-selectable-card: #8a61ff;
    --outline-color-ds-tabs: #8a61ff;
    --outline-color-ds-table-header-cell: #8a61ff;
    --outline-color-ds-textlink: #8a61ff;
    --outline-color-ds-toggle: #8a61ff;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #7132f5;
    --background-color-ds-badge-primary-low: #855bfb29;
    --background-color-ds-badge-neutral-high: #686b82;
    --background-color-ds-badge-neutral-low: #686b8229;
    --background-color-ds-badge-positive-high: #149e61;
    --background-color-ds-badge-positive-low: #149e6129;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c3962129;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0092d8;
    --background-color-ds-badge-new-low: #855bfb29;
    --background-color-ds-badge-new-high: #7132f5;
    --background-color-ds-banner: #1a1b22;
    --background-color-ds-button-primary-high: #7132f5;
    --background-color-ds-button-primary-high-hover: #8a61ff;
    --background-color-ds-button-primary-medium: #855bfb29;
    --background-color-ds-button-primary-medium-hover: #855bfb52;
    --background-color-ds-button-primary-medium-active: #855bfb52;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #686b8229;
    --background-color-ds-button-primary-low-active: #686b8229;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #f7f7fa;
    --background-color-ds-button-neutral-high-hover: #e5e6ec;
    --background-color-ds-button-neutral-medium: #686b8229;
    --background-color-ds-button-neutral-medium-hover: #686b8252;
    --background-color-ds-button-neutral-medium-active: #686b8252;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #686b8229;
    --background-color-ds-button-neutral-low-active: #686b8229;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #35df8d;
    --background-color-ds-button-positive-high-hover: #44fc9e;
    --background-color-ds-button-positive-medium: #149e6129;
    --background-color-ds-button-positive-medium-hover: #149e6152;
    --background-color-ds-button-positive-medium-active: #149e6152;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #149e6129;
    --background-color-ds-button-positive-low-active: #149e6129;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #f5395e;
    --background-color-ds-button-negative-high-hover: #ff7386;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e52;
    --background-color-ds-button-negative-medium-active: #f5395e52;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c3962152;
    --background-color-ds-button-warning-medium-active: #c3962152;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #7132f5;
    --background-color-ds-button-brand-high-hover: #8a61ff;
    --background-color-ds-button-brand-medium: #855bfb29;
    --background-color-ds-button-brand-medium-hover: #855bfb52;
    --background-color-ds-button-brand-medium-active: #855bfb52;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #855bfb29;
    --background-color-ds-button-brand-low-active: #855bfb29;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0092d8;
    --background-color-ds-button-info-high-hover: #90c9ff;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #000;
    --background-color-ds-button-inverted-high-hover: #0000008f;
    --background-color-ds-button-inverted-medium: #00000014;
    --background-color-ds-button-inverted-medium-hover: #00000029;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #00000014;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #686b821f;
    --background-color-ds-card-disabled: #686b8214;
    --background-color-ds-card-selected: #855bfb0a;
    --background-color-ds-card-hover: #686b823d;
    --background-color-ds-card-selected-hover: #686b823d;
    --background-color-ds-card-background: #686b821f;
    --background-color-ds-card-background-hover: #686b823d;
    --background-color-ds-checkbox-unchecked: #686b8252;
    --background-color-ds-checkbox-unchecked-hover: #686b8266;
    --background-color-ds-checkbox-checked: #7132f5;
    --background-color-ds-checkbox-checked-hover: #8a61ff;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e29;
    --background-color-ds-circle-primary-low: #855bfb29;
    --background-color-ds-circle-neutral-low: #686b8229;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c3962129;
    --background-color-ds-circle-positive-low: #149e6129;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #7132f5;
    --background-color-ds-circle-neutral-high: #686b82;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #149e61;
    --background-color-ds-circle-info-high: #0092d8;
    --background-color-ds-container: #16121f;
    --background-color-ds-container-glass: #686b8229;
    --background-color-ds-datepicker: #16121f;
    --background-color-ds-datepicker-raised: #272532;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #7132f5;
    --background-color-ds-datepicker-selected-day-range: #855bfb29;
    --background-color-ds-dialog: #1f1b27;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #686b8252;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: #16121f;
    --background-color-ds-dropdown-button: #686b8229;
    --background-color-ds-dropdown-button-hover: #686b8252;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8229;
    --background-color-ds-filteritem-active: #686b8252;
    --background-color-ds-full-screen-dialog: #0b0611;
    --background-color-ds-input: #686b8229;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #d11d45;
    --background-color-ds-input-border-error-focused: #d11d45;
    --background-color-ds-input-border-focused: #7132f5;
    --background-color-ds-input-content-icon: #686b82;
    --background-color-ds-input-content-input-text: #fff;
    --background-color-ds-input-content-label: #9497a9;
    --background-color-ds-input-error: #686b8229;
    --background-color-ds-input-error-focused: #686b8214;
    --background-color-ds-input-focused: #686b8214;
    --background-color-ds-input-hover: #686b8214;
    --background-color-ds-input-selected: #686b8214;
    --background-color-ds-input-error-label: #f5395e29;
    --background-color-ds-input-background: #686b8229;
    --background-color-ds-input-background-hover: #686b821f;
    --background-color-ds-input-background-selected: #686b821f;
    --background-color-ds-inputerror-label: #f5395e29;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #686b8229;
    --background-color-ds-legend-item-dimmed: #686b82;
    --background-color-ds-list-hover: #686b823d;
    --background-color-ds-menu: #1f1b27;
    --background-color-ds-menu-raised: #272532;
    --background-color-ds-menu-hover: #686b8214;
    --background-color-ds-menu-pressed: #855bfb1f;
    --background-color-ds-menu-active: #686b8229;
    --background-color-ds-menu-active-hover: #686b821f;
    --background-color-ds-notification-primary: #855bfb29;
    --background-color-ds-notification-neutral: #686b8229;
    --background-color-ds-notification-negative: #f5395e29;
    --background-color-ds-notification-warning: #c3962129;
    --background-color-ds-notification-positive: #149e6129;
    --background-color-ds-notification-info: #0092d829;
    --background-color-ds-notification-primary-hover: #855bfb3d;
    --background-color-ds-notification-neutral-hover: #686b823d;
    --background-color-ds-notification-negative-hover: #f5395e3d;
    --background-color-ds-notification-warning-hover: #c396213d;
    --background-color-ds-notification-positive-hover: #149e613d;
    --background-color-ds-notification-info-hover: #0092d83d;
    --background-color-ds-pagination: #686b821f;
    --background-color-ds-pill: #855bfb29;
    --background-color-ds-pill-primary: #855bfb29;
    --background-color-ds-pill-neutral: #686b8229;
    --background-color-ds-popover: #1f1b27;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-primary: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-finished: #08844f;
    --background-color-ds-radio-unchecked: #686b8252;
    --background-color-ds-radio-unchecked-hover: #686b8266;
    --background-color-ds-radio-checked: #7132f5;
    --background-color-ds-radio-checked-hover: #8a61ff;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #7132f5;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b82a3;
    --background-color-ds-scrollbar-thumb-hover: #686b827a;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #16121f;
    --background-color-ds-segmented-control-inactive-high: #686b821f;
    --background-color-ds-segmented-control-active-primary: #686b823d;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #686b823d;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #686b821f;
    --background-color-ds-selectable-card-selected: #855bfb0a;
    --background-color-ds-selectable-card-hover: #686b823d;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b823d;
    --background-color-ds-consumerpagination: #ffffff3d;
    --background-color-ds-consumerpagination-active: #fffffff5;
    --background-color-ds-consumerpagination-hover: #fff6;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #686b823d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #686b82;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #353746;
    --background-color-ds-tabs: #686b821f;
    --background-color-ds-tabs-hover: #686b8229;
    --background-color-ds-tabs-active: #686b823d;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #686b823d;
    --background-color-ds-table-cell-sticky: #16121f;
    --background-color-ds-table-cell-sticky-container: #16121f;
    --background-color-ds-table-cell-sticky-dialog: #1f1b27;
    --background-color-ds-table-cell-sticky-dialog-container: #16121f;
    --background-color-ds-table-cell-sticky-container-card: #21202c;
    --background-color-ds-table-cell-sticky-container-card-hover: #22202e;
    --background-color-ds-table-cell-sticky-container-hover: #191523;
    --background-color-ds-table-cell-sticky-dialog-hover: #221e2b;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #1a1826;
    --background-color-ds-table-header-cell-resize: #8a61ff;
    --background-color-ds-table-header-cell-sticky: #16121f;
    --background-color-ds-table-row-group: #686b8214;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b8214;
    --background-color-ds-table-row-hover: #686b820a;
    --background-color-ds-table-row: #16121f;
    --background-color-ds-toggle-handle-on: #eeeff3;
    --background-color-ds-toggle-handle-off: #9497a9;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #686b8252;
    --background-color-ds-tooltip: #22232d;
    --text-color-ds-accordion-primary: #9497a9;
    --text-color-ds-accordion-disabled: #9497a9;
    --text-color-ds-accordion-hover: #fff;
    --text-color-ds-badge-primary: #9d82fe;
    --text-color-ds-badge-neutral: #9497a9;
    --text-color-ds-badge-positive: #35df8d;
    --text-color-ds-badge-negative: #ff7386;
    --text-color-ds-badge-warning: #ffcd60;
    --text-color-ds-badge-high: #fff;
    --text-color-ds-asseticon-neutral: #000;
    --text-color-ds-asseticon-inverted: #fff;
    --text-color-ds-badge-high-inverse: #101114;
    --text-color-ds-badge-info: #00adfe;
    --text-color-ds-badge-new: #9d82fe;
    --text-color-ds-brand-brand: #855bfb;
    --text-color-ds-brand-neutral: #fff;
    --text-color-ds-brand-inverted: #000;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #9497a9;
    --text-color-ds-breadcrumbs-hover: #fff;
    --text-color-ds-breadcrumbs-selected: #fff;
    --text-color-ds-button-primary-high: #fff;
    --text-color-ds-button-primary-medium: #fff;
    --text-color-ds-button-primary-medium-hover: #fff;
    --text-color-ds-button-primary-low: #fff;
    --text-color-ds-button-primary-low-hover: #fff;
    --text-color-ds-button-primary-none: #fff;
    --text-color-ds-button-primary-none-hover: #9497a9;
    --text-color-ds-button-neutral-high: #101114;
    --text-color-ds-button-neutral-medium: #c6c7d2;
    --text-color-ds-button-neutral-medium-hover: #fff;
    --text-color-ds-button-neutral-low: #c6c7d2;
    --text-color-ds-button-neutral-low-hover: #fff;
    --text-color-ds-button-neutral-none: #c6c7d2;
    --text-color-ds-button-neutral-none-hover: #fff;
    --text-color-ds-button-positive-high: #002d17;
    --text-color-ds-button-positive-medium: #35df8d;
    --text-color-ds-button-positive-medium-hover: #35df8d;
    --text-color-ds-button-positive-low: #35df8d;
    --text-color-ds-button-positive-low-hover: #35df8d;
    --text-color-ds-button-positive-none: #35df8d;
    --text-color-ds-button-positive-none-hover: #23ba75;
    --text-color-ds-button-negative-high: #3c000c;
    --text-color-ds-button-negative-medium: #ff9fa9;
    --text-color-ds-button-negative-medium-hover: #ff9fa9;
    --text-color-ds-button-negative-low: #ff7386;
    --text-color-ds-button-negative-low-hover: #ff7386;
    --text-color-ds-button-negative-none: #ff7386;
    --text-color-ds-button-negative-none-hover: #f5395e;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #ffcd60;
    --text-color-ds-button-warning-medium-hover: #ffcd60;
    --text-color-ds-button-warning-low: #e8b100;
    --text-color-ds-button-warning-low-hover: #e8b100;
    --text-color-ds-button-warning-none: #e8b100;
    --text-color-ds-button-warning-none-hover: #c39621;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #d4cbff;
    --text-color-ds-button-brand-medium-hover: #d4cbff;
    --text-color-ds-button-brand-low: #d4cbff;
    --text-color-ds-button-brand-low-hover: #f1efff;
    --text-color-ds-button-brand-none: #d4cbff;
    --text-color-ds-button-brand-none-hover: #f1efff;
    --text-color-ds-button-info-high: #002940;
    --text-color-ds-button-info-medium: #90c9ff;
    --text-color-ds-button-info-medium-hover: #90c9ff;
    --text-color-ds-button-info-low: #0092d8;
    --text-color-ds-button-info-low-hover: #0092d8;
    --text-color-ds-button-info-none: #0092d8;
    --text-color-ds-button-info-none-hover: #0079b4;
    --text-color-ds-button-inverted-high: #fff;
    --text-color-ds-button-inverted-medium: #101114;
    --text-color-ds-button-inverted-medium-hover: #101114;
    --text-color-ds-button-inverted-low: #101114;
    --text-color-ds-button-inverted-low-hover: #101114;
    --text-color-ds-button-inverted-none: #101114;
    --text-color-ds-button-inverted-none-hover: #101114;
    --text-color-ds-button-neutral-high-icon: #101114;
    --text-color-ds-checkbox-primary: #fff;
    --text-color-ds-checkbox-description: #9497a9;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #fff;
    --text-color-ds-checkboxgroup-description: #9497a9;
    --text-color-ds-checkboxgroup-error: #ff7386;
    --text-color-ds-circle-primary-low: #9d82fe;
    --text-color-ds-circle-neutral-low: #9497a9;
    --text-color-ds-circle-positive-low: #35df8d;
    --text-color-ds-circle-warning-low: #ffcd60;
    --text-color-ds-circle-negative-low: #ff7386;
    --text-color-ds-circle-info-low: #00adfe;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #7132f5;
    --text-color-ds-circle-border-neutral-high: #686b82;
    --text-color-ds-circle-border-positive-high: #149e61;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0092d8;
    --text-color-ds-datepicker: #eeeff3;
    --text-color-ds-datepicker-weekday: #9497a9;
    --text-color-ds-datepicker-today: #9497a9;
    --text-color-ds-datepicker-disabled: #686b82;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #9497a9;
    --text-color-ds-dropdown-button-content-placeholder-hover: #fff;
    --text-color-ds-dropdown-button-content-text: #fff;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #9497a9;
    --text-color-ds-filteritem-active: #f7f7fa;
    --text-color-ds-input: #fff;
    --text-color-ds-input-icon: #686b82;
    --text-color-ds-input-label: #9497a9;
    --text-color-ds-input-error-label: #ff7386;
    --text-color-ds-inputerror-label: #ff7386;
    --text-color-ds-label-value: #ffffff0a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #9497a9;
    --text-color-ds-menu: #fff;
    --text-color-ds-menu-active: #8a61ff;
    --text-color-ds-notification-primary: #f1efff;
    --text-color-ds-notification-neutral: #f7f7fa;
    --text-color-ds-notification-negative: #ffd6da;
    --text-color-ds-notification-warning: #fffaf0;
    --text-color-ds-notification-positive: #c6feda;
    --text-color-ds-notification-info: #e7f2ff;
    --text-color-ds-notification-subtitle-primary: #d4cbff;
    --text-color-ds-notification-subtitle-neutral: #c6c7d2;
    --text-color-ds-notification-subtitle-negative: #ffbdc3;
    --text-color-ds-notification-subtitle-warning: #ffe5b1;
    --text-color-ds-notification-subtitle-positive: #44fc9e;
    --text-color-ds-notification-subtitle-info: #c7e1ff;
    --text-color-ds-pill: #8a61ff;
    --text-color-ds-pill-primary: #8a61ff;
    --text-color-ds-pill-neutral: #fff;
    --text-color-ds-radio-primary: #fff;
    --text-color-ds-radio-disabled: #484b5e;
    --text-color-ds-radio-description: #9497a9;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #f7f7fa;
    --text-color-ds-radiogroup-description: #9497a9;
    --text-color-ds-radiogroup-error: #ff7386;
    --text-color-ds-segmented-control-inactive: #9497a9;
    --text-color-ds-segmented-control-inactive-hover: #fff;
    --text-color-ds-segmented-control-active-primary: #fff;
    --text-color-ds-segmented-control-active-positive: #35df8d;
    --text-color-ds-segmented-control-active-negative: #ff7386;
    --text-color-ds-segmented-control-active-primary-low: #fff;
    --text-color-ds-segmented-control-active-positive-low: #35df8d;
    --text-color-ds-segmented-control-active-negative-low: #ff7386;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #686b823d;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #f7f7fa;
    --text-color-ds-spinner-neutral: #9497a9;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #35df8d;
    --text-color-ds-spinner-negative: #ff7386;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #fff;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #000;
    --text-color-ds-stacked-asset-icons: #f7f7fa;
    --text-color-ds-tabs: #9497a9;
    --text-color-ds-tabs-active: #fff;
    --text-color-ds-tabs-on-background: #9497a9;
    --text-color-ds-tabs-on-background-active: #fff;
    --text-color-ds-text-duo-primary-main: #fff;
    --text-color-ds-text-duo-primary-duo: #9497a9;
    --text-color-ds-text-duo-neutral-main: #9497a9;
    --text-color-ds-text-duo-neutral-duo: #686b82;
    --text-color-ds-text-duo-positive-main: #35df8d;
    --text-color-ds-text-duo-positive-duo: #35df8d;
    --text-color-ds-text-duo-negative-main: #ff7386;
    --text-color-ds-text-duo-negative-duo: #ff7386;
    --text-color-ds-tooltip-text: #9497a9;
    --text-color-ds-tooltip-title: #fff;
    --border-color-ds-asset-conversion-icons-primary: #fff;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #8a61ff;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #8a61ff;
    --border-color-ds-datepicker: #fff0;
    --border-color-ds-base-drawer: #ffffff14;
    --border-color-ds-input-focused: #7132f5;
    --border-color-ds-input-error: #d11d45;
    --border-color-ds-input-error-focused: #d11d45;
    --border-color-ds-legend-item-dimmed: #686b82;
    --border-color-ds-menu: #fff0;
    --border-color-ds-menu-divider: #686b8252;
    --border-color-ds-popover: #fff0;
    --border-color-ds-radio-primary-focus: #8a61ff;
    --border-color-ds-selectable-card-selected: #8a61ff;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header-cell-hover: #8a61ff;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b8229;
    --stroke-ds-dropdown-button-content-icon: #9497a9;
    --stroke-ds-dropdown-button-content-icon-hover: #fff;
    --stroke-ds-icon-primary: #9d82fe;
    --stroke-ds-icon-neutral: #9497a9;
    --stroke-ds-icon-strong: #fff;
    --stroke-ds-icon-dimmed: #686b82;
    --stroke-ds-icon-positive: #35df8d;
    --stroke-ds-icon-warning: #ffcd60;
    --stroke-ds-icon-negative: #ff7386;
    --stroke-ds-icon-info: #00adfe;
    --stroke-ds-icon-brand: #8a61ff;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #fff0;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #855bfb29;
    --ring-color-ds-circle-neutral-low: #686b8229;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c3962129;
    --ring-color-ds-circle-positive-low: #149e6129;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #7132f5;
    --ring-color-ds-circle-neutral-high: #686b82;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #149e61;
    --ring-color-ds-circle-info-high: #0092d8;
    --fill-ds-brand-brand: #855bfb;
    --fill-ds-brand-neutral: #fff;
    --fill-ds-brand-inverted: #000;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #9d82fe;
    --fill-ds-icon-neutral: #9497a9;
    --fill-ds-icon-strong: #fff;
    --fill-ds-icon-dimmed: #686b82;
    --fill-ds-icon-positive: #35df8d;
    --fill-ds-icon-warning: #ffcd60;
    --fill-ds-icon-negative: #ff7386;
    --fill-ds-icon-info: #00adfe;
    --fill-ds-icon-brand: #8a61ff;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #1f1b27;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #1f1b27, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #1f1b27;
    --placeholder-color-ds-input: #9497a9;
    --caret-color-ds-input: #fff;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #8a61ff;
    --opacity-ds-table-cell-dimmed: .5;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8266
}

.pro-fe-dark-theme {
    --colors-ds-semantic-action-primary-background: #7132f5;
    --colors-ds-semantic-action-primary-background-hover: #8a61ff;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8229;
    --colors-ds-semantic-action-secondary-background-hover: #686b8252;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #c6c7d2;
    --colors-ds-semantic-border-default: #686b8252;
    --colors-ds-semantic-border-negative: #ff7386;
    --colors-ds-semantic-border-positive: #35df8d;
    --colors-ds-semantic-border-strong: #9497a9;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #8a61ff;
    --colors-ds-semantic-content-dimmed: #686b82;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #00adfe;
    --colors-ds-semantic-content-inverse: #101114;
    --colors-ds-semantic-content-negative: #ff7386;
    --colors-ds-semantic-content-neutral: #9497a9;
    --colors-ds-semantic-content-positive: #35df8d;
    --colors-ds-semantic-content-primary: #fff;
    --colors-ds-semantic-content-warning: #ffcd60;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #8a61ff);
    --colors-ds-semantic-focus-ring-inverse: #101114;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #d4cbff;
    --colors-ds-semantic-status-brand-content-strong: #f1efff;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #9d82fe;
    --colors-ds-semantic-status-brand-solid: #7132f5;
    --colors-ds-semantic-status-brand-subtle: #855bfb29;
    --colors-ds-semantic-status-info-content: #c7e1ff;
    --colors-ds-semantic-status-info-content-strong: #e7f2ff;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #00adfe;
    --colors-ds-semantic-status-info-solid: #0092d8;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #ffbdc3;
    --colors-ds-semantic-status-negative-content-strong: #ffd6da;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #ff7386;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #c6c7d2;
    --colors-ds-semantic-status-neutral-content-strong: #f7f7fa;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #9497a9;
    --colors-ds-semantic-status-neutral-solid: #686b82;
    --colors-ds-semantic-status-neutral-subtle: #686b8229;
    --colors-ds-semantic-status-positive-content: #44fc9e;
    --colors-ds-semantic-status-positive-content-strong: #c6feda;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #35df8d;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #ffe5b1;
    --colors-ds-semantic-status-warning-content-strong: #fffaf0;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #ffcd60;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c3962129;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #686b823d;
    --colors-ds-semantic-surface-overlay: #1f1b27;
    --colors-ds-semantic-surface-page: #0b0611;
    --colors-ds-semantic-surface-raised: #120e1a;
    --colors-ds-semantic-surface-selected: #855bfb0a;
    --colors-ds-semantic-surface-sunken: #686b821f;
    --colors-ds-primary: #fff;
    --colors-ds-neutral: #9497a9;
    --colors-ds-dimmed: #686b82;
    --colors-ds-positive: #35df8d;
    --colors-ds-negative: #ff7386;
    --colors-ds-warning: #ffcd60;
    --colors-ds-brand: #8a61ff;
    --colors-ds-info: #00adfe;
    --colors-ds-inverted: #101114;
    --colors-ds-disabled: #484b5e;
    --colors-ds-strong: #fff;
    --colors-ds-subtle: #484b5e;
    --colors-ds-divider: #686b8252;
    --colors-ds-textlink-hover-primary: #9497a9;
    --colors-ds-textlink-hover-brand: #b8a8ff;
    --colors-ds-textlink-hover-neutral: #fff;
    --colors-ds-textlink-hover-positive: #149e61;
    --colors-ds-textlink-hover-negative: #f5395e;
    --colors-ds-textlink-hover-warning: #c39621;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #00000026;
    --box-shadow-ds-2: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-3: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-4: 0px 12px 16px -4px #00000026;
    --box-shadow-ds-5: 0px 20px 24px -4px #00000026;
    --box-shadow-ds-6: 0px 24px 48px -12px #0000004d;
    --box-shadow-ds-7: 0px 32px 64px -12px #0000004d;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #686b8252;
    --box-shadow-ds-banner: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-container: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #00000026, 0px 4px 8px -2px #00000026;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 150px 0px #000;
    --box-shadow-ds-menu: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --box-shadow-ds-popover: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #00000026;
    --outline-color-ds-accordion: #8a61ff;
    --outline-color-ds-button: #8a61ff;
    --outline-color-ds-card-selected: #8a61ff;
    --outline-color-ds-favourite-button: #8a61ff;
    --outline-color-ds-input-error-focused: #d11d45;
    --outline-color-ds-input: #7132f5;
    --outline-color-ds-input-error: #d11d45;
    --outline-color-ds-legend-item-dimmed: #686b82;
    --outline-color-ds-menu: #8a61ff;
    --outline-color-ds-notification: #8a61ff;
    --outline-color-ds-popover: #8a61ff;
    --outline-color-ds-segmented-control: #8a61ff;
    --outline-color-ds-selectable-card: #8a61ff;
    --outline-color-ds-tabs: #8a61ff;
    --outline-color-ds-table-header-cell: #8a61ff;
    --outline-color-ds-textlink: #8a61ff;
    --outline-color-ds-toggle: #8a61ff;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #7132f5;
    --background-color-ds-badge-primary-low: #855bfb29;
    --background-color-ds-badge-neutral-high: #686b82;
    --background-color-ds-badge-neutral-low: #686b8229;
    --background-color-ds-badge-positive-high: #149e61;
    --background-color-ds-badge-positive-low: #149e6129;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c3962129;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0092d8;
    --background-color-ds-badge-new-low: #855bfb29;
    --background-color-ds-badge-new-high: #7132f5;
    --background-color-ds-banner: #1a1b22;
    --background-color-ds-button-primary-high: transparent;
    --background-color-ds-button-primary-high-hover: transparent;
    --background-color-ds-button-primary-medium: #686b8229;
    --background-color-ds-button-primary-medium-hover: #686b8252;
    --background-color-ds-button-primary-medium-active: #686b8252;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #686b8229;
    --background-color-ds-button-primary-low-active: #686b8229;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #f7f7fa;
    --background-color-ds-button-neutral-high-hover: #e5e6ec;
    --background-color-ds-button-neutral-medium: #686b8229;
    --background-color-ds-button-neutral-medium-hover: #686b8252;
    --background-color-ds-button-neutral-medium-active: #686b8252;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #686b8229;
    --background-color-ds-button-neutral-low-active: #686b8229;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #35df8d;
    --background-color-ds-button-positive-high-hover: #44fc9e;
    --background-color-ds-button-positive-medium: #149e6129;
    --background-color-ds-button-positive-medium-hover: #149e6152;
    --background-color-ds-button-positive-medium-active: #149e6152;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #149e6129;
    --background-color-ds-button-positive-low-active: #149e6129;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #f5395e;
    --background-color-ds-button-negative-high-hover: #ff7386;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e52;
    --background-color-ds-button-negative-medium-active: #f5395e52;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c3962152;
    --background-color-ds-button-warning-medium-active: #c3962152;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #7132f5;
    --background-color-ds-button-brand-high-hover: #8a61ff;
    --background-color-ds-button-brand-medium: #855bfb29;
    --background-color-ds-button-brand-medium-hover: #855bfb52;
    --background-color-ds-button-brand-medium-active: #855bfb52;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #855bfb29;
    --background-color-ds-button-brand-low-active: #855bfb29;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0092d8;
    --background-color-ds-button-info-high-hover: #90c9ff;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #000;
    --background-color-ds-button-inverted-high-hover: #0000008f;
    --background-color-ds-button-inverted-medium: #00000014;
    --background-color-ds-button-inverted-medium-hover: #00000029;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #00000014;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #686b821f;
    --background-color-ds-card-disabled: #686b8214;
    --background-color-ds-card-selected: #855bfb0a;
    --background-color-ds-card-hover: #686b823d;
    --background-color-ds-card-selected-hover: #686b823d;
    --background-color-ds-card-background: #686b821f;
    --background-color-ds-card-background-hover: #686b823d;
    --background-color-ds-checkbox-unchecked: #686b8252;
    --background-color-ds-checkbox-unchecked-hover: #686b8266;
    --background-color-ds-checkbox-checked: #7132f5;
    --background-color-ds-checkbox-checked-hover: #8a61ff;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e29;
    --background-color-ds-circle-primary-low: #855bfb29;
    --background-color-ds-circle-neutral-low: #686b8229;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c3962129;
    --background-color-ds-circle-positive-low: #149e6129;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #7132f5;
    --background-color-ds-circle-neutral-high: #686b82;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #149e61;
    --background-color-ds-circle-info-high: #0092d8;
    --background-color-ds-container: #120e1a;
    --background-color-ds-container-glass: #686b8229;
    --background-color-ds-datepicker: #120e1a;
    --background-color-ds-datepicker-raised: #272532;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #7132f5;
    --background-color-ds-datepicker-selected-day-range: #855bfb29;
    --background-color-ds-dialog: #1f1b27;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #686b8252;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: #120e1a;
    --background-color-ds-dropdown-button: #686b8229;
    --background-color-ds-dropdown-button-hover: #686b8252;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8229;
    --background-color-ds-filteritem-active: #686b8252;
    --background-color-ds-full-screen-dialog: #0b0611;
    --background-color-ds-input: #686b8229;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #d11d45;
    --background-color-ds-input-border-error-focused: #d11d45;
    --background-color-ds-input-border-focused: #7132f5;
    --background-color-ds-input-content-icon: #686b82;
    --background-color-ds-input-content-input-text: #fff;
    --background-color-ds-input-content-label: #9497a9;
    --background-color-ds-input-error: #686b8229;
    --background-color-ds-input-error-focused: #686b8214;
    --background-color-ds-input-focused: #686b8214;
    --background-color-ds-input-hover: #686b8214;
    --background-color-ds-input-selected: #686b8214;
    --background-color-ds-input-error-label: #f5395e29;
    --background-color-ds-input-background: #686b8229;
    --background-color-ds-input-background-hover: #686b821f;
    --background-color-ds-input-background-selected: #686b821f;
    --background-color-ds-inputerror-label: #f5395e29;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #686b8229;
    --background-color-ds-legend-item-dimmed: #686b82;
    --background-color-ds-list-hover: #686b823d;
    --background-color-ds-menu: #1f1b27;
    --background-color-ds-menu-raised: #272532;
    --background-color-ds-menu-hover: #686b8214;
    --background-color-ds-menu-pressed: #855bfb1f;
    --background-color-ds-menu-active: #686b8229;
    --background-color-ds-menu-active-hover: #686b821f;
    --background-color-ds-notification-primary: #686b820a;
    --background-color-ds-notification-neutral: #686b820a;
    --background-color-ds-notification-negative: #f5395e0a;
    --background-color-ds-notification-warning: #c396210a;
    --background-color-ds-notification-positive: #149e610a;
    --background-color-ds-notification-info: #0092d80a;
    --background-color-ds-notification-primary-hover: #686b8214;
    --background-color-ds-notification-neutral-hover: #686b8214;
    --background-color-ds-notification-negative-hover: #f5395e14;
    --background-color-ds-notification-warning-hover: #c3962114;
    --background-color-ds-notification-positive-hover: #149e6114;
    --background-color-ds-notification-info-hover: #0092d814;
    --background-color-ds-pagination: #686b821f;
    --background-color-ds-pill: #855bfb29;
    --background-color-ds-pill-primary: #855bfb29;
    --background-color-ds-pill-neutral: #686b8229;
    --background-color-ds-popover: #1f1b27;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-primary: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-finished: #08844f;
    --background-color-ds-radio-unchecked: #686b8252;
    --background-color-ds-radio-unchecked-hover: #686b8266;
    --background-color-ds-radio-checked: #7132f5;
    --background-color-ds-radio-checked-hover: #8a61ff;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #7132f5;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b82a3;
    --background-color-ds-scrollbar-thumb-hover: #686b827a;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #120e1a;
    --background-color-ds-segmented-control-inactive-high: #686b821f;
    --background-color-ds-segmented-control-active-primary: #686b823d;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #686b823d;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #686b821f;
    --background-color-ds-selectable-card-selected: #855bfb0a;
    --background-color-ds-selectable-card-hover: #686b823d;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b823d;
    --background-color-ds-consumerpagination: #ffffff3d;
    --background-color-ds-consumerpagination-active: #fffffff5;
    --background-color-ds-consumerpagination-hover: #fff6;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #686b823d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #686b82;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #353746;
    --background-color-ds-tabs: #fff0;
    --background-color-ds-tabs-hover: #686b8229;
    --background-color-ds-tabs-active: #686b823d;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #686b823d;
    --background-color-ds-table-cell-sticky: #16121f;
    --background-color-ds-table-cell-sticky-container: #120e1a;
    --background-color-ds-table-cell-sticky-dialog: #1f1b27;
    --background-color-ds-table-cell-sticky-dialog-container: #16121f;
    --background-color-ds-table-cell-sticky-container-card: #21202c;
    --background-color-ds-table-cell-sticky-container-card-hover: #22202e;
    --background-color-ds-table-cell-sticky-container-hover: #191523;
    --background-color-ds-table-cell-sticky-dialog-hover: #221e2b;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #1a1826;
    --background-color-ds-table-header-cell-resize: #8a61ff;
    --background-color-ds-table-header-cell-sticky: #16121f;
    --background-color-ds-table-row-group: #686b8214;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b8214;
    --background-color-ds-table-row-hover: #686b820a;
    --background-color-ds-table-row: #16121f;
    --background-color-ds-toggle-handle-on: #eeeff3;
    --background-color-ds-toggle-handle-off: #9497a9;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #686b8252;
    --background-color-ds-tooltip: #22232d;
    --text-color-ds-accordion-primary: #9497a9;
    --text-color-ds-accordion-disabled: #9497a9;
    --text-color-ds-accordion-hover: #fff;
    --text-color-ds-badge-primary: #9d82fe;
    --text-color-ds-badge-neutral: #9497a9;
    --text-color-ds-badge-positive: #35df8d;
    --text-color-ds-badge-negative: #ff7386;
    --text-color-ds-badge-warning: #ffcd60;
    --text-color-ds-badge-high: #fff;
    --text-color-ds-asseticon-neutral: #000;
    --text-color-ds-asseticon-inverted: #fff;
    --text-color-ds-badge-high-inverse: #101114;
    --text-color-ds-badge-info: #00adfe;
    --text-color-ds-badge-new: #9d82fe;
    --text-color-ds-brand-brand: #855bfb;
    --text-color-ds-brand-neutral: #fff;
    --text-color-ds-brand-inverted: #000;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #9497a9;
    --text-color-ds-breadcrumbs-hover: #fff;
    --text-color-ds-breadcrumbs-selected: #fff;
    --text-color-ds-button-primary-high: #101114;
    --text-color-ds-button-primary-medium: #fff;
    --text-color-ds-button-primary-medium-hover: #fff;
    --text-color-ds-button-primary-low: #fff;
    --text-color-ds-button-primary-low-hover: #c6c7d2;
    --text-color-ds-button-primary-none: #c6c7d2;
    --text-color-ds-button-primary-none-hover: #fff;
    --text-color-ds-button-neutral-high: #101114;
    --text-color-ds-button-neutral-medium: #9497a9;
    --text-color-ds-button-neutral-medium-hover: #fff;
    --text-color-ds-button-neutral-low: #c6c7d2;
    --text-color-ds-button-neutral-low-hover: #fff;
    --text-color-ds-button-neutral-none: #c6c7d2;
    --text-color-ds-button-neutral-none-hover: #fff;
    --text-color-ds-button-positive-high: #002d17;
    --text-color-ds-button-positive-medium: #35df8d;
    --text-color-ds-button-positive-medium-hover: #35df8d;
    --text-color-ds-button-positive-low: #35df8d;
    --text-color-ds-button-positive-low-hover: #35df8d;
    --text-color-ds-button-positive-none: #35df8d;
    --text-color-ds-button-positive-none-hover: #23ba75;
    --text-color-ds-button-negative-high: #3c000c;
    --text-color-ds-button-negative-medium: #ff9fa9;
    --text-color-ds-button-negative-medium-hover: #ff9fa9;
    --text-color-ds-button-negative-low: #ff7386;
    --text-color-ds-button-negative-low-hover: #ff7386;
    --text-color-ds-button-negative-none: #ff7386;
    --text-color-ds-button-negative-none-hover: #f5395e;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #ffcd60;
    --text-color-ds-button-warning-medium-hover: #ffcd60;
    --text-color-ds-button-warning-low: #e8b100;
    --text-color-ds-button-warning-low-hover: #e8b100;
    --text-color-ds-button-warning-none: #e8b100;
    --text-color-ds-button-warning-none-hover: #c39621;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #d4cbff;
    --text-color-ds-button-brand-medium-hover: #d4cbff;
    --text-color-ds-button-brand-low: #d4cbff;
    --text-color-ds-button-brand-low-hover: #f1efff;
    --text-color-ds-button-brand-none: #d4cbff;
    --text-color-ds-button-brand-none-hover: #f1efff;
    --text-color-ds-button-info-high: #002940;
    --text-color-ds-button-info-medium: #90c9ff;
    --text-color-ds-button-info-medium-hover: #90c9ff;
    --text-color-ds-button-info-low: #0092d8;
    --text-color-ds-button-info-low-hover: #0092d8;
    --text-color-ds-button-info-none: #0092d8;
    --text-color-ds-button-info-none-hover: #0079b4;
    --text-color-ds-button-inverted-high: #fff;
    --text-color-ds-button-inverted-medium: #101114;
    --text-color-ds-button-inverted-medium-hover: #101114;
    --text-color-ds-button-inverted-low: #101114;
    --text-color-ds-button-inverted-low-hover: #101114;
    --text-color-ds-button-inverted-none: #101114;
    --text-color-ds-button-inverted-none-hover: #101114;
    --text-color-ds-button-neutral-high-icon: #101114;
    --text-color-ds-checkbox-primary: #fff;
    --text-color-ds-checkbox-description: #9497a9;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #fff;
    --text-color-ds-checkboxgroup-description: #9497a9;
    --text-color-ds-checkboxgroup-error: #ff7386;
    --text-color-ds-circle-primary-low: #9d82fe;
    --text-color-ds-circle-neutral-low: #9497a9;
    --text-color-ds-circle-positive-low: #35df8d;
    --text-color-ds-circle-warning-low: #ffcd60;
    --text-color-ds-circle-negative-low: #ff7386;
    --text-color-ds-circle-info-low: #00adfe;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #7132f5;
    --text-color-ds-circle-border-neutral-high: #686b82;
    --text-color-ds-circle-border-positive-high: #149e61;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0092d8;
    --text-color-ds-datepicker: #eeeff3;
    --text-color-ds-datepicker-weekday: #9497a9;
    --text-color-ds-datepicker-today: #9497a9;
    --text-color-ds-datepicker-disabled: #686b82;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #9497a9;
    --text-color-ds-dropdown-button-content-placeholder-hover: #fff;
    --text-color-ds-dropdown-button-content-text: #fff;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #9497a9;
    --text-color-ds-filteritem-active: #f7f7fa;
    --text-color-ds-input: #fff;
    --text-color-ds-input-icon: #686b82;
    --text-color-ds-input-label: #9497a9;
    --text-color-ds-input-error-label: #ff7386;
    --text-color-ds-inputerror-label: #ff7386;
    --text-color-ds-label-value: #ffffff0a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #9497a9;
    --text-color-ds-menu: #fff;
    --text-color-ds-menu-active: #8a61ff;
    --text-color-ds-notification-primary: #f7f7fa;
    --text-color-ds-notification-neutral: #f7f7fa;
    --text-color-ds-notification-negative: #ffd6da;
    --text-color-ds-notification-warning: #fffaf0;
    --text-color-ds-notification-positive: #c6feda;
    --text-color-ds-notification-info: #e7f2ff;
    --text-color-ds-notification-subtitle-primary: #c6c7d2;
    --text-color-ds-notification-subtitle-neutral: #c6c7d2;
    --text-color-ds-notification-subtitle-negative: #ffbdc3;
    --text-color-ds-notification-subtitle-warning: #ffe5b1;
    --text-color-ds-notification-subtitle-positive: #44fc9e;
    --text-color-ds-notification-subtitle-info: #c7e1ff;
    --text-color-ds-pill: #8a61ff;
    --text-color-ds-pill-primary: #8a61ff;
    --text-color-ds-pill-neutral: #fff;
    --text-color-ds-radio-primary: #fff;
    --text-color-ds-radio-disabled: #484b5e;
    --text-color-ds-radio-description: #9497a9;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #f7f7fa;
    --text-color-ds-radiogroup-description: #9497a9;
    --text-color-ds-radiogroup-error: #ff7386;
    --text-color-ds-segmented-control-inactive: #9497a9;
    --text-color-ds-segmented-control-inactive-hover: #fff;
    --text-color-ds-segmented-control-active-primary: #fff;
    --text-color-ds-segmented-control-active-positive: #35df8d;
    --text-color-ds-segmented-control-active-negative: #ff7386;
    --text-color-ds-segmented-control-active-primary-low: #fff;
    --text-color-ds-segmented-control-active-positive-low: #35df8d;
    --text-color-ds-segmented-control-active-negative-low: #ff7386;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #686b823d;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #f7f7fa;
    --text-color-ds-spinner-neutral: #9497a9;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #35df8d;
    --text-color-ds-spinner-negative: #ff7386;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #fff;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #000;
    --text-color-ds-stacked-asset-icons: #f7f7fa;
    --text-color-ds-tabs: #9497a9;
    --text-color-ds-tabs-active: #fff;
    --text-color-ds-tabs-on-background: #9497a9;
    --text-color-ds-tabs-on-background-active: #fff;
    --text-color-ds-text-duo-primary-main: #fff;
    --text-color-ds-text-duo-primary-duo: #9497a9;
    --text-color-ds-text-duo-neutral-main: #9497a9;
    --text-color-ds-text-duo-neutral-duo: #686b82;
    --text-color-ds-text-duo-positive-main: #35df8d;
    --text-color-ds-text-duo-positive-duo: #35df8d;
    --text-color-ds-text-duo-negative-main: #ff7386;
    --text-color-ds-text-duo-negative-duo: #ff7386;
    --text-color-ds-tooltip-text: #9497a9;
    --text-color-ds-tooltip-title: #fff;
    --border-color-ds-asset-conversion-icons-primary: #fff;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #8a61ff;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #8a61ff;
    --border-color-ds-datepicker: #fff0;
    --border-color-ds-base-drawer: #ffffff14;
    --border-color-ds-input-focused: #7132f5;
    --border-color-ds-input-error: #d11d45;
    --border-color-ds-input-error-focused: #d11d45;
    --border-color-ds-legend-item-dimmed: #686b82;
    --border-color-ds-menu: #fff0;
    --border-color-ds-menu-divider: #686b8252;
    --border-color-ds-popover: #fff0;
    --border-color-ds-radio-primary-focus: #8a61ff;
    --border-color-ds-selectable-card-selected: #8a61ff;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header-cell-hover: #8a61ff;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b8229;
    --stroke-ds-dropdown-button-content-icon: #9497a9;
    --stroke-ds-dropdown-button-content-icon-hover: #fff;
    --stroke-ds-icon-primary: #9d82fe;
    --stroke-ds-icon-neutral: #9497a9;
    --stroke-ds-icon-strong: #fff;
    --stroke-ds-icon-dimmed: #686b82;
    --stroke-ds-icon-positive: #35df8d;
    --stroke-ds-icon-warning: #ffcd60;
    --stroke-ds-icon-negative: #ff7386;
    --stroke-ds-icon-info: #00adfe;
    --stroke-ds-icon-brand: #8a61ff;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #fff0;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #855bfb29;
    --ring-color-ds-circle-neutral-low: #686b8229;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c3962129;
    --ring-color-ds-circle-positive-low: #149e6129;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #7132f5;
    --ring-color-ds-circle-neutral-high: #686b82;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #149e61;
    --ring-color-ds-circle-info-high: #0092d8;
    --fill-ds-brand-brand: #855bfb;
    --fill-ds-brand-neutral: #fff;
    --fill-ds-brand-inverted: #000;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #9d82fe;
    --fill-ds-icon-neutral: #9497a9;
    --fill-ds-icon-strong: #fff;
    --fill-ds-icon-dimmed: #686b82;
    --fill-ds-icon-positive: #35df8d;
    --fill-ds-icon-warning: #ffcd60;
    --fill-ds-icon-negative: #ff7386;
    --fill-ds-icon-info: #00adfe;
    --fill-ds-icon-brand: #8a61ff;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #1f1b27;
    --background-image-ds-button-primary-high-gradient: linear-gradient(0deg, #5f5e8c80 0%, #5f5e8c00 100%), linear-gradient(0deg, #f7f7fa, #f7f7fa);
    --background-image-ds-button-primary-high-gradient-hover: linear-gradient(180deg, #f7f7fa 0%, #babace 100%);
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #1f1b27, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #1f1b27;
    --placeholder-color-ds-input: #9497a9;
    --caret-color-ds-input: #fff;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #8a61ff;
    --opacity-ds-table-cell-dimmed: .5;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8266
}

.pro-fe-light-theme {
    --colors-ds-semantic-action-primary-background: #7132f5;
    --colors-ds-semantic-action-primary-background-hover: #5b1ecf;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8214;
    --colors-ds-semantic-action-secondary-background-hover: #686b821f;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #484b5e;
    --colors-ds-semantic-border-default: #686b8229;
    --colors-ds-semantic-border-negative: #d11d45;
    --colors-ds-semantic-border-positive: #08844f;
    --colors-ds-semantic-border-strong: #686b82;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #7132f5;
    --colors-ds-semantic-content-dimmed: #9497a9;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #0079b4;
    --colors-ds-semantic-content-inverse: #fff;
    --colors-ds-semantic-content-negative: #d11d45;
    --colors-ds-semantic-content-neutral: #686b82;
    --colors-ds-semantic-content-positive: #08844f;
    --colors-ds-semantic-content-primary: #101114;
    --colors-ds-semantic-content-warning: #c39621;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #7132f5);
    --colors-ds-semantic-focus-ring-inverse: #fff;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #37187d;
    --colors-ds-semantic-status-brand-content-strong: #2b1463;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #7132f5;
    --colors-ds-semantic-status-brand-solid: #7132f5;
    --colors-ds-semantic-status-brand-subtle: #855bfb29;
    --colors-ds-semantic-status-info-content: #003c5c;
    --colors-ds-semantic-status-info-content-strong: #002940;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #006394;
    --colors-ds-semantic-status-info-solid: #0079b4;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #5f0018;
    --colors-ds-semantic-status-negative-content-strong: #3c000c;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #d11d45;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #1a1b22;
    --colors-ds-semantic-status-neutral-content-strong: #101114;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #484b5e;
    --colors-ds-semantic-status-neutral-solid: #9497a9;
    --colors-ds-semantic-status-neutral-subtle: #686b821f;
    --colors-ds-semantic-status-positive-content: #004224;
    --colors-ds-semantic-status-positive-content-strong: #002d17;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #026b3f;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #553c00;
    --colors-ds-semantic-status-warning-content-strong: #3b2a00;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #553c00;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c396213d;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #686b821f;
    --colors-ds-semantic-surface-overlay: #fff;
    --colors-ds-semantic-surface-page: #f6f5f9;
    --colors-ds-semantic-surface-raised: #fff;
    --colors-ds-semantic-surface-selected: #855bfb14;
    --colors-ds-semantic-surface-sunken: #9497a914;
    --colors-ds-primary: #101114;
    --colors-ds-neutral: #686b82;
    --colors-ds-dimmed: #9497a9;
    --colors-ds-positive: #08844f;
    --colors-ds-negative: #d11d45;
    --colors-ds-warning: #c39621;
    --colors-ds-brand: #7132f5;
    --colors-ds-info: #0079b4;
    --colors-ds-inverted: #fff;
    --colors-ds-disabled: #c6c7d2;
    --colors-ds-strong: #1a1b22;
    --colors-ds-subtle: #c6c7d2;
    --colors-ds-divider: #686b8229;
    --colors-ds-textlink-hover-primary: #686b82;
    --colors-ds-textlink-hover-brand: #471ca0;
    --colors-ds-textlink-hover-neutral: #101114;
    --colors-ds-textlink-hover-positive: #005531;
    --colors-ds-textlink-hover-negative: #840125;
    --colors-ds-textlink-hover-warning: #89640c;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #1018280a;
    --box-shadow-ds-2: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-3: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-4: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-5: 0px 20px 24px -4px #1018280f;
    --box-shadow-ds-6: 0px 24px 48px -12px #1018282e;
    --box-shadow-ds-7: 0px 32px 64px -12px #10182824;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #686b8229;
    --box-shadow-ds-banner: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-container: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 75px 0px #00000026;
    --box-shadow-ds-menu: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-popover: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --outline-color-ds-accordion: #7132f5;
    --outline-color-ds-button: #7132f5;
    --outline-color-ds-card-selected: #7132f5;
    --outline-color-ds-favourite-button: #7132f5;
    --outline-color-ds-input-error-focused: #f5395e;
    --outline-color-ds-input: #7132f5;
    --outline-color-ds-input-error: #f5395e;
    --outline-color-ds-legend-item-dimmed: #9497a9;
    --outline-color-ds-menu: #7132f5;
    --outline-color-ds-notification: #7132f5;
    --outline-color-ds-popover: #7132f5;
    --outline-color-ds-segmented-control: #7132f5;
    --outline-color-ds-selectable-card: #7132f5;
    --outline-color-ds-tabs: #7132f5;
    --outline-color-ds-table-header-cell: #7132f5;
    --outline-color-ds-textlink: #7132f5;
    --outline-color-ds-toggle: #7132f5;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #7132f5;
    --background-color-ds-badge-primary-low: #855bfb29;
    --background-color-ds-badge-neutral-high: #9497a9;
    --background-color-ds-badge-neutral-low: #686b821f;
    --background-color-ds-badge-positive-high: #149e61;
    --background-color-ds-badge-positive-low: #149e6129;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c396213d;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0079b4;
    --background-color-ds-badge-new-low: #855bfb29;
    --background-color-ds-badge-new-high: #7132f5;
    --background-color-ds-banner: #fff;
    --background-color-ds-button-primary-high: transparent;
    --background-color-ds-button-primary-high-hover: transparent;
    --background-color-ds-button-primary-medium: #686b8214;
    --background-color-ds-button-primary-medium-hover: #686b821f;
    --background-color-ds-button-primary-medium-active: #686b821f;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #686b8214;
    --background-color-ds-button-primary-low-active: #686b8214;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #101114;
    --background-color-ds-button-neutral-high-hover: #22232d;
    --background-color-ds-button-neutral-medium: #686b8214;
    --background-color-ds-button-neutral-medium-hover: #686b821f;
    --background-color-ds-button-neutral-medium-active: #686b821f;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #686b8214;
    --background-color-ds-button-neutral-low-active: #686b8214;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #08844f;
    --background-color-ds-button-positive-high-hover: #026b3f;
    --background-color-ds-button-positive-medium: #149e6129;
    --background-color-ds-button-positive-medium-hover: #149e613d;
    --background-color-ds-button-positive-medium-active: #149e613d;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #149e6129;
    --background-color-ds-button-positive-low-active: #149e6129;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #d11d45;
    --background-color-ds-button-negative-high-hover: #aa0132;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e3d;
    --background-color-ds-button-negative-medium-active: #f5395e3d;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c396213d;
    --background-color-ds-button-warning-medium-active: #c396213d;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #7132f5;
    --background-color-ds-button-brand-high-hover: #5b1ecf;
    --background-color-ds-button-brand-medium: #855bfb29;
    --background-color-ds-button-brand-medium-hover: #855bfb52;
    --background-color-ds-button-brand-medium-active: #855bfb52;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #855bfb29;
    --background-color-ds-button-brand-low-active: #855bfb29;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0079b4;
    --background-color-ds-button-info-high-hover: #00adfe;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #fff;
    --background-color-ds-button-inverted-high-hover: #ffffffe0;
    --background-color-ds-button-inverted-medium: #ffffff29;
    --background-color-ds-button-inverted-medium-hover: #ffffff3d;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #ffffff29;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #9497a914;
    --background-color-ds-card-disabled: #686b8214;
    --background-color-ds-card-selected: #855bfb14;
    --background-color-ds-card-hover: #9497a91f;
    --background-color-ds-card-selected-hover: #686b821f;
    --background-color-ds-card-background: #fff;
    --background-color-ds-card-background-hover: #ffffffb8;
    --background-color-ds-checkbox-unchecked: #686b8252;
    --background-color-ds-checkbox-unchecked-hover: #686b8266;
    --background-color-ds-checkbox-checked: #7132f5;
    --background-color-ds-checkbox-checked-hover: #5b1ecf;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e14;
    --background-color-ds-circle-primary-low: #855bfb29;
    --background-color-ds-circle-neutral-low: #686b821f;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c396213d;
    --background-color-ds-circle-positive-low: #149e6129;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #7132f5;
    --background-color-ds-circle-neutral-high: #9497a9;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #149e61;
    --background-color-ds-circle-info-high: #0079b4;
    --background-color-ds-container: #fff;
    --background-color-ds-container-glass: #686b8229;
    --background-color-ds-datepicker: #fff;
    --background-color-ds-datepicker-raised: #fff;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #7132f5;
    --background-color-ds-datepicker-selected-day-range: #855bfb29;
    --background-color-ds-dialog: #fff;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #686b8229;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: #fff;
    --background-color-ds-dropdown-button: #686b8214;
    --background-color-ds-dropdown-button-hover: #686b821f;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8214;
    --background-color-ds-filteritem-active: #686b821f;
    --background-color-ds-full-screen-dialog: #fff;
    --background-color-ds-input: #686b8214;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #f5395e;
    --background-color-ds-input-border-error-focused: #f5395e;
    --background-color-ds-input-border-focused: #7132f5;
    --background-color-ds-input-content-icon: #9497a9;
    --background-color-ds-input-content-input-text: #101114;
    --background-color-ds-input-content-label: #686b82;
    --background-color-ds-input-error: #686b8214;
    --background-color-ds-input-error-focused: #686b821f;
    --background-color-ds-input-focused: #686b820a;
    --background-color-ds-input-hover: #686b821f;
    --background-color-ds-input-selected: #686b820a;
    --background-color-ds-input-error-label: #f5395e14;
    --background-color-ds-input-background: #fff;
    --background-color-ds-input-background-hover: #fffc;
    --background-color-ds-input-background-selected: #fffc;
    --background-color-ds-inputerror-label: #f5395e14;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #686b8229;
    --background-color-ds-legend-item-dimmed: #9497a9;
    --background-color-ds-list-hover: #9497a91f;
    --background-color-ds-menu: #fff;
    --background-color-ds-menu-raised: #fff;
    --background-color-ds-menu-hover: #686b820a;
    --background-color-ds-menu-pressed: #686b8214;
    --background-color-ds-menu-active: #686b8214;
    --background-color-ds-menu-active-hover: #686b8214;
    --background-color-ds-notification-primary: #686b820a;
    --background-color-ds-notification-neutral: #686b820a;
    --background-color-ds-notification-negative: #f5395e0a;
    --background-color-ds-notification-warning: #c396210a;
    --background-color-ds-notification-positive: #149e610a;
    --background-color-ds-notification-info: #0092d80a;
    --background-color-ds-notification-primary-hover: #686b8214;
    --background-color-ds-notification-neutral-hover: #686b8214;
    --background-color-ds-notification-negative-hover: #f5395e14;
    --background-color-ds-notification-warning-hover: #c3962114;
    --background-color-ds-notification-positive-hover: #149e6114;
    --background-color-ds-notification-info-hover: #0092d814;
    --background-color-ds-pagination: #686b8214;
    --background-color-ds-pill: #855bfb29;
    --background-color-ds-pill-primary: #855bfb29;
    --background-color-ds-pill-neutral: #fff;
    --background-color-ds-popover: #fff;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-in-progress: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-info: #0092d829;
    --background-color-ds-progresstracker-warning: #c3962129;
    --background-color-ds-progresstracker-finished: #149e6129;
    --background-color-ds-radio-unchecked: #686b8252;
    --background-color-ds-radio-unchecked-hover: #686b8266;
    --background-color-ds-radio-checked: #7132f5;
    --background-color-ds-radio-checked-hover: #5b1ecf;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #855bfb;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b8266;
    --background-color-ds-scrollbar-thumb-hover: #686b823d;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #fff;
    --background-color-ds-segmented-control-inactive-high: #686b8214;
    --background-color-ds-segmented-control-active-primary: #fff;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #686b821f;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #9497a914;
    --background-color-ds-selectable-card-selected: #855bfb14;
    --background-color-ds-selectable-card-hover: #9497a91f;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b821f;
    --background-color-ds-consumerpagination: #c6c7d2;
    --background-color-ds-consumerpagination-active: #686b82;
    --background-color-ds-consumerpagination-hover: #9497a9;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #686b823d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #686b82;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #e5e6ec;
    --background-color-ds-tabs: #fff0;
    --background-color-ds-tabs-hover: #686b8214;
    --background-color-ds-tabs-active: #686b821f;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #fff;
    --background-color-ds-table-cell-sticky: #fff;
    --background-color-ds-table-cell-sticky-container: #fff;
    --background-color-ds-table-cell-sticky-dialog: #fff;
    --background-color-ds-table-cell-sticky-dialog-container: #fff;
    --background-color-ds-table-cell-sticky-container-card: #f7f7f8;
    --background-color-ds-table-cell-sticky-container-card-hover: #f1f1f3;
    --background-color-ds-table-cell-sticky-container-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #f9f9fa;
    --background-color-ds-table-header-cell-resize: #7132f5;
    --background-color-ds-table-header-cell-sticky: #fff;
    --background-color-ds-table-row-group: #686b820a;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b820a;
    --background-color-ds-table-row-hover: #686b820a;
    --background-color-ds-table-row: #fff;
    --background-color-ds-toggle-handle-on: #fff;
    --background-color-ds-toggle-handle-off: #fff;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #686b8252;
    --background-color-ds-tooltip: #eeeff3;
    --text-color-ds-accordion-primary: #686b82;
    --text-color-ds-accordion-disabled: #484b5e;
    --text-color-ds-accordion-hover: #101114;
    --text-color-ds-badge-primary: #7132f5;
    --text-color-ds-badge-neutral: #484b5e;
    --text-color-ds-badge-positive: #026b3f;
    --text-color-ds-badge-negative: #d11d45;
    --text-color-ds-badge-warning: #553c00;
    --text-color-ds-badge-high: #fff;
    --text-color-ds-asseticon-neutral: #fff;
    --text-color-ds-asseticon-inverted: #000;
    --text-color-ds-badge-high-inverse: #101114;
    --text-color-ds-badge-info: #006394;
    --text-color-ds-badge-new: #7132f5;
    --text-color-ds-brand-brand: #7132f5;
    --text-color-ds-brand-neutral: #000;
    --text-color-ds-brand-inverted: #fff;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #686b82;
    --text-color-ds-breadcrumbs-hover: #101114;
    --text-color-ds-breadcrumbs-selected: #101114;
    --text-color-ds-button-primary-high: #fff;
    --text-color-ds-button-primary-medium: #101114;
    --text-color-ds-button-primary-medium-hover: #101114;
    --text-color-ds-button-primary-low: #101114;
    --text-color-ds-button-primary-low-hover: #484b5e;
    --text-color-ds-button-primary-none: #484b5e;
    --text-color-ds-button-primary-none-hover: #101114;
    --text-color-ds-button-neutral-high: #fff;
    --text-color-ds-button-neutral-medium: #686b82;
    --text-color-ds-button-neutral-medium-hover: #101114;
    --text-color-ds-button-neutral-low: #484b5e;
    --text-color-ds-button-neutral-low-hover: #101114;
    --text-color-ds-button-neutral-none: #484b5e;
    --text-color-ds-button-neutral-none-hover: #101114;
    --text-color-ds-button-positive-high: #fff;
    --text-color-ds-button-positive-medium: #08844f;
    --text-color-ds-button-positive-medium-hover: #08844f;
    --text-color-ds-button-positive-low: #149e61;
    --text-color-ds-button-positive-low-hover: #149e61;
    --text-color-ds-button-positive-none: #149e61;
    --text-color-ds-button-positive-none-hover: #35df8d;
    --text-color-ds-button-negative-high: #fff;
    --text-color-ds-button-negative-medium: #d11d45;
    --text-color-ds-button-negative-medium-hover: #d11d45;
    --text-color-ds-button-negative-low: #d11d45;
    --text-color-ds-button-negative-low-hover: #d11d45;
    --text-color-ds-button-negative-none: #d11d45;
    --text-color-ds-button-negative-none-hover: #ff7386;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #a67c1d;
    --text-color-ds-button-warning-medium-hover: #a67c1d;
    --text-color-ds-button-warning-low: #a67c1d;
    --text-color-ds-button-warning-low-hover: #a67c1d;
    --text-color-ds-button-warning-none: #a67c1d;
    --text-color-ds-button-warning-none-hover: #e8b100;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #37187d;
    --text-color-ds-button-brand-medium-hover: #37187d;
    --text-color-ds-button-brand-low: #37187d;
    --text-color-ds-button-brand-low-hover: #2b1463;
    --text-color-ds-button-brand-none: #37187d;
    --text-color-ds-button-brand-none-hover: #2b1463;
    --text-color-ds-button-info-high: #fff;
    --text-color-ds-button-info-medium: #0079b4;
    --text-color-ds-button-info-medium-hover: #0079b4;
    --text-color-ds-button-info-low: #0079b4;
    --text-color-ds-button-info-low-hover: #0079b4;
    --text-color-ds-button-info-none: #0079b4;
    --text-color-ds-button-info-none-hover: #00adfe;
    --text-color-ds-button-inverted-high: #7132f5;
    --text-color-ds-button-inverted-medium: #fff;
    --text-color-ds-button-inverted-medium-hover: #fff;
    --text-color-ds-button-inverted-low: #fff;
    --text-color-ds-button-inverted-low-hover: #fff;
    --text-color-ds-button-inverted-none: #fff;
    --text-color-ds-button-inverted-none-hover: #fff;
    --text-color-ds-button-neutral-high-icon: #fff;
    --text-color-ds-checkbox-primary: #101114;
    --text-color-ds-checkbox-description: #686b82;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #101114;
    --text-color-ds-checkboxgroup-description: #686b82;
    --text-color-ds-checkboxgroup-error: #aa0132;
    --text-color-ds-circle-primary-low: #7132f5;
    --text-color-ds-circle-neutral-low: #484b5e;
    --text-color-ds-circle-positive-low: #026b3f;
    --text-color-ds-circle-warning-low: #6f5000;
    --text-color-ds-circle-negative-low: #d11d45;
    --text-color-ds-circle-info-low: #006394;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #7132f5;
    --text-color-ds-circle-border-neutral-high: #9497a9;
    --text-color-ds-circle-border-positive-high: #149e61;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0079b4;
    --text-color-ds-datepicker: #1a1b22;
    --text-color-ds-datepicker-weekday: #353746;
    --text-color-ds-datepicker-today: #353746;
    --text-color-ds-datepicker-disabled: #9497a9;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #686b82;
    --text-color-ds-dropdown-button-content-placeholder-hover: #101114;
    --text-color-ds-dropdown-button-content-text: #101114;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #484b5e;
    --text-color-ds-filteritem-active: #101114;
    --text-color-ds-input: #101114;
    --text-color-ds-input-icon: #9497a9;
    --text-color-ds-input-label: #686b82;
    --text-color-ds-input-error-label: #aa0132;
    --text-color-ds-inputerror-label: #aa0132;
    --text-color-ds-label-value: #0000000a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #686b82;
    --text-color-ds-menu: #686b82;
    --text-color-ds-menu-active: #7132f5;
    --text-color-ds-notification-primary: #101114;
    --text-color-ds-notification-neutral: #101114;
    --text-color-ds-notification-negative: #3c000c;
    --text-color-ds-notification-warning: #3b2a00;
    --text-color-ds-notification-positive: #002d17;
    --text-color-ds-notification-info: #002940;
    --text-color-ds-notification-subtitle-primary: #1a1b22;
    --text-color-ds-notification-subtitle-neutral: #1a1b22;
    --text-color-ds-notification-subtitle-negative: #5f0018;
    --text-color-ds-notification-subtitle-warning: #553c00;
    --text-color-ds-notification-subtitle-positive: #004224;
    --text-color-ds-notification-subtitle-info: #003c5c;
    --text-color-ds-pill: #7132f5;
    --text-color-ds-pill-primary: #7132f5;
    --text-color-ds-pill-neutral: #101114;
    --text-color-ds-radio-primary: #101114;
    --text-color-ds-radio-disabled: #c6c7d2;
    --text-color-ds-radio-description: #686b82;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #101114;
    --text-color-ds-radiogroup-description: #484b5e;
    --text-color-ds-radiogroup-error: #d11d45;
    --text-color-ds-segmented-control-inactive: #686b82;
    --text-color-ds-segmented-control-inactive-hover: #101114;
    --text-color-ds-segmented-control-active-primary: #101114;
    --text-color-ds-segmented-control-active-positive: #08844f;
    --text-color-ds-segmented-control-active-negative: #d11d45;
    --text-color-ds-segmented-control-active-primary-low: #101114;
    --text-color-ds-segmented-control-active-positive-low: #08844f;
    --text-color-ds-segmented-control-active-negative-low: #d11d45;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #fff;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #101114;
    --text-color-ds-spinner-neutral: #484b5e;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #08844f;
    --text-color-ds-spinner-negative: #d11d45;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #000;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #fff;
    --text-color-ds-stacked-asset-icons: #101114;
    --text-color-ds-tabs: #686b82;
    --text-color-ds-tabs-active: #101114;
    --text-color-ds-tabs-on-background: #686b82;
    --text-color-ds-tabs-on-background-active: #101114;
    --text-color-ds-text-duo-primary-main: #101114;
    --text-color-ds-text-duo-primary-duo: #686b82;
    --text-color-ds-text-duo-neutral-main: #686b82;
    --text-color-ds-text-duo-neutral-duo: #9497a9;
    --text-color-ds-text-duo-positive-main: #08844f;
    --text-color-ds-text-duo-positive-duo: #08844f;
    --text-color-ds-text-duo-negative-main: #d11d45;
    --text-color-ds-text-duo-negative-duo: #d11d45;
    --text-color-ds-tooltip-text: #686b82;
    --text-color-ds-tooltip-title: #101114;
    --border-color-ds-asset-conversion-icons-primary: #101114;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #7132f5;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #7132f5;
    --border-color-ds-datepicker: #686b8214;
    --border-color-ds-base-drawer: #fff;
    --border-color-ds-input-focused: #7132f5;
    --border-color-ds-input-error: #f5395e;
    --border-color-ds-input-error-focused: #f5395e;
    --border-color-ds-legend-item-dimmed: #9497a9;
    --border-color-ds-menu: #686b8214;
    --border-color-ds-menu-divider: #686b8229;
    --border-color-ds-popover: #686b8214;
    --border-color-ds-radio-primary-focus: #7132f5;
    --border-color-ds-selectable-card-selected: #7132f5;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header: #686b821f;
    --border-color-ds-table-header-cell-hover: #7132f5;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b823d;
    --stroke-ds-dropdown-button-content-icon: #686b82;
    --stroke-ds-dropdown-button-content-icon-hover: #101114;
    --stroke-ds-icon-primary: #7132f5;
    --stroke-ds-icon-neutral: #686b82;
    --stroke-ds-icon-strong: #1a1b22;
    --stroke-ds-icon-dimmed: #9497a9;
    --stroke-ds-icon-positive: #08844f;
    --stroke-ds-icon-warning: #c39621;
    --stroke-ds-icon-negative: #d11d45;
    --stroke-ds-icon-info: #0079b4;
    --stroke-ds-icon-brand: #7132f5;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #686b8214;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #855bfb29;
    --ring-color-ds-circle-neutral-low: #686b821f;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c396213d;
    --ring-color-ds-circle-positive-low: #149e6129;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #7132f5;
    --ring-color-ds-circle-neutral-high: #9497a9;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #149e61;
    --ring-color-ds-circle-info-high: #0079b4;
    --fill-ds-brand-brand: #7132f5;
    --fill-ds-brand-neutral: #000;
    --fill-ds-brand-inverted: #fff;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #7132f5;
    --fill-ds-icon-neutral: #686b82;
    --fill-ds-icon-strong: #1a1b22;
    --fill-ds-icon-dimmed: #9497a9;
    --fill-ds-icon-positive: #08844f;
    --fill-ds-icon-warning: #c39621;
    --fill-ds-icon-negative: #d11d45;
    --fill-ds-icon-info: #0079b4;
    --fill-ds-icon-brand: #7132f5;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #fff;
    --background-image-ds-button-primary-high-gradient: linear-gradient(180deg, #5f5e8c80 0%, #5f5e8c00 100%), linear-gradient(0deg, #101114, #101114);
    --background-image-ds-button-primary-high-gradient-hover: linear-gradient(180deg, #303044 0%, #101114 100%);
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #fff, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #fff;
    --placeholder-color-ds-input: #686b82;
    --caret-color-ds-input: inherit;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #7132f5;
    --opacity-ds-table-cell-dimmed: .4;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8252
}

.pro-light-theme {
    --colors-ds-semantic-action-primary-background: #7132f5;
    --colors-ds-semantic-action-primary-background-hover: #5b1ecf;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8214;
    --colors-ds-semantic-action-secondary-background-hover: #686b821f;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #484b5e;
    --colors-ds-semantic-border-default: #686b8229;
    --colors-ds-semantic-border-negative: #d11d45;
    --colors-ds-semantic-border-positive: #08844f;
    --colors-ds-semantic-border-strong: #686b82;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #7132f5;
    --colors-ds-semantic-content-dimmed: #9497a9;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #0079b4;
    --colors-ds-semantic-content-inverse: #fff;
    --colors-ds-semantic-content-negative: #d11d45;
    --colors-ds-semantic-content-neutral: #686b82;
    --colors-ds-semantic-content-positive: #08844f;
    --colors-ds-semantic-content-primary: #101114;
    --colors-ds-semantic-content-warning: #c39621;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #7132f5);
    --colors-ds-semantic-focus-ring-inverse: #fff;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #37187d;
    --colors-ds-semantic-status-brand-content-strong: #2b1463;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #7132f5;
    --colors-ds-semantic-status-brand-solid: #7132f5;
    --colors-ds-semantic-status-brand-subtle: #855bfb29;
    --colors-ds-semantic-status-info-content: #003c5c;
    --colors-ds-semantic-status-info-content-strong: #002940;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #006394;
    --colors-ds-semantic-status-info-solid: #0079b4;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #5f0018;
    --colors-ds-semantic-status-negative-content-strong: #3c000c;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #d11d45;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #1a1b22;
    --colors-ds-semantic-status-neutral-content-strong: #101114;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #484b5e;
    --colors-ds-semantic-status-neutral-solid: #9497a9;
    --colors-ds-semantic-status-neutral-subtle: #686b821f;
    --colors-ds-semantic-status-positive-content: #004224;
    --colors-ds-semantic-status-positive-content-strong: #002d17;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #026b3f;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #553c00;
    --colors-ds-semantic-status-warning-content-strong: #3b2a00;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #553c00;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c396213d;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #686b821f;
    --colors-ds-semantic-surface-overlay: #fff;
    --colors-ds-semantic-surface-page: #f6f5f9;
    --colors-ds-semantic-surface-raised: #fff;
    --colors-ds-semantic-surface-selected: #855bfb14;
    --colors-ds-semantic-surface-sunken: #9497a914;
    --colors-ds-primary: #101114;
    --colors-ds-neutral: #686b82;
    --colors-ds-dimmed: #9497a9;
    --colors-ds-positive: #08844f;
    --colors-ds-negative: #d11d45;
    --colors-ds-warning: #c39621;
    --colors-ds-brand: #7132f5;
    --colors-ds-info: #0079b4;
    --colors-ds-inverted: #fff;
    --colors-ds-disabled: #c6c7d2;
    --colors-ds-strong: #1a1b22;
    --colors-ds-subtle: #c6c7d2;
    --colors-ds-divider: #686b8229;
    --colors-ds-textlink-hover-primary: #686b82;
    --colors-ds-textlink-hover-brand: #471ca0;
    --colors-ds-textlink-hover-neutral: #101114;
    --colors-ds-textlink-hover-positive: #005531;
    --colors-ds-textlink-hover-negative: #840125;
    --colors-ds-textlink-hover-warning: #89640c;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #1018280a;
    --box-shadow-ds-2: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-3: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-4: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-5: 0px 20px 24px -4px #1018280f;
    --box-shadow-ds-6: 0px 24px 48px -12px #1018282e;
    --box-shadow-ds-7: 0px 32px 64px -12px #10182824;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #686b8229;
    --box-shadow-ds-banner: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-container: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 75px 0px #00000026;
    --box-shadow-ds-menu: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-popover: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --outline-color-ds-accordion: #7132f5;
    --outline-color-ds-button: #7132f5;
    --outline-color-ds-card-selected: #7132f5;
    --outline-color-ds-favourite-button: #7132f5;
    --outline-color-ds-input-error-focused: #f5395e;
    --outline-color-ds-input: #7132f5;
    --outline-color-ds-input-error: #f5395e;
    --outline-color-ds-legend-item-dimmed: #9497a9;
    --outline-color-ds-menu: #7132f5;
    --outline-color-ds-notification: #7132f5;
    --outline-color-ds-popover: #7132f5;
    --outline-color-ds-segmented-control: #7132f5;
    --outline-color-ds-selectable-card: #7132f5;
    --outline-color-ds-tabs: #7132f5;
    --outline-color-ds-table-header-cell: #7132f5;
    --outline-color-ds-textlink: #7132f5;
    --outline-color-ds-toggle: #7132f5;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #7132f5;
    --background-color-ds-badge-primary-low: #855bfb29;
    --background-color-ds-badge-neutral-high: #9497a9;
    --background-color-ds-badge-neutral-low: #686b821f;
    --background-color-ds-badge-positive-high: #149e61;
    --background-color-ds-badge-positive-low: #149e6129;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c396213d;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0079b4;
    --background-color-ds-badge-new-low: #855bfb29;
    --background-color-ds-badge-new-high: #7132f5;
    --background-color-ds-banner: #fff;
    --background-color-ds-button-primary-high: #7132f5;
    --background-color-ds-button-primary-high-hover: #5b1ecf;
    --background-color-ds-button-primary-medium: #855bfb29;
    --background-color-ds-button-primary-medium-hover: #855bfb52;
    --background-color-ds-button-primary-medium-active: #855bfb52;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #686b8214;
    --background-color-ds-button-primary-low-active: #686b8214;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #101114;
    --background-color-ds-button-neutral-high-hover: #22232d;
    --background-color-ds-button-neutral-medium: #686b8214;
    --background-color-ds-button-neutral-medium-hover: #686b821f;
    --background-color-ds-button-neutral-medium-active: #686b821f;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #686b8214;
    --background-color-ds-button-neutral-low-active: #686b8214;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #08844f;
    --background-color-ds-button-positive-high-hover: #026b3f;
    --background-color-ds-button-positive-medium: #149e6129;
    --background-color-ds-button-positive-medium-hover: #149e613d;
    --background-color-ds-button-positive-medium-active: #149e613d;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #149e6129;
    --background-color-ds-button-positive-low-active: #149e6129;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #d11d45;
    --background-color-ds-button-negative-high-hover: #aa0132;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e3d;
    --background-color-ds-button-negative-medium-active: #f5395e3d;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c396213d;
    --background-color-ds-button-warning-medium-active: #c396213d;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #7132f5;
    --background-color-ds-button-brand-high-hover: #5b1ecf;
    --background-color-ds-button-brand-medium: #855bfb29;
    --background-color-ds-button-brand-medium-hover: #855bfb52;
    --background-color-ds-button-brand-medium-active: #855bfb52;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #855bfb29;
    --background-color-ds-button-brand-low-active: #855bfb29;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0079b4;
    --background-color-ds-button-info-high-hover: #00adfe;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #fff;
    --background-color-ds-button-inverted-high-hover: #ffffffe0;
    --background-color-ds-button-inverted-medium: #ffffff29;
    --background-color-ds-button-inverted-medium-hover: #ffffff3d;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #ffffff29;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #9497a914;
    --background-color-ds-card-disabled: #686b8214;
    --background-color-ds-card-selected: #855bfb14;
    --background-color-ds-card-hover: #9497a91f;
    --background-color-ds-card-selected-hover: #686b821f;
    --background-color-ds-card-background: #fff;
    --background-color-ds-card-background-hover: #ffffffb8;
    --background-color-ds-checkbox-unchecked: #686b8252;
    --background-color-ds-checkbox-unchecked-hover: #686b8266;
    --background-color-ds-checkbox-checked: #7132f5;
    --background-color-ds-checkbox-checked-hover: #5b1ecf;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e14;
    --background-color-ds-circle-primary-low: #855bfb29;
    --background-color-ds-circle-neutral-low: #686b821f;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c396213d;
    --background-color-ds-circle-positive-low: #149e6129;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #7132f5;
    --background-color-ds-circle-neutral-high: #9497a9;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #149e61;
    --background-color-ds-circle-info-high: #0079b4;
    --background-color-ds-container: #fff;
    --background-color-ds-container-glass: #686b8229;
    --background-color-ds-datepicker: #fff;
    --background-color-ds-datepicker-raised: #fff;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #7132f5;
    --background-color-ds-datepicker-selected-day-range: #855bfb29;
    --background-color-ds-dialog: #fff;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #686b8229;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: #fff;
    --background-color-ds-dropdown-button: #686b8214;
    --background-color-ds-dropdown-button-hover: #686b821f;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8214;
    --background-color-ds-filteritem-active: #686b821f;
    --background-color-ds-full-screen-dialog: #fff;
    --background-color-ds-input: #686b8214;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #f5395e;
    --background-color-ds-input-border-error-focused: #f5395e;
    --background-color-ds-input-border-focused: #7132f5;
    --background-color-ds-input-content-icon: #9497a9;
    --background-color-ds-input-content-input-text: #101114;
    --background-color-ds-input-content-label: #686b82;
    --background-color-ds-input-error: #686b8214;
    --background-color-ds-input-error-focused: #686b821f;
    --background-color-ds-input-focused: #686b820a;
    --background-color-ds-input-hover: #686b821f;
    --background-color-ds-input-selected: #686b820a;
    --background-color-ds-input-error-label: #f5395e14;
    --background-color-ds-input-background: #fff;
    --background-color-ds-input-background-hover: #fffc;
    --background-color-ds-input-background-selected: #fffc;
    --background-color-ds-inputerror-label: #f5395e14;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #686b8229;
    --background-color-ds-legend-item-dimmed: #9497a9;
    --background-color-ds-list-hover: #9497a91f;
    --background-color-ds-menu: #fff;
    --background-color-ds-menu-raised: #fff;
    --background-color-ds-menu-hover: #686b820a;
    --background-color-ds-menu-pressed: #686b8214;
    --background-color-ds-menu-active: #686b8214;
    --background-color-ds-menu-active-hover: #686b8214;
    --background-color-ds-notification-primary: #855bfb14;
    --background-color-ds-notification-neutral: #686b8214;
    --background-color-ds-notification-negative: #f5395e14;
    --background-color-ds-notification-warning: #c3962114;
    --background-color-ds-notification-positive: #149e6114;
    --background-color-ds-notification-info: #0092d814;
    --background-color-ds-notification-primary-hover: #855bfb29;
    --background-color-ds-notification-neutral-hover: #686b8229;
    --background-color-ds-notification-negative-hover: #f5395e29;
    --background-color-ds-notification-warning-hover: #c3962129;
    --background-color-ds-notification-positive-hover: #149e6129;
    --background-color-ds-notification-info-hover: #0092d829;
    --background-color-ds-pagination: #686b8214;
    --background-color-ds-pill: #855bfb29;
    --background-color-ds-pill-primary: #855bfb29;
    --background-color-ds-pill-neutral: #fff;
    --background-color-ds-popover: #fff;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-in-progress: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-info: #0092d829;
    --background-color-ds-progresstracker-warning: #c3962129;
    --background-color-ds-progresstracker-finished: #149e6129;
    --background-color-ds-radio-unchecked: #686b8252;
    --background-color-ds-radio-unchecked-hover: #686b8266;
    --background-color-ds-radio-checked: #7132f5;
    --background-color-ds-radio-checked-hover: #5b1ecf;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #855bfb;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b8266;
    --background-color-ds-scrollbar-thumb-hover: #686b823d;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #fff;
    --background-color-ds-segmented-control-inactive-high: #686b821f;
    --background-color-ds-segmented-control-active-primary: #fff;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #686b821f;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #9497a914;
    --background-color-ds-selectable-card-selected: #855bfb14;
    --background-color-ds-selectable-card-hover: #9497a91f;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b821f;
    --background-color-ds-consumerpagination: #c6c7d2;
    --background-color-ds-consumerpagination-active: #686b82;
    --background-color-ds-consumerpagination-hover: #9497a9;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #686b823d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #686b82;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #e5e6ec;
    --background-color-ds-tabs: #686b820a;
    --background-color-ds-tabs-hover: #686b8214;
    --background-color-ds-tabs-active: #686b821f;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #fff;
    --background-color-ds-table-cell-sticky: #fff;
    --background-color-ds-table-cell-sticky-container: #fff;
    --background-color-ds-table-cell-sticky-dialog: #fff;
    --background-color-ds-table-cell-sticky-dialog-container: #fff;
    --background-color-ds-table-cell-sticky-container-card: #f7f7f8;
    --background-color-ds-table-cell-sticky-container-card-hover: #f1f1f3;
    --background-color-ds-table-cell-sticky-container-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #f9f9fa;
    --background-color-ds-table-header-cell-resize: #7132f5;
    --background-color-ds-table-header-cell-sticky: #fff;
    --background-color-ds-table-row-group: #686b820a;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b820a;
    --background-color-ds-table-row-hover: #686b820a;
    --background-color-ds-table-row: #fff;
    --background-color-ds-toggle-handle-on: #fff;
    --background-color-ds-toggle-handle-off: #fff;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #686b8252;
    --background-color-ds-tooltip: #eeeff3;
    --text-color-ds-accordion-primary: #686b82;
    --text-color-ds-accordion-disabled: #484b5e;
    --text-color-ds-accordion-hover: #101114;
    --text-color-ds-badge-primary: #7132f5;
    --text-color-ds-badge-neutral: #484b5e;
    --text-color-ds-badge-positive: #026b3f;
    --text-color-ds-badge-negative: #d11d45;
    --text-color-ds-badge-warning: #553c00;
    --text-color-ds-badge-high: #fff;
    --text-color-ds-asseticon-neutral: #fff;
    --text-color-ds-asseticon-inverted: #000;
    --text-color-ds-badge-high-inverse: #101114;
    --text-color-ds-badge-info: #006394;
    --text-color-ds-badge-new: #7132f5;
    --text-color-ds-brand-brand: #7132f5;
    --text-color-ds-brand-neutral: #000;
    --text-color-ds-brand-inverted: #fff;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #686b82;
    --text-color-ds-breadcrumbs-hover: #101114;
    --text-color-ds-breadcrumbs-selected: #101114;
    --text-color-ds-button-primary-high: #fff;
    --text-color-ds-button-primary-medium: #7132f5;
    --text-color-ds-button-primary-medium-hover: #7132f5;
    --text-color-ds-button-primary-low: #101114;
    --text-color-ds-button-primary-low-hover: #101114;
    --text-color-ds-button-primary-none: #101114;
    --text-color-ds-button-primary-none-hover: #686b82;
    --text-color-ds-button-neutral-high: #fff;
    --text-color-ds-button-neutral-medium: #484b5e;
    --text-color-ds-button-neutral-medium-hover: #101114;
    --text-color-ds-button-neutral-low: #484b5e;
    --text-color-ds-button-neutral-low-hover: #101114;
    --text-color-ds-button-neutral-none: #484b5e;
    --text-color-ds-button-neutral-none-hover: #101114;
    --text-color-ds-button-positive-high: #fff;
    --text-color-ds-button-positive-medium: #08844f;
    --text-color-ds-button-positive-medium-hover: #08844f;
    --text-color-ds-button-positive-low: #149e61;
    --text-color-ds-button-positive-low-hover: #149e61;
    --text-color-ds-button-positive-none: #149e61;
    --text-color-ds-button-positive-none-hover: #35df8d;
    --text-color-ds-button-negative-high: #fff;
    --text-color-ds-button-negative-medium: #d11d45;
    --text-color-ds-button-negative-medium-hover: #d11d45;
    --text-color-ds-button-negative-low: #d11d45;
    --text-color-ds-button-negative-low-hover: #d11d45;
    --text-color-ds-button-negative-none: #d11d45;
    --text-color-ds-button-negative-none-hover: #ff7386;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #a67c1d;
    --text-color-ds-button-warning-medium-hover: #a67c1d;
    --text-color-ds-button-warning-low: #a67c1d;
    --text-color-ds-button-warning-low-hover: #a67c1d;
    --text-color-ds-button-warning-none: #a67c1d;
    --text-color-ds-button-warning-none-hover: #e8b100;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #37187d;
    --text-color-ds-button-brand-medium-hover: #37187d;
    --text-color-ds-button-brand-low: #37187d;
    --text-color-ds-button-brand-low-hover: #2b1463;
    --text-color-ds-button-brand-none: #37187d;
    --text-color-ds-button-brand-none-hover: #2b1463;
    --text-color-ds-button-info-high: #fff;
    --text-color-ds-button-info-medium: #0079b4;
    --text-color-ds-button-info-medium-hover: #0079b4;
    --text-color-ds-button-info-low: #0079b4;
    --text-color-ds-button-info-low-hover: #0079b4;
    --text-color-ds-button-info-none: #0079b4;
    --text-color-ds-button-info-none-hover: #00adfe;
    --text-color-ds-button-inverted-high: #7132f5;
    --text-color-ds-button-inverted-medium: #fff;
    --text-color-ds-button-inverted-medium-hover: #fff;
    --text-color-ds-button-inverted-low: #fff;
    --text-color-ds-button-inverted-low-hover: #fff;
    --text-color-ds-button-inverted-none: #fff;
    --text-color-ds-button-inverted-none-hover: #fff;
    --text-color-ds-button-neutral-high-icon: #fff;
    --text-color-ds-checkbox-primary: #101114;
    --text-color-ds-checkbox-description: #686b82;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #101114;
    --text-color-ds-checkboxgroup-description: #686b82;
    --text-color-ds-checkboxgroup-error: #aa0132;
    --text-color-ds-circle-primary-low: #7132f5;
    --text-color-ds-circle-neutral-low: #484b5e;
    --text-color-ds-circle-positive-low: #026b3f;
    --text-color-ds-circle-warning-low: #6f5000;
    --text-color-ds-circle-negative-low: #d11d45;
    --text-color-ds-circle-info-low: #006394;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #7132f5;
    --text-color-ds-circle-border-neutral-high: #9497a9;
    --text-color-ds-circle-border-positive-high: #149e61;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0079b4;
    --text-color-ds-datepicker: #1a1b22;
    --text-color-ds-datepicker-weekday: #353746;
    --text-color-ds-datepicker-today: #353746;
    --text-color-ds-datepicker-disabled: #9497a9;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #686b82;
    --text-color-ds-dropdown-button-content-placeholder-hover: #101114;
    --text-color-ds-dropdown-button-content-text: #101114;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #484b5e;
    --text-color-ds-filteritem-active: #101114;
    --text-color-ds-input: #101114;
    --text-color-ds-input-icon: #9497a9;
    --text-color-ds-input-label: #686b82;
    --text-color-ds-input-error-label: #aa0132;
    --text-color-ds-inputerror-label: #aa0132;
    --text-color-ds-label-value: #0000000a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #686b82;
    --text-color-ds-menu: #686b82;
    --text-color-ds-menu-active: #7132f5;
    --text-color-ds-notification-primary: #2b1463;
    --text-color-ds-notification-neutral: #101114;
    --text-color-ds-notification-negative: #3c000c;
    --text-color-ds-notification-warning: #3b2a00;
    --text-color-ds-notification-positive: #002d17;
    --text-color-ds-notification-info: #002940;
    --text-color-ds-notification-subtitle-primary: #37187d;
    --text-color-ds-notification-subtitle-neutral: #1a1b22;
    --text-color-ds-notification-subtitle-negative: #5f0018;
    --text-color-ds-notification-subtitle-warning: #553c00;
    --text-color-ds-notification-subtitle-positive: #004224;
    --text-color-ds-notification-subtitle-info: #003c5c;
    --text-color-ds-pill: #7132f5;
    --text-color-ds-pill-primary: #7132f5;
    --text-color-ds-pill-neutral: #101114;
    --text-color-ds-radio-primary: #101114;
    --text-color-ds-radio-disabled: #c6c7d2;
    --text-color-ds-radio-description: #686b82;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #101114;
    --text-color-ds-radiogroup-description: #484b5e;
    --text-color-ds-radiogroup-error: #d11d45;
    --text-color-ds-segmented-control-inactive: #686b82;
    --text-color-ds-segmented-control-inactive-hover: #101114;
    --text-color-ds-segmented-control-active-primary: #101114;
    --text-color-ds-segmented-control-active-positive: #08844f;
    --text-color-ds-segmented-control-active-negative: #d11d45;
    --text-color-ds-segmented-control-active-primary-low: #101114;
    --text-color-ds-segmented-control-active-positive-low: #08844f;
    --text-color-ds-segmented-control-active-negative-low: #d11d45;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #fff;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #101114;
    --text-color-ds-spinner-neutral: #484b5e;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #08844f;
    --text-color-ds-spinner-negative: #d11d45;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #000;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #fff;
    --text-color-ds-stacked-asset-icons: #101114;
    --text-color-ds-tabs: #686b82;
    --text-color-ds-tabs-active: #101114;
    --text-color-ds-tabs-on-background: #686b82;
    --text-color-ds-tabs-on-background-active: #101114;
    --text-color-ds-text-duo-primary-main: #101114;
    --text-color-ds-text-duo-primary-duo: #686b82;
    --text-color-ds-text-duo-neutral-main: #686b82;
    --text-color-ds-text-duo-neutral-duo: #9497a9;
    --text-color-ds-text-duo-positive-main: #08844f;
    --text-color-ds-text-duo-positive-duo: #08844f;
    --text-color-ds-text-duo-negative-main: #d11d45;
    --text-color-ds-text-duo-negative-duo: #d11d45;
    --text-color-ds-tooltip-text: #686b82;
    --text-color-ds-tooltip-title: #101114;
    --border-color-ds-asset-conversion-icons-primary: #101114;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #7132f5;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #7132f5;
    --border-color-ds-datepicker: #686b8214;
    --border-color-ds-base-drawer: #fff;
    --border-color-ds-input-focused: #7132f5;
    --border-color-ds-input-error: #f5395e;
    --border-color-ds-input-error-focused: #f5395e;
    --border-color-ds-legend-item-dimmed: #9497a9;
    --border-color-ds-menu: #686b8214;
    --border-color-ds-menu-divider: #686b8229;
    --border-color-ds-popover: #686b8214;
    --border-color-ds-radio-primary-focus: #7132f5;
    --border-color-ds-selectable-card-selected: #7132f5;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header: #686b821f;
    --border-color-ds-table-header-cell-hover: #7132f5;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b823d;
    --stroke-ds-dropdown-button-content-icon: #686b82;
    --stroke-ds-dropdown-button-content-icon-hover: #101114;
    --stroke-ds-icon-primary: #7132f5;
    --stroke-ds-icon-neutral: #686b82;
    --stroke-ds-icon-strong: #1a1b22;
    --stroke-ds-icon-dimmed: #9497a9;
    --stroke-ds-icon-positive: #08844f;
    --stroke-ds-icon-warning: #c39621;
    --stroke-ds-icon-negative: #d11d45;
    --stroke-ds-icon-info: #0079b4;
    --stroke-ds-icon-brand: #7132f5;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #686b8214;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #855bfb29;
    --ring-color-ds-circle-neutral-low: #686b821f;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c396213d;
    --ring-color-ds-circle-positive-low: #149e6129;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #7132f5;
    --ring-color-ds-circle-neutral-high: #9497a9;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #149e61;
    --ring-color-ds-circle-info-high: #0079b4;
    --fill-ds-brand-brand: #7132f5;
    --fill-ds-brand-neutral: #000;
    --fill-ds-brand-inverted: #fff;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #7132f5;
    --fill-ds-icon-neutral: #686b82;
    --fill-ds-icon-strong: #1a1b22;
    --fill-ds-icon-dimmed: #9497a9;
    --fill-ds-icon-positive: #08844f;
    --fill-ds-icon-warning: #c39621;
    --fill-ds-icon-negative: #d11d45;
    --fill-ds-icon-info: #0079b4;
    --fill-ds-icon-brand: #7132f5;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #fff;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #fff, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #fff;
    --placeholder-color-ds-input: #686b82;
    --caret-color-ds-input: inherit;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #7132f5;
    --opacity-ds-table-cell-dimmed: .4;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8252
}

.pro-premium-dark-theme {
    --colors-ds-semantic-action-primary-background: #fafafa;
    --colors-ds-semantic-action-primary-background-hover: #fafafa;
    --colors-ds-semantic-action-primary-foreground: #050506;
    --colors-ds-semantic-action-secondary-background: #70718714;
    --colors-ds-semantic-action-secondary-background-hover: #70718729;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #cbcbd3;
    --colors-ds-semantic-border-default: #7071873d;
    --colors-ds-semantic-border-negative: #ff3d5a;
    --colors-ds-semantic-border-positive: #00da80;
    --colors-ds-semantic-border-strong: #707187;
    --colors-ds-semantic-border-subtle: #70718729;
    --colors-ds-semantic-content-brand: #7132f5;
    --colors-ds-semantic-content-dimmed: #707187;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #00adfe;
    --colors-ds-semantic-content-inverse: #050506;
    --colors-ds-semantic-content-negative: #ff3d5a;
    --colors-ds-semantic-content-neutral: #85869b;
    --colors-ds-semantic-content-positive: #00da80;
    --colors-ds-semantic-content-primary: #fff;
    --colors-ds-semantic-content-warning: #fec43b;
    --colors-ds-semantic-focus-ring: #fafafa;
    --colors-ds-semantic-focus-ring-inverse: #050506;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #e3e3e8;
    --colors-ds-semantic-status-brand-content-strong: #fafafa;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #fafafa;
    --colors-ds-semantic-status-brand-solid: #707187;
    --colors-ds-semantic-status-brand-subtle: #70718729;
    --colors-ds-semantic-status-info-content: #c7e1ff;
    --colors-ds-semantic-status-info-content-strong: #e7f2ff;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #00adfe;
    --colors-ds-semantic-status-info-solid: #0092d8;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #ffc3c3;
    --colors-ds-semantic-status-negative-content-strong: #ffe4e3;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #ff767e;
    --colors-ds-semantic-status-negative-solid: #ff3d5a;
    --colors-ds-semantic-status-negative-subtle: #ff3d5a29;
    --colors-ds-semantic-status-neutral-content: #e3e3e8;
    --colors-ds-semantic-status-neutral-content-strong: #fafafa;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #85869b;
    --colors-ds-semantic-status-neutral-solid: #707187;
    --colors-ds-semantic-status-neutral-subtle: #70718729;
    --colors-ds-semantic-status-positive-content: #97ffbe;
    --colors-ds-semantic-status-positive-content-strong: #f4fff7;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #2bf393;
    --colors-ds-semantic-status-positive-solid: #00da80;
    --colors-ds-semantic-status-positive-subtle: #00c07029;
    --colors-ds-semantic-status-warning-content: #fee1a4;
    --colors-ds-semantic-status-warning-content-strong: #fff8e9;
    --colors-ds-semantic-status-warning-on-solid: #050506;
    --colors-ds-semantic-status-warning-on-subtle: #fec43b;
    --colors-ds-semantic-status-warning-solid: #e9ac13;
    --colors-ds-semantic-status-warning-subtle: #d1950f29;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #7071873d;
    --colors-ds-semantic-surface-overlay: #7071877a;
    --colors-ds-semantic-surface-page: #050506;
    --colors-ds-semantic-surface-raised: #7071873d;
    --colors-ds-semantic-surface-selected: #7071870a;
    --colors-ds-semantic-surface-sunken: #7071871f;
    --colors-ds-primary: #fff;
    --colors-ds-neutral: #85869b;
    --colors-ds-dimmed: #707187;
    --colors-ds-positive: #00da80;
    --colors-ds-negative: #ff3d5a;
    --colors-ds-warning: #fec43b;
    --colors-ds-brand: #7132f5;
    --colors-ds-info: #00adfe;
    --colors-ds-inverted: #050506;
    --colors-ds-disabled: #484b5e;
    --colors-ds-strong: #fff;
    --colors-ds-subtle: #5b5c70;
    --colors-ds-divider: #7071873d;
    --colors-ds-textlink-hover-primary: #85869b;
    --colors-ds-textlink-hover-brand: #b8a8ff;
    --colors-ds-textlink-hover-neutral: #fff;
    --colors-ds-textlink-hover-positive: #00c070;
    --colors-ds-textlink-hover-negative: #ff3d5a;
    --colors-ds-textlink-hover-warning: #d1950f;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #00000026;
    --box-shadow-ds-2: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-3: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-4: 0px 12px 16px -4px #00000026;
    --box-shadow-ds-5: 0px 20px 24px -4px #00000026;
    --box-shadow-ds-6: 0px 24px 48px -12px #0000004d;
    --box-shadow-ds-7: 0px 32px 64px -12px #0000004d;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #7071873d;
    --box-shadow-ds-banner: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-container: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #00000026, 0px 4px 8px -2px #00000026;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 150px 0px #000;
    --box-shadow-ds-menu: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --box-shadow-ds-popover: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #00000026;
    --outline-color-ds-accordion: #fafafa;
    --outline-color-ds-button: #fafafa;
    --outline-color-ds-card-selected: #fafafa;
    --outline-color-ds-favourite-button: #fafafa;
    --outline-color-ds-input-error-focused: #ff3d5a;
    --outline-color-ds-input: #fafafa;
    --outline-color-ds-input-error: #ff3d5a;
    --outline-color-ds-legend-item-dimmed: #707187;
    --outline-color-ds-menu: #fafafa;
    --outline-color-ds-notification: #fafafa;
    --outline-color-ds-popover: #fafafa;
    --outline-color-ds-segmented-control: #fafafa;
    --outline-color-ds-selectable-card: #fafafa;
    --outline-color-ds-tabs: #fafafa;
    --outline-color-ds-table-header-cell: #fafafa;
    --outline-color-ds-textlink: #fafafa;
    --outline-color-ds-toggle: #fafafa;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #fafafa;
    --background-color-ds-badge-primary-low: #70718729;
    --background-color-ds-badge-neutral-high: #707187;
    --background-color-ds-badge-neutral-low: #70718729;
    --background-color-ds-badge-positive-high: #00da80;
    --background-color-ds-badge-positive-low: #00c07029;
    --background-color-ds-badge-negative-high: #ff3d5a;
    --background-color-ds-badge-negative-low: #ff3d5a29;
    --background-color-ds-badge-warning-high: #e9ac13;
    --background-color-ds-badge-warning-low: #d1950f29;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0092d8;
    --background-color-ds-badge-new-low: #70718729;
    --background-color-ds-badge-new-high: #fafafa;
    --background-color-ds-banner: #1a1b22;
    --background-color-ds-button-primary-high: #fafafa;
    --background-color-ds-button-primary-high-hover: #fafafa;
    --background-color-ds-button-primary-medium: #70718729;
    --background-color-ds-button-primary-medium-hover: #7071873d;
    --background-color-ds-button-primary-medium-active: #7071873d;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #70718714;
    --background-color-ds-button-primary-low-active: #70718714;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #b3b4c1;
    --background-color-ds-button-neutral-high-hover: #85869b;
    --background-color-ds-button-neutral-medium: #fff0;
    --background-color-ds-button-neutral-medium-hover: #7071871f;
    --background-color-ds-button-neutral-medium-active: #7071871f;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #70718714;
    --background-color-ds-button-neutral-low-active: #70718714;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #2bf393;
    --background-color-ds-button-positive-high-hover: #97ffbe;
    --background-color-ds-button-positive-medium: #00c07029;
    --background-color-ds-button-positive-medium-hover: #149e6152;
    --background-color-ds-button-positive-medium-active: #149e6152;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #00c07029;
    --background-color-ds-button-positive-low-active: #00c07029;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #ff3d5a;
    --background-color-ds-button-negative-high-hover: #ff767e;
    --background-color-ds-button-negative-medium: #ff3d5a29;
    --background-color-ds-button-negative-medium-hover: #f5395e52;
    --background-color-ds-button-negative-medium-active: #f5395e52;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #ff3d5a29;
    --background-color-ds-button-negative-low-active: #ff3d5a29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #fec43b;
    --background-color-ds-button-warning-high-hover: #e9ac13;
    --background-color-ds-button-warning-medium: #e8b1001f;
    --background-color-ds-button-warning-medium-hover: #e8b1003d;
    --background-color-ds-button-warning-medium-active: #e8b1003d;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #e8b10029;
    --background-color-ds-button-warning-low-active: #e8b10029;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #fafafa;
    --background-color-ds-button-brand-high-hover: #fafafa;
    --background-color-ds-button-brand-medium: #70718729;
    --background-color-ds-button-brand-medium-hover: #855bfb52;
    --background-color-ds-button-brand-medium-active: #855bfb52;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #70718729;
    --background-color-ds-button-brand-low-active: #70718729;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0092d8;
    --background-color-ds-button-info-high-hover: #90c9ff;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #000;
    --background-color-ds-button-inverted-high-hover: #0000008f;
    --background-color-ds-button-inverted-medium: #00000014;
    --background-color-ds-button-inverted-medium-hover: #00000029;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #00000014;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #7071871f;
    --background-color-ds-card-disabled: #70718714;
    --background-color-ds-card-selected: #7071870a;
    --background-color-ds-card-hover: #7071873d;
    --background-color-ds-card-selected-hover: #7071873d;
    --background-color-ds-card-background: #7071871f;
    --background-color-ds-card-background-hover: #7071873d;
    --background-color-ds-checkbox-unchecked: #686b8252;
    --background-color-ds-checkbox-unchecked-hover: #686b8266;
    --background-color-ds-checkbox-checked: #fafafa;
    --background-color-ds-checkbox-checked-hover: #fafafa;
    --background-color-ds-checkbox-unchecked-negative: #ff3d5a7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #ff3d5a7a;
    --background-color-ds-checkbox-checked-negative: #ff3d5a;
    --background-color-ds-checkbox-checked-negative-hover: #ff3d5a;
    --background-color-ds-checkboxgroup-error: #ff3d5a29;
    --background-color-ds-circle-primary-low: #70718729;
    --background-color-ds-circle-neutral-low: #70718729;
    --background-color-ds-circle-negative-low: #ff3d5a29;
    --background-color-ds-circle-warning-low: #d1950f29;
    --background-color-ds-circle-positive-low: #00c07029;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #707187;
    --background-color-ds-circle-neutral-high: #707187;
    --background-color-ds-circle-negative-high: #ff3d5a;
    --background-color-ds-circle-warning-high: #e9ac13;
    --background-color-ds-circle-positive-high: #00da80;
    --background-color-ds-circle-info-high: #0092d8;
    --background-color-ds-container: #7071873d;
    --background-color-ds-container-glass: #70718729;
    --background-color-ds-datepicker: #7071873d;
    --background-color-ds-datepicker-raised: #7071873d;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #fafafa;
    --background-color-ds-datepicker-selected-day-range: #70718729;
    --background-color-ds-dialog: #7071877a;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #7071873d;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #ff3d5a;
    --background-color-ds-base-drawer: #7071873d;
    --background-color-ds-dropdown-button: #fff0;
    --background-color-ds-dropdown-button-hover: #70718714;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8229;
    --background-color-ds-filteritem-active: #686b8252;
    --background-color-ds-full-screen-dialog: #050506;
    --background-color-ds-input: #7071871f;
    --background-color-ds-input-border: #7071873d;
    --background-color-ds-input-border-error: #ff3d5a;
    --background-color-ds-input-border-error-focused: #ff3d5a;
    --background-color-ds-input-border-focused: #fafafa;
    --background-color-ds-input-content-icon: #707187;
    --background-color-ds-input-content-input-text: #fff;
    --background-color-ds-input-content-label: #85869b;
    --background-color-ds-input-error: #70718714;
    --background-color-ds-input-error-focused: #70718714;
    --background-color-ds-input-focused: #70718714;
    --background-color-ds-input-hover: #70718714;
    --background-color-ds-input-selected: #70718714;
    --background-color-ds-input-error-label: #ff3d5a29;
    --background-color-ds-input-background: #70718729;
    --background-color-ds-input-background-hover: #7071871f;
    --background-color-ds-input-background-selected: #7071871f;
    --background-color-ds-inputerror-label: #ff3d5a29;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #70718729;
    --background-color-ds-legend-item-dimmed: #707187;
    --background-color-ds-list-hover: #7071873d;
    --background-color-ds-menu: #70718714;
    --background-color-ds-menu-raised: #7071873d;
    --background-color-ds-menu-hover: #7071871f;
    --background-color-ds-menu-pressed: #855bfb1f;
    --background-color-ds-menu-active: #70718714;
    --background-color-ds-menu-active-hover: #7071871f;
    --background-color-ds-notification-primary: #7071871f;
    --background-color-ds-notification-neutral: #7071870a;
    --background-color-ds-notification-negative: #ff3d5a0a;
    --background-color-ds-notification-warning: #d1950f0a;
    --background-color-ds-notification-positive: #00c0700a;
    --background-color-ds-notification-info: #0092d80a;
    --background-color-ds-notification-primary-hover: #70718714;
    --background-color-ds-notification-neutral-hover: #70718714;
    --background-color-ds-notification-negative-hover: #ff3d5a14;
    --background-color-ds-notification-warning-hover: #d1950f14;
    --background-color-ds-notification-positive-hover: #00c07014;
    --background-color-ds-notification-info-hover: #0092d814;
    --background-color-ds-pagination: #686b821f;
    --background-color-ds-pill: #855bfb29;
    --background-color-ds-pill-primary: #855bfb29;
    --background-color-ds-pill-neutral: #70718729;
    --background-color-ds-popover: #7071877a;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-primary: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-finished: #08844f;
    --background-color-ds-radio-unchecked: #686b8252;
    --background-color-ds-radio-unchecked-hover: #686b8266;
    --background-color-ds-radio-checked: #fafafa;
    --background-color-ds-radio-checked-hover: #fafafa;
    --background-color-ds-radio-unchecked-negative: #ff3d5a7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #ff3d5a;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #7132f5;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b82a3;
    --background-color-ds-scrollbar-thumb-hover: #686b827a;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #7071873d;
    --background-color-ds-segmented-control-inactive-high: #7071871f;
    --background-color-ds-segmented-control-active-primary: #7071873d;
    --background-color-ds-segmented-control-active-positive: #00c0703d;
    --background-color-ds-segmented-control-active-negative: #ff3d5a3d;
    --background-color-ds-segmented-control-active-primary-low: #7071873d;
    --background-color-ds-segmented-control-active-positive-low: #00c0703d;
    --background-color-ds-segmented-control-active-negative-low: #ff3d5a3d;
    --background-color-ds-selectable-card: #7071871f;
    --background-color-ds-selectable-card-selected: #7071870a;
    --background-color-ds-selectable-card-hover: #7071873d;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b823d;
    --background-color-ds-consumerpagination: #ffffff3d;
    --background-color-ds-consumerpagination-active: #fffffff5;
    --background-color-ds-consumerpagination-hover: #fff6;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #686b823d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #707187;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #353746;
    --background-color-ds-tabs: #fff0;
    --background-color-ds-tabs-hover: #fff0;
    --background-color-ds-tabs-active: #fff0;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #fff0;
    --background-color-ds-table-cell-sticky: #16121f;
    --background-color-ds-table-cell-sticky-container: #7071873d;
    --background-color-ds-table-cell-sticky-dialog: #1f1b27;
    --background-color-ds-table-cell-sticky-dialog-container: #16121f;
    --background-color-ds-table-cell-sticky-container-card: #21202c;
    --background-color-ds-table-cell-sticky-container-card-hover: #22202e;
    --background-color-ds-table-cell-sticky-container-hover: #191523;
    --background-color-ds-table-cell-sticky-dialog-hover: #221e2b;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #1a1826;
    --background-color-ds-table-header-cell-resize: #fafafa;
    --background-color-ds-table-header-cell-sticky: #16121f;
    --background-color-ds-table-row-group: #686b8214;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b8214;
    --background-color-ds-table-row-hover: #686b820a;
    --background-color-ds-table-row: #16121f;
    --background-color-ds-toggle-handle-on: #e3e3e8;
    --background-color-ds-toggle-handle-off: #85869b;
    --background-color-ds-toggle-track-on: #00da80;
    --background-color-ds-toggle-track-off: #70718752;
    --background-color-ds-tooltip: #24252b;
    --text-color-ds-accordion-primary: #85869b;
    --text-color-ds-accordion-disabled: #9497a9;
    --text-color-ds-accordion-hover: #fff;
    --text-color-ds-badge-primary: #fafafa;
    --text-color-ds-badge-neutral: #85869b;
    --text-color-ds-badge-positive: #2bf393;
    --text-color-ds-badge-negative: #ff767e;
    --text-color-ds-badge-warning: #fec43b;
    --text-color-ds-badge-high: #050506;
    --text-color-ds-asseticon-neutral: #000;
    --text-color-ds-asseticon-inverted: #fff;
    --text-color-ds-badge-high-inverse: #050506;
    --text-color-ds-badge-info: #00adfe;
    --text-color-ds-badge-new: #fafafa;
    --text-color-ds-brand-brand: #855bfb;
    --text-color-ds-brand-neutral: #fff;
    --text-color-ds-brand-inverted: #000;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #85869b;
    --text-color-ds-breadcrumbs-hover: #fff;
    --text-color-ds-breadcrumbs-selected: #fff;
    --text-color-ds-button-primary-high: #050506;
    --text-color-ds-button-primary-medium: #e3e3e8;
    --text-color-ds-button-primary-medium-hover: #e3e3e8;
    --text-color-ds-button-primary-low: #fff;
    --text-color-ds-button-primary-low-hover: #fff;
    --text-color-ds-button-primary-none: #fff;
    --text-color-ds-button-primary-none-hover: #85869b;
    --text-color-ds-button-neutral-high: #050506;
    --text-color-ds-button-neutral-medium: #cbcbd3;
    --text-color-ds-button-neutral-medium-hover: #fff;
    --text-color-ds-button-neutral-low: #cbcbd3;
    --text-color-ds-button-neutral-low-hover: #fff;
    --text-color-ds-button-neutral-none: #cbcbd3;
    --text-color-ds-button-neutral-none-hover: #fff;
    --text-color-ds-button-positive-high: #004a28;
    --text-color-ds-button-positive-medium: #00da80;
    --text-color-ds-button-positive-medium-hover: #00da80;
    --text-color-ds-button-positive-low: #2bf393;
    --text-color-ds-button-positive-low-hover: #2bf393;
    --text-color-ds-button-positive-none: #2bf393;
    --text-color-ds-button-positive-none-hover: #00da80;
    --text-color-ds-button-negative-high: #600016;
    --text-color-ds-button-negative-medium: #ff9fa1;
    --text-color-ds-button-negative-medium-hover: #ff9fa1;
    --text-color-ds-button-negative-low: #ff3d5a;
    --text-color-ds-button-negative-low-hover: #ff3d5a;
    --text-color-ds-button-negative-none: #ff3d5a;
    --text-color-ds-button-negative-none-hover: #ff3d5a;
    --text-color-ds-button-warning-high: #5c3102;
    --text-color-ds-button-warning-medium: #fec43b;
    --text-color-ds-button-warning-medium-hover: #fec43b;
    --text-color-ds-button-warning-low: #e9ac13;
    --text-color-ds-button-warning-low-hover: #e9ac13;
    --text-color-ds-button-warning-none: #e9ac13;
    --text-color-ds-button-warning-none-hover: #d1950f;
    --text-color-ds-button-brand-high: #050506;
    --text-color-ds-button-brand-medium: #e3e3e8;
    --text-color-ds-button-brand-medium-hover: #e3e3e8;
    --text-color-ds-button-brand-low: #e3e3e8;
    --text-color-ds-button-brand-low-hover: #fafafa;
    --text-color-ds-button-brand-none: #e3e3e8;
    --text-color-ds-button-brand-none-hover: #fafafa;
    --text-color-ds-button-info-high: #002940;
    --text-color-ds-button-info-medium: #90c9ff;
    --text-color-ds-button-info-medium-hover: #90c9ff;
    --text-color-ds-button-info-low: #0092d8;
    --text-color-ds-button-info-low-hover: #0092d8;
    --text-color-ds-button-info-none: #0092d8;
    --text-color-ds-button-info-none-hover: #0079b4;
    --text-color-ds-button-inverted-high: #fff;
    --text-color-ds-button-inverted-medium: #050506;
    --text-color-ds-button-inverted-medium-hover: #050506;
    --text-color-ds-button-inverted-low: #050506;
    --text-color-ds-button-inverted-low-hover: #050506;
    --text-color-ds-button-inverted-none: #050506;
    --text-color-ds-button-inverted-none-hover: #050506;
    --text-color-ds-button-neutral-high-icon: #050506;
    --text-color-ds-checkbox-primary: #fff;
    --text-color-ds-checkbox-description: #85869b;
    --text-color-ds-checkbox-check-mark: #050506;
    --text-color-ds-checkboxgroup-primary: #fff;
    --text-color-ds-checkboxgroup-description: #85869b;
    --text-color-ds-checkboxgroup-error: #ff767e;
    --text-color-ds-circle-primary-low: #fafafa;
    --text-color-ds-circle-neutral-low: #85869b;
    --text-color-ds-circle-positive-low: #2bf393;
    --text-color-ds-circle-warning-low: #e9ac13;
    --text-color-ds-circle-negative-low: #ff3d5a;
    --text-color-ds-circle-info-low: #00adfe;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #050506;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #707187;
    --text-color-ds-circle-border-neutral-high: #707187;
    --text-color-ds-circle-border-positive-high: #00da80;
    --text-color-ds-circle-border-warning-high: #e9ac13;
    --text-color-ds-circle-border-negative-high: #ff3d5a;
    --text-color-ds-circle-border-info-high: #0092d8;
    --text-color-ds-datepicker: #eeeff3;
    --text-color-ds-datepicker-weekday: #9497a9;
    --text-color-ds-datepicker-today: #9497a9;
    --text-color-ds-datepicker-disabled: #686b82;
    --text-color-ds-datepicker-selected: #050506;
    --text-color-ds-dropdown-button-content-placeholder: #85869b;
    --text-color-ds-dropdown-button-content-placeholder-hover: #fff;
    --text-color-ds-dropdown-button-content-text: #fff;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #9497a9;
    --text-color-ds-filteritem-active: #f7f7fa;
    --text-color-ds-input: #fff;
    --text-color-ds-input-icon: #707187;
    --text-color-ds-input-label: #85869b;
    --text-color-ds-input-error-label: #ff767e;
    --text-color-ds-inputerror-label: #ff767e;
    --text-color-ds-label-value: #ffffff0a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #85869b;
    --text-color-ds-menu: #fff;
    --text-color-ds-menu-active: #7132f5;
    --text-color-ds-notification-primary: #fafafa;
    --text-color-ds-notification-neutral: #fafafa;
    --text-color-ds-notification-negative: #ff3d5a;
    --text-color-ds-notification-warning: #e9ac13;
    --text-color-ds-notification-positive: #00da80;
    --text-color-ds-notification-info: #0092d8;
    --text-color-ds-notification-subtitle-primary: #85869b;
    --text-color-ds-notification-subtitle-neutral: #85869b;
    --text-color-ds-notification-subtitle-negative: #ffc3c3;
    --text-color-ds-notification-subtitle-warning: #fee1a4;
    --text-color-ds-notification-subtitle-positive: #97ffbe;
    --text-color-ds-notification-subtitle-info: #c7e1ff;
    --text-color-ds-pill: #7132f5;
    --text-color-ds-pill-primary: #7132f5;
    --text-color-ds-pill-neutral: #fff;
    --text-color-ds-radio-primary: #fff;
    --text-color-ds-radio-disabled: #484b5e;
    --text-color-ds-radio-description: #9c9dae;
    --text-color-ds-radio-check-mark: #050506;
    --text-color-ds-radiogroup-primary: #f7f7fa;
    --text-color-ds-radiogroup-description: #9497a9;
    --text-color-ds-radiogroup-error: #ff7386;
    --text-color-ds-segmented-control-inactive: #85869b;
    --text-color-ds-segmented-control-inactive-hover: #fff;
    --text-color-ds-segmented-control-active-primary: #fff;
    --text-color-ds-segmented-control-active-positive: #00da80;
    --text-color-ds-segmented-control-active-negative: #ff3d5a;
    --text-color-ds-segmented-control-active-primary-low: #fff;
    --text-color-ds-segmented-control-active-positive-low: #00da80;
    --text-color-ds-segmented-control-active-negative-low: #ff3d5a;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #7071873d;
    --text-color-ds-segmented-control-underline-active-positive: #00c0703d;
    --text-color-ds-segmented-control-underline-active-negative: #ff3d5a3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #f7f7fa;
    --text-color-ds-spinner-neutral: #9497a9;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #35df8d;
    --text-color-ds-spinner-negative: #ff7386;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #fff;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #000;
    --text-color-ds-stacked-asset-icons: #f7f7fa;
    --text-color-ds-tabs: #85869b;
    --text-color-ds-tabs-active: #fff;
    --text-color-ds-tabs-on-background: #85869b;
    --text-color-ds-tabs-on-background-active: #fff;
    --text-color-ds-text-duo-primary-main: #fff;
    --text-color-ds-text-duo-primary-duo: #85869b;
    --text-color-ds-text-duo-neutral-main: #85869b;
    --text-color-ds-text-duo-neutral-duo: #707187;
    --text-color-ds-text-duo-positive-main: #00da80;
    --text-color-ds-text-duo-positive-duo: #00da80;
    --text-color-ds-text-duo-negative-main: #ff3d5a;
    --text-color-ds-text-duo-negative-duo: #ff3d5a;
    --text-color-ds-tooltip-text: #85869b;
    --text-color-ds-tooltip-title: #fff;
    --border-color-ds-asset-conversion-icons-primary: #fff;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #fafafa;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #fafafa;
    --border-color-ds-datepicker: #7071873d;
    --border-color-ds-base-drawer: #ffffff14;
    --border-color-ds-input-focused: #fafafa;
    --border-color-ds-input-error: #ff3d5a;
    --border-color-ds-input-error-focused: #ff3d5a;
    --border-color-ds-legend-item-dimmed: #707187;
    --border-color-ds-menu: #7071873d;
    --border-color-ds-menu-divider: #7071873d;
    --border-color-ds-popover: #7071873d;
    --border-color-ds-radio-primary-focus: #fafafa;
    --border-color-ds-selectable-card-selected: #fafafa;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff;
    --border-color-ds-table-header-cell-hover: #fafafa;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b8229;
    --stroke-ds-dropdown-button-content-icon: #85869b;
    --stroke-ds-dropdown-button-content-icon-hover: #fff;
    --stroke-ds-icon-primary: #fafafa;
    --stroke-ds-icon-neutral: #85869b;
    --stroke-ds-icon-strong: #fff;
    --stroke-ds-icon-dimmed: #707187;
    --stroke-ds-icon-positive: #00da80;
    --stroke-ds-icon-warning: #fec43b;
    --stroke-ds-icon-negative: #ff3d5a;
    --stroke-ds-icon-info: #00adfe;
    --stroke-ds-icon-brand: #7132f5;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #7071873d;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #70718729;
    --ring-color-ds-circle-neutral-low: #70718729;
    --ring-color-ds-circle-negative-low: #ff3d5a29;
    --ring-color-ds-circle-warning-low: #d1950f29;
    --ring-color-ds-circle-positive-low: #00c07029;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #707187;
    --ring-color-ds-circle-neutral-high: #707187;
    --ring-color-ds-circle-negative-high: #ff3d5a;
    --ring-color-ds-circle-warning-high: #e9ac13;
    --ring-color-ds-circle-positive-high: #00da80;
    --ring-color-ds-circle-info-high: #0092d8;
    --fill-ds-brand-brand: #855bfb;
    --fill-ds-brand-neutral: #fff;
    --fill-ds-brand-inverted: #000;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #fafafa;
    --fill-ds-icon-neutral: #85869b;
    --fill-ds-icon-strong: #fff;
    --fill-ds-icon-dimmed: #707187;
    --fill-ds-icon-positive: #00da80;
    --fill-ds-icon-warning: #fec43b;
    --fill-ds-icon-negative: #ff3d5a;
    --fill-ds-icon-info: #00adfe;
    --fill-ds-icon-brand: #7132f5;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #141417;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #7071877a, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #7071877a;
    --placeholder-color-ds-input: #85869b;
    --caret-color-ds-input: #fff;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #fafafa;
    --opacity-ds-table-cell-dimmed: .5;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8266
}

.pro-premium-light-theme {
    --colors-ds-semantic-action-primary-background: #141417;
    --colors-ds-semantic-action-primary-background-hover: #050506;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #70718714;
    --colors-ds-semantic-action-secondary-background-hover: #7071871f;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #363641;
    --colors-ds-semantic-border-default: #70718729;
    --colors-ds-semantic-border-negative: #da354d;
    --colors-ds-semantic-border-positive: #00c070;
    --colors-ds-semantic-border-strong: #707187;
    --colors-ds-semantic-border-subtle: #70718729;
    --colors-ds-semantic-content-brand: #7132f5;
    --colors-ds-semantic-content-dimmed: #85869b;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #0079b4;
    --colors-ds-semantic-content-inverse: #fff;
    --colors-ds-semantic-content-negative: #da354d;
    --colors-ds-semantic-content-neutral: #707187;
    --colors-ds-semantic-content-positive: #008f52;
    --colors-ds-semantic-content-primary: #050506;
    --colors-ds-semantic-content-warning: #d1950f;
    --colors-ds-semantic-focus-ring: #050506;
    --colors-ds-semantic-focus-ring-inverse: #fff;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #363641;
    --colors-ds-semantic-status-brand-content-strong: #141417;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #85869b;
    --colors-ds-semantic-status-brand-solid: #707187;
    --colors-ds-semantic-status-brand-subtle: #70718729;
    --colors-ds-semantic-status-info-content: #003c5c;
    --colors-ds-semantic-status-info-content-strong: #002940;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #006394;
    --colors-ds-semantic-status-info-solid: #0079b4;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #800020;
    --colors-ds-semantic-status-negative-content-strong: #600016;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #da354d;
    --colors-ds-semantic-status-negative-solid: #da354d;
    --colors-ds-semantic-status-negative-subtle: #ff3d5a29;
    --colors-ds-semantic-status-neutral-content: #141417;
    --colors-ds-semantic-status-neutral-content-strong: #050506;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #5b5c70;
    --colors-ds-semantic-status-neutral-solid: #85869b;
    --colors-ds-semantic-status-neutral-subtle: #7071871f;
    --colors-ds-semantic-status-positive-content: #006035;
    --colors-ds-semantic-status-positive-content-strong: #004a28;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #008f52;
    --colors-ds-semantic-status-positive-solid: #00c070;
    --colors-ds-semantic-status-positive-subtle: #00c07029;
    --colors-ds-semantic-status-warning-content: #744203;
    --colors-ds-semantic-status-warning-content-strong: #5c3102;
    --colors-ds-semantic-status-warning-on-solid: #050506;
    --colors-ds-semantic-status-warning-on-subtle: #8c5405;
    --colors-ds-semantic-status-warning-solid: #a46908;
    --colors-ds-semantic-status-warning-subtle: #d1950f3d;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #7071871f;
    --colors-ds-semantic-surface-overlay: #ffffff7a;
    --colors-ds-semantic-surface-page: #fafafa;
    --colors-ds-semantic-surface-raised: #fff;
    --colors-ds-semantic-surface-selected: #70718714;
    --colors-ds-semantic-surface-sunken: #70718714;
    --colors-ds-primary: #050506;
    --colors-ds-neutral: #707187;
    --colors-ds-dimmed: #85869b;
    --colors-ds-positive: #008f52;
    --colors-ds-negative: #da354d;
    --colors-ds-warning: #d1950f;
    --colors-ds-brand: #7132f5;
    --colors-ds-info: #0079b4;
    --colors-ds-inverted: #fff;
    --colors-ds-disabled: #c6c7d2;
    --colors-ds-strong: #050506;
    --colors-ds-subtle: #9c9dae;
    --colors-ds-divider: #70718729;
    --colors-ds-textlink-hover-primary: #707187;
    --colors-ds-textlink-hover-brand: #471ca0;
    --colors-ds-textlink-hover-neutral: #050506;
    --colors-ds-textlink-hover-positive: #007743;
    --colors-ds-textlink-hover-negative: #a1002b;
    --colors-ds-textlink-hover-warning: #a46908;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #1018280a;
    --box-shadow-ds-2: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-3: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-4: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-5: 0px 20px 24px -4px #1018280f;
    --box-shadow-ds-6: 0px 24px 48px -12px #1018282e;
    --box-shadow-ds-7: 0px 32px 64px -12px #10182824;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #70718729;
    --box-shadow-ds-banner: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-container: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 75px 0px #00000026;
    --box-shadow-ds-menu: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-popover: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --outline-color-ds-accordion: #050506;
    --outline-color-ds-button: #050506;
    --outline-color-ds-card-selected: #050506;
    --outline-color-ds-favourite-button: #050506;
    --outline-color-ds-input-error-focused: #ff3d5a;
    --outline-color-ds-input: #141417;
    --outline-color-ds-input-error: #ff3d5a;
    --outline-color-ds-legend-item-dimmed: #85869b;
    --outline-color-ds-menu: #050506;
    --outline-color-ds-notification: #050506;
    --outline-color-ds-popover: #050506;
    --outline-color-ds-segmented-control: #050506;
    --outline-color-ds-selectable-card: #050506;
    --outline-color-ds-tabs: #050506;
    --outline-color-ds-table-header-cell: #050506;
    --outline-color-ds-textlink: #050506;
    --outline-color-ds-toggle: #050506;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #141417;
    --background-color-ds-badge-primary-low: #70718729;
    --background-color-ds-badge-neutral-high: #85869b;
    --background-color-ds-badge-neutral-low: #7071871f;
    --background-color-ds-badge-positive-high: #00c070;
    --background-color-ds-badge-positive-low: #00c07029;
    --background-color-ds-badge-negative-high: #da354d;
    --background-color-ds-badge-negative-low: #ff3d5a29;
    --background-color-ds-badge-warning-high: #a46908;
    --background-color-ds-badge-warning-low: #d1950f3d;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0079b4;
    --background-color-ds-badge-new-low: #70718729;
    --background-color-ds-badge-new-high: #141417;
    --background-color-ds-banner: #fff;
    --background-color-ds-button-primary-high: #141417;
    --background-color-ds-button-primary-high-hover: #050506;
    --background-color-ds-button-primary-medium: #70718729;
    --background-color-ds-button-primary-medium-hover: #7071873d;
    --background-color-ds-button-primary-medium-active: #7071873d;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #70718714;
    --background-color-ds-button-primary-low-active: #70718714;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #363641;
    --background-color-ds-button-neutral-high-hover: #5b5c70;
    --background-color-ds-button-neutral-medium: #fff0;
    --background-color-ds-button-neutral-medium-hover: #7071871f;
    --background-color-ds-button-neutral-medium-active: #7071871f;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #70718714;
    --background-color-ds-button-neutral-low-active: #70718714;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #00a761;
    --background-color-ds-button-positive-high-hover: #008f52;
    --background-color-ds-button-positive-medium: #00c07029;
    --background-color-ds-button-positive-medium-hover: #149e613d;
    --background-color-ds-button-positive-medium-active: #149e613d;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #00c07029;
    --background-color-ds-button-positive-low-active: #00c07029;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #da354d;
    --background-color-ds-button-negative-high-hover: #c11339;
    --background-color-ds-button-negative-medium: #ff3d5a29;
    --background-color-ds-button-negative-medium-hover: #f5395e3d;
    --background-color-ds-button-negative-medium-active: #f5395e3d;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #ff3d5a29;
    --background-color-ds-button-negative-low-active: #ff3d5a29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #fec43b;
    --background-color-ds-button-warning-high-hover: #e9ac13;
    --background-color-ds-button-warning-medium: #e8b1001f;
    --background-color-ds-button-warning-medium-hover: #e8b1003d;
    --background-color-ds-button-warning-medium-active: #e8b1003d;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #e8b10029;
    --background-color-ds-button-warning-low-active: #e8b10029;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #141417;
    --background-color-ds-button-brand-high-hover: #050506;
    --background-color-ds-button-brand-medium: #70718729;
    --background-color-ds-button-brand-medium-hover: #855bfb52;
    --background-color-ds-button-brand-medium-active: #855bfb52;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #70718729;
    --background-color-ds-button-brand-low-active: #70718729;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0079b4;
    --background-color-ds-button-info-high-hover: #00adfe;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #fff;
    --background-color-ds-button-inverted-high-hover: #ffffffe0;
    --background-color-ds-button-inverted-medium: #ffffff29;
    --background-color-ds-button-inverted-medium-hover: #ffffff3d;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #ffffff29;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #70718714;
    --background-color-ds-card-disabled: #70718714;
    --background-color-ds-card-selected: #70718714;
    --background-color-ds-card-hover: #9497a91f;
    --background-color-ds-card-selected-hover: #7071871f;
    --background-color-ds-card-background: #fff;
    --background-color-ds-card-background-hover: #ffffffb8;
    --background-color-ds-checkbox-unchecked: #686b8252;
    --background-color-ds-checkbox-unchecked-hover: #686b8266;
    --background-color-ds-checkbox-checked: #141417;
    --background-color-ds-checkbox-checked-hover: #050506;
    --background-color-ds-checkbox-unchecked-negative: #ff3d5a7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #ff3d5a7a;
    --background-color-ds-checkbox-checked-negative: #da354d;
    --background-color-ds-checkbox-checked-negative-hover: #da354d;
    --background-color-ds-checkboxgroup-error: #f5395e14;
    --background-color-ds-circle-primary-low: #70718729;
    --background-color-ds-circle-neutral-low: #7071871f;
    --background-color-ds-circle-negative-low: #ff3d5a29;
    --background-color-ds-circle-warning-low: #d1950f3d;
    --background-color-ds-circle-positive-low: #00c07029;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #707187;
    --background-color-ds-circle-neutral-high: #85869b;
    --background-color-ds-circle-negative-high: #da354d;
    --background-color-ds-circle-warning-high: #a46908;
    --background-color-ds-circle-positive-high: #00c070;
    --background-color-ds-circle-info-high: #0079b4;
    --background-color-ds-container: #fff;
    --background-color-ds-container-glass: #70718729;
    --background-color-ds-datepicker: #fff;
    --background-color-ds-datepicker-raised: #ffffffe0;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #141417;
    --background-color-ds-datepicker-selected-day-range: #70718729;
    --background-color-ds-dialog: #fff;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #70718729;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #ff3d5a;
    --background-color-ds-base-drawer: #fff;
    --background-color-ds-dropdown-button: #fff0;
    --background-color-ds-dropdown-button-hover: #70718714;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8214;
    --background-color-ds-filteritem-active: #686b821f;
    --background-color-ds-full-screen-dialog: #fff;
    --background-color-ds-input: #7071870a;
    --background-color-ds-input-border: #70718729;
    --background-color-ds-input-border-error: #ff3d5a;
    --background-color-ds-input-border-error-focused: #ff3d5a;
    --background-color-ds-input-border-focused: #141417;
    --background-color-ds-input-content-icon: #85869b;
    --background-color-ds-input-content-input-text: #050506;
    --background-color-ds-input-content-label: #707187;
    --background-color-ds-input-error: #70718714;
    --background-color-ds-input-error-focused: #7071870a;
    --background-color-ds-input-focused: #7071870a;
    --background-color-ds-input-hover: #70718714;
    --background-color-ds-input-selected: #7071870a;
    --background-color-ds-input-error-label: #f5395e14;
    --background-color-ds-input-background: #fff;
    --background-color-ds-input-background-hover: #fffc;
    --background-color-ds-input-background-selected: #fffc;
    --background-color-ds-inputerror-label: #f5395e14;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #70718729;
    --background-color-ds-legend-item-dimmed: #85869b;
    --background-color-ds-list-hover: #9497a91f;
    --background-color-ds-menu: #ffffffb8;
    --background-color-ds-menu-raised: #ffffffe0;
    --background-color-ds-menu-hover: #7071870a;
    --background-color-ds-menu-pressed: #686b8214;
    --background-color-ds-menu-active: #70718714;
    --background-color-ds-menu-active-hover: #70718714;
    --background-color-ds-notification-primary: #7071870a;
    --background-color-ds-notification-neutral: #7071870a;
    --background-color-ds-notification-negative: #ff3d5a0a;
    --background-color-ds-notification-warning: #d1950f0a;
    --background-color-ds-notification-positive: #00c0700a;
    --background-color-ds-notification-info: #0092d80a;
    --background-color-ds-notification-primary-hover: #70718714;
    --background-color-ds-notification-neutral-hover: #70718714;
    --background-color-ds-notification-negative-hover: #ff3d5a14;
    --background-color-ds-notification-warning-hover: #d1950f14;
    --background-color-ds-notification-positive-hover: #00c07014;
    --background-color-ds-notification-info-hover: #0092d814;
    --background-color-ds-pagination: #686b8214;
    --background-color-ds-pill: #855bfb29;
    --background-color-ds-pill-primary: #855bfb29;
    --background-color-ds-pill-neutral: #fff;
    --background-color-ds-popover: #ffffff7a;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-in-progress: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-info: #0092d829;
    --background-color-ds-progresstracker-warning: #c3962129;
    --background-color-ds-progresstracker-finished: #149e6129;
    --background-color-ds-radio-unchecked: #686b8252;
    --background-color-ds-radio-unchecked-hover: #686b8266;
    --background-color-ds-radio-checked: #141417;
    --background-color-ds-radio-checked-hover: #050506;
    --background-color-ds-radio-unchecked-negative: #ff3d5a7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #da354d;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #855bfb;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b8266;
    --background-color-ds-scrollbar-thumb-hover: #686b823d;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #fff;
    --background-color-ds-segmented-control-inactive-high: #7071871f;
    --background-color-ds-segmented-control-active-primary: #fff;
    --background-color-ds-segmented-control-active-positive: #00c0703d;
    --background-color-ds-segmented-control-active-negative: #ff3d5a3d;
    --background-color-ds-segmented-control-active-primary-low: #7071871f;
    --background-color-ds-segmented-control-active-positive-low: #00c0703d;
    --background-color-ds-segmented-control-active-negative-low: #ff3d5a3d;
    --background-color-ds-selectable-card: #70718714;
    --background-color-ds-selectable-card-selected: #70718714;
    --background-color-ds-selectable-card-hover: #9497a91f;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b821f;
    --background-color-ds-consumerpagination: #9c9dae;
    --background-color-ds-consumerpagination-active: #707187;
    --background-color-ds-consumerpagination-hover: #85869b;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #686b823d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #707187;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #e5e6ec;
    --background-color-ds-tabs: #fff0;
    --background-color-ds-tabs-hover: #fff0;
    --background-color-ds-tabs-active: #fff0;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #fff0;
    --background-color-ds-table-cell-sticky: #fff;
    --background-color-ds-table-cell-sticky-container: #fff;
    --background-color-ds-table-cell-sticky-dialog: #fff;
    --background-color-ds-table-cell-sticky-dialog-container: #fff;
    --background-color-ds-table-cell-sticky-container-card: #f7f7f8;
    --background-color-ds-table-cell-sticky-container-card-hover: #f1f1f3;
    --background-color-ds-table-cell-sticky-container-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #f9f9fa;
    --background-color-ds-table-header-cell-resize: #050506;
    --background-color-ds-table-header-cell-sticky: #fff;
    --background-color-ds-table-row-group: #686b820a;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b820a;
    --background-color-ds-table-row-hover: #686b820a;
    --background-color-ds-table-row: #fff;
    --background-color-ds-toggle-handle-on: #fff;
    --background-color-ds-toggle-handle-off: #fff;
    --background-color-ds-toggle-track-on: #00da80;
    --background-color-ds-toggle-track-off: #70718752;
    --background-color-ds-tooltip: #e3e3e8;
    --text-color-ds-accordion-primary: #707187;
    --text-color-ds-accordion-disabled: #484b5e;
    --text-color-ds-accordion-hover: #050506;
    --text-color-ds-badge-primary: #85869b;
    --text-color-ds-badge-neutral: #5b5c70;
    --text-color-ds-badge-positive: #008f52;
    --text-color-ds-badge-negative: #da354d;
    --text-color-ds-badge-warning: #8c5405;
    --text-color-ds-badge-high: #fff;
    --text-color-ds-asseticon-neutral: #fff;
    --text-color-ds-asseticon-inverted: #000;
    --text-color-ds-badge-high-inverse: #050506;
    --text-color-ds-badge-info: #006394;
    --text-color-ds-badge-new: #85869b;
    --text-color-ds-brand-brand: #7132f5;
    --text-color-ds-brand-neutral: #000;
    --text-color-ds-brand-inverted: #fff;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #707187;
    --text-color-ds-breadcrumbs-hover: #050506;
    --text-color-ds-breadcrumbs-selected: #050506;
    --text-color-ds-button-primary-high: #fff;
    --text-color-ds-button-primary-medium: #141417;
    --text-color-ds-button-primary-medium-hover: #141417;
    --text-color-ds-button-primary-low: #050506;
    --text-color-ds-button-primary-low-hover: #050506;
    --text-color-ds-button-primary-none: #050506;
    --text-color-ds-button-primary-none-hover: #707187;
    --text-color-ds-button-neutral-high: #fff;
    --text-color-ds-button-neutral-medium: #363641;
    --text-color-ds-button-neutral-medium-hover: #050506;
    --text-color-ds-button-neutral-low: #363641;
    --text-color-ds-button-neutral-low-hover: #050506;
    --text-color-ds-button-neutral-none: #363641;
    --text-color-ds-button-neutral-none-hover: #050506;
    --text-color-ds-button-positive-high: #fff;
    --text-color-ds-button-positive-medium: #008f52;
    --text-color-ds-button-positive-medium-hover: #008f52;
    --text-color-ds-button-positive-low: #008f52;
    --text-color-ds-button-positive-low-hover: #008f52;
    --text-color-ds-button-positive-none: #008f52;
    --text-color-ds-button-positive-none-hover: #00a761;
    --text-color-ds-button-negative-high: #fff;
    --text-color-ds-button-negative-medium: #da354d;
    --text-color-ds-button-negative-medium-hover: #da354d;
    --text-color-ds-button-negative-low: #da354d;
    --text-color-ds-button-negative-low-hover: #da354d;
    --text-color-ds-button-negative-none: #da354d;
    --text-color-ds-button-negative-none-hover: #ff767e;
    --text-color-ds-button-warning-high: #5c3102;
    --text-color-ds-button-warning-medium: #ba7e0c;
    --text-color-ds-button-warning-medium-hover: #ba7e0c;
    --text-color-ds-button-warning-low: #ba7e0c;
    --text-color-ds-button-warning-low-hover: #ba7e0c;
    --text-color-ds-button-warning-none: #ba7e0c;
    --text-color-ds-button-warning-none-hover: #e9ac13;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #363641;
    --text-color-ds-button-brand-medium-hover: #363641;
    --text-color-ds-button-brand-low: #363641;
    --text-color-ds-button-brand-low-hover: #141417;
    --text-color-ds-button-brand-none: #363641;
    --text-color-ds-button-brand-none-hover: #141417;
    --text-color-ds-button-info-high: #fff;
    --text-color-ds-button-info-medium: #0079b4;
    --text-color-ds-button-info-medium-hover: #0079b4;
    --text-color-ds-button-info-low: #0079b4;
    --text-color-ds-button-info-low-hover: #0079b4;
    --text-color-ds-button-info-none: #0079b4;
    --text-color-ds-button-info-none-hover: #00adfe;
    --text-color-ds-button-inverted-high: #7132f5;
    --text-color-ds-button-inverted-medium: #fff;
    --text-color-ds-button-inverted-medium-hover: #fff;
    --text-color-ds-button-inverted-low: #fff;
    --text-color-ds-button-inverted-low-hover: #fff;
    --text-color-ds-button-inverted-none: #fff;
    --text-color-ds-button-inverted-none-hover: #fff;
    --text-color-ds-button-neutral-high-icon: #fff;
    --text-color-ds-checkbox-primary: #050506;
    --text-color-ds-checkbox-description: #707187;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #050506;
    --text-color-ds-checkboxgroup-description: #707187;
    --text-color-ds-checkboxgroup-error: #c11339;
    --text-color-ds-circle-primary-low: #85869b;
    --text-color-ds-circle-neutral-low: #5b5c70;
    --text-color-ds-circle-positive-low: #008f52;
    --text-color-ds-circle-warning-low: #d1950f;
    --text-color-ds-circle-negative-low: #da354d;
    --text-color-ds-circle-info-low: #006394;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #050506;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #707187;
    --text-color-ds-circle-border-neutral-high: #85869b;
    --text-color-ds-circle-border-positive-high: #00c070;
    --text-color-ds-circle-border-warning-high: #a46908;
    --text-color-ds-circle-border-negative-high: #da354d;
    --text-color-ds-circle-border-info-high: #0079b4;
    --text-color-ds-datepicker: #1a1b22;
    --text-color-ds-datepicker-weekday: #353746;
    --text-color-ds-datepicker-today: #353746;
    --text-color-ds-datepicker-disabled: #9497a9;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #707187;
    --text-color-ds-dropdown-button-content-placeholder-hover: #050506;
    --text-color-ds-dropdown-button-content-text: #050506;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #484b5e;
    --text-color-ds-filteritem-active: #101114;
    --text-color-ds-input: #050506;
    --text-color-ds-input-icon: #85869b;
    --text-color-ds-input-label: #707187;
    --text-color-ds-input-error-label: #c11339;
    --text-color-ds-inputerror-label: #c11339;
    --text-color-ds-label-value: #0000000a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #707187;
    --text-color-ds-menu: #050506;
    --text-color-ds-menu-active: #7132f5;
    --text-color-ds-notification-primary: #050506;
    --text-color-ds-notification-neutral: #050506;
    --text-color-ds-notification-negative: #da354d;
    --text-color-ds-notification-warning: #a46908;
    --text-color-ds-notification-positive: #008f52;
    --text-color-ds-notification-info: #0079b4;
    --text-color-ds-notification-subtitle-primary: #5b5c70;
    --text-color-ds-notification-subtitle-neutral: #5b5c70;
    --text-color-ds-notification-subtitle-negative: #800020;
    --text-color-ds-notification-subtitle-warning: #744203;
    --text-color-ds-notification-subtitle-positive: #006035;
    --text-color-ds-notification-subtitle-info: #003c5c;
    --text-color-ds-pill: #7132f5;
    --text-color-ds-pill-primary: #7132f5;
    --text-color-ds-pill-neutral: #050506;
    --text-color-ds-radio-primary: #050506;
    --text-color-ds-radio-disabled: #c6c7d2;
    --text-color-ds-radio-description: #5b5c70;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #101114;
    --text-color-ds-radiogroup-description: #484b5e;
    --text-color-ds-radiogroup-error: #d11d45;
    --text-color-ds-segmented-control-inactive: #707187;
    --text-color-ds-segmented-control-inactive-hover: #050506;
    --text-color-ds-segmented-control-active-primary: #050506;
    --text-color-ds-segmented-control-active-positive: #008f52;
    --text-color-ds-segmented-control-active-negative: #da354d;
    --text-color-ds-segmented-control-active-primary-low: #050506;
    --text-color-ds-segmented-control-active-positive-low: #008f52;
    --text-color-ds-segmented-control-active-negative-low: #da354d;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #fff;
    --text-color-ds-segmented-control-underline-active-positive: #00c0703d;
    --text-color-ds-segmented-control-underline-active-negative: #ff3d5a3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #101114;
    --text-color-ds-spinner-neutral: #484b5e;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #08844f;
    --text-color-ds-spinner-negative: #d11d45;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #000;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #fff;
    --text-color-ds-stacked-asset-icons: #101114;
    --text-color-ds-tabs: #707187;
    --text-color-ds-tabs-active: #050506;
    --text-color-ds-tabs-on-background: #707187;
    --text-color-ds-tabs-on-background-active: #050506;
    --text-color-ds-text-duo-primary-main: #050506;
    --text-color-ds-text-duo-primary-duo: #707187;
    --text-color-ds-text-duo-neutral-main: #707187;
    --text-color-ds-text-duo-neutral-duo: #85869b;
    --text-color-ds-text-duo-positive-main: #008f52;
    --text-color-ds-text-duo-positive-duo: #008f52;
    --text-color-ds-text-duo-negative-main: #da354d;
    --text-color-ds-text-duo-negative-duo: #da354d;
    --text-color-ds-tooltip-text: #707187;
    --text-color-ds-tooltip-title: #050506;
    --border-color-ds-asset-conversion-icons-primary: #050506;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #050506;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #050506;
    --border-color-ds-datepicker: #fff0;
    --border-color-ds-base-drawer: #fff;
    --border-color-ds-input-focused: #141417;
    --border-color-ds-input-error: #ff3d5a;
    --border-color-ds-input-error-focused: #ff3d5a;
    --border-color-ds-legend-item-dimmed: #85869b;
    --border-color-ds-menu: #fff0;
    --border-color-ds-menu-divider: #70718729;
    --border-color-ds-popover: #fff0;
    --border-color-ds-radio-primary-focus: #050506;
    --border-color-ds-selectable-card-selected: #050506;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #050506;
    --border-color-ds-table-header: #686b821f;
    --border-color-ds-table-header-cell-hover: #050506;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b823d;
    --stroke-ds-dropdown-button-content-icon: #707187;
    --stroke-ds-dropdown-button-content-icon-hover: #050506;
    --stroke-ds-icon-primary: #85869b;
    --stroke-ds-icon-neutral: #707187;
    --stroke-ds-icon-strong: #050506;
    --stroke-ds-icon-dimmed: #85869b;
    --stroke-ds-icon-positive: #008f52;
    --stroke-ds-icon-warning: #d1950f;
    --stroke-ds-icon-negative: #da354d;
    --stroke-ds-icon-info: #0079b4;
    --stroke-ds-icon-brand: #7132f5;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #fff0;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #70718729;
    --ring-color-ds-circle-neutral-low: #7071871f;
    --ring-color-ds-circle-negative-low: #ff3d5a29;
    --ring-color-ds-circle-warning-low: #d1950f3d;
    --ring-color-ds-circle-positive-low: #00c07029;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #707187;
    --ring-color-ds-circle-neutral-high: #85869b;
    --ring-color-ds-circle-negative-high: #da354d;
    --ring-color-ds-circle-warning-high: #a46908;
    --ring-color-ds-circle-positive-high: #00c070;
    --ring-color-ds-circle-info-high: #0079b4;
    --fill-ds-brand-brand: #7132f5;
    --fill-ds-brand-neutral: #000;
    --fill-ds-brand-inverted: #fff;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #85869b;
    --fill-ds-icon-neutral: #707187;
    --fill-ds-icon-strong: #050506;
    --fill-ds-icon-dimmed: #85869b;
    --fill-ds-icon-positive: #008f52;
    --fill-ds-icon-warning: #d1950f;
    --fill-ds-icon-negative: #da354d;
    --fill-ds-icon-info: #0079b4;
    --fill-ds-icon-brand: #7132f5;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #fff;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #fff, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #fff;
    --placeholder-color-ds-input: #707187;
    --caret-color-ds-input: inherit;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #050506;
    --opacity-ds-table-cell-dimmed: .4;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8252
}

.pws-dark-theme {
    --colors-ds-semantic-action-primary-background: #7132f5;
    --colors-ds-semantic-action-primary-background-hover: #8a61ff;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8229;
    --colors-ds-semantic-action-secondary-background-hover: #686b8252;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #c6c7d2;
    --colors-ds-semantic-border-default: #686b8252;
    --colors-ds-semantic-border-negative: #ff7386;
    --colors-ds-semantic-border-positive: #35df8d;
    --colors-ds-semantic-border-strong: #9497a9;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #fff;
    --colors-ds-semantic-content-dimmed: #757575;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #00adfe;
    --colors-ds-semantic-content-inverse: #0d0d0d;
    --colors-ds-semantic-content-negative: #ff7386;
    --colors-ds-semantic-content-neutral: #9e9e9e;
    --colors-ds-semantic-content-positive: #35df8d;
    --colors-ds-semantic-content-primary: #fff;
    --colors-ds-semantic-content-warning: #ffcd60;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #fff);
    --colors-ds-semantic-focus-ring-inverse: #101114;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #d4cbff;
    --colors-ds-semantic-status-brand-content-strong: #f1efff;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #9d82fe;
    --colors-ds-semantic-status-brand-solid: #7132f5;
    --colors-ds-semantic-status-brand-subtle: #855bfb29;
    --colors-ds-semantic-status-info-content: #c7e1ff;
    --colors-ds-semantic-status-info-content-strong: #e7f2ff;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #00adfe;
    --colors-ds-semantic-status-info-solid: #0092d8;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #ffbdc3;
    --colors-ds-semantic-status-negative-content-strong: #ffd6da;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #ff7386;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #c6c7d2;
    --colors-ds-semantic-status-neutral-content-strong: #f7f7fa;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #9497a9;
    --colors-ds-semantic-status-neutral-solid: #686b82;
    --colors-ds-semantic-status-neutral-subtle: #686b8229;
    --colors-ds-semantic-status-positive-content: #44fc9e;
    --colors-ds-semantic-status-positive-content-strong: #c6feda;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #35df8d;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #ffe5b1;
    --colors-ds-semantic-status-warning-content-strong: #fffaf0;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #ffcd60;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c3962129;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #686b823d;
    --colors-ds-semantic-surface-overlay: #262626;
    --colors-ds-semantic-surface-page: #0d0d0d;
    --colors-ds-semantic-surface-raised: #1f1f1f;
    --colors-ds-semantic-surface-selected: #855bfb0a;
    --colors-ds-semantic-surface-sunken: #7575751f;
    --colors-ds-primary: #fff;
    --colors-ds-neutral: #9e9e9e;
    --colors-ds-dimmed: #757575;
    --colors-ds-positive: #35df8d;
    --colors-ds-negative: #ff7386;
    --colors-ds-warning: #ffcd60;
    --colors-ds-brand: #fff;
    --colors-ds-info: #00adfe;
    --colors-ds-inverted: #0d0d0d;
    --colors-ds-disabled: #484b5e;
    --colors-ds-strong: #fff;
    --colors-ds-subtle: #484b5e;
    --colors-ds-divider: #75757552;
    --colors-ds-textlink-hover-primary: #9e9e9e;
    --colors-ds-textlink-hover-brand: #b8a8ff;
    --colors-ds-textlink-hover-neutral: #fff;
    --colors-ds-textlink-hover-positive: #149e61;
    --colors-ds-textlink-hover-negative: #f5395e;
    --colors-ds-textlink-hover-warning: #c39621;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #00000026;
    --box-shadow-ds-2: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-3: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-4: 0px 12px 16px -4px #00000026;
    --box-shadow-ds-5: 0px 20px 24px -4px #00000026;
    --box-shadow-ds-6: 0px 24px 48px -12px #0000004d;
    --box-shadow-ds-7: 0px 32px 64px -12px #0000004d;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #75757552;
    --box-shadow-ds-banner: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-container: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #00000026, 0px 4px 8px -2px #00000026;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 150px 0px #000;
    --box-shadow-ds-menu: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --box-shadow-ds-popover: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #00000026;
    --outline-color-ds-accordion: #fff;
    --outline-color-ds-button: #fff;
    --outline-color-ds-card-selected: #fff;
    --outline-color-ds-favourite-button: #fff;
    --outline-color-ds-input-error-focused: #d11d45;
    --outline-color-ds-input: #7132f5;
    --outline-color-ds-input-error: #d11d45;
    --outline-color-ds-legend-item-dimmed: #757575;
    --outline-color-ds-menu: #fff;
    --outline-color-ds-notification: #fff;
    --outline-color-ds-popover: #fff;
    --outline-color-ds-segmented-control: #fff;
    --outline-color-ds-selectable-card: #fff;
    --outline-color-ds-tabs: #fff;
    --outline-color-ds-table-header-cell: #fff;
    --outline-color-ds-textlink: #fff;
    --outline-color-ds-toggle: #fff;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #fff;
    --background-color-ds-badge-primary-low: #75757529;
    --background-color-ds-badge-neutral-high: #545454;
    --background-color-ds-badge-neutral-low: #75757529;
    --background-color-ds-badge-positive-high: #149e61;
    --background-color-ds-badge-positive-low: #149e6129;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c3962129;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0092d8;
    --background-color-ds-badge-new-low: #75757529;
    --background-color-ds-badge-new-high: #fff;
    --background-color-ds-banner: #1a1b22;
    --background-color-ds-button-primary-high: #f5f5f5;
    --background-color-ds-button-primary-high-hover: #e8e8e8;
    --background-color-ds-button-primary-medium: #75757529;
    --background-color-ds-button-primary-medium-hover: #75757552;
    --background-color-ds-button-primary-medium-active: #75757552;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #75757529;
    --background-color-ds-button-primary-low-active: #75757529;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #f5f5f5;
    --background-color-ds-button-neutral-high-hover: #e8e8e8;
    --background-color-ds-button-neutral-medium: #75757529;
    --background-color-ds-button-neutral-medium-hover: #75757552;
    --background-color-ds-button-neutral-medium-active: #75757552;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #75757529;
    --background-color-ds-button-neutral-low-active: #75757529;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #35df8d;
    --background-color-ds-button-positive-high-hover: #44fc9e;
    --background-color-ds-button-positive-medium: #149e6129;
    --background-color-ds-button-positive-medium-hover: #149e6152;
    --background-color-ds-button-positive-medium-active: #149e6152;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #149e6129;
    --background-color-ds-button-positive-low-active: #149e6129;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #f5395e;
    --background-color-ds-button-negative-high-hover: #ff7386;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e52;
    --background-color-ds-button-negative-medium-active: #f5395e52;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c3962152;
    --background-color-ds-button-warning-medium-active: #c3962152;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #f5f5f5;
    --background-color-ds-button-brand-high-hover: #e8e8e8;
    --background-color-ds-button-brand-medium: #75757529;
    --background-color-ds-button-brand-medium-hover: #75757552;
    --background-color-ds-button-brand-medium-active: #75757552;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #75757529;
    --background-color-ds-button-brand-low-active: #75757529;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0092d8;
    --background-color-ds-button-info-high-hover: #90c9ff;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #000;
    --background-color-ds-button-inverted-high-hover: #0000008f;
    --background-color-ds-button-inverted-medium: #00000014;
    --background-color-ds-button-inverted-medium-hover: #00000029;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #00000014;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #7575751f;
    --background-color-ds-card-disabled: #75757514;
    --background-color-ds-card-selected: #855bfb0a;
    --background-color-ds-card-hover: #7575753d;
    --background-color-ds-card-selected-hover: #7575753d;
    --background-color-ds-card-background: #7575751f;
    --background-color-ds-card-background-hover: #7575753d;
    --background-color-ds-checkbox-unchecked: #75757552;
    --background-color-ds-checkbox-unchecked-hover: #75757566;
    --background-color-ds-checkbox-checked: #f5f5f5;
    --background-color-ds-checkbox-checked-hover: #e8e8e8;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e29;
    --background-color-ds-circle-primary-low: #855bfb29;
    --background-color-ds-circle-neutral-low: #75757529;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c3962129;
    --background-color-ds-circle-positive-low: #149e6129;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #7132f5;
    --background-color-ds-circle-neutral-high: #757575;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #149e61;
    --background-color-ds-circle-info-high: #0092d8;
    --background-color-ds-container: #1f1f1f;
    --background-color-ds-container-glass: #75757529;
    --background-color-ds-datepicker: #1f1f1f;
    --background-color-ds-datepicker-raised: #272532;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #7132f5;
    --background-color-ds-datepicker-selected-day-range: #855bfb29;
    --background-color-ds-dialog: #262626;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #75757552;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: #1f1f1f;
    --background-color-ds-dropdown-button: #75757529;
    --background-color-ds-dropdown-button-hover: #75757552;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8229;
    --background-color-ds-filteritem-active: #686b8252;
    --background-color-ds-full-screen-dialog: #0d0d0d;
    --background-color-ds-input: #75757529;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #d11d45;
    --background-color-ds-input-border-error-focused: #d11d45;
    --background-color-ds-input-border-focused: #7132f5;
    --background-color-ds-input-content-icon: #757575;
    --background-color-ds-input-content-input-text: #fff;
    --background-color-ds-input-content-label: #9e9e9e;
    --background-color-ds-input-error: #75757529;
    --background-color-ds-input-error-focused: #75757514;
    --background-color-ds-input-focused: #75757514;
    --background-color-ds-input-hover: #75757514;
    --background-color-ds-input-selected: #75757514;
    --background-color-ds-input-error-label: #f5395e29;
    --background-color-ds-input-background: #75757529;
    --background-color-ds-input-background-hover: #7575751f;
    --background-color-ds-input-background-selected: #7575751f;
    --background-color-ds-inputerror-label: #f5395e29;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #75757529;
    --background-color-ds-legend-item-dimmed: #757575;
    --background-color-ds-list-hover: #7575753d;
    --background-color-ds-menu: #262626;
    --background-color-ds-menu-raised: #272532;
    --background-color-ds-menu-hover: #75757514;
    --background-color-ds-menu-pressed: #855bfb1f;
    --background-color-ds-menu-active: #75757529;
    --background-color-ds-menu-active-hover: #7575751f;
    --background-color-ds-notification-primary: #855bfb29;
    --background-color-ds-notification-neutral: #75757529;
    --background-color-ds-notification-negative: #f5395e29;
    --background-color-ds-notification-warning: #c3962129;
    --background-color-ds-notification-positive: #149e6129;
    --background-color-ds-notification-info: #0092d829;
    --background-color-ds-notification-primary-hover: #855bfb3d;
    --background-color-ds-notification-neutral-hover: #7575753d;
    --background-color-ds-notification-negative-hover: #f5395e3d;
    --background-color-ds-notification-warning-hover: #c396213d;
    --background-color-ds-notification-positive-hover: #149e613d;
    --background-color-ds-notification-info-hover: #0092d83d;
    --background-color-ds-pagination: #686b821f;
    --background-color-ds-pill: #855bfb29;
    --background-color-ds-pill-primary: #855bfb29;
    --background-color-ds-pill-neutral: #75757529;
    --background-color-ds-popover: #262626;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-primary: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-finished: #08844f;
    --background-color-ds-radio-unchecked: #75757552;
    --background-color-ds-radio-unchecked-hover: #75757566;
    --background-color-ds-radio-checked: #f5f5f5;
    --background-color-ds-radio-checked-hover: #262626;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #7132f5;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b82a3;
    --background-color-ds-scrollbar-thumb-hover: #686b827a;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #1f1f1f;
    --background-color-ds-segmented-control-inactive-high: #7575751f;
    --background-color-ds-segmented-control-active-primary: #7575753d;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #7575753d;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #7575751f;
    --background-color-ds-selectable-card-selected: #855bfb0a;
    --background-color-ds-selectable-card-hover: #7575753d;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b823d;
    --background-color-ds-consumerpagination: #ffffff3d;
    --background-color-ds-consumerpagination-active: #fffffff5;
    --background-color-ds-consumerpagination-hover: #fff6;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #7575753d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #757575;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #353746;
    --background-color-ds-tabs: #7575751f;
    --background-color-ds-tabs-hover: #75757529;
    --background-color-ds-tabs-active: #7575753d;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #7575753d;
    --background-color-ds-table-cell-sticky: #16121f;
    --background-color-ds-table-cell-sticky-container: #1f1f1f;
    --background-color-ds-table-cell-sticky-dialog: #1f1b27;
    --background-color-ds-table-cell-sticky-dialog-container: #16121f;
    --background-color-ds-table-cell-sticky-container-card: #21202c;
    --background-color-ds-table-cell-sticky-container-card-hover: #22202e;
    --background-color-ds-table-cell-sticky-container-hover: #191523;
    --background-color-ds-table-cell-sticky-dialog-hover: #221e2b;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #1a1826;
    --background-color-ds-table-header-cell-resize: #fff;
    --background-color-ds-table-header-cell-sticky: #16121f;
    --background-color-ds-table-row-group: #686b8214;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b8214;
    --background-color-ds-table-row-hover: #7575750a;
    --background-color-ds-table-row: #16121f;
    --background-color-ds-toggle-handle-on: #ededed;
    --background-color-ds-toggle-handle-off: #9e9e9e;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #75757552;
    --background-color-ds-tooltip: #262626;
    --text-color-ds-accordion-primary: #9e9e9e;
    --text-color-ds-accordion-disabled: #9497a9;
    --text-color-ds-accordion-hover: #fff;
    --text-color-ds-badge-primary: #f5f5f5;
    --text-color-ds-badge-neutral: #9e9e9e;
    --text-color-ds-badge-positive: #35df8d;
    --text-color-ds-badge-negative: #ff7386;
    --text-color-ds-badge-warning: #ffcd60;
    --text-color-ds-badge-high: #000;
    --text-color-ds-asseticon-neutral: #000;
    --text-color-ds-asseticon-inverted: #fff;
    --text-color-ds-badge-high-inverse: #0d0d0d;
    --text-color-ds-badge-info: #00adfe;
    --text-color-ds-badge-new: #f5f5f5;
    --text-color-ds-brand-brand: #855bfb;
    --text-color-ds-brand-neutral: #fff;
    --text-color-ds-brand-inverted: #000;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #9e9e9e;
    --text-color-ds-breadcrumbs-hover: #fff;
    --text-color-ds-breadcrumbs-selected: #fff;
    --text-color-ds-button-primary-high: #0d0d0d;
    --text-color-ds-button-primary-medium: #ccc;
    --text-color-ds-button-primary-medium-hover: #ccc;
    --text-color-ds-button-primary-low: #fff;
    --text-color-ds-button-primary-low-hover: #ccc;
    --text-color-ds-button-primary-none: #ccc;
    --text-color-ds-button-primary-none-hover: #9e9e9e;
    --text-color-ds-button-neutral-high: #0d0d0d;
    --text-color-ds-button-neutral-medium: #ccc;
    --text-color-ds-button-neutral-medium-hover: #fff;
    --text-color-ds-button-neutral-low: #ccc;
    --text-color-ds-button-neutral-low-hover: #fff;
    --text-color-ds-button-neutral-none: #ccc;
    --text-color-ds-button-neutral-none-hover: #fff;
    --text-color-ds-button-positive-high: #002d17;
    --text-color-ds-button-positive-medium: #35df8d;
    --text-color-ds-button-positive-medium-hover: #35df8d;
    --text-color-ds-button-positive-low: #35df8d;
    --text-color-ds-button-positive-low-hover: #35df8d;
    --text-color-ds-button-positive-none: #35df8d;
    --text-color-ds-button-positive-none-hover: #23ba75;
    --text-color-ds-button-negative-high: #3c000c;
    --text-color-ds-button-negative-medium: #ff9fa9;
    --text-color-ds-button-negative-medium-hover: #ff9fa9;
    --text-color-ds-button-negative-low: #ff7386;
    --text-color-ds-button-negative-low-hover: #ff7386;
    --text-color-ds-button-negative-none: #ff7386;
    --text-color-ds-button-negative-none-hover: #f5395e;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #ffcd60;
    --text-color-ds-button-warning-medium-hover: #ffcd60;
    --text-color-ds-button-warning-low: #e8b100;
    --text-color-ds-button-warning-low-hover: #e8b100;
    --text-color-ds-button-warning-none: #e8b100;
    --text-color-ds-button-warning-none-hover: #c39621;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #d4cbff;
    --text-color-ds-button-brand-medium-hover: #d4cbff;
    --text-color-ds-button-brand-low: #d4cbff;
    --text-color-ds-button-brand-low-hover: #f1efff;
    --text-color-ds-button-brand-none: #d4cbff;
    --text-color-ds-button-brand-none-hover: #f1efff;
    --text-color-ds-button-info-high: #002940;
    --text-color-ds-button-info-medium: #90c9ff;
    --text-color-ds-button-info-medium-hover: #90c9ff;
    --text-color-ds-button-info-low: #0092d8;
    --text-color-ds-button-info-low-hover: #0092d8;
    --text-color-ds-button-info-none: #0092d8;
    --text-color-ds-button-info-none-hover: #0079b4;
    --text-color-ds-button-inverted-high: #fff;
    --text-color-ds-button-inverted-medium: #0d0d0d;
    --text-color-ds-button-inverted-medium-hover: #0d0d0d;
    --text-color-ds-button-inverted-low: #0d0d0d;
    --text-color-ds-button-inverted-low-hover: #0d0d0d;
    --text-color-ds-button-inverted-none: #0d0d0d;
    --text-color-ds-button-inverted-none-hover: #0d0d0d;
    --text-color-ds-button-neutral-high-icon: #0d0d0d;
    --text-color-ds-checkbox-primary: #fff;
    --text-color-ds-checkbox-description: #9e9e9e;
    --text-color-ds-checkbox-check-mark: #000;
    --text-color-ds-checkboxgroup-primary: #fff;
    --text-color-ds-checkboxgroup-description: #9e9e9e;
    --text-color-ds-checkboxgroup-error: #ff7386;
    --text-color-ds-circle-primary-low: #9d82fe;
    --text-color-ds-circle-neutral-low: #9e9e9e;
    --text-color-ds-circle-positive-low: #35df8d;
    --text-color-ds-circle-warning-low: #ffcd60;
    --text-color-ds-circle-negative-low: #ff7386;
    --text-color-ds-circle-info-low: #00adfe;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #0d0d0d;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #7132f5;
    --text-color-ds-circle-border-neutral-high: #757575;
    --text-color-ds-circle-border-positive-high: #149e61;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0092d8;
    --text-color-ds-datepicker: #eeeff3;
    --text-color-ds-datepicker-weekday: #9497a9;
    --text-color-ds-datepicker-today: #9497a9;
    --text-color-ds-datepicker-disabled: #686b82;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #9e9e9e;
    --text-color-ds-dropdown-button-content-placeholder-hover: #fff;
    --text-color-ds-dropdown-button-content-text: #fff;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #9497a9;
    --text-color-ds-filteritem-active: #f7f7fa;
    --text-color-ds-input: #fff;
    --text-color-ds-input-icon: #757575;
    --text-color-ds-input-label: #9e9e9e;
    --text-color-ds-input-error-label: #ff7386;
    --text-color-ds-inputerror-label: #ff7386;
    --text-color-ds-label-value: #ffffff0a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #9e9e9e;
    --text-color-ds-menu: #fff;
    --text-color-ds-menu-active: #fff;
    --text-color-ds-notification-primary: #f1efff;
    --text-color-ds-notification-neutral: #f5f5f5;
    --text-color-ds-notification-negative: #ffd6da;
    --text-color-ds-notification-warning: #fffaf0;
    --text-color-ds-notification-positive: #c6feda;
    --text-color-ds-notification-info: #e7f2ff;
    --text-color-ds-notification-subtitle-primary: #d4cbff;
    --text-color-ds-notification-subtitle-neutral: #ccc;
    --text-color-ds-notification-subtitle-negative: #ffbdc3;
    --text-color-ds-notification-subtitle-warning: #ffe5b1;
    --text-color-ds-notification-subtitle-positive: #44fc9e;
    --text-color-ds-notification-subtitle-info: #c7e1ff;
    --text-color-ds-pill: #fff;
    --text-color-ds-pill-primary: #fff;
    --text-color-ds-pill-neutral: #fff;
    --text-color-ds-radio-primary: #fff;
    --text-color-ds-radio-disabled: #484b5e;
    --text-color-ds-radio-description: #9e9e9e;
    --text-color-ds-radio-check-mark: #000;
    --text-color-ds-radiogroup-primary: #f7f7fa;
    --text-color-ds-radiogroup-description: #9497a9;
    --text-color-ds-radiogroup-error: #ff7386;
    --text-color-ds-segmented-control-inactive: #9e9e9e;
    --text-color-ds-segmented-control-inactive-hover: #fff;
    --text-color-ds-segmented-control-active-primary: #fff;
    --text-color-ds-segmented-control-active-positive: #35df8d;
    --text-color-ds-segmented-control-active-negative: #ff7386;
    --text-color-ds-segmented-control-active-primary-low: #fff;
    --text-color-ds-segmented-control-active-positive-low: #35df8d;
    --text-color-ds-segmented-control-active-negative-low: #ff7386;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #7575753d;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #f7f7fa;
    --text-color-ds-spinner-neutral: #9497a9;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #35df8d;
    --text-color-ds-spinner-negative: #ff7386;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #fff;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #000;
    --text-color-ds-stacked-asset-icons: #f7f7fa;
    --text-color-ds-tabs: #9e9e9e;
    --text-color-ds-tabs-active: #fff;
    --text-color-ds-tabs-on-background: #9e9e9e;
    --text-color-ds-tabs-on-background-active: #fff;
    --text-color-ds-text-duo-primary-main: #fff;
    --text-color-ds-text-duo-primary-duo: #9e9e9e;
    --text-color-ds-text-duo-neutral-main: #9e9e9e;
    --text-color-ds-text-duo-neutral-duo: #757575;
    --text-color-ds-text-duo-positive-main: #35df8d;
    --text-color-ds-text-duo-positive-duo: #35df8d;
    --text-color-ds-text-duo-negative-main: #ff7386;
    --text-color-ds-text-duo-negative-duo: #ff7386;
    --text-color-ds-tooltip-text: #9e9e9e;
    --text-color-ds-tooltip-title: #fff;
    --border-color-ds-asset-conversion-icons-primary: #fff;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #fff;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #fff;
    --border-color-ds-datepicker: #fff0;
    --border-color-ds-base-drawer: #ffffff14;
    --border-color-ds-input-focused: #7132f5;
    --border-color-ds-input-error: #d11d45;
    --border-color-ds-input-error-focused: #d11d45;
    --border-color-ds-legend-item-dimmed: #757575;
    --border-color-ds-menu: #fff0;
    --border-color-ds-menu-divider: #75757552;
    --border-color-ds-popover: #fff0;
    --border-color-ds-radio-primary-focus: #fff;
    --border-color-ds-selectable-card-selected: #fff;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header-cell-hover: #fff;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b8229;
    --stroke-ds-dropdown-button-content-icon: #9e9e9e;
    --stroke-ds-dropdown-button-content-icon-hover: #fff;
    --stroke-ds-icon-primary: #9d82fe;
    --stroke-ds-icon-neutral: #9e9e9e;
    --stroke-ds-icon-strong: #fff;
    --stroke-ds-icon-dimmed: #757575;
    --stroke-ds-icon-positive: #35df8d;
    --stroke-ds-icon-warning: #ffcd60;
    --stroke-ds-icon-negative: #ff7386;
    --stroke-ds-icon-info: #00adfe;
    --stroke-ds-icon-brand: #fff;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #fff0;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #855bfb29;
    --ring-color-ds-circle-neutral-low: #75757529;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c3962129;
    --ring-color-ds-circle-positive-low: #149e6129;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #7132f5;
    --ring-color-ds-circle-neutral-high: #757575;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #149e61;
    --ring-color-ds-circle-info-high: #0092d8;
    --fill-ds-brand-brand: #855bfb;
    --fill-ds-brand-neutral: #fff;
    --fill-ds-brand-inverted: #000;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #9d82fe;
    --fill-ds-icon-neutral: #9e9e9e;
    --fill-ds-icon-strong: #fff;
    --fill-ds-icon-dimmed: #757575;
    --fill-ds-icon-positive: #35df8d;
    --fill-ds-icon-warning: #ffcd60;
    --fill-ds-icon-negative: #ff7386;
    --fill-ds-icon-info: #00adfe;
    --fill-ds-icon-brand: #fff;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #262626;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #262626, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #262626;
    --placeholder-color-ds-input: #9e9e9e;
    --caret-color-ds-input: #fff;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #fff;
    --opacity-ds-table-cell-dimmed: .5;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8266
}

.pws-fe-dark-theme {
    --colors-ds-semantic-action-primary-background: var(--colors-ds-semantic-content-primary, #fff);
    --colors-ds-semantic-action-primary-background-hover: #e5e6ec;
    --colors-ds-semantic-action-primary-foreground: var(--colors-ds-semantic-content-inverse, #101114);
    --colors-ds-semantic-action-secondary-background: #84848429;
    --colors-ds-semantic-action-secondary-background-hover: #84848452;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #d0d0d0;
    --colors-ds-semantic-border-default: #84848452;
    --colors-ds-semantic-border-negative: #ff7386;
    --colors-ds-semantic-border-positive: #35df8d;
    --colors-ds-semantic-border-strong: #b8b8b8;
    --colors-ds-semantic-border-subtle: #84848429;
    --colors-ds-semantic-content-brand: var(--colors-ds-semantic-content-primary, #fff);
    --colors-ds-semantic-content-dimmed: #727272;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #00adfe;
    --colors-ds-semantic-content-inverse: #101114;
    --colors-ds-semantic-content-negative: #ff7386;
    --colors-ds-semantic-content-neutral: #a0a0a0;
    --colors-ds-semantic-content-positive: #35df8d;
    --colors-ds-semantic-content-primary: #fff;
    --colors-ds-semantic-content-warning: #ffcd60;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-primary, #fff);
    --colors-ds-semantic-focus-ring-inverse: var(--colors-ds-semantic-content-primary, #fff);
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: var(--colors-ds-semantic-content-primary, #fff);
    --colors-ds-semantic-status-brand-content-strong: var(--colors-ds-semantic-content-primary, #fff);
    --colors-ds-semantic-status-brand-on-solid: #101114;
    --colors-ds-semantic-status-brand-on-subtle: var(--colors-ds-semantic-content-primary, #fff);
    --colors-ds-semantic-status-brand-solid: var(--colors-ds-semantic-content-primary, #fff);
    --colors-ds-semantic-status-brand-subtle: #686b8229;
    --colors-ds-semantic-status-info-content: #c7e1ff;
    --colors-ds-semantic-status-info-content-strong: #e7f2ff;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #00adfe;
    --colors-ds-semantic-status-info-solid: #0092d8;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #ffbdc3;
    --colors-ds-semantic-status-negative-content-strong: #ffd6da;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #ff7386;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #d0d0d0;
    --colors-ds-semantic-status-neutral-content-strong: #f7f7fa;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #a0a0a0;
    --colors-ds-semantic-status-neutral-solid: #848484;
    --colors-ds-semantic-status-neutral-subtle: #84848429;
    --colors-ds-semantic-status-positive-content: #65d9a7;
    --colors-ds-semantic-status-positive-content-strong: #65d9a7;
    --colors-ds-semantic-status-positive-on-solid: #0b2418;
    --colors-ds-semantic-status-positive-on-subtle: #65d9a7;
    --colors-ds-semantic-status-positive-solid: #65d9a7;
    --colors-ds-semantic-status-positive-subtle: #65d9a729;
    --colors-ds-semantic-status-warning-content: #ffe5b1;
    --colors-ds-semantic-status-warning-content-strong: #fffaf0;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #ffcd60;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c3962129;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #8484843d;
    --colors-ds-semantic-surface-overlay: #242424;
    --colors-ds-semantic-surface-page: #090909;
    --colors-ds-semantic-surface-raised: #171717;
    --colors-ds-semantic-surface-selected: #84848414;
    --colors-ds-semantic-surface-sunken: #8484841f;
    --colors-ds-primary: #fff;
    --colors-ds-neutral: #a0a0a0;
    --colors-ds-dimmed: #727272;
    --colors-ds-positive: #35df8d;
    --colors-ds-negative: #ff7386;
    --colors-ds-warning: #ffcd60;
    --colors-ds-brand: #fff;
    --colors-ds-info: #00adfe;
    --colors-ds-inverted: #101114;
    --colors-ds-disabled: #484b5e;
    --colors-ds-strong: #fff;
    --colors-ds-subtle: #484b5e;
    --colors-ds-divider: #84848452;
    --colors-ds-textlink-hover-primary: #a0a0a0;
    --colors-ds-textlink-hover-brand: #b8a8ff;
    --colors-ds-textlink-hover-neutral: #fff;
    --colors-ds-textlink-hover-positive: #149e61;
    --colors-ds-textlink-hover-negative: #f5395e;
    --colors-ds-textlink-hover-warning: #c39621;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #00000026;
    --box-shadow-ds-2: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-3: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-4: 0px 12px 16px -4px #00000026;
    --box-shadow-ds-5: 0px 20px 24px -4px #00000026;
    --box-shadow-ds-6: 0px 24px 48px -12px #0000004d;
    --box-shadow-ds-7: 0px 32px 64px -12px #0000004d;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #84848452;
    --box-shadow-ds-banner: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-container: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #00000026, 0px 4px 8px -2px #00000026;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 150px 0px #000;
    --box-shadow-ds-menu: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --box-shadow-ds-popover: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #00000026;
    --outline-color-ds-accordion: #fff;
    --outline-color-ds-button: #fff;
    --outline-color-ds-card-selected: #fff;
    --outline-color-ds-favourite-button: #fff;
    --outline-color-ds-input-error-focused: #d11d45;
    --outline-color-ds-input: #fff;
    --outline-color-ds-input-error: #d11d45;
    --outline-color-ds-legend-item-dimmed: #686b82;
    --outline-color-ds-menu: #fff;
    --outline-color-ds-notification: #fff;
    --outline-color-ds-popover: #fff;
    --outline-color-ds-segmented-control: #fff;
    --outline-color-ds-selectable-card: #fff;
    --outline-color-ds-tabs: #fff;
    --outline-color-ds-table-header-cell: #fff;
    --outline-color-ds-textlink: #fff;
    --outline-color-ds-toggle: #fff;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #fff;
    --background-color-ds-badge-primary-low: #686b8229;
    --background-color-ds-badge-neutral-high: #848484;
    --background-color-ds-badge-neutral-low: #84848429;
    --background-color-ds-badge-positive-high: #65d9a7;
    --background-color-ds-badge-positive-low: #65d9a729;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c3962129;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0092d8;
    --background-color-ds-badge-new-low: #686b8229;
    --background-color-ds-badge-new-high: #fff;
    --background-color-ds-banner: #1a1b22;
    --background-color-ds-button-primary-high: #f7f7fa;
    --background-color-ds-button-primary-high-hover: #e5e6ec;
    --background-color-ds-button-primary-medium: #686b8229;
    --background-color-ds-button-primary-medium-hover: #686b8252;
    --background-color-ds-button-primary-medium-active: #686b8252;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #84848429;
    --background-color-ds-button-primary-low-active: #84848429;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #f7f7fa;
    --background-color-ds-button-neutral-high-hover: #e5e6ec;
    --background-color-ds-button-neutral-medium: #84848429;
    --background-color-ds-button-neutral-medium-hover: #84848452;
    --background-color-ds-button-neutral-medium-active: #84848452;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #84848429;
    --background-color-ds-button-neutral-low-active: #84848429;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #35df8d;
    --background-color-ds-button-positive-high-hover: #44fc9e;
    --background-color-ds-button-positive-medium: #65d9a729;
    --background-color-ds-button-positive-medium-hover: #65d9a752;
    --background-color-ds-button-positive-medium-active: #65d9a752;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #65d9a729;
    --background-color-ds-button-positive-low-active: #65d9a729;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #f5395e;
    --background-color-ds-button-negative-high-hover: #ff7386;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e52;
    --background-color-ds-button-negative-medium-active: #f5395e52;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c3962152;
    --background-color-ds-button-warning-medium-active: #c3962152;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #fff;
    --background-color-ds-button-brand-high-hover: #fff;
    --background-color-ds-button-brand-medium: #686b8229;
    --background-color-ds-button-brand-medium-hover: #686b8252;
    --background-color-ds-button-brand-medium-active: #686b8252;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #686b8229;
    --background-color-ds-button-brand-low-active: #686b8229;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0092d8;
    --background-color-ds-button-info-high-hover: #90c9ff;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #000;
    --background-color-ds-button-inverted-high-hover: #0000008f;
    --background-color-ds-button-inverted-medium: #00000014;
    --background-color-ds-button-inverted-medium-hover: #00000029;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #00000014;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #8484841f;
    --background-color-ds-card-disabled: #84848414;
    --background-color-ds-card-selected: #84848414;
    --background-color-ds-card-hover: #686b823d;
    --background-color-ds-card-selected-hover: #8484843d;
    --background-color-ds-card-background: #8484841f;
    --background-color-ds-card-background-hover: #8484843d;
    --background-color-ds-checkbox-unchecked: #84848452;
    --background-color-ds-checkbox-unchecked-hover: #84848466;
    --background-color-ds-checkbox-checked: #fff;
    --background-color-ds-checkbox-checked-hover: #8a61ff;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e29;
    --background-color-ds-circle-primary-low: #686b8229;
    --background-color-ds-circle-neutral-low: #84848429;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c3962129;
    --background-color-ds-circle-positive-low: #65d9a729;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #fff;
    --background-color-ds-circle-neutral-high: #848484;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #65d9a7;
    --background-color-ds-circle-info-high: #0092d8;
    --background-color-ds-container: #171717;
    --background-color-ds-container-glass: #686b8229;
    --background-color-ds-datepicker: #171717;
    --background-color-ds-datepicker-raised: #272532;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #fff;
    --background-color-ds-datepicker-selected-day-range: #855bfb29;
    --background-color-ds-dialog: #242424;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #84848452;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: #171717;
    --background-color-ds-dropdown-button: #84848429;
    --background-color-ds-dropdown-button-hover: #84848452;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8229;
    --background-color-ds-filteritem-active: #686b8252;
    --background-color-ds-full-screen-dialog: #090909;
    --background-color-ds-input: #84848429;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #d11d45;
    --background-color-ds-input-border-error-focused: #d11d45;
    --background-color-ds-input-border-focused: #fff;
    --background-color-ds-input-content-icon: #727272;
    --background-color-ds-input-content-input-text: #fff;
    --background-color-ds-input-content-label: #a0a0a0;
    --background-color-ds-input-error: #84848429;
    --background-color-ds-input-error-focused: #84848414;
    --background-color-ds-input-focused: #84848414;
    --background-color-ds-input-hover: #84848414;
    --background-color-ds-input-selected: #84848414;
    --background-color-ds-input-error-label: #f5395e29;
    --background-color-ds-input-background: #686b8229;
    --background-color-ds-input-background-hover: #686b821f;
    --background-color-ds-input-background-selected: #686b821f;
    --background-color-ds-inputerror-label: #f5395e29;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #686b8229;
    --background-color-ds-legend-item-dimmed: #686b82;
    --background-color-ds-list-hover: #686b823d;
    --background-color-ds-menu: #242424;
    --background-color-ds-menu-raised: #272532;
    --background-color-ds-menu-hover: #84848414;
    --background-color-ds-menu-pressed: #855bfb1f;
    --background-color-ds-menu-active: #84848429;
    --background-color-ds-menu-active-hover: #686b821f;
    --background-color-ds-notification-primary: #686b820a;
    --background-color-ds-notification-neutral: #686b820a;
    --background-color-ds-notification-negative: #f5395e0a;
    --background-color-ds-notification-warning: #c396210a;
    --background-color-ds-notification-positive: #149e610a;
    --background-color-ds-notification-info: #0092d80a;
    --background-color-ds-notification-primary-hover: #686b8214;
    --background-color-ds-notification-neutral-hover: #8484843d;
    --background-color-ds-notification-negative-hover: #f5395e3d;
    --background-color-ds-notification-warning-hover: #c396213d;
    --background-color-ds-notification-positive-hover: #65d9a73d;
    --background-color-ds-notification-info-hover: #0092d83d;
    --background-color-ds-pagination: #686b821f;
    --background-color-ds-pill: #855bfb29;
    --background-color-ds-pill-primary: #855bfb29;
    --background-color-ds-pill-neutral: #686b8229;
    --background-color-ds-popover: #242424;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-primary: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-finished: #08844f;
    --background-color-ds-radio-unchecked: #84848452;
    --background-color-ds-radio-unchecked-hover: #84848466;
    --background-color-ds-radio-checked: #fff;
    --background-color-ds-radio-checked-hover: #8a61ff;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #7132f5;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b82a3;
    --background-color-ds-scrollbar-thumb-hover: #686b827a;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #171717;
    --background-color-ds-segmented-control-inactive-high: #8484841f;
    --background-color-ds-segmented-control-active-primary: #686b823d;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #686b823d;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #8484841f;
    --background-color-ds-selectable-card-selected: #84848414;
    --background-color-ds-selectable-card-hover: #686b823d;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b823d;
    --background-color-ds-consumerpagination: #ffffff3d;
    --background-color-ds-consumerpagination-active: #8484841f;
    --background-color-ds-consumerpagination-hover: #fff6;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #8484843d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #686b82;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #353746;
    --background-color-ds-tabs: #fff0;
    --background-color-ds-tabs-hover: #84848429;
    --background-color-ds-tabs-active: #686b823d;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #686b823d;
    --background-color-ds-table-cell-sticky: #16121f;
    --background-color-ds-table-cell-sticky-container: #171717;
    --background-color-ds-table-cell-sticky-dialog: #1f1b27;
    --background-color-ds-table-cell-sticky-dialog-container: #16121f;
    --background-color-ds-table-cell-sticky-container-card: #21202c;
    --background-color-ds-table-cell-sticky-container-card-hover: #22202e;
    --background-color-ds-table-cell-sticky-container-hover: #191523;
    --background-color-ds-table-cell-sticky-dialog-hover: #221e2b;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #1a1826;
    --background-color-ds-table-header-cell-resize: #fff;
    --background-color-ds-table-header-cell-sticky: #16121f;
    --background-color-ds-table-row-group: #686b8214;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b8214;
    --background-color-ds-table-row-hover: #8484840a;
    --background-color-ds-table-row: #16121f;
    --background-color-ds-toggle-handle-on: #eeeff3;
    --background-color-ds-toggle-handle-off: #b8b8b8;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #84848452;
    --background-color-ds-tooltip: #22232d;
    --text-color-ds-accordion-primary: #a0a0a0;
    --text-color-ds-accordion-disabled: #9497a9;
    --text-color-ds-accordion-hover: #fff;
    --text-color-ds-badge-primary: #fff;
    --text-color-ds-badge-neutral: #a0a0a0;
    --text-color-ds-badge-positive: #65d9a7;
    --text-color-ds-badge-negative: #ff7386;
    --text-color-ds-badge-warning: #ffcd60;
    --text-color-ds-badge-high: #101114;
    --text-color-ds-asseticon-neutral: #000;
    --text-color-ds-asseticon-inverted: #fff;
    --text-color-ds-badge-high-inverse: #101114;
    --text-color-ds-badge-info: #00adfe;
    --text-color-ds-badge-new: #fff;
    --text-color-ds-brand-brand: #855bfb;
    --text-color-ds-brand-neutral: #fff;
    --text-color-ds-brand-inverted: #000;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #a0a0a0;
    --text-color-ds-breadcrumbs-hover: #fff;
    --text-color-ds-breadcrumbs-selected: #fff;
    --text-color-ds-button-primary-high: #101114;
    --text-color-ds-button-primary-medium: #fff;
    --text-color-ds-button-primary-medium-hover: #fff;
    --text-color-ds-button-primary-low: #fff;
    --text-color-ds-button-primary-low-hover: #d0d0d0;
    --text-color-ds-button-primary-none: #d0d0d0;
    --text-color-ds-button-primary-none-hover: #fff;
    --text-color-ds-button-neutral-high: #101114;
    --text-color-ds-button-neutral-medium: #9497a9;
    --text-color-ds-button-neutral-medium-hover: #fff;
    --text-color-ds-button-neutral-low: #d0d0d0;
    --text-color-ds-button-neutral-low-hover: #fff;
    --text-color-ds-button-neutral-none: #d0d0d0;
    --text-color-ds-button-neutral-none-hover: #fff;
    --text-color-ds-button-positive-high: #002d17;
    --text-color-ds-button-positive-medium: #35df8d;
    --text-color-ds-button-positive-medium-hover: #35df8d;
    --text-color-ds-button-positive-low: #35df8d;
    --text-color-ds-button-positive-low-hover: #35df8d;
    --text-color-ds-button-positive-none: #35df8d;
    --text-color-ds-button-positive-none-hover: #23ba75;
    --text-color-ds-button-negative-high: #3c000c;
    --text-color-ds-button-negative-medium: #ff9fa9;
    --text-color-ds-button-negative-medium-hover: #ff9fa9;
    --text-color-ds-button-negative-low: #ff7386;
    --text-color-ds-button-negative-low-hover: #ff7386;
    --text-color-ds-button-negative-none: #ff7386;
    --text-color-ds-button-negative-none-hover: #f5395e;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #ffcd60;
    --text-color-ds-button-warning-medium-hover: #ffcd60;
    --text-color-ds-button-warning-low: #e8b100;
    --text-color-ds-button-warning-low-hover: #e8b100;
    --text-color-ds-button-warning-none: #e8b100;
    --text-color-ds-button-warning-none-hover: #c39621;
    --text-color-ds-button-brand-high: #101114;
    --text-color-ds-button-brand-medium: #fff;
    --text-color-ds-button-brand-medium-hover: #fff;
    --text-color-ds-button-brand-low: #fff;
    --text-color-ds-button-brand-low-hover: #fff;
    --text-color-ds-button-brand-none: #fff;
    --text-color-ds-button-brand-none-hover: #fff;
    --text-color-ds-button-info-high: #002940;
    --text-color-ds-button-info-medium: #90c9ff;
    --text-color-ds-button-info-medium-hover: #90c9ff;
    --text-color-ds-button-info-low: #0092d8;
    --text-color-ds-button-info-low-hover: #0092d8;
    --text-color-ds-button-info-none: #0092d8;
    --text-color-ds-button-info-none-hover: #0079b4;
    --text-color-ds-button-inverted-high: #fff;
    --text-color-ds-button-inverted-medium: #101114;
    --text-color-ds-button-inverted-medium-hover: #101114;
    --text-color-ds-button-inverted-low: #101114;
    --text-color-ds-button-inverted-low-hover: #101114;
    --text-color-ds-button-inverted-none: #101114;
    --text-color-ds-button-inverted-none-hover: #101114;
    --text-color-ds-button-neutral-high-icon: #101114;
    --text-color-ds-checkbox-primary: #fff;
    --text-color-ds-checkbox-description: #a0a0a0;
    --text-color-ds-checkbox-check-mark: #101114;
    --text-color-ds-checkboxgroup-primary: #fff;
    --text-color-ds-checkboxgroup-description: #a0a0a0;
    --text-color-ds-checkboxgroup-error: #ff7386;
    --text-color-ds-circle-primary-low: #fff;
    --text-color-ds-circle-neutral-low: #a0a0a0;
    --text-color-ds-circle-positive-low: #65d9a7;
    --text-color-ds-circle-warning-low: #ffcd60;
    --text-color-ds-circle-negative-low: #ff7386;
    --text-color-ds-circle-info-low: #00adfe;
    --text-color-ds-circle-primary-high: #101114;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #0b2418;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #fff;
    --text-color-ds-circle-border-neutral-high: #848484;
    --text-color-ds-circle-border-positive-high: #65d9a7;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0092d8;
    --text-color-ds-datepicker: #eeeff3;
    --text-color-ds-datepicker-weekday: #9497a9;
    --text-color-ds-datepicker-today: #9497a9;
    --text-color-ds-datepicker-disabled: #686b82;
    --text-color-ds-datepicker-selected: #101114;
    --text-color-ds-dropdown-button-content-placeholder: #a0a0a0;
    --text-color-ds-dropdown-button-content-placeholder-hover: #fff;
    --text-color-ds-dropdown-button-content-text: #fff;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #9497a9;
    --text-color-ds-filteritem-active: #f7f7fa;
    --text-color-ds-input: #fff;
    --text-color-ds-input-icon: #727272;
    --text-color-ds-input-label: #a0a0a0;
    --text-color-ds-input-error-label: #ff7386;
    --text-color-ds-inputerror-label: #ff7386;
    --text-color-ds-label-value: #ffffff0a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #a0a0a0;
    --text-color-ds-menu: #fff;
    --text-color-ds-menu-active: #fff;
    --text-color-ds-notification-primary: #f7f7fa;
    --text-color-ds-notification-neutral: #f7f7fa;
    --text-color-ds-notification-negative: #ffd6da;
    --text-color-ds-notification-warning: #fffaf0;
    --text-color-ds-notification-positive: #65d9a7;
    --text-color-ds-notification-info: #e7f2ff;
    --text-color-ds-notification-subtitle-primary: #c6c7d2;
    --text-color-ds-notification-subtitle-neutral: #d0d0d0;
    --text-color-ds-notification-subtitle-negative: #ffbdc3;
    --text-color-ds-notification-subtitle-warning: #ffe5b1;
    --text-color-ds-notification-subtitle-positive: #65d9a7;
    --text-color-ds-notification-subtitle-info: #c7e1ff;
    --text-color-ds-pill: #fff;
    --text-color-ds-pill-primary: #fff;
    --text-color-ds-pill-neutral: #fff;
    --text-color-ds-radio-primary: #fff;
    --text-color-ds-radio-disabled: #484b5e;
    --text-color-ds-radio-description: #9497a9;
    --text-color-ds-radio-check-mark: #101114;
    --text-color-ds-radiogroup-primary: #f7f7fa;
    --text-color-ds-radiogroup-description: #9497a9;
    --text-color-ds-radiogroup-error: #ff7386;
    --text-color-ds-segmented-control-inactive: #a0a0a0;
    --text-color-ds-segmented-control-inactive-hover: #fff;
    --text-color-ds-segmented-control-active-primary: #fff;
    --text-color-ds-segmented-control-active-positive: #35df8d;
    --text-color-ds-segmented-control-active-negative: #ff7386;
    --text-color-ds-segmented-control-active-primary-low: #fff;
    --text-color-ds-segmented-control-active-positive-low: #35df8d;
    --text-color-ds-segmented-control-active-negative-low: #ff7386;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #686b823d;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #f7f7fa;
    --text-color-ds-spinner-neutral: #9497a9;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #35df8d;
    --text-color-ds-spinner-negative: #ff7386;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #fff;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #000;
    --text-color-ds-stacked-asset-icons: #f7f7fa;
    --text-color-ds-tabs: #a0a0a0;
    --text-color-ds-tabs-active: #fff;
    --text-color-ds-tabs-on-background: #a0a0a0;
    --text-color-ds-tabs-on-background-active: #fff;
    --text-color-ds-text-duo-primary-main: #fff;
    --text-color-ds-text-duo-primary-duo: #a0a0a0;
    --text-color-ds-text-duo-neutral-main: #a0a0a0;
    --text-color-ds-text-duo-neutral-duo: #727272;
    --text-color-ds-text-duo-positive-main: #35df8d;
    --text-color-ds-text-duo-positive-duo: #35df8d;
    --text-color-ds-text-duo-negative-main: #ff7386;
    --text-color-ds-text-duo-negative-duo: #ff7386;
    --text-color-ds-tooltip-text: #a0a0a0;
    --text-color-ds-tooltip-title: #fff;
    --border-color-ds-asset-conversion-icons-primary: #fff;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #fff;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #fff;
    --border-color-ds-datepicker: #fff0;
    --border-color-ds-base-drawer: #ffffff14;
    --border-color-ds-input-focused: #fff;
    --border-color-ds-input-error: #d11d45;
    --border-color-ds-input-error-focused: #d11d45;
    --border-color-ds-legend-item-dimmed: #686b82;
    --border-color-ds-menu: #fff0;
    --border-color-ds-menu-divider: #84848452;
    --border-color-ds-popover: #fff0;
    --border-color-ds-radio-primary-focus: #fff;
    --border-color-ds-selectable-card-selected: #fff;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header-cell-hover: #fff;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b8229;
    --stroke-ds-dropdown-button-content-icon: #a0a0a0;
    --stroke-ds-dropdown-button-content-icon-hover: #fff;
    --stroke-ds-icon-primary: #fff;
    --stroke-ds-icon-neutral: #a0a0a0;
    --stroke-ds-icon-strong: #fff;
    --stroke-ds-icon-dimmed: #727272;
    --stroke-ds-icon-positive: #35df8d;
    --stroke-ds-icon-warning: #ffcd60;
    --stroke-ds-icon-negative: #ff7386;
    --stroke-ds-icon-info: #00adfe;
    --stroke-ds-icon-brand: #fff;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #fff0;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #686b8229;
    --ring-color-ds-circle-neutral-low: #84848429;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c3962129;
    --ring-color-ds-circle-positive-low: #65d9a729;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #fff;
    --ring-color-ds-circle-neutral-high: #848484;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #65d9a7;
    --ring-color-ds-circle-info-high: #0092d8;
    --fill-ds-brand-brand: #855bfb;
    --fill-ds-brand-neutral: #fff;
    --fill-ds-brand-inverted: #000;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #fff;
    --fill-ds-icon-neutral: #a0a0a0;
    --fill-ds-icon-strong: #fff;
    --fill-ds-icon-dimmed: #727272;
    --fill-ds-icon-positive: #35df8d;
    --fill-ds-icon-warning: #ffcd60;
    --fill-ds-icon-negative: #ff7386;
    --fill-ds-icon-info: #00adfe;
    --fill-ds-icon-brand: #fff;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #1f1b27;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #242424, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #242424;
    --placeholder-color-ds-input: #a0a0a0;
    --caret-color-ds-input: #fff;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #fff;
    --opacity-ds-table-cell-dimmed: .5;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8266
}

.pws-fe-light-theme {
    --colors-ds-semantic-action-primary-background: var(--colors-ds-semantic-content-primary, #101114);
    --colors-ds-semantic-action-primary-background-hover: #22232d;
    --colors-ds-semantic-action-primary-foreground: var(--colors-ds-semantic-content-inverse, #fff);
    --colors-ds-semantic-action-secondary-background: #77716d14;
    --colors-ds-semantic-action-secondary-background-hover: #77716d1f;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #4a4441;
    --colors-ds-semantic-border-default: #77716d29;
    --colors-ds-semantic-border-negative: #d11d45;
    --colors-ds-semantic-border-positive: #08844f;
    --colors-ds-semantic-border-strong: #77716d;
    --colors-ds-semantic-border-subtle: #77716d29;
    --colors-ds-semantic-content-brand: var(--colors-ds-semantic-content-primary, #101114);
    --colors-ds-semantic-content-dimmed: #8e8883;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #0079b4;
    --colors-ds-semantic-content-inverse: #fff;
    --colors-ds-semantic-content-negative: #d11d45;
    --colors-ds-semantic-content-neutral: #67615d;
    --colors-ds-semantic-content-positive: #08844f;
    --colors-ds-semantic-content-primary: #101114;
    --colors-ds-semantic-content-warning: #c39621;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-primary, #101114);
    --colors-ds-semantic-focus-ring-inverse: var(--colors-ds-semantic-content-primary, #101114);
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: var(--colors-ds-semantic-content-primary, #101114);
    --colors-ds-semantic-status-brand-content-strong: var(--colors-ds-semantic-content-primary, #101114);
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: var(--colors-ds-semantic-content-primary, #101114);
    --colors-ds-semantic-status-brand-solid: var(--colors-ds-semantic-content-primary, #101114);
    --colors-ds-semantic-status-brand-subtle: #686b8229;
    --colors-ds-semantic-status-info-content: #003c5c;
    --colors-ds-semantic-status-info-content-strong: #002940;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #006394;
    --colors-ds-semantic-status-info-solid: #0079b4;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #5f0018;
    --colors-ds-semantic-status-negative-content-strong: #3c000c;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #d11d45;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #1a1b22;
    --colors-ds-semantic-status-neutral-content-strong: #101114;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #4a4441;
    --colors-ds-semantic-status-neutral-solid: #a39d98;
    --colors-ds-semantic-status-neutral-subtle: #77716d1f;
    --colors-ds-semantic-status-positive-content: #2f7e5a;
    --colors-ds-semantic-status-positive-content-strong: #2f7e5a;
    --colors-ds-semantic-status-positive-on-solid: #0b2418;
    --colors-ds-semantic-status-positive-on-subtle: #2f7e5a;
    --colors-ds-semantic-status-positive-solid: #65d9a7;
    --colors-ds-semantic-status-positive-subtle: #65d9a729;
    --colors-ds-semantic-status-warning-content: #553c00;
    --colors-ds-semantic-status-warning-content-strong: #3b2a00;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #553c00;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c396213d;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #77716d1f;
    --colors-ds-semantic-surface-overlay: #fff;
    --colors-ds-semantic-surface-page: #f6f5f9;
    --colors-ds-semantic-surface-raised: #fff;
    --colors-ds-semantic-surface-selected: #77716d14;
    --colors-ds-semantic-surface-sunken: #a39d9814;
    --colors-ds-primary: #101114;
    --colors-ds-neutral: #67615d;
    --colors-ds-dimmed: #8e8883;
    --colors-ds-positive: #08844f;
    --colors-ds-negative: #d11d45;
    --colors-ds-warning: #c39621;
    --colors-ds-brand: #101114;
    --colors-ds-info: #0079b4;
    --colors-ds-inverted: #fff;
    --colors-ds-disabled: #c6c7d2;
    --colors-ds-strong: #1a1b22;
    --colors-ds-subtle: #c6c7d2;
    --colors-ds-divider: #77716d29;
    --colors-ds-textlink-hover-primary: #67615d;
    --colors-ds-textlink-hover-brand: #471ca0;
    --colors-ds-textlink-hover-neutral: #101114;
    --colors-ds-textlink-hover-positive: #005531;
    --colors-ds-textlink-hover-negative: #840125;
    --colors-ds-textlink-hover-warning: #89640c;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #1018280a;
    --box-shadow-ds-2: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-3: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-4: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-5: 0px 20px 24px -4px #1018280f;
    --box-shadow-ds-6: 0px 24px 48px -12px #1018282e;
    --box-shadow-ds-7: 0px 32px 64px -12px #10182824;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #77716d29;
    --box-shadow-ds-banner: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-container: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 75px 0px #00000026;
    --box-shadow-ds-menu: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-popover: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --outline-color-ds-accordion: #101114;
    --outline-color-ds-button: #101114;
    --outline-color-ds-card-selected: #7132f5;
    --outline-color-ds-favourite-button: #101114;
    --outline-color-ds-input-error-focused: #f5395e;
    --outline-color-ds-input: #101114;
    --outline-color-ds-input-error: #f5395e;
    --outline-color-ds-legend-item-dimmed: #9497a9;
    --outline-color-ds-menu: #101114;
    --outline-color-ds-notification: #101114;
    --outline-color-ds-popover: #101114;
    --outline-color-ds-segmented-control: #101114;
    --outline-color-ds-selectable-card: #7132f5;
    --outline-color-ds-tabs: #101114;
    --outline-color-ds-table-header-cell: #101114;
    --outline-color-ds-textlink: #101114;
    --outline-color-ds-toggle: #101114;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #101114;
    --background-color-ds-badge-primary-low: #686b8229;
    --background-color-ds-badge-neutral-high: #a39d98;
    --background-color-ds-badge-neutral-low: #77716d1f;
    --background-color-ds-badge-positive-high: #65d9a7;
    --background-color-ds-badge-positive-low: #65d9a729;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c396213d;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0079b4;
    --background-color-ds-badge-new-low: #686b8229;
    --background-color-ds-badge-new-high: #101114;
    --background-color-ds-banner: #fff;
    --background-color-ds-button-primary-high: #101114;
    --background-color-ds-button-primary-high-hover: #22232d;
    --background-color-ds-button-primary-medium: #686b8214;
    --background-color-ds-button-primary-medium-hover: #686b8252;
    --background-color-ds-button-primary-medium-active: #686b8252;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #77716d14;
    --background-color-ds-button-primary-low-active: #77716d14;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #101114;
    --background-color-ds-button-neutral-high-hover: #22232d;
    --background-color-ds-button-neutral-medium: #77716d14;
    --background-color-ds-button-neutral-medium-hover: #77716d1f;
    --background-color-ds-button-neutral-medium-active: #77716d1f;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #77716d14;
    --background-color-ds-button-neutral-low-active: #77716d14;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #08844f;
    --background-color-ds-button-positive-high-hover: #026b3f;
    --background-color-ds-button-positive-medium: #65d9a729;
    --background-color-ds-button-positive-medium-hover: #65d9a73d;
    --background-color-ds-button-positive-medium-active: #65d9a73d;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #65d9a729;
    --background-color-ds-button-positive-low-active: #65d9a729;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #d11d45;
    --background-color-ds-button-negative-high-hover: #aa0132;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e3d;
    --background-color-ds-button-negative-medium-active: #f5395e3d;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c396213d;
    --background-color-ds-button-warning-medium-active: #c396213d;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #101114;
    --background-color-ds-button-brand-high-hover: #101114;
    --background-color-ds-button-brand-medium: #686b8229;
    --background-color-ds-button-brand-medium-hover: #686b8252;
    --background-color-ds-button-brand-medium-active: #686b8252;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #686b8229;
    --background-color-ds-button-brand-low-active: #686b8229;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0079b4;
    --background-color-ds-button-info-high-hover: #00adfe;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #fff;
    --background-color-ds-button-inverted-high-hover: #ffffffe0;
    --background-color-ds-button-inverted-medium: #ffffff29;
    --background-color-ds-button-inverted-medium-hover: #ffffff3d;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #ffffff29;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #a39d9814;
    --background-color-ds-card-disabled: #77716d14;
    --background-color-ds-card-selected: #77716d14;
    --background-color-ds-card-hover: #9497a91f;
    --background-color-ds-card-selected-hover: #a39d981f;
    --background-color-ds-card-background: #fff;
    --background-color-ds-card-background-hover: #ffffffb8;
    --background-color-ds-checkbox-unchecked: #77716d52;
    --background-color-ds-checkbox-unchecked-hover: #77716d66;
    --background-color-ds-checkbox-checked: #101114;
    --background-color-ds-checkbox-checked-hover: #22232d;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e14;
    --background-color-ds-circle-primary-low: #686b8229;
    --background-color-ds-circle-neutral-low: #77716d1f;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c396213d;
    --background-color-ds-circle-positive-low: #65d9a729;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #101114;
    --background-color-ds-circle-neutral-high: #a39d98;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #65d9a7;
    --background-color-ds-circle-info-high: #0079b4;
    --background-color-ds-container: #fff;
    --background-color-ds-container-glass: #686b8229;
    --background-color-ds-datepicker: #fff;
    --background-color-ds-datepicker-raised: #fff;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #101114;
    --background-color-ds-datepicker-selected-day-range: #855bfb29;
    --background-color-ds-dialog: #fff;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #77716d29;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: #fff;
    --background-color-ds-dropdown-button: #77716d14;
    --background-color-ds-dropdown-button-hover: #77716d1f;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8214;
    --background-color-ds-filteritem-active: #686b821f;
    --background-color-ds-full-screen-dialog: #fff;
    --background-color-ds-input: #77716d14;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #f5395e;
    --background-color-ds-input-border-error-focused: #f5395e;
    --background-color-ds-input-border-focused: #101114;
    --background-color-ds-input-content-icon: #8e8883;
    --background-color-ds-input-content-input-text: #101114;
    --background-color-ds-input-content-label: #67615d;
    --background-color-ds-input-error: #77716d14;
    --background-color-ds-input-error-focused: #77716d1f;
    --background-color-ds-input-focused: #77716d0a;
    --background-color-ds-input-hover: #77716d1f;
    --background-color-ds-input-selected: #77716d0a;
    --background-color-ds-input-error-label: #f5395e14;
    --background-color-ds-input-background: #fff;
    --background-color-ds-input-background-hover: #fffc;
    --background-color-ds-input-background-selected: #fffc;
    --background-color-ds-inputerror-label: #f5395e14;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #686b8229;
    --background-color-ds-legend-item-dimmed: #9497a9;
    --background-color-ds-list-hover: #9497a91f;
    --background-color-ds-menu: #fff;
    --background-color-ds-menu-raised: #fff;
    --background-color-ds-menu-hover: #77716d0a;
    --background-color-ds-menu-pressed: #686b8214;
    --background-color-ds-menu-active: #77716d14;
    --background-color-ds-menu-active-hover: #686b8214;
    --background-color-ds-notification-primary: #686b820a;
    --background-color-ds-notification-neutral: #77716d14;
    --background-color-ds-notification-negative: #f5395e14;
    --background-color-ds-notification-warning: #c3962114;
    --background-color-ds-notification-positive: #65d9a714;
    --background-color-ds-notification-info: #0092d814;
    --background-color-ds-notification-primary-hover: #686b8214;
    --background-color-ds-notification-neutral-hover: #77716d29;
    --background-color-ds-notification-negative-hover: #f5395e14;
    --background-color-ds-notification-warning-hover: #c3962129;
    --background-color-ds-notification-positive-hover: #149e6114;
    --background-color-ds-notification-info-hover: #0092d814;
    --background-color-ds-pagination: #686b8214;
    --background-color-ds-pill: #855bfb29;
    --background-color-ds-pill-primary: #855bfb29;
    --background-color-ds-pill-neutral: #fff;
    --background-color-ds-popover: #fff;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-in-progress: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-info: #0092d829;
    --background-color-ds-progresstracker-warning: #c3962129;
    --background-color-ds-progresstracker-finished: #149e6129;
    --background-color-ds-radio-unchecked: #77716d52;
    --background-color-ds-radio-unchecked-hover: #77716d66;
    --background-color-ds-radio-checked: #101114;
    --background-color-ds-radio-checked-hover: #22232d;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #855bfb;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b8266;
    --background-color-ds-scrollbar-thumb-hover: #686b823d;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #fff;
    --background-color-ds-segmented-control-inactive-high: #686b8214;
    --background-color-ds-segmented-control-active-primary: #fff;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #686b821f;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #a39d9814;
    --background-color-ds-selectable-card-selected: #77716d14;
    --background-color-ds-selectable-card-hover: #9497a91f;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b821f;
    --background-color-ds-consumerpagination: #c6c7d2;
    --background-color-ds-consumerpagination-active: #77716d14;
    --background-color-ds-consumerpagination-hover: #9497a9;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #77716d3d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #686b82;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #e5e6ec;
    --background-color-ds-tabs: #fff0;
    --background-color-ds-tabs-hover: #77716d14;
    --background-color-ds-tabs-active: #686b821f;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #fff;
    --background-color-ds-table-cell-sticky: #fff;
    --background-color-ds-table-cell-sticky-container: #fff;
    --background-color-ds-table-cell-sticky-dialog: #fff;
    --background-color-ds-table-cell-sticky-dialog-container: #fff;
    --background-color-ds-table-cell-sticky-container-card: #f7f7f8;
    --background-color-ds-table-cell-sticky-container-card-hover: #f1f1f3;
    --background-color-ds-table-cell-sticky-container-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #f9f9fa;
    --background-color-ds-table-header-cell-resize: #101114;
    --background-color-ds-table-header-cell-sticky: #fff;
    --background-color-ds-table-row-group: #686b820a;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b820a;
    --background-color-ds-table-row-hover: #77716d0a;
    --background-color-ds-table-row: #fff;
    --background-color-ds-toggle-handle-on: #fff;
    --background-color-ds-toggle-handle-off: #fff;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #77716d52;
    --background-color-ds-tooltip: #eeeff3;
    --text-color-ds-accordion-primary: #67615d;
    --text-color-ds-accordion-disabled: #484b5e;
    --text-color-ds-accordion-hover: #101114;
    --text-color-ds-badge-primary: #101114;
    --text-color-ds-badge-neutral: #4a4441;
    --text-color-ds-badge-positive: #2f7e5a;
    --text-color-ds-badge-negative: #d11d45;
    --text-color-ds-badge-warning: #553c00;
    --text-color-ds-badge-high: #fff;
    --text-color-ds-asseticon-neutral: #fff;
    --text-color-ds-asseticon-inverted: #000;
    --text-color-ds-badge-high-inverse: #101114;
    --text-color-ds-badge-info: #006394;
    --text-color-ds-badge-new: #101114;
    --text-color-ds-brand-brand: #7132f5;
    --text-color-ds-brand-neutral: #000;
    --text-color-ds-brand-inverted: #fff;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #67615d;
    --text-color-ds-breadcrumbs-hover: #101114;
    --text-color-ds-breadcrumbs-selected: #101114;
    --text-color-ds-button-primary-high: #fff;
    --text-color-ds-button-primary-medium: #101114;
    --text-color-ds-button-primary-medium-hover: #101114;
    --text-color-ds-button-primary-low: #101114;
    --text-color-ds-button-primary-low-hover: #4a4441;
    --text-color-ds-button-primary-none: #4a4441;
    --text-color-ds-button-primary-none-hover: #101114;
    --text-color-ds-button-neutral-high: #fff;
    --text-color-ds-button-neutral-medium: #686b82;
    --text-color-ds-button-neutral-medium-hover: #101114;
    --text-color-ds-button-neutral-low: #4a4441;
    --text-color-ds-button-neutral-low-hover: #101114;
    --text-color-ds-button-neutral-none: #4a4441;
    --text-color-ds-button-neutral-none-hover: #101114;
    --text-color-ds-button-positive-high: #fff;
    --text-color-ds-button-positive-medium: #08844f;
    --text-color-ds-button-positive-medium-hover: #08844f;
    --text-color-ds-button-positive-low: #149e61;
    --text-color-ds-button-positive-low-hover: #149e61;
    --text-color-ds-button-positive-none: #149e61;
    --text-color-ds-button-positive-none-hover: #35df8d;
    --text-color-ds-button-negative-high: #fff;
    --text-color-ds-button-negative-medium: #d11d45;
    --text-color-ds-button-negative-medium-hover: #d11d45;
    --text-color-ds-button-negative-low: #d11d45;
    --text-color-ds-button-negative-low-hover: #d11d45;
    --text-color-ds-button-negative-none: #d11d45;
    --text-color-ds-button-negative-none-hover: #ff7386;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #a67c1d;
    --text-color-ds-button-warning-medium-hover: #a67c1d;
    --text-color-ds-button-warning-low: #a67c1d;
    --text-color-ds-button-warning-low-hover: #a67c1d;
    --text-color-ds-button-warning-none: #a67c1d;
    --text-color-ds-button-warning-none-hover: #e8b100;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #101114;
    --text-color-ds-button-brand-medium-hover: #101114;
    --text-color-ds-button-brand-low: #101114;
    --text-color-ds-button-brand-low-hover: #101114;
    --text-color-ds-button-brand-none: #101114;
    --text-color-ds-button-brand-none-hover: #101114;
    --text-color-ds-button-info-high: #fff;
    --text-color-ds-button-info-medium: #0079b4;
    --text-color-ds-button-info-medium-hover: #0079b4;
    --text-color-ds-button-info-low: #0079b4;
    --text-color-ds-button-info-low-hover: #0079b4;
    --text-color-ds-button-info-none: #0079b4;
    --text-color-ds-button-info-none-hover: #00adfe;
    --text-color-ds-button-inverted-high: #101114;
    --text-color-ds-button-inverted-medium: #fff;
    --text-color-ds-button-inverted-medium-hover: #fff;
    --text-color-ds-button-inverted-low: #fff;
    --text-color-ds-button-inverted-low-hover: #fff;
    --text-color-ds-button-inverted-none: #fff;
    --text-color-ds-button-inverted-none-hover: #fff;
    --text-color-ds-button-neutral-high-icon: #fff;
    --text-color-ds-checkbox-primary: #101114;
    --text-color-ds-checkbox-description: #67615d;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #101114;
    --text-color-ds-checkboxgroup-description: #67615d;
    --text-color-ds-checkboxgroup-error: #aa0132;
    --text-color-ds-circle-primary-low: #101114;
    --text-color-ds-circle-neutral-low: #4a4441;
    --text-color-ds-circle-positive-low: #2f7e5a;
    --text-color-ds-circle-warning-low: #6f5000;
    --text-color-ds-circle-negative-low: #d11d45;
    --text-color-ds-circle-info-low: #006394;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #0b2418;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #101114;
    --text-color-ds-circle-border-neutral-high: #a39d98;
    --text-color-ds-circle-border-positive-high: #65d9a7;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0079b4;
    --text-color-ds-datepicker: #1a1b22;
    --text-color-ds-datepicker-weekday: #353746;
    --text-color-ds-datepicker-today: #353746;
    --text-color-ds-datepicker-disabled: #9497a9;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #67615d;
    --text-color-ds-dropdown-button-content-placeholder-hover: #101114;
    --text-color-ds-dropdown-button-content-text: #101114;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #484b5e;
    --text-color-ds-filteritem-active: #101114;
    --text-color-ds-input: #101114;
    --text-color-ds-input-icon: #8e8883;
    --text-color-ds-input-label: #67615d;
    --text-color-ds-input-error-label: #aa0132;
    --text-color-ds-inputerror-label: #aa0132;
    --text-color-ds-label-value: #0000000a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #67615d;
    --text-color-ds-menu: #67615d;
    --text-color-ds-menu-active: #101114;
    --text-color-ds-notification-primary: #101114;
    --text-color-ds-notification-neutral: #101114;
    --text-color-ds-notification-negative: #3c000c;
    --text-color-ds-notification-warning: #3b2a00;
    --text-color-ds-notification-positive: #2f7e5a;
    --text-color-ds-notification-info: #002940;
    --text-color-ds-notification-subtitle-primary: #1a1b22;
    --text-color-ds-notification-subtitle-neutral: #1a1b22;
    --text-color-ds-notification-subtitle-negative: #5f0018;
    --text-color-ds-notification-subtitle-warning: #553c00;
    --text-color-ds-notification-subtitle-positive: #2f7e5a;
    --text-color-ds-notification-subtitle-info: #003c5c;
    --text-color-ds-pill: #101114;
    --text-color-ds-pill-primary: #101114;
    --text-color-ds-pill-neutral: #101114;
    --text-color-ds-radio-primary: #101114;
    --text-color-ds-radio-disabled: #c6c7d2;
    --text-color-ds-radio-description: #686b82;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #101114;
    --text-color-ds-radiogroup-description: #484b5e;
    --text-color-ds-radiogroup-error: #d11d45;
    --text-color-ds-segmented-control-inactive: #67615d;
    --text-color-ds-segmented-control-inactive-hover: #101114;
    --text-color-ds-segmented-control-active-primary: #101114;
    --text-color-ds-segmented-control-active-positive: #08844f;
    --text-color-ds-segmented-control-active-negative: #d11d45;
    --text-color-ds-segmented-control-active-primary-low: #101114;
    --text-color-ds-segmented-control-active-positive-low: #08844f;
    --text-color-ds-segmented-control-active-negative-low: #d11d45;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #fff;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #101114;
    --text-color-ds-spinner-neutral: #484b5e;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #08844f;
    --text-color-ds-spinner-negative: #d11d45;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #000;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #fff;
    --text-color-ds-stacked-asset-icons: #101114;
    --text-color-ds-tabs: #67615d;
    --text-color-ds-tabs-active: #101114;
    --text-color-ds-tabs-on-background: #67615d;
    --text-color-ds-tabs-on-background-active: #101114;
    --text-color-ds-text-duo-primary-main: #101114;
    --text-color-ds-text-duo-primary-duo: #67615d;
    --text-color-ds-text-duo-neutral-main: #67615d;
    --text-color-ds-text-duo-neutral-duo: #8e8883;
    --text-color-ds-text-duo-positive-main: #08844f;
    --text-color-ds-text-duo-positive-duo: #08844f;
    --text-color-ds-text-duo-negative-main: #d11d45;
    --text-color-ds-text-duo-negative-duo: #d11d45;
    --text-color-ds-tooltip-text: #67615d;
    --text-color-ds-tooltip-title: #101114;
    --border-color-ds-asset-conversion-icons-primary: #101114;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #7132f5;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #101114;
    --border-color-ds-datepicker: #686b8214;
    --border-color-ds-base-drawer: #fff;
    --border-color-ds-input-focused: #101114;
    --border-color-ds-input-error: #f5395e;
    --border-color-ds-input-error-focused: #f5395e;
    --border-color-ds-legend-item-dimmed: #9497a9;
    --border-color-ds-menu: #686b8214;
    --border-color-ds-menu-divider: #77716d29;
    --border-color-ds-popover: #686b8214;
    --border-color-ds-radio-primary-focus: #101114;
    --border-color-ds-selectable-card-selected: #7132f5;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header: #686b821f;
    --border-color-ds-table-header-cell-hover: #101114;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b823d;
    --stroke-ds-dropdown-button-content-icon: #67615d;
    --stroke-ds-dropdown-button-content-icon-hover: #101114;
    --stroke-ds-icon-primary: #101114;
    --stroke-ds-icon-neutral: #67615d;
    --stroke-ds-icon-strong: #1a1b22;
    --stroke-ds-icon-dimmed: #8e8883;
    --stroke-ds-icon-positive: #08844f;
    --stroke-ds-icon-warning: #c39621;
    --stroke-ds-icon-negative: #d11d45;
    --stroke-ds-icon-info: #0079b4;
    --stroke-ds-icon-brand: #101114;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #686b8214;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #686b8229;
    --ring-color-ds-circle-neutral-low: #77716d1f;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c396213d;
    --ring-color-ds-circle-positive-low: #65d9a729;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #101114;
    --ring-color-ds-circle-neutral-high: #a39d98;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #65d9a7;
    --ring-color-ds-circle-info-high: #0079b4;
    --fill-ds-brand-brand: #7132f5;
    --fill-ds-brand-neutral: #000;
    --fill-ds-brand-inverted: #fff;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #101114;
    --fill-ds-icon-neutral: #67615d;
    --fill-ds-icon-strong: #1a1b22;
    --fill-ds-icon-dimmed: #8e8883;
    --fill-ds-icon-positive: #08844f;
    --fill-ds-icon-warning: #c39621;
    --fill-ds-icon-negative: #d11d45;
    --fill-ds-icon-info: #0079b4;
    --fill-ds-icon-brand: #101114;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #fff;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #fff, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #fff;
    --placeholder-color-ds-input: #67615d;
    --caret-color-ds-input: inherit;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #101114;
    --opacity-ds-table-cell-dimmed: .4;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8252
}

.pws-light-theme {
    --colors-ds-semantic-action-primary-background: #7132f5;
    --colors-ds-semantic-action-primary-background-hover: #5b1ecf;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8214;
    --colors-ds-semantic-action-secondary-background-hover: #686b821f;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #484b5e;
    --colors-ds-semantic-border-default: #686b8229;
    --colors-ds-semantic-border-negative: #d11d45;
    --colors-ds-semantic-border-positive: #08844f;
    --colors-ds-semantic-border-strong: #686b82;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #0d0d0d;
    --colors-ds-semantic-content-dimmed: #9e9e9e;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #0079b4;
    --colors-ds-semantic-content-inverse: #fff;
    --colors-ds-semantic-content-negative: #d11d45;
    --colors-ds-semantic-content-neutral: #757575;
    --colors-ds-semantic-content-positive: #08844f;
    --colors-ds-semantic-content-primary: #0d0d0d;
    --colors-ds-semantic-content-warning: #c39621;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #0d0d0d);
    --colors-ds-semantic-focus-ring-inverse: #fff;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #37187d;
    --colors-ds-semantic-status-brand-content-strong: #2b1463;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #7132f5;
    --colors-ds-semantic-status-brand-solid: #7132f5;
    --colors-ds-semantic-status-brand-subtle: #855bfb29;
    --colors-ds-semantic-status-info-content: #003c5c;
    --colors-ds-semantic-status-info-content-strong: #002940;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #006394;
    --colors-ds-semantic-status-info-solid: #0079b4;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #5f0018;
    --colors-ds-semantic-status-negative-content-strong: #3c000c;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #d11d45;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #1a1b22;
    --colors-ds-semantic-status-neutral-content-strong: #101114;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #484b5e;
    --colors-ds-semantic-status-neutral-solid: #9497a9;
    --colors-ds-semantic-status-neutral-subtle: #686b821f;
    --colors-ds-semantic-status-positive-content: #004224;
    --colors-ds-semantic-status-positive-content-strong: #002d17;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #026b3f;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #553c00;
    --colors-ds-semantic-status-warning-content-strong: #3b2a00;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #553c00;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c396213d;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #686b821f;
    --colors-ds-semantic-surface-overlay: #fff;
    --colors-ds-semantic-surface-page: #f5f5f5;
    --colors-ds-semantic-surface-raised: #fff;
    --colors-ds-semantic-surface-selected: #855bfb14;
    --colors-ds-semantic-surface-sunken: #75757514;
    --colors-ds-primary: #0d0d0d;
    --colors-ds-neutral: #757575;
    --colors-ds-dimmed: #9e9e9e;
    --colors-ds-positive: #08844f;
    --colors-ds-negative: #d11d45;
    --colors-ds-warning: #c39621;
    --colors-ds-brand: #0d0d0d;
    --colors-ds-info: #0079b4;
    --colors-ds-inverted: #fff;
    --colors-ds-disabled: #c6c7d2;
    --colors-ds-strong: #1a1b22;
    --colors-ds-subtle: #c6c7d2;
    --colors-ds-divider: #75757529;
    --colors-ds-textlink-hover-primary: #757575;
    --colors-ds-textlink-hover-brand: #471ca0;
    --colors-ds-textlink-hover-neutral: #0d0d0d;
    --colors-ds-textlink-hover-positive: #005531;
    --colors-ds-textlink-hover-negative: #840125;
    --colors-ds-textlink-hover-warning: #89640c;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #1018280a;
    --box-shadow-ds-2: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-3: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-4: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-5: 0px 20px 24px -4px #1018280f;
    --box-shadow-ds-6: 0px 24px 48px -12px #1018282e;
    --box-shadow-ds-7: 0px 32px 64px -12px #10182824;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #75757529;
    --box-shadow-ds-banner: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-container: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 75px 0px #00000026;
    --box-shadow-ds-menu: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-popover: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --outline-color-ds-accordion: #0d0d0d;
    --outline-color-ds-button: #0d0d0d;
    --outline-color-ds-card-selected: #0d0d0d;
    --outline-color-ds-favourite-button: #0d0d0d;
    --outline-color-ds-input-error-focused: #f5395e;
    --outline-color-ds-input: #7132f5;
    --outline-color-ds-input-error: #f5395e;
    --outline-color-ds-legend-item-dimmed: #9e9e9e;
    --outline-color-ds-menu: #0d0d0d;
    --outline-color-ds-notification: #0d0d0d;
    --outline-color-ds-popover: #0d0d0d;
    --outline-color-ds-segmented-control: #0d0d0d;
    --outline-color-ds-selectable-card: #0d0d0d;
    --outline-color-ds-tabs: #0d0d0d;
    --outline-color-ds-table-header-cell: #0d0d0d;
    --outline-color-ds-textlink: #0d0d0d;
    --outline-color-ds-toggle: #0d0d0d;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #1f1f1f;
    --background-color-ds-badge-primary-low: #7575751f;
    --background-color-ds-badge-neutral-high: #9e9e9e;
    --background-color-ds-badge-neutral-low: #7575751f;
    --background-color-ds-badge-positive-high: #149e61;
    --background-color-ds-badge-positive-low: #149e6129;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c396213d;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0079b4;
    --background-color-ds-badge-new-low: #7575751f;
    --background-color-ds-badge-new-high: #1f1f1f;
    --background-color-ds-banner: #fff;
    --background-color-ds-button-primary-high: #0d0d0d;
    --background-color-ds-button-primary-high-hover: #262626;
    --background-color-ds-button-primary-medium: #75757514;
    --background-color-ds-button-primary-medium-hover: #7575751f;
    --background-color-ds-button-primary-medium-active: #7575751f;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #75757514;
    --background-color-ds-button-primary-low-active: #75757514;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #0d0d0d;
    --background-color-ds-button-neutral-high-hover: #262626;
    --background-color-ds-button-neutral-medium: #75757514;
    --background-color-ds-button-neutral-medium-hover: #7575751f;
    --background-color-ds-button-neutral-medium-active: #7575751f;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #75757514;
    --background-color-ds-button-neutral-low-active: #75757514;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #08844f;
    --background-color-ds-button-positive-high-hover: #026b3f;
    --background-color-ds-button-positive-medium: #149e6129;
    --background-color-ds-button-positive-medium-hover: #149e613d;
    --background-color-ds-button-positive-medium-active: #149e613d;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #149e6129;
    --background-color-ds-button-positive-low-active: #149e6129;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #d11d45;
    --background-color-ds-button-negative-high-hover: #aa0132;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e3d;
    --background-color-ds-button-negative-medium-active: #f5395e3d;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c396213d;
    --background-color-ds-button-warning-medium-active: #c396213d;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #0d0d0d;
    --background-color-ds-button-brand-high-hover: #262626;
    --background-color-ds-button-brand-medium: #75757529;
    --background-color-ds-button-brand-medium-hover: #75757552;
    --background-color-ds-button-brand-medium-active: #75757552;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #75757529;
    --background-color-ds-button-brand-low-active: #75757529;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0079b4;
    --background-color-ds-button-info-high-hover: #00adfe;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #fff;
    --background-color-ds-button-inverted-high-hover: #ffffffe0;
    --background-color-ds-button-inverted-medium: #ffffff29;
    --background-color-ds-button-inverted-medium-hover: #ffffff3d;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #ffffff29;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #75757514;
    --background-color-ds-card-disabled: #75757514;
    --background-color-ds-card-selected: #855bfb14;
    --background-color-ds-card-hover: #9497a91f;
    --background-color-ds-card-selected-hover: #7575751f;
    --background-color-ds-card-background: #fff;
    --background-color-ds-card-background-hover: #ffffffb8;
    --background-color-ds-checkbox-unchecked: #75757552;
    --background-color-ds-checkbox-unchecked-hover: #75757566;
    --background-color-ds-checkbox-checked: #0d0d0d;
    --background-color-ds-checkbox-checked-hover: #262626;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e14;
    --background-color-ds-circle-primary-low: #855bfb29;
    --background-color-ds-circle-neutral-low: #7575751f;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c396213d;
    --background-color-ds-circle-positive-low: #149e6129;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #7132f5;
    --background-color-ds-circle-neutral-high: #9e9e9e;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #149e61;
    --background-color-ds-circle-info-high: #0079b4;
    --background-color-ds-container: #fff;
    --background-color-ds-container-glass: #75757529;
    --background-color-ds-datepicker: #fff;
    --background-color-ds-datepicker-raised: #fff;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #7132f5;
    --background-color-ds-datepicker-selected-day-range: #855bfb29;
    --background-color-ds-dialog: #fff;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #75757529;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: #fff;
    --background-color-ds-dropdown-button: #75757514;
    --background-color-ds-dropdown-button-hover: #7575751f;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8214;
    --background-color-ds-filteritem-active: #686b821f;
    --background-color-ds-full-screen-dialog: #fff;
    --background-color-ds-input: #75757514;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #f5395e;
    --background-color-ds-input-border-error-focused: #f5395e;
    --background-color-ds-input-border-focused: #7132f5;
    --background-color-ds-input-content-icon: #9e9e9e;
    --background-color-ds-input-content-input-text: #0d0d0d;
    --background-color-ds-input-content-label: #757575;
    --background-color-ds-input-error: #75757514;
    --background-color-ds-input-error-focused: #7575751f;
    --background-color-ds-input-focused: #7575750a;
    --background-color-ds-input-hover: #7575751f;
    --background-color-ds-input-selected: #7575750a;
    --background-color-ds-input-error-label: #f5395e14;
    --background-color-ds-input-background: #fff;
    --background-color-ds-input-background-hover: #fffc;
    --background-color-ds-input-background-selected: #fffc;
    --background-color-ds-inputerror-label: #f5395e14;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #75757529;
    --background-color-ds-legend-item-dimmed: #9e9e9e;
    --background-color-ds-list-hover: #9497a91f;
    --background-color-ds-menu: #fff;
    --background-color-ds-menu-raised: #fff;
    --background-color-ds-menu-hover: #7575750a;
    --background-color-ds-menu-pressed: #686b8214;
    --background-color-ds-menu-active: #75757514;
    --background-color-ds-menu-active-hover: #75757514;
    --background-color-ds-notification-primary: #855bfb14;
    --background-color-ds-notification-neutral: #75757514;
    --background-color-ds-notification-negative: #f5395e14;
    --background-color-ds-notification-warning: #c3962114;
    --background-color-ds-notification-positive: #149e6114;
    --background-color-ds-notification-info: #0092d814;
    --background-color-ds-notification-primary-hover: #855bfb29;
    --background-color-ds-notification-neutral-hover: #75757529;
    --background-color-ds-notification-negative-hover: #f5395e29;
    --background-color-ds-notification-warning-hover: #c3962129;
    --background-color-ds-notification-positive-hover: #149e6129;
    --background-color-ds-notification-info-hover: #0092d829;
    --background-color-ds-pagination: #686b8214;
    --background-color-ds-pill: #855bfb29;
    --background-color-ds-pill-primary: #855bfb29;
    --background-color-ds-pill-neutral: #fff;
    --background-color-ds-popover: #fff;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-in-progress: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-info: #0092d829;
    --background-color-ds-progresstracker-warning: #c3962129;
    --background-color-ds-progresstracker-finished: #149e6129;
    --background-color-ds-radio-unchecked: #75757552;
    --background-color-ds-radio-unchecked-hover: #75757566;
    --background-color-ds-radio-checked: #0d0d0d;
    --background-color-ds-radio-checked-hover: #262626;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #855bfb;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b8266;
    --background-color-ds-scrollbar-thumb-hover: #686b823d;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #fff;
    --background-color-ds-segmented-control-inactive-high: #7575751f;
    --background-color-ds-segmented-control-active-primary: #fff;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #7575751f;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #75757514;
    --background-color-ds-selectable-card-selected: #855bfb14;
    --background-color-ds-selectable-card-hover: #9497a91f;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b821f;
    --background-color-ds-consumerpagination: #ccc;
    --background-color-ds-consumerpagination-active: #757575;
    --background-color-ds-consumerpagination-hover: #9e9e9e;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #7575753d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #757575;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #e5e6ec;
    --background-color-ds-tabs: #7575750a;
    --background-color-ds-tabs-hover: #75757514;
    --background-color-ds-tabs-active: #7575751f;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #fff;
    --background-color-ds-table-cell-sticky: #fff;
    --background-color-ds-table-cell-sticky-container: #fff;
    --background-color-ds-table-cell-sticky-dialog: #fff;
    --background-color-ds-table-cell-sticky-dialog-container: #fff;
    --background-color-ds-table-cell-sticky-container-card: #f7f7f8;
    --background-color-ds-table-cell-sticky-container-card-hover: #f1f1f3;
    --background-color-ds-table-cell-sticky-container-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #f9f9fa;
    --background-color-ds-table-header-cell-resize: #0d0d0d;
    --background-color-ds-table-header-cell-sticky: #fff;
    --background-color-ds-table-row-group: #686b820a;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b820a;
    --background-color-ds-table-row-hover: #7575750a;
    --background-color-ds-table-row: #fff;
    --background-color-ds-toggle-handle-on: #fff;
    --background-color-ds-toggle-handle-off: #fff;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #75757552;
    --background-color-ds-tooltip: #ededed;
    --text-color-ds-accordion-primary: #757575;
    --text-color-ds-accordion-disabled: #484b5e;
    --text-color-ds-accordion-hover: #0d0d0d;
    --text-color-ds-badge-primary: #0d0d0d;
    --text-color-ds-badge-neutral: #545454;
    --text-color-ds-badge-positive: #026b3f;
    --text-color-ds-badge-negative: #d11d45;
    --text-color-ds-badge-warning: #553c00;
    --text-color-ds-badge-high: #fff;
    --text-color-ds-asseticon-neutral: #fff;
    --text-color-ds-asseticon-inverted: #000;
    --text-color-ds-badge-high-inverse: #0d0d0d;
    --text-color-ds-badge-info: #006394;
    --text-color-ds-badge-new: #0d0d0d;
    --text-color-ds-brand-brand: #7132f5;
    --text-color-ds-brand-neutral: #000;
    --text-color-ds-brand-inverted: #fff;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #757575;
    --text-color-ds-breadcrumbs-hover: #0d0d0d;
    --text-color-ds-breadcrumbs-selected: #0d0d0d;
    --text-color-ds-button-primary-high: #fff;
    --text-color-ds-button-primary-medium: #545454;
    --text-color-ds-button-primary-medium-hover: #545454;
    --text-color-ds-button-primary-low: #0d0d0d;
    --text-color-ds-button-primary-low-hover: #0d0d0d;
    --text-color-ds-button-primary-none: #0d0d0d;
    --text-color-ds-button-primary-none-hover: #0d0d0d;
    --text-color-ds-button-neutral-high: #fff;
    --text-color-ds-button-neutral-medium: #545454;
    --text-color-ds-button-neutral-medium-hover: #0d0d0d;
    --text-color-ds-button-neutral-low: #545454;
    --text-color-ds-button-neutral-low-hover: #0d0d0d;
    --text-color-ds-button-neutral-none: #545454;
    --text-color-ds-button-neutral-none-hover: #0d0d0d;
    --text-color-ds-button-positive-high: #fff;
    --text-color-ds-button-positive-medium: #08844f;
    --text-color-ds-button-positive-medium-hover: #08844f;
    --text-color-ds-button-positive-low: #149e61;
    --text-color-ds-button-positive-low-hover: #149e61;
    --text-color-ds-button-positive-none: #149e61;
    --text-color-ds-button-positive-none-hover: #35df8d;
    --text-color-ds-button-negative-high: #fff;
    --text-color-ds-button-negative-medium: #d11d45;
    --text-color-ds-button-negative-medium-hover: #d11d45;
    --text-color-ds-button-negative-low: #d11d45;
    --text-color-ds-button-negative-low-hover: #d11d45;
    --text-color-ds-button-negative-none: #d11d45;
    --text-color-ds-button-negative-none-hover: #ff7386;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #a67c1d;
    --text-color-ds-button-warning-medium-hover: #a67c1d;
    --text-color-ds-button-warning-low: #a67c1d;
    --text-color-ds-button-warning-low-hover: #a67c1d;
    --text-color-ds-button-warning-none: #a67c1d;
    --text-color-ds-button-warning-none-hover: #e8b100;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #37187d;
    --text-color-ds-button-brand-medium-hover: #37187d;
    --text-color-ds-button-brand-low: #37187d;
    --text-color-ds-button-brand-low-hover: #2b1463;
    --text-color-ds-button-brand-none: #37187d;
    --text-color-ds-button-brand-none-hover: #2b1463;
    --text-color-ds-button-info-high: #fff;
    --text-color-ds-button-info-medium: #0079b4;
    --text-color-ds-button-info-medium-hover: #0079b4;
    --text-color-ds-button-info-low: #0079b4;
    --text-color-ds-button-info-low-hover: #0079b4;
    --text-color-ds-button-info-none: #0079b4;
    --text-color-ds-button-info-none-hover: #00adfe;
    --text-color-ds-button-inverted-high: #0d0d0d;
    --text-color-ds-button-inverted-medium: #fff;
    --text-color-ds-button-inverted-medium-hover: #fff;
    --text-color-ds-button-inverted-low: #fff;
    --text-color-ds-button-inverted-low-hover: #fff;
    --text-color-ds-button-inverted-none: #fff;
    --text-color-ds-button-inverted-none-hover: #fff;
    --text-color-ds-button-neutral-high-icon: #fff;
    --text-color-ds-checkbox-primary: #0d0d0d;
    --text-color-ds-checkbox-description: #757575;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #0d0d0d;
    --text-color-ds-checkboxgroup-description: #757575;
    --text-color-ds-checkboxgroup-error: #aa0132;
    --text-color-ds-circle-primary-low: #7132f5;
    --text-color-ds-circle-neutral-low: #545454;
    --text-color-ds-circle-positive-low: #026b3f;
    --text-color-ds-circle-warning-low: #6f5000;
    --text-color-ds-circle-negative-low: #d11d45;
    --text-color-ds-circle-info-low: #006394;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #0d0d0d;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #7132f5;
    --text-color-ds-circle-border-neutral-high: #9e9e9e;
    --text-color-ds-circle-border-positive-high: #149e61;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0079b4;
    --text-color-ds-datepicker: #1a1b22;
    --text-color-ds-datepicker-weekday: #353746;
    --text-color-ds-datepicker-today: #353746;
    --text-color-ds-datepicker-disabled: #9497a9;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #757575;
    --text-color-ds-dropdown-button-content-placeholder-hover: #0d0d0d;
    --text-color-ds-dropdown-button-content-text: #0d0d0d;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #484b5e;
    --text-color-ds-filteritem-active: #101114;
    --text-color-ds-input: #0d0d0d;
    --text-color-ds-input-icon: #9e9e9e;
    --text-color-ds-input-label: #757575;
    --text-color-ds-input-error-label: #aa0132;
    --text-color-ds-inputerror-label: #aa0132;
    --text-color-ds-label-value: #0000000a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #757575;
    --text-color-ds-menu: #757575;
    --text-color-ds-menu-active: #0d0d0d;
    --text-color-ds-notification-primary: #2b1463;
    --text-color-ds-notification-neutral: #0d0d0d;
    --text-color-ds-notification-negative: #3c000c;
    --text-color-ds-notification-warning: #3b2a00;
    --text-color-ds-notification-positive: #002d17;
    --text-color-ds-notification-info: #002940;
    --text-color-ds-notification-subtitle-primary: #37187d;
    --text-color-ds-notification-subtitle-neutral: #1f1f1f;
    --text-color-ds-notification-subtitle-negative: #5f0018;
    --text-color-ds-notification-subtitle-warning: #553c00;
    --text-color-ds-notification-subtitle-positive: #004224;
    --text-color-ds-notification-subtitle-info: #003c5c;
    --text-color-ds-pill: #0d0d0d;
    --text-color-ds-pill-primary: #0d0d0d;
    --text-color-ds-pill-neutral: #0d0d0d;
    --text-color-ds-radio-primary: #000;
    --text-color-ds-radio-disabled: #c6c7d2;
    --text-color-ds-radio-description: #757575;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #101114;
    --text-color-ds-radiogroup-description: #484b5e;
    --text-color-ds-radiogroup-error: #d11d45;
    --text-color-ds-segmented-control-inactive: #757575;
    --text-color-ds-segmented-control-inactive-hover: #0d0d0d;
    --text-color-ds-segmented-control-active-primary: #0d0d0d;
    --text-color-ds-segmented-control-active-positive: #08844f;
    --text-color-ds-segmented-control-active-negative: #d11d45;
    --text-color-ds-segmented-control-active-primary-low: #0d0d0d;
    --text-color-ds-segmented-control-active-positive-low: #08844f;
    --text-color-ds-segmented-control-active-negative-low: #d11d45;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #fff;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #101114;
    --text-color-ds-spinner-neutral: #484b5e;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #08844f;
    --text-color-ds-spinner-negative: #d11d45;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #000;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #fff;
    --text-color-ds-stacked-asset-icons: #101114;
    --text-color-ds-tabs: #757575;
    --text-color-ds-tabs-active: #0d0d0d;
    --text-color-ds-tabs-on-background: #757575;
    --text-color-ds-tabs-on-background-active: #0d0d0d;
    --text-color-ds-text-duo-primary-main: #0d0d0d;
    --text-color-ds-text-duo-primary-duo: #757575;
    --text-color-ds-text-duo-neutral-main: #757575;
    --text-color-ds-text-duo-neutral-duo: #9e9e9e;
    --text-color-ds-text-duo-positive-main: #08844f;
    --text-color-ds-text-duo-positive-duo: #08844f;
    --text-color-ds-text-duo-negative-main: #d11d45;
    --text-color-ds-text-duo-negative-duo: #d11d45;
    --text-color-ds-tooltip-text: #757575;
    --text-color-ds-tooltip-title: #0d0d0d;
    --border-color-ds-asset-conversion-icons-primary: #0d0d0d;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #0d0d0d;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #0d0d0d;
    --border-color-ds-datepicker: #75757514;
    --border-color-ds-base-drawer: #fff;
    --border-color-ds-input-focused: #7132f5;
    --border-color-ds-input-error: #f5395e;
    --border-color-ds-input-error-focused: #f5395e;
    --border-color-ds-legend-item-dimmed: #9e9e9e;
    --border-color-ds-menu: #75757514;
    --border-color-ds-menu-divider: #75757529;
    --border-color-ds-popover: #75757514;
    --border-color-ds-radio-primary-focus: #0d0d0d;
    --border-color-ds-selectable-card-selected: #0d0d0d;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header: #686b821f;
    --border-color-ds-table-header-cell-hover: #0d0d0d;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b823d;
    --stroke-ds-dropdown-button-content-icon: #757575;
    --stroke-ds-dropdown-button-content-icon-hover: #0d0d0d;
    --stroke-ds-icon-primary: #7132f5;
    --stroke-ds-icon-neutral: #757575;
    --stroke-ds-icon-strong: #1a1b22;
    --stroke-ds-icon-dimmed: #9e9e9e;
    --stroke-ds-icon-positive: #08844f;
    --stroke-ds-icon-warning: #c39621;
    --stroke-ds-icon-negative: #d11d45;
    --stroke-ds-icon-info: #0079b4;
    --stroke-ds-icon-brand: #0d0d0d;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #75757514;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #855bfb29;
    --ring-color-ds-circle-neutral-low: #7575751f;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c396213d;
    --ring-color-ds-circle-positive-low: #149e6129;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #7132f5;
    --ring-color-ds-circle-neutral-high: #9e9e9e;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #149e61;
    --ring-color-ds-circle-info-high: #0079b4;
    --fill-ds-brand-brand: #7132f5;
    --fill-ds-brand-neutral: #000;
    --fill-ds-brand-inverted: #fff;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #7132f5;
    --fill-ds-icon-neutral: #757575;
    --fill-ds-icon-strong: #1a1b22;
    --fill-ds-icon-dimmed: #9e9e9e;
    --fill-ds-icon-positive: #08844f;
    --fill-ds-icon-warning: #c39621;
    --fill-ds-icon-negative: #d11d45;
    --fill-ds-icon-info: #0079b4;
    --fill-ds-icon-brand: #0d0d0d;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #fff;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #fff, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #fff;
    --placeholder-color-ds-input: #757575;
    --caret-color-ds-input: inherit;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #0d0d0d;
    --opacity-ds-table-cell-dimmed: .4;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8252
}

.trade-dark-theme {
    --colors-ds-semantic-action-primary-background: #7132f5;
    --colors-ds-semantic-action-primary-background-hover: #8a61ff;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8229;
    --colors-ds-semantic-action-secondary-background-hover: #686b8252;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #c6c7d2;
    --colors-ds-semantic-border-default: #686b8252;
    --colors-ds-semantic-border-negative: #ff7386;
    --colors-ds-semantic-border-positive: #35df8d;
    --colors-ds-semantic-border-strong: #9497a9;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #8a61ff;
    --colors-ds-semantic-content-dimmed: #686b82;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #00adfe;
    --colors-ds-semantic-content-inverse: #101114;
    --colors-ds-semantic-content-negative: #ff7386;
    --colors-ds-semantic-content-neutral: #9497a9;
    --colors-ds-semantic-content-positive: #35df8d;
    --colors-ds-semantic-content-primary: #f7f7fa;
    --colors-ds-semantic-content-warning: #ffcd60;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #8a61ff);
    --colors-ds-semantic-focus-ring-inverse: #101114;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #d4cbff;
    --colors-ds-semantic-status-brand-content-strong: #f1efff;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #9d82fe;
    --colors-ds-semantic-status-brand-solid: #7132f5;
    --colors-ds-semantic-status-brand-subtle: #855bfb29;
    --colors-ds-semantic-status-info-content: #c7e1ff;
    --colors-ds-semantic-status-info-content-strong: #e7f2ff;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #00adfe;
    --colors-ds-semantic-status-info-solid: #0092d8;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #ffbdc3;
    --colors-ds-semantic-status-negative-content-strong: #ffd6da;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #ff7386;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #c6c7d2;
    --colors-ds-semantic-status-neutral-content-strong: #f7f7fa;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #9497a9;
    --colors-ds-semantic-status-neutral-solid: #686b82;
    --colors-ds-semantic-status-neutral-subtle: #686b8229;
    --colors-ds-semantic-status-positive-content: #44fc9e;
    --colors-ds-semantic-status-positive-content-strong: #c6feda;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #35df8d;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #ffe5b1;
    --colors-ds-semantic-status-warning-content-strong: #fffaf0;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #ffcd60;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c3962129;
    --colors-ds-semantic-surface-canvas: #0d0d0d;
    --colors-ds-semantic-surface-hover: #686b823d;
    --colors-ds-semantic-surface-overlay: #1f1b27;
    --colors-ds-semantic-surface-page: #0d0a14;
    --colors-ds-semantic-surface-raised: #181522;
    --colors-ds-semantic-surface-selected: #855bfb0a;
    --colors-ds-semantic-surface-sunken: #686b821f;
    --colors-ds-primary: #f7f7fa;
    --colors-ds-neutral: #9497a9;
    --colors-ds-dimmed: #686b82;
    --colors-ds-positive: #35df8d;
    --colors-ds-negative: #ff7386;
    --colors-ds-warning: #ffcd60;
    --colors-ds-brand: #8a61ff;
    --colors-ds-info: #00adfe;
    --colors-ds-inverted: #101114;
    --colors-ds-disabled: #484b5e;
    --colors-ds-strong: #fff;
    --colors-ds-subtle: #484b5e;
    --colors-ds-divider: #686b8252;
    --colors-ds-textlink-hover-primary: #9497a9;
    --colors-ds-textlink-hover-brand: #b8a8ff;
    --colors-ds-textlink-hover-neutral: #f7f7fa;
    --colors-ds-textlink-hover-positive: #149e61;
    --colors-ds-textlink-hover-negative: #f5395e;
    --colors-ds-textlink-hover-warning: #c39621;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #00000026;
    --box-shadow-ds-2: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-3: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-4: 0px 12px 16px -4px #00000026;
    --box-shadow-ds-5: 0px 20px 24px -4px #00000026;
    --box-shadow-ds-6: 0px 24px 48px -12px #0000004d;
    --box-shadow-ds-7: 0px 32px 64px -12px #0000004d;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #686b823d;
    --box-shadow-ds-banner: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-container: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #00000026, 0px 4px 8px -2px #00000026;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 150px 0px #000;
    --box-shadow-ds-menu: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --box-shadow-ds-popover: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #00000026;
    --outline-color-ds-accordion: #8a61ff;
    --outline-color-ds-button: #8a61ff;
    --outline-color-ds-card-selected: #8a61ff;
    --outline-color-ds-favourite-button: #8a61ff;
    --outline-color-ds-input-error-focused: #d11d45;
    --outline-color-ds-input: #7132f5;
    --outline-color-ds-input-error: #d11d45;
    --outline-color-ds-legend-item-dimmed: #686b82;
    --outline-color-ds-menu: #8a61ff;
    --outline-color-ds-notification: #8a61ff;
    --outline-color-ds-popover: #8a61ff;
    --outline-color-ds-segmented-control: #8a61ff;
    --outline-color-ds-selectable-card: #8a61ff;
    --outline-color-ds-tabs: #8a61ff;
    --outline-color-ds-table-header-cell: #8a61ff;
    --outline-color-ds-textlink: #8a61ff;
    --outline-color-ds-toggle: #8a61ff;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #7132f5;
    --background-color-ds-badge-primary-low: #855bfb29;
    --background-color-ds-badge-neutral-high: #686b82;
    --background-color-ds-badge-neutral-low: #686b8229;
    --background-color-ds-badge-positive-high: #149e61;
    --background-color-ds-badge-positive-low: #149e6129;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c3962129;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0092d8;
    --background-color-ds-badge-new-low: #855bfb29;
    --background-color-ds-badge-new-high: #7132f5;
    --background-color-ds-banner: #1a1b22;
    --background-color-ds-button-primary-high: #7132f5;
    --background-color-ds-button-primary-high-hover: #8a61ff;
    --background-color-ds-button-primary-medium: #292b38;
    --background-color-ds-button-primary-medium-hover: #353746;
    --background-color-ds-button-primary-medium-active: #353746;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #686b8229;
    --background-color-ds-button-primary-low-active: #686b8229;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #1f1b27;
    --background-color-ds-button-neutral-high-hover: #101114;
    --background-color-ds-button-neutral-medium: #292b38;
    --background-color-ds-button-neutral-medium-hover: #353746;
    --background-color-ds-button-neutral-medium-active: #353746;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #686b8229;
    --background-color-ds-button-neutral-low-active: #686b8229;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #35df8d;
    --background-color-ds-button-positive-high-hover: #44fc9e;
    --background-color-ds-button-positive-medium: #149e6129;
    --background-color-ds-button-positive-medium-hover: #149e6152;
    --background-color-ds-button-positive-medium-active: #149e6152;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #149e6129;
    --background-color-ds-button-positive-low-active: #149e6129;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #f5395e;
    --background-color-ds-button-negative-high-hover: #ff7386;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e52;
    --background-color-ds-button-negative-medium-active: #f5395e52;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c3962152;
    --background-color-ds-button-warning-medium-active: #c3962152;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #7132f5;
    --background-color-ds-button-brand-high-hover: #8a61ff;
    --background-color-ds-button-brand-medium: #855bfb29;
    --background-color-ds-button-brand-medium-hover: #855bfb52;
    --background-color-ds-button-brand-medium-active: #855bfb52;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #855bfb29;
    --background-color-ds-button-brand-low-active: #855bfb29;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0092d8;
    --background-color-ds-button-info-high-hover: #90c9ff;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #000;
    --background-color-ds-button-inverted-high-hover: #0000008f;
    --background-color-ds-button-inverted-medium: #00000014;
    --background-color-ds-button-inverted-medium-hover: #00000029;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #00000014;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #686b821f;
    --background-color-ds-card-disabled: #686b8214;
    --background-color-ds-card-selected: #855bfb0a;
    --background-color-ds-card-hover: #686b823d;
    --background-color-ds-card-selected-hover: #686b823d;
    --background-color-ds-card-background: #686b821f;
    --background-color-ds-card-background-hover: #686b823d;
    --background-color-ds-checkbox-unchecked: #686b8252;
    --background-color-ds-checkbox-unchecked-hover: #686b8266;
    --background-color-ds-checkbox-checked: #7132f5;
    --background-color-ds-checkbox-checked-hover: #8a61ff;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e29;
    --background-color-ds-circle-primary-low: #855bfb29;
    --background-color-ds-circle-neutral-low: #686b8229;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c3962129;
    --background-color-ds-circle-positive-low: #149e6129;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #7132f5;
    --background-color-ds-circle-neutral-high: #686b82;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #149e61;
    --background-color-ds-circle-info-high: #0092d8;
    --background-color-ds-container: #181522;
    --background-color-ds-container-glass: #ffffff14;
    --background-color-ds-datepicker: #181522;
    --background-color-ds-datepicker-raised: #272532;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #7132f5;
    --background-color-ds-datepicker-selected-day-range: #855bfb29;
    --background-color-ds-dialog: #1f1b27;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #686b8252;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: #181522;
    --background-color-ds-dropdown-button: #686b8229;
    --background-color-ds-dropdown-button-hover: #686b8252;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8229;
    --background-color-ds-filteritem-active: #686b8252;
    --background-color-ds-full-screen-dialog: #0d0a14;
    --background-color-ds-input: #686b8229;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #d11d45;
    --background-color-ds-input-border-error-focused: #d11d45;
    --background-color-ds-input-border-focused: #7132f5;
    --background-color-ds-input-content-icon: #686b82;
    --background-color-ds-input-content-input-text: #f7f7fa;
    --background-color-ds-input-content-label: #9497a9;
    --background-color-ds-input-error: #686b8229;
    --background-color-ds-input-error-focused: #686b8214;
    --background-color-ds-input-focused: #686b8214;
    --background-color-ds-input-hover: #686b8214;
    --background-color-ds-input-selected: #686b8214;
    --background-color-ds-input-error-label: #f5395e29;
    --background-color-ds-input-background: #686b8229;
    --background-color-ds-input-background-hover: #686b821f;
    --background-color-ds-input-background-selected: #686b821f;
    --background-color-ds-inputerror-label: #f5395e29;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #855bfb14;
    --background-color-ds-legend-item-dimmed: #686b82;
    --background-color-ds-list-hover: #686b823d;
    --background-color-ds-menu: #1f1b27;
    --background-color-ds-menu-raised: #272532;
    --background-color-ds-menu-hover: #686b8214;
    --background-color-ds-menu-pressed: #855bfb1f;
    --background-color-ds-menu-active: #686b8229;
    --background-color-ds-menu-active-hover: #686b821f;
    --background-color-ds-notification-primary: #855bfb29;
    --background-color-ds-notification-neutral: #686b8229;
    --background-color-ds-notification-negative: #f5395e29;
    --background-color-ds-notification-warning: #c3962129;
    --background-color-ds-notification-positive: #149e6129;
    --background-color-ds-notification-info: #0092d829;
    --background-color-ds-notification-primary-hover: #855bfb3d;
    --background-color-ds-notification-neutral-hover: #686b823d;
    --background-color-ds-notification-negative-hover: #f5395e3d;
    --background-color-ds-notification-warning-hover: #c396213d;
    --background-color-ds-notification-positive-hover: #149e613d;
    --background-color-ds-notification-info-hover: #0092d83d;
    --background-color-ds-pagination: #686b821f;
    --background-color-ds-pill: #855bfb29;
    --background-color-ds-pill-primary: #855bfb29;
    --background-color-ds-pill-neutral: #855bfb29;
    --background-color-ds-popover: #1f1b27;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-primary: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-finished: #08844f;
    --background-color-ds-radio-unchecked: #686b8252;
    --background-color-ds-radio-unchecked-hover: #686b8266;
    --background-color-ds-radio-checked: #7132f5;
    --background-color-ds-radio-checked-hover: #8a61ff;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #7132f5;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b82a3;
    --background-color-ds-scrollbar-thumb-hover: #686b827a;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #181522;
    --background-color-ds-segmented-control-inactive-high: #686b821f;
    --background-color-ds-segmented-control-active-primary: #686b823d;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #686b823d;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #686b821f;
    --background-color-ds-selectable-card-selected: #855bfb0a;
    --background-color-ds-selectable-card-hover: #686b823d;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b823d;
    --background-color-ds-consumerpagination: #ffffff3d;
    --background-color-ds-consumerpagination-active: #fffffff5;
    --background-color-ds-consumerpagination-hover: #fff6;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #686b823d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #686b82;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #353746;
    --background-color-ds-tabs: #686b821f;
    --background-color-ds-tabs-hover: #686b8229;
    --background-color-ds-tabs-active: #686b823d;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #686b823d;
    --background-color-ds-table-cell-sticky: #16121f;
    --background-color-ds-table-cell-sticky-container: #181522;
    --background-color-ds-table-cell-sticky-dialog: #1f1b27;
    --background-color-ds-table-cell-sticky-dialog-container: #16121f;
    --background-color-ds-table-cell-sticky-container-card: #21202c;
    --background-color-ds-table-cell-sticky-container-card-hover: #22202e;
    --background-color-ds-table-cell-sticky-container-hover: #191523;
    --background-color-ds-table-cell-sticky-dialog-hover: #221e2b;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #1a1826;
    --background-color-ds-table-header-cell-resize: #8a61ff;
    --background-color-ds-table-header-cell-sticky: #16121f;
    --background-color-ds-table-row-group: #686b8214;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b8214;
    --background-color-ds-table-row-hover: #686b820a;
    --background-color-ds-table-row: #16121f;
    --background-color-ds-toggle-handle-on: #eeeff3;
    --background-color-ds-toggle-handle-off: #9497a9;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #686b8252;
    --background-color-ds-tooltip: #22232d;
    --text-color-ds-accordion-primary: #9497a9;
    --text-color-ds-accordion-disabled: #9497a9;
    --text-color-ds-accordion-hover: #f7f7fa;
    --text-color-ds-badge-primary: #9d82fe;
    --text-color-ds-badge-neutral: #9497a9;
    --text-color-ds-badge-positive: #35df8d;
    --text-color-ds-badge-negative: #ff7386;
    --text-color-ds-badge-warning: #ffcd60;
    --text-color-ds-badge-high: #fff;
    --text-color-ds-asseticon-neutral: #000;
    --text-color-ds-asseticon-inverted: #fff;
    --text-color-ds-badge-high-inverse: #101114;
    --text-color-ds-badge-info: #00adfe;
    --text-color-ds-badge-new: #9d82fe;
    --text-color-ds-brand-brand: #855bfb;
    --text-color-ds-brand-neutral: #fff;
    --text-color-ds-brand-inverted: #000;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #9497a9;
    --text-color-ds-breadcrumbs-hover: #f7f7fa;
    --text-color-ds-breadcrumbs-selected: #f7f7fa;
    --text-color-ds-button-primary-high: #f7f7fa;
    --text-color-ds-button-primary-medium: #fff;
    --text-color-ds-button-primary-medium-hover: #fff;
    --text-color-ds-button-primary-low: #fff;
    --text-color-ds-button-primary-low-hover: #fff;
    --text-color-ds-button-primary-none: #fff;
    --text-color-ds-button-primary-none-hover: #9497a9;
    --text-color-ds-button-neutral-high: #fff;
    --text-color-ds-button-neutral-medium: #f7f7fa;
    --text-color-ds-button-neutral-medium-hover: #f7f7fa;
    --text-color-ds-button-neutral-low: #9497a9;
    --text-color-ds-button-neutral-low-hover: #f7f7fa;
    --text-color-ds-button-neutral-none: #9497a9;
    --text-color-ds-button-neutral-none-hover: #f7f7fa;
    --text-color-ds-button-positive-high: #002d17;
    --text-color-ds-button-positive-medium: #35df8d;
    --text-color-ds-button-positive-medium-hover: #35df8d;
    --text-color-ds-button-positive-low: #35df8d;
    --text-color-ds-button-positive-low-hover: #35df8d;
    --text-color-ds-button-positive-none: #35df8d;
    --text-color-ds-button-positive-none-hover: #23ba75;
    --text-color-ds-button-negative-high: #3c000c;
    --text-color-ds-button-negative-medium: #ff9fa9;
    --text-color-ds-button-negative-medium-hover: #ff9fa9;
    --text-color-ds-button-negative-low: #ff7386;
    --text-color-ds-button-negative-low-hover: #ff7386;
    --text-color-ds-button-negative-none: #ff7386;
    --text-color-ds-button-negative-none-hover: #f5395e;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #ffcd60;
    --text-color-ds-button-warning-medium-hover: #ffcd60;
    --text-color-ds-button-warning-low: #e8b100;
    --text-color-ds-button-warning-low-hover: #e8b100;
    --text-color-ds-button-warning-none: #e8b100;
    --text-color-ds-button-warning-none-hover: #c39621;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #d4cbff;
    --text-color-ds-button-brand-medium-hover: #d4cbff;
    --text-color-ds-button-brand-low: #d4cbff;
    --text-color-ds-button-brand-low-hover: #f1efff;
    --text-color-ds-button-brand-none: #d4cbff;
    --text-color-ds-button-brand-none-hover: #f1efff;
    --text-color-ds-button-info-high: #002940;
    --text-color-ds-button-info-medium: #90c9ff;
    --text-color-ds-button-info-medium-hover: #90c9ff;
    --text-color-ds-button-info-low: #0092d8;
    --text-color-ds-button-info-low-hover: #0092d8;
    --text-color-ds-button-info-none: #0092d8;
    --text-color-ds-button-info-none-hover: #0079b4;
    --text-color-ds-button-inverted-high: #fff;
    --text-color-ds-button-inverted-medium: #101114;
    --text-color-ds-button-inverted-medium-hover: #101114;
    --text-color-ds-button-inverted-low: #101114;
    --text-color-ds-button-inverted-low-hover: #101114;
    --text-color-ds-button-inverted-none: #101114;
    --text-color-ds-button-inverted-none-hover: #101114;
    --text-color-ds-button-neutral-high-icon: #fff;
    --text-color-ds-checkbox-primary: #f7f7fa;
    --text-color-ds-checkbox-description: #9497a9;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #f7f7fa;
    --text-color-ds-checkboxgroup-description: #9497a9;
    --text-color-ds-checkboxgroup-error: #ff7386;
    --text-color-ds-circle-primary-low: #9d82fe;
    --text-color-ds-circle-neutral-low: #9497a9;
    --text-color-ds-circle-positive-low: #35df8d;
    --text-color-ds-circle-warning-low: #ffcd60;
    --text-color-ds-circle-negative-low: #ff7386;
    --text-color-ds-circle-info-low: #00adfe;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #7132f5;
    --text-color-ds-circle-border-neutral-high: #686b82;
    --text-color-ds-circle-border-positive-high: #149e61;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0092d8;
    --text-color-ds-datepicker: #eeeff3;
    --text-color-ds-datepicker-weekday: #9497a9;
    --text-color-ds-datepicker-today: #9497a9;
    --text-color-ds-datepicker-disabled: #686b82;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #9497a9;
    --text-color-ds-dropdown-button-content-placeholder-hover: #f7f7fa;
    --text-color-ds-dropdown-button-content-text: #f7f7fa;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #9497a9;
    --text-color-ds-filteritem-active: #f7f7fa;
    --text-color-ds-input: #f7f7fa;
    --text-color-ds-input-icon: #686b82;
    --text-color-ds-input-label: #9497a9;
    --text-color-ds-input-error-label: #ff7386;
    --text-color-ds-inputerror-label: #ff7386;
    --text-color-ds-label-value: #ffffff0a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #f7f7fa;
    --text-color-ds-menu: #f7f7fa;
    --text-color-ds-menu-active: #8a61ff;
    --text-color-ds-notification-primary: #f1efff;
    --text-color-ds-notification-neutral: #f7f7fa;
    --text-color-ds-notification-negative: #ffd6da;
    --text-color-ds-notification-warning: #fffaf0;
    --text-color-ds-notification-positive: #c6feda;
    --text-color-ds-notification-info: #e7f2ff;
    --text-color-ds-notification-subtitle-primary: #d4cbff;
    --text-color-ds-notification-subtitle-neutral: #c6c7d2;
    --text-color-ds-notification-subtitle-negative: #ffbdc3;
    --text-color-ds-notification-subtitle-warning: #ffe5b1;
    --text-color-ds-notification-subtitle-positive: #44fc9e;
    --text-color-ds-notification-subtitle-info: #c7e1ff;
    --text-color-ds-pill: #8a61ff;
    --text-color-ds-pill-primary: #8a61ff;
    --text-color-ds-pill-neutral: #8a61ff;
    --text-color-ds-radio-primary: #f7f7fa;
    --text-color-ds-radio-disabled: #484b5e;
    --text-color-ds-radio-description: #9497a9;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #f7f7fa;
    --text-color-ds-radiogroup-description: #9497a9;
    --text-color-ds-radiogroup-error: #ff7386;
    --text-color-ds-segmented-control-inactive: #9497a9;
    --text-color-ds-segmented-control-inactive-hover: #f7f7fa;
    --text-color-ds-segmented-control-active-primary: #f7f7fa;
    --text-color-ds-segmented-control-active-positive: #35df8d;
    --text-color-ds-segmented-control-active-negative: #ff7386;
    --text-color-ds-segmented-control-active-primary-low: #f7f7fa;
    --text-color-ds-segmented-control-active-positive-low: #35df8d;
    --text-color-ds-segmented-control-active-negative-low: #ff7386;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #686b823d;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #f7f7fa;
    --text-color-ds-spinner-neutral: #9497a9;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #35df8d;
    --text-color-ds-spinner-negative: #ff7386;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #fff;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #000;
    --text-color-ds-stacked-asset-icons: #f7f7fa;
    --text-color-ds-tabs: #9497a9;
    --text-color-ds-tabs-active: #f7f7fa;
    --text-color-ds-tabs-on-background: #9497a9;
    --text-color-ds-tabs-on-background-active: #f7f7fa;
    --text-color-ds-text-duo-primary-main: #f7f7fa;
    --text-color-ds-text-duo-primary-duo: #9497a9;
    --text-color-ds-text-duo-neutral-main: #9497a9;
    --text-color-ds-text-duo-neutral-duo: #686b82;
    --text-color-ds-text-duo-positive-main: #35df8d;
    --text-color-ds-text-duo-positive-duo: #35df8d;
    --text-color-ds-text-duo-negative-main: #ff7386;
    --text-color-ds-text-duo-negative-duo: #ff7386;
    --text-color-ds-tooltip-text: #9497a9;
    --text-color-ds-tooltip-title: #f7f7fa;
    --border-color-ds-asset-conversion-icons-primary: #f7f7fa;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #8a61ff;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #8a61ff;
    --border-color-ds-datepicker: #fff0;
    --border-color-ds-base-drawer: #ffffff14;
    --border-color-ds-input-focused: #7132f5;
    --border-color-ds-input-error: #d11d45;
    --border-color-ds-input-error-focused: #d11d45;
    --border-color-ds-legend-item-dimmed: #686b82;
    --border-color-ds-menu: #fff0;
    --border-color-ds-menu-divider: #686b8252;
    --border-color-ds-popover: #fff0;
    --border-color-ds-radio-primary-focus: #8a61ff;
    --border-color-ds-selectable-card-selected: #8a61ff;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header-cell-hover: #8a61ff;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b8229;
    --stroke-ds-dropdown-button-content-icon: #9497a9;
    --stroke-ds-dropdown-button-content-icon-hover: #f7f7fa;
    --stroke-ds-icon-primary: #9d82fe;
    --stroke-ds-icon-neutral: #9497a9;
    --stroke-ds-icon-strong: #fff;
    --stroke-ds-icon-dimmed: #686b82;
    --stroke-ds-icon-positive: #35df8d;
    --stroke-ds-icon-warning: #ffcd60;
    --stroke-ds-icon-negative: #ff7386;
    --stroke-ds-icon-info: #00adfe;
    --stroke-ds-icon-brand: #8a61ff;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #fff0;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #855bfb29;
    --ring-color-ds-circle-neutral-low: #686b8229;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c3962129;
    --ring-color-ds-circle-positive-low: #149e6129;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #7132f5;
    --ring-color-ds-circle-neutral-high: #686b82;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #149e61;
    --ring-color-ds-circle-info-high: #0092d8;
    --fill-ds-brand-brand: #855bfb;
    --fill-ds-brand-neutral: #fff;
    --fill-ds-brand-inverted: #000;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #9d82fe;
    --fill-ds-icon-neutral: #9497a9;
    --fill-ds-icon-strong: #fff;
    --fill-ds-icon-dimmed: #686b82;
    --fill-ds-icon-positive: #35df8d;
    --fill-ds-icon-warning: #ffcd60;
    --fill-ds-icon-negative: #ff7386;
    --fill-ds-icon-info: #00adfe;
    --fill-ds-icon-brand: #8a61ff;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #1f1b27;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #1f1b27, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #1f1b27;
    --placeholder-color-ds-input: #9497a9;
    --caret-color-ds-input: #fff;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #8a61ff;
    --opacity-ds-table-cell-dimmed: .5;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8266
}

.trade-fe-dark-theme {
    --colors-ds-semantic-action-primary-background: #fff;
    --colors-ds-semantic-action-primary-background-hover: #8364fe;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #6d6d6d29;
    --colors-ds-semantic-action-secondary-background-hover: #6d6d6d52;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #c6c6c6;
    --colors-ds-semantic-border-default: #6d6d6d52;
    --colors-ds-semantic-border-negative: #fd716e;
    --colors-ds-semantic-border-positive: #05d26b;
    --colors-ds-semantic-border-strong: #959595;
    --colors-ds-semantic-border-subtle: #6d6d6d29;
    --colors-ds-semantic-content-brand: #6f2bfc;
    --colors-ds-semantic-content-dimmed: #6d6d6d;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #0050a9;
    --colors-ds-semantic-content-inverse: #0e0e0e;
    --colors-ds-semantic-content-negative: #fb414a;
    --colors-ds-semantic-content-neutral: #959595;
    --colors-ds-semantic-content-positive: #05b45b;
    --colors-ds-semantic-content-primary: #ddd;
    --colors-ds-semantic-content-warning: #665401;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #6f2bfc);
    --colors-ds-semantic-focus-ring-inverse: #0e0e0e;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #d1ceff;
    --colors-ds-semantic-status-brand-content-strong: #efefff;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #9685ff;
    --colors-ds-semantic-status-brand-solid: #fff;
    --colors-ds-semantic-status-brand-subtle: #8364fe29;
    --colors-ds-semantic-status-info-content: #b8d5ff;
    --colors-ds-semantic-status-info-content-strong: #e8f2ff;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #4a96ff;
    --colors-ds-semantic-status-info-solid: #017bfd;
    --colors-ds-semantic-status-info-subtle: #017bfd29;
    --colors-ds-semantic-status-negative-content: #ffc8c4;
    --colors-ds-semantic-status-negative-content-strong: #ffecea;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #fd716e;
    --colors-ds-semantic-status-negative-solid: #d6162f;
    --colors-ds-semantic-status-negative-subtle: #fb414a29;
    --colors-ds-semantic-status-neutral-content: #c6c6c6;
    --colors-ds-semantic-status-neutral-content-strong: #f7f7f7;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #959595;
    --colors-ds-semantic-status-neutral-solid: #6d6d6d;
    --colors-ds-semantic-status-neutral-subtle: #6d6d6d29;
    --colors-ds-semantic-status-positive-content: #07f47e;
    --colors-ds-semantic-status-positive-content-strong: #cfffda;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #05d26b;
    --colors-ds-semantic-status-positive-solid: #049c4e;
    --colors-ds-semantic-status-positive-subtle: #049c4e29;
    --colors-ds-semantic-status-warning-content: #f4cc07;
    --colors-ds-semantic-status-warning-content-strong: #fff1bf;
    --colors-ds-semantic-status-warning-on-solid: #0e0e0e;
    --colors-ds-semantic-status-warning-on-subtle: #d2af02;
    --colors-ds-semantic-status-warning-solid: #d2af02;
    --colors-ds-semantic-status-warning-subtle: #9c810129;
    --colors-ds-semantic-surface-canvas: #000;
    --colors-ds-semantic-surface-hover: #6d6d6d3d;
    --colors-ds-semantic-surface-overlay: #ffffff1a;
    --colors-ds-semantic-surface-page: #000;
    --colors-ds-semantic-surface-raised: #121212;
    --colors-ds-semantic-surface-selected: #8364fe0a;
    --colors-ds-semantic-surface-sunken: #252525;
    --colors-ds-primary: #ddd;
    --colors-ds-neutral: #959595;
    --colors-ds-dimmed: #6d6d6d;
    --colors-ds-positive: #05b45b;
    --colors-ds-negative: #fb414a;
    --colors-ds-warning: #665401;
    --colors-ds-brand: #6f2bfc;
    --colors-ds-info: #0050a9;
    --colors-ds-inverted: #0e0e0e;
    --colors-ds-disabled: #484b5e;
    --colors-ds-strong: #fff;
    --colors-ds-subtle: #4c4c4c;
    --colors-ds-divider: #252525;
    --colors-ds-textlink-hover-primary: #959595;
    --colors-ds-textlink-hover-brand: #b1a9ff;
    --colors-ds-textlink-hover-neutral: #ddd;
    --colors-ds-textlink-hover-positive: #049c4e;
    --colors-ds-textlink-hover-negative: #fb414a;
    --colors-ds-textlink-hover-warning: #9c8101;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #00000026;
    --box-shadow-ds-2: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-3: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-4: 0px 12px 16px -4px #00000026;
    --box-shadow-ds-5: 0px 20px 24px -4px #00000026;
    --box-shadow-ds-6: 0px 24px 48px -12px #0000004d;
    --box-shadow-ds-7: 0px 32px 64px -12px #0000004d;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #252525;
    --box-shadow-ds-banner: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-container: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #00000026, 0px 4px 8px -2px #00000026;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 150px 0px #000;
    --box-shadow-ds-menu: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --box-shadow-ds-popover: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #00000026;
    --outline-color-ds-accordion: #6f2bfc;
    --outline-color-ds-button: #6f2bfc;
    --outline-color-ds-card-selected: #fff;
    --outline-color-ds-favourite-button: #6f2bfc;
    --outline-color-ds-input-error-focused: #fb414a;
    --outline-color-ds-input: #686b82;
    --outline-color-ds-input-error: #fb414a;
    --outline-color-ds-legend-item-dimmed: #6d6d6d;
    --outline-color-ds-menu: #6f2bfc;
    --outline-color-ds-notification: #6f2bfc;
    --outline-color-ds-popover: #6f2bfc;
    --outline-color-ds-segmented-control: #6f2bfc;
    --outline-color-ds-selectable-card: #fff;
    --outline-color-ds-tabs: #6f2bfc;
    --outline-color-ds-table-header-cell: #6f2bfc;
    --outline-color-ds-textlink: #6f2bfc;
    --outline-color-ds-toggle: #6f2bfc;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #fff;
    --background-color-ds-badge-primary-low: #6d6d6d1f;
    --background-color-ds-badge-neutral-high: #0000;
    --background-color-ds-badge-neutral-low: #0000;
    --background-color-ds-badge-positive-high: #049c4e;
    --background-color-ds-badge-positive-low: #049c4e29;
    --background-color-ds-badge-negative-high: #fb414a;
    --background-color-ds-badge-negative-low: #fb414a29;
    --background-color-ds-badge-warning-high: #7f6901;
    --background-color-ds-badge-warning-low: #f4cc07;
    --background-color-ds-badge-info-low: #b8d5ff;
    --background-color-ds-badge-info-high: #0064d0;
    --background-color-ds-badge-new-low: #6d6d6d1f;
    --background-color-ds-badge-new-high: #fff;
    --background-color-ds-banner: #1a1b22;
    --background-color-ds-button-primary-high: #fff;
    --background-color-ds-button-primary-high-hover: #eee;
    --background-color-ds-button-primary-medium: #ffffff1a;
    --background-color-ds-button-primary-medium-hover: #252525;
    --background-color-ds-button-primary-medium-active: #252525;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #2c2c2c;
    --background-color-ds-button-primary-low-active: #2c2c2c;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #0000;
    --background-color-ds-button-neutral-high-hover: #ffffff14;
    --background-color-ds-button-neutral-medium: #0000;
    --background-color-ds-button-neutral-medium-hover: #ffffff0a;
    --background-color-ds-button-neutral-medium-active: #ffffff0a;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #ffffff0a;
    --background-color-ds-button-neutral-low-active: #ffffff0a;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #049c4e;
    --background-color-ds-button-positive-high-hover: #026631;
    --background-color-ds-button-positive-medium: #049c4e29;
    --background-color-ds-button-positive-medium-hover: #013e1b;
    --background-color-ds-button-positive-medium-active: #013e1b;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #001a0d;
    --background-color-ds-button-positive-low-active: #001a0d;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #fb414a;
    --background-color-ds-button-negative-high-hover: #ac0d23;
    --background-color-ds-button-negative-medium: #fb414a29;
    --background-color-ds-button-negative-medium-hover: #660410;
    --background-color-ds-button-negative-medium-active: #660410;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #380107;
    --background-color-ds-button-negative-low-active: #380107;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #b39502;
    --background-color-ds-button-warning-high-hover: #d2af02;
    --background-color-ds-button-warning-medium: #9c810129;
    --background-color-ds-button-warning-medium-hover: #9c810152;
    --background-color-ds-button-warning-medium-active: #9c810152;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #9c810129;
    --background-color-ds-button-warning-low-active: #9c810129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #6f2bfc;
    --background-color-ds-button-brand-high-hover: #8364fe;
    --background-color-ds-button-brand-medium: #6f2bfc33;
    --background-color-ds-button-brand-medium-hover: #8364fe52;
    --background-color-ds-button-brand-medium-active: #8364fe52;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #8364fe29;
    --background-color-ds-button-brand-low-active: #8364fe29;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #017bfd;
    --background-color-ds-button-info-high-hover: #81b5ff;
    --background-color-ds-button-info-medium: #017bfd29;
    --background-color-ds-button-info-medium-hover: #017bfd52;
    --background-color-ds-button-info-medium-active: #017bfd52;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #017bfd29;
    --background-color-ds-button-info-low-active: #017bfd29;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #0e0e0e;
    --background-color-ds-button-inverted-high-hover: #1b1b1b;
    --background-color-ds-button-inverted-medium: #0000001a;
    --background-color-ds-button-inverted-medium-hover: #00000029;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #00000029;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #252525;
    --background-color-ds-card-disabled: #1b1b1b;
    --background-color-ds-card-selected: #2c2c2c;
    --background-color-ds-card-hover: #2c2c2c;
    --background-color-ds-card-selected-hover: #373737;
    --background-color-ds-card-background: #121212;
    --background-color-ds-card-background-hover: #252525;
    --background-color-ds-checkbox-unchecked: #4c4c4c;
    --background-color-ds-checkbox-unchecked-hover: #fff0;
    --background-color-ds-checkbox-checked: #fff;
    --background-color-ds-checkbox-checked-hover: #ddd;
    --background-color-ds-checkbox-unchecked-negative: #fff0;
    --background-color-ds-checkbox-unchecked-negative-hover: #fff0;
    --background-color-ds-checkbox-checked-negative: #fff;
    --background-color-ds-checkbox-checked-negative-hover: #fff;
    --background-color-ds-checkboxgroup-error: #fb414a29;
    --background-color-ds-circle-primary-low: #6d6d6d29;
    --background-color-ds-circle-neutral-low: #6d6d6d29;
    --background-color-ds-circle-negative-low: #fb414a29;
    --background-color-ds-circle-warning-low: #9c810129;
    --background-color-ds-circle-positive-low: #049c4e29;
    --background-color-ds-circle-info-low: #017bfd29;
    --background-color-ds-circle-primary-high: #fff;
    --background-color-ds-circle-neutral-high: #0e0e0e;
    --background-color-ds-circle-negative-high: #d6162f;
    --background-color-ds-circle-warning-high: #d2af02;
    --background-color-ds-circle-positive-high: #049c4e;
    --background-color-ds-circle-info-high: #017bfd;
    --background-color-ds-container: #121212;
    --background-color-ds-container-glass: #ffffff14;
    --background-color-ds-datepicker: #121212;
    --background-color-ds-datepicker-raised: #272532;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #fff;
    --background-color-ds-datepicker-selected-day-range: #8364fe29;
    --background-color-ds-dialog: #1b1b1b;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #252525;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #fb414a;
    --background-color-ds-base-drawer: #121212;
    --background-color-ds-dropdown-button: #6d6d6d29;
    --background-color-ds-dropdown-button-hover: #6d6d6d52;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8229;
    --background-color-ds-filteritem-active: #686b8252;
    --background-color-ds-full-screen-dialog: #000;
    --background-color-ds-input: #121212;
    --background-color-ds-input-border: #2c2c2c;
    --background-color-ds-input-border-error: #fb414a;
    --background-color-ds-input-border-error-focused: #fb414a;
    --background-color-ds-input-border-focused: #686b82;
    --background-color-ds-input-content-icon: #959595;
    --background-color-ds-input-content-input-text: #fff;
    --background-color-ds-input-content-label: #959595;
    --background-color-ds-input-error: #121212;
    --background-color-ds-input-error-focused: #121212;
    --background-color-ds-input-focused: #121212;
    --background-color-ds-input-hover: #252525;
    --background-color-ds-input-selected: #121212;
    --background-color-ds-input-error-label: #fb414a29;
    --background-color-ds-input-background: #252525;
    --background-color-ds-input-background-hover: #6d6d6d1f;
    --background-color-ds-input-background-selected: #6d6d6d1f;
    --background-color-ds-inputerror-label: #fb414a29;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #8364fe14;
    --background-color-ds-legend-item-dimmed: #6d6d6d;
    --background-color-ds-list-hover: #2c2c2c;
    --background-color-ds-menu: #ffffff1a;
    --background-color-ds-menu-raised: #272532;
    --background-color-ds-menu-hover: #6d6d6d14;
    --background-color-ds-menu-pressed: #855bfb1f;
    --background-color-ds-menu-active: #6d6d6d29;
    --background-color-ds-menu-active-hover: #6d6d6d1f;
    --background-color-ds-notification-primary: #fff;
    --background-color-ds-notification-neutral: #121212;
    --background-color-ds-notification-negative: #121212;
    --background-color-ds-notification-warning: #121212;
    --background-color-ds-notification-positive: #121212;
    --background-color-ds-notification-info: #121212;
    --background-color-ds-notification-primary-hover: #8364fe3d;
    --background-color-ds-notification-neutral-hover: #6d6d6d3d;
    --background-color-ds-notification-negative-hover: #fb414a3d;
    --background-color-ds-notification-warning-hover: #9c81013d;
    --background-color-ds-notification-positive-hover: #049c4e3d;
    --background-color-ds-notification-info-hover: #017bfd3d;
    --background-color-ds-pagination: #686b821f;
    --background-color-ds-pill: #fff;
    --background-color-ds-pill-primary: #fff;
    --background-color-ds-pill-neutral: #252525;
    --background-color-ds-popover: #ffffff1a;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-primary: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-finished: #08844f;
    --background-color-ds-radio-unchecked: #fff0;
    --background-color-ds-radio-unchecked-hover: #fff0;
    --background-color-ds-radio-checked: #fff;
    --background-color-ds-radio-checked-hover: #ddd;
    --background-color-ds-radio-unchecked-negative: #fff0;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #fff;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #7132f5;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b82a3;
    --background-color-ds-scrollbar-thumb-hover: #686b827a;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #121212;
    --background-color-ds-segmented-control-inactive-high: #fff0;
    --background-color-ds-segmented-control-active-primary: #fff;
    --background-color-ds-segmented-control-active-positive: #049c4e3d;
    --background-color-ds-segmented-control-active-negative: #fb414a3d;
    --background-color-ds-segmented-control-active-primary-low: #fff0;
    --background-color-ds-segmented-control-active-positive-low: #049c4e3d;
    --background-color-ds-segmented-control-active-negative-low: #fb414a3d;
    --background-color-ds-selectable-card: #252525;
    --background-color-ds-selectable-card-selected: #2c2c2c;
    --background-color-ds-selectable-card-hover: #2c2c2c;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b823d;
    --background-color-ds-consumerpagination: #ffffff3d;
    --background-color-ds-consumerpagination-active: #fff;
    --background-color-ds-consumerpagination-hover: #fff6;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #6d6d6d3d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #fff;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #0e0e0e;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #353746;
    --background-color-ds-tabs: #fff0;
    --background-color-ds-tabs-hover: #fff0;
    --background-color-ds-tabs-active: #fff0;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #0e0e0e;
    --background-color-ds-table-cell-sticky: #16121f;
    --background-color-ds-table-cell-sticky-container: #121212;
    --background-color-ds-table-cell-sticky-dialog: #1f1b27;
    --background-color-ds-table-cell-sticky-dialog-container: #16121f;
    --background-color-ds-table-cell-sticky-container-card: #21202c;
    --background-color-ds-table-cell-sticky-container-card-hover: #22202e;
    --background-color-ds-table-cell-sticky-container-hover: #191523;
    --background-color-ds-table-cell-sticky-dialog-hover: #221e2b;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #1a1826;
    --background-color-ds-table-header-cell-resize: #6f2bfc;
    --background-color-ds-table-header-cell-sticky: #16121f;
    --background-color-ds-table-row-group: #686b8214;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b8214;
    --background-color-ds-table-row-hover: #6d6d6d0a;
    --background-color-ds-table-row: #16121f;
    --background-color-ds-toggle-handle-on: #0e0e0e;
    --background-color-ds-toggle-handle-off: #ddd;
    --background-color-ds-toggle-track-on: #fff;
    --background-color-ds-toggle-track-off: #373737;
    --background-color-ds-tooltip: #fff;
    --text-color-ds-accordion-primary: #959595;
    --text-color-ds-accordion-disabled: #9497a9;
    --text-color-ds-accordion-hover: #ddd;
    --text-color-ds-badge-primary: #ddd;
    --text-color-ds-badge-neutral: #959595;
    --text-color-ds-badge-positive: #049c4e;
    --text-color-ds-badge-negative: #fb414a;
    --text-color-ds-badge-warning: #504100;
    --text-color-ds-badge-high: #0e0e0e;
    --text-color-ds-asseticon-neutral: #000;
    --text-color-ds-asseticon-inverted: #fff;
    --text-color-ds-badge-high-inverse: #fff;
    --text-color-ds-badge-info: #003e87;
    --text-color-ds-badge-new: #ddd;
    --text-color-ds-brand-brand: #855bfb;
    --text-color-ds-brand-neutral: #fff;
    --text-color-ds-brand-inverted: #000;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #959595;
    --text-color-ds-breadcrumbs-hover: #ddd;
    --text-color-ds-breadcrumbs-selected: #ddd;
    --text-color-ds-button-primary-high: #0e0e0e;
    --text-color-ds-button-primary-medium: #fff;
    --text-color-ds-button-primary-medium-hover: #fff;
    --text-color-ds-button-primary-low: #fff;
    --text-color-ds-button-primary-low-hover: #fff;
    --text-color-ds-button-primary-none: #fff;
    --text-color-ds-button-primary-none-hover: #fff;
    --text-color-ds-button-neutral-high: #fff;
    --text-color-ds-button-neutral-medium: #fff;
    --text-color-ds-button-neutral-medium-hover: #ddd;
    --text-color-ds-button-neutral-low: #fff;
    --text-color-ds-button-neutral-low-hover: #ddd;
    --text-color-ds-button-neutral-none: #ddd;
    --text-color-ds-button-neutral-none-hover: #ddd;
    --text-color-ds-button-positive-high: #fff;
    --text-color-ds-button-positive-medium: #05d26b;
    --text-color-ds-button-positive-medium-hover: #05d26b;
    --text-color-ds-button-positive-low: #05d26b;
    --text-color-ds-button-positive-low-hover: #049c4e;
    --text-color-ds-button-positive-none: #049c4e;
    --text-color-ds-button-positive-none-hover: #037f3f;
    --text-color-ds-button-negative-high: #fff;
    --text-color-ds-button-negative-medium: #fd716e;
    --text-color-ds-button-negative-medium-hover: #fd716e;
    --text-color-ds-button-negative-low: #fd716e;
    --text-color-ds-button-negative-low-hover: #fb414a;
    --text-color-ds-button-negative-none: #fb414a;
    --text-color-ds-button-negative-none-hover: #d6162f;
    --text-color-ds-button-warning-high: #2d2400;
    --text-color-ds-button-warning-medium: #d2af02;
    --text-color-ds-button-warning-medium-hover: #d2af02;
    --text-color-ds-button-warning-low: #b39502;
    --text-color-ds-button-warning-low-hover: #b39502;
    --text-color-ds-button-warning-none: #b39502;
    --text-color-ds-button-warning-none-hover: #9c8101;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #9685ff;
    --text-color-ds-button-brand-medium-hover: #9685ff;
    --text-color-ds-button-brand-low: #9685ff;
    --text-color-ds-button-brand-low-hover: #efefff;
    --text-color-ds-button-brand-none: #9685ff;
    --text-color-ds-button-brand-none-hover: #efefff;
    --text-color-ds-button-info-high: #002351;
    --text-color-ds-button-info-medium: #81b5ff;
    --text-color-ds-button-info-medium-hover: #81b5ff;
    --text-color-ds-button-info-low: #017bfd;
    --text-color-ds-button-info-low-hover: #017bfd;
    --text-color-ds-button-info-none: #017bfd;
    --text-color-ds-button-info-none-hover: #0064d0;
    --text-color-ds-button-inverted-high: #fff;
    --text-color-ds-button-inverted-medium: #0e0e0e;
    --text-color-ds-button-inverted-medium-hover: #0e0e0e;
    --text-color-ds-button-inverted-low: #0e0e0e;
    --text-color-ds-button-inverted-low-hover: #0e0e0e;
    --text-color-ds-button-inverted-none: #0e0e0e;
    --text-color-ds-button-inverted-none-hover: #0e0e0e;
    --text-color-ds-button-neutral-high-icon: #fff;
    --text-color-ds-checkbox-primary: #ddd;
    --text-color-ds-checkbox-description: #959595;
    --text-color-ds-checkbox-check-mark: #0e0e0e;
    --text-color-ds-checkboxgroup-primary: #ddd;
    --text-color-ds-checkboxgroup-description: #959595;
    --text-color-ds-checkboxgroup-error: #fd716e;
    --text-color-ds-circle-primary-low: #ddd;
    --text-color-ds-circle-neutral-low: #959595;
    --text-color-ds-circle-positive-low: #05d26b;
    --text-color-ds-circle-warning-low: #d2af02;
    --text-color-ds-circle-negative-low: #fd716e;
    --text-color-ds-circle-info-low: #4a96ff;
    --text-color-ds-circle-primary-high: #0e0e0e;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #0e0e0e;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #fff;
    --text-color-ds-circle-border-neutral-high: #0e0e0e;
    --text-color-ds-circle-border-positive-high: #049c4e;
    --text-color-ds-circle-border-warning-high: #d2af02;
    --text-color-ds-circle-border-negative-high: #d6162f;
    --text-color-ds-circle-border-info-high: #017bfd;
    --text-color-ds-datepicker: #eeeff3;
    --text-color-ds-datepicker-weekday: #9497a9;
    --text-color-ds-datepicker-today: #9497a9;
    --text-color-ds-datepicker-disabled: #686b82;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #959595;
    --text-color-ds-dropdown-button-content-placeholder-hover: #ddd;
    --text-color-ds-dropdown-button-content-text: #ddd;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #9497a9;
    --text-color-ds-filteritem-active: #f7f7fa;
    --text-color-ds-input: #fff;
    --text-color-ds-input-icon: #959595;
    --text-color-ds-input-label: #959595;
    --text-color-ds-input-error-label: #fd716e;
    --text-color-ds-inputerror-label: #fd716e;
    --text-color-ds-label-value: #ffffff0a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #ddd;
    --text-color-ds-menu: #ddd;
    --text-color-ds-menu-active: #6f2bfc;
    --text-color-ds-notification-primary: #0e0e0e;
    --text-color-ds-notification-neutral: #fff;
    --text-color-ds-notification-negative: #fff;
    --text-color-ds-notification-warning: #fff;
    --text-color-ds-notification-positive: #fff;
    --text-color-ds-notification-info: #fff;
    --text-color-ds-notification-subtitle-primary: #0e0e0eb3;
    --text-color-ds-notification-subtitle-neutral: #959595;
    --text-color-ds-notification-subtitle-negative: #959595;
    --text-color-ds-notification-subtitle-warning: #959595;
    --text-color-ds-notification-subtitle-positive: #959595;
    --text-color-ds-notification-subtitle-info: #959595;
    --text-color-ds-pill: #fff;
    --text-color-ds-pill-primary: #fff;
    --text-color-ds-pill-neutral: #959595;
    --text-color-ds-radio-primary: #ddd;
    --text-color-ds-radio-disabled: #484b5e;
    --text-color-ds-radio-description: #959595;
    --text-color-ds-radio-check-mark: #0e0e0e;
    --text-color-ds-radiogroup-primary: #f7f7fa;
    --text-color-ds-radiogroup-description: #9497a9;
    --text-color-ds-radiogroup-error: #ff7386;
    --text-color-ds-segmented-control-inactive: #959595;
    --text-color-ds-segmented-control-inactive-hover: #ddd;
    --text-color-ds-segmented-control-active-primary: #0e0e0e;
    --text-color-ds-segmented-control-active-positive: #05b45b;
    --text-color-ds-segmented-control-active-negative: #fb414a;
    --text-color-ds-segmented-control-active-primary-low: #ddd;
    --text-color-ds-segmented-control-active-positive-low: #05b45b;
    --text-color-ds-segmented-control-active-negative-low: #fb414a;
    --text-color-ds-segmented-control-underline-rail: #252525;
    --text-color-ds-segmented-control-underline-active-primary: #fff;
    --text-color-ds-segmented-control-underline-active-positive: #049c4e3d;
    --text-color-ds-segmented-control-underline-active-negative: #fb414a3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #f7f7fa;
    --text-color-ds-spinner-neutral: #9497a9;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #35df8d;
    --text-color-ds-spinner-negative: #ff7386;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #fff;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #000;
    --text-color-ds-stacked-asset-icons: #f7f7fa;
    --text-color-ds-tabs: #959595;
    --text-color-ds-tabs-active: #fff;
    --text-color-ds-tabs-on-background: #959595;
    --text-color-ds-tabs-on-background-active: #fff;
    --text-color-ds-text-duo-primary-main: #ddd;
    --text-color-ds-text-duo-primary-duo: #959595;
    --text-color-ds-text-duo-neutral-main: #959595;
    --text-color-ds-text-duo-neutral-duo: #6d6d6d;
    --text-color-ds-text-duo-positive-main: #05b45b;
    --text-color-ds-text-duo-positive-duo: #05b45b;
    --text-color-ds-text-duo-negative-main: #fb414a;
    --text-color-ds-text-duo-negative-duo: #fb414a;
    --text-color-ds-tooltip-text: #0e0e0e;
    --text-color-ds-tooltip-title: #ddd;
    --border-color-ds-asset-conversion-icons-primary: #ddd;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff;
    --border-color-ds-badge-neutral-low: #484b5e;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #121212;
    --border-color-ds-card-selected: #fff;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #6f2bfc;
    --border-color-ds-datepicker: #fff0;
    --border-color-ds-base-drawer: #ffffff14;
    --border-color-ds-input-focused: #686b82;
    --border-color-ds-input-error: #fb414a;
    --border-color-ds-input-error-focused: #fb414a;
    --border-color-ds-legend-item-dimmed: #6d6d6d;
    --border-color-ds-menu: #fff0;
    --border-color-ds-menu-divider: #252525;
    --border-color-ds-popover: #fff0;
    --border-color-ds-radio-primary-focus: #6f2bfc;
    --border-color-ds-selectable-card-selected: #fff;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header-cell-hover: #6f2bfc;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b8229;
    --stroke-ds-dropdown-button-content-icon: #959595;
    --stroke-ds-dropdown-button-content-icon-hover: #ddd;
    --stroke-ds-icon-primary: #ddd;
    --stroke-ds-icon-neutral: #959595;
    --stroke-ds-icon-strong: #fff;
    --stroke-ds-icon-dimmed: #6d6d6d;
    --stroke-ds-icon-positive: #05b45b;
    --stroke-ds-icon-warning: #665401;
    --stroke-ds-icon-negative: #fb414a;
    --stroke-ds-icon-info: #0050a9;
    --stroke-ds-icon-brand: #6f2bfc;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #fff0;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #6d6d6d29;
    --ring-color-ds-circle-neutral-low: #6d6d6d29;
    --ring-color-ds-circle-negative-low: #fb414a29;
    --ring-color-ds-circle-warning-low: #9c810129;
    --ring-color-ds-circle-positive-low: #049c4e29;
    --ring-color-ds-circle-info-low: #017bfd29;
    --ring-color-ds-circle-primary-high: #fff;
    --ring-color-ds-circle-neutral-high: #0e0e0e;
    --ring-color-ds-circle-negative-high: #d6162f;
    --ring-color-ds-circle-warning-high: #d2af02;
    --ring-color-ds-circle-positive-high: #049c4e;
    --ring-color-ds-circle-info-high: #017bfd;
    --fill-ds-brand-brand: #855bfb;
    --fill-ds-brand-neutral: #fff;
    --fill-ds-brand-inverted: #000;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #ddd;
    --fill-ds-icon-neutral: #959595;
    --fill-ds-icon-strong: #fff;
    --fill-ds-icon-dimmed: #6d6d6d;
    --fill-ds-icon-positive: #05b45b;
    --fill-ds-icon-warning: #665401;
    --fill-ds-icon-negative: #fb414a;
    --fill-ds-icon-info: #0050a9;
    --fill-ds-icon-brand: #6f2bfc;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #ffffff1a;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #1b1b1b, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #1b1b1b;
    --placeholder-color-ds-input: #959595;
    --caret-color-ds-input: #fff;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #6f2bfc;
    --opacity-ds-table-cell-dimmed: .5;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8266
}

.trade-fe-light-theme {
    --colors-ds-semantic-action-primary-background: #000;
    --colors-ds-semantic-action-primary-background-hover: #5a0ad6;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #6d6d6d14;
    --colors-ds-semantic-action-secondary-background-hover: #6d6d6d1f;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #4c4c4c;
    --colors-ds-semantic-border-default: #6d6d6d29;
    --colors-ds-semantic-border-negative: #d6162f;
    --colors-ds-semantic-border-positive: #037f3f;
    --colors-ds-semantic-border-strong: #6d6d6d;
    --colors-ds-semantic-border-subtle: #6d6d6d29;
    --colors-ds-semantic-content-brand: #6f2bfc;
    --colors-ds-semantic-content-dimmed: #959595;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #0050a9;
    --colors-ds-semantic-content-inverse: #fff;
    --colors-ds-semantic-content-negative: #d6162f;
    --colors-ds-semantic-content-neutral: #6d6d6d;
    --colors-ds-semantic-content-positive: #037f3f;
    --colors-ds-semantic-content-primary: #4c4c4c;
    --colors-ds-semantic-content-warning: #665401;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #6f2bfc);
    --colors-ds-semantic-focus-ring-inverse: #fff;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #360386;
    --colors-ds-semantic-status-brand-content-strong: #270267;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #000;
    --colors-ds-semantic-status-brand-solid: #000;
    --colors-ds-semantic-status-brand-subtle: #8364fe29;
    --colors-ds-semantic-status-info-content: #002f6a;
    --colors-ds-semantic-status-info-content-strong: #002351;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #0050a9;
    --colors-ds-semantic-status-info-solid: #0064d0;
    --colors-ds-semantic-status-info-subtle: #017bfd29;
    --colors-ds-semantic-status-negative-content: #660410;
    --colors-ds-semantic-status-negative-content-strong: #4b0209;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #d6162f;
    --colors-ds-semantic-status-negative-solid: #d6162f;
    --colors-ds-semantic-status-negative-subtle: #fb414a29;
    --colors-ds-semantic-status-neutral-content: #1b1b1b;
    --colors-ds-semantic-status-neutral-content-strong: #0e0e0e;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #4c4c4c;
    --colors-ds-semantic-status-neutral-solid: #959595;
    --colors-ds-semantic-status-neutral-subtle: #6d6d6d1f;
    --colors-ds-semantic-status-positive-content: #013e1b;
    --colors-ds-semantic-status-positive-content-strong: #002e13;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #026631;
    --colors-ds-semantic-status-positive-solid: #049c4e;
    --colors-ds-semantic-status-positive-subtle: #049c4e29;
    --colors-ds-semantic-status-warning-content: #3d3100;
    --colors-ds-semantic-status-warning-content-strong: #2d2400;
    --colors-ds-semantic-status-warning-on-solid: #0e0e0e;
    --colors-ds-semantic-status-warning-on-subtle: #3d3100;
    --colors-ds-semantic-status-warning-solid: #d2af02;
    --colors-ds-semantic-status-warning-subtle: #9c81013d;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #6d6d6d1f;
    --colors-ds-semantic-surface-overlay: #ffffff1a;
    --colors-ds-semantic-surface-page: #fafbfb;
    --colors-ds-semantic-surface-raised: #fff;
    --colors-ds-semantic-surface-selected: #8364fe14;
    --colors-ds-semantic-surface-sunken: #fff;
    --colors-ds-primary: #4c4c4c;
    --colors-ds-neutral: #6d6d6d;
    --colors-ds-dimmed: #959595;
    --colors-ds-positive: #037f3f;
    --colors-ds-negative: #d6162f;
    --colors-ds-warning: #665401;
    --colors-ds-brand: #6f2bfc;
    --colors-ds-info: #0050a9;
    --colors-ds-inverted: #fff;
    --colors-ds-disabled: #c6c7d2;
    --colors-ds-strong: #1b1b1b;
    --colors-ds-subtle: #c6c6c6;
    --colors-ds-divider: #eee;
    --colors-ds-textlink-hover-primary: #6d6d6d;
    --colors-ds-textlink-hover-brand: #4705ac;
    --colors-ds-textlink-hover-neutral: #4c4c4c;
    --colors-ds-textlink-hover-positive: #015025;
    --colors-ds-textlink-hover-negative: #860819;
    --colors-ds-textlink-hover-warning: #665401;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #1018280a;
    --box-shadow-ds-2: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-3: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-4: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-5: 0px 20px 24px -4px #1018280f;
    --box-shadow-ds-6: 0px 24px 48px -12px #1018282e;
    --box-shadow-ds-7: 0px 32px 64px -12px #10182824;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #eee;
    --box-shadow-ds-banner: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-container: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 75px 0px #00000026;
    --box-shadow-ds-menu: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-popover: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --outline-color-ds-accordion: #6f2bfc;
    --outline-color-ds-button: #6f2bfc;
    --outline-color-ds-card-selected: #1b1b1b;
    --outline-color-ds-favourite-button: #6f2bfc;
    --outline-color-ds-input-error-focused: #d6162f;
    --outline-color-ds-input: #c6c6c6;
    --outline-color-ds-input-error: #fb414a;
    --outline-color-ds-legend-item-dimmed: #959595;
    --outline-color-ds-menu: #6f2bfc;
    --outline-color-ds-notification: #6f2bfc;
    --outline-color-ds-popover: #6f2bfc;
    --outline-color-ds-segmented-control: #6f2bfc;
    --outline-color-ds-selectable-card: #1b1b1b;
    --outline-color-ds-tabs: #6f2bfc;
    --outline-color-ds-table-header-cell: #6f2bfc;
    --outline-color-ds-textlink: #6f2bfc;
    --outline-color-ds-toggle: #6f2bfc;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #0e0e0e;
    --background-color-ds-badge-primary-low: #6d6d6d1f;
    --background-color-ds-badge-neutral-high: #0000;
    --background-color-ds-badge-neutral-low: #0000;
    --background-color-ds-badge-positive-high: #015025;
    --background-color-ds-badge-positive-low: #049c4e29;
    --background-color-ds-badge-negative-high: #d6162f;
    --background-color-ds-badge-negative-low: #fb414a29;
    --background-color-ds-badge-warning-high: #7f6901;
    --background-color-ds-badge-warning-low: #f4cc07;
    --background-color-ds-badge-info-low: #b8d5ff;
    --background-color-ds-badge-info-high: #0064d0;
    --background-color-ds-badge-new-low: #6d6d6d1f;
    --background-color-ds-badge-new-high: #0e0e0e;
    --background-color-ds-banner: #fff;
    --background-color-ds-button-primary-high: #0e0e0e;
    --background-color-ds-button-primary-high-hover: #1b1b1b;
    --background-color-ds-button-primary-medium: #e5e5e5;
    --background-color-ds-button-primary-medium-hover: #8364fe52;
    --background-color-ds-button-primary-medium-active: #8364fe52;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #e5e5e5;
    --background-color-ds-button-primary-low-active: #e5e5e5;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #0000;
    --background-color-ds-button-neutral-high-hover: #eee;
    --background-color-ds-button-neutral-medium: #0000;
    --background-color-ds-button-neutral-medium-hover: #f7f7f7;
    --background-color-ds-button-neutral-medium-active: #f7f7f7;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #f7f7f7;
    --background-color-ds-button-neutral-low-active: #f7f7f7;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #049c4e;
    --background-color-ds-button-positive-high-hover: #026631;
    --background-color-ds-button-positive-medium: #cfffda;
    --background-color-ds-button-positive-medium-hover: #b8edd0;
    --background-color-ds-button-positive-medium-active: #b8edd0;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #e6fcef;
    --background-color-ds-button-positive-low-active: #e6fcef;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #d6162f;
    --background-color-ds-button-negative-high-hover: #ac0d23;
    --background-color-ds-button-negative-medium: #ffc8c4;
    --background-color-ds-button-negative-medium-hover: #ffb0ab;
    --background-color-ds-button-negative-medium-active: #ffb0ab;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #ffe0dc;
    --background-color-ds-button-negative-low-active: #ffe0dc;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #b39502;
    --background-color-ds-button-warning-high-hover: #d2af02;
    --background-color-ds-button-warning-medium: #9c810129;
    --background-color-ds-button-warning-medium-hover: #9c81013d;
    --background-color-ds-button-warning-medium-active: #9c81013d;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #9c810129;
    --background-color-ds-button-warning-low-active: #9c810129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #6f2bfc;
    --background-color-ds-button-brand-high-hover: #5a0ad6;
    --background-color-ds-button-brand-medium: #6f2bfc1a;
    --background-color-ds-button-brand-medium-hover: #8364fe52;
    --background-color-ds-button-brand-medium-active: #8364fe52;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #8364fe29;
    --background-color-ds-button-brand-low-active: #8364fe29;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0064d0;
    --background-color-ds-button-info-high-hover: #4a96ff;
    --background-color-ds-button-info-medium: #017bfd29;
    --background-color-ds-button-info-medium-hover: #017bfd52;
    --background-color-ds-button-info-medium-active: #017bfd52;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #017bfd29;
    --background-color-ds-button-info-low-active: #017bfd29;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #fff;
    --background-color-ds-button-inverted-high-hover: #ffffffe0;
    --background-color-ds-button-inverted-medium: #ffffff1a;
    --background-color-ds-button-inverted-medium-hover: #ffffff3d;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #ffffff29;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #fff;
    --background-color-ds-card-disabled: #eee;
    --background-color-ds-card-selected: #f7f7f7;
    --background-color-ds-card-hover: #f7f7f7;
    --background-color-ds-card-selected-hover: #eee;
    --background-color-ds-card-background: #fff;
    --background-color-ds-card-background-hover: #f7f7f7;
    --background-color-ds-checkbox-unchecked: #ddd;
    --background-color-ds-checkbox-unchecked-hover: #fff0;
    --background-color-ds-checkbox-checked: #1a1b22;
    --background-color-ds-checkbox-checked-hover: #0e0e0e;
    --background-color-ds-checkbox-unchecked-negative: #fff0;
    --background-color-ds-checkbox-unchecked-negative-hover: #fff0;
    --background-color-ds-checkbox-checked-negative: #1a1b22;
    --background-color-ds-checkbox-checked-negative-hover: #1a1b22;
    --background-color-ds-checkboxgroup-error: #fb414a14;
    --background-color-ds-circle-primary-low: #6d6d6d1f;
    --background-color-ds-circle-neutral-low: #6d6d6d1f;
    --background-color-ds-circle-negative-low: #fb414a29;
    --background-color-ds-circle-warning-low: #9c81013d;
    --background-color-ds-circle-positive-low: #049c4e29;
    --background-color-ds-circle-info-low: #017bfd29;
    --background-color-ds-circle-primary-high: #0e0e0e;
    --background-color-ds-circle-neutral-high: #fff;
    --background-color-ds-circle-negative-high: #d6162f;
    --background-color-ds-circle-warning-high: #d2af02;
    --background-color-ds-circle-positive-high: #049c4e;
    --background-color-ds-circle-info-high: #0064d0;
    --background-color-ds-container: #fff;
    --background-color-ds-container-glass: #ffffff14;
    --background-color-ds-datepicker: #fff;
    --background-color-ds-datepicker-raised: #ffffff1a;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #000;
    --background-color-ds-datepicker-selected-day-range: #8364fe29;
    --background-color-ds-dialog: #fff;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #eee;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #fb414a;
    --background-color-ds-base-drawer: #fff;
    --background-color-ds-dropdown-button: #6d6d6d14;
    --background-color-ds-dropdown-button-hover: #6d6d6d1f;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8214;
    --background-color-ds-filteritem-active: #686b821f;
    --background-color-ds-full-screen-dialog: #fff;
    --background-color-ds-input: #fff;
    --background-color-ds-input-border: #e5e5e5;
    --background-color-ds-input-border-error: #fb414a;
    --background-color-ds-input-border-error-focused: #d6162f;
    --background-color-ds-input-border-focused: #c6c6c6;
    --background-color-ds-input-content-icon: #6d6d6d;
    --background-color-ds-input-content-input-text: #1b1b1b;
    --background-color-ds-input-content-label: #6d6d6d;
    --background-color-ds-input-error: #fff;
    --background-color-ds-input-error-focused: #fff;
    --background-color-ds-input-focused: #fff;
    --background-color-ds-input-hover: #f7f7f7;
    --background-color-ds-input-selected: #fff;
    --background-color-ds-input-error-label: #fb414a14;
    --background-color-ds-input-background: #00000008;
    --background-color-ds-input-background-hover: #fffc;
    --background-color-ds-input-background-selected: #fffc;
    --background-color-ds-inputerror-label: #fb414a14;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #eee;
    --background-color-ds-legend-item-dimmed: #959595;
    --background-color-ds-list-hover: #f7f7f7;
    --background-color-ds-menu: #ffffff1a;
    --background-color-ds-menu-raised: #ffffff1a;
    --background-color-ds-menu-hover: #6d6d6d0a;
    --background-color-ds-menu-pressed: #686b8214;
    --background-color-ds-menu-active: #6d6d6d14;
    --background-color-ds-menu-active-hover: #6d6d6d14;
    --background-color-ds-notification-primary: #0e0e0e;
    --background-color-ds-notification-neutral: #fff;
    --background-color-ds-notification-negative: #fff;
    --background-color-ds-notification-warning: #fff;
    --background-color-ds-notification-positive: #fff;
    --background-color-ds-notification-info: #fff;
    --background-color-ds-notification-primary-hover: #8364fe29;
    --background-color-ds-notification-neutral-hover: #6d6d6d29;
    --background-color-ds-notification-negative-hover: #fb414a29;
    --background-color-ds-notification-warning-hover: #9c810129;
    --background-color-ds-notification-positive-hover: #049c4e29;
    --background-color-ds-notification-info-hover: #017bfd29;
    --background-color-ds-pagination: #686b8214;
    --background-color-ds-pill: #0e0e0e;
    --background-color-ds-pill-primary: #0e0e0e;
    --background-color-ds-pill-neutral: #fff;
    --background-color-ds-popover: #ffffff1a;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-in-progress: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-info: #0092d829;
    --background-color-ds-progresstracker-warning: #c3962129;
    --background-color-ds-progresstracker-finished: #149e6129;
    --background-color-ds-radio-unchecked: #fff0;
    --background-color-ds-radio-unchecked-hover: #fff0;
    --background-color-ds-radio-checked: #0e0e0e;
    --background-color-ds-radio-checked-hover: #0e0e0e;
    --background-color-ds-radio-unchecked-negative: #fff0;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #1a1b22;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #855bfb;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b8266;
    --background-color-ds-scrollbar-thumb-hover: #686b823d;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #fff;
    --background-color-ds-segmented-control-inactive-high: #fff0;
    --background-color-ds-segmented-control-active-primary: #0e0e0e;
    --background-color-ds-segmented-control-active-positive: #049c4e3d;
    --background-color-ds-segmented-control-active-negative: #fb414a3d;
    --background-color-ds-segmented-control-active-primary-low: #fff0;
    --background-color-ds-segmented-control-active-positive-low: #049c4e3d;
    --background-color-ds-segmented-control-active-negative-low: #fb414a3d;
    --background-color-ds-selectable-card: #fff;
    --background-color-ds-selectable-card-selected: #f7f7f7;
    --background-color-ds-selectable-card-hover: #f7f7f7;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b821f;
    --background-color-ds-consumerpagination: #6d6d6d3d;
    --background-color-ds-consumerpagination-active: #1b1b1b;
    --background-color-ds-consumerpagination-hover: #ffffff52;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #6d6d6d3d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #0e0e0e;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #e5e6ec;
    --background-color-ds-tabs: #fff0;
    --background-color-ds-tabs-hover: #fff0;
    --background-color-ds-tabs-active: #fff0;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #fff;
    --background-color-ds-table-cell-sticky: #fff;
    --background-color-ds-table-cell-sticky-container: #fff;
    --background-color-ds-table-cell-sticky-dialog: #fff;
    --background-color-ds-table-cell-sticky-dialog-container: #fff;
    --background-color-ds-table-cell-sticky-container-card: #f7f7f8;
    --background-color-ds-table-cell-sticky-container-card-hover: #f1f1f3;
    --background-color-ds-table-cell-sticky-container-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #f9f9fa;
    --background-color-ds-table-header-cell-resize: #6f2bfc;
    --background-color-ds-table-header-cell-sticky: #fff;
    --background-color-ds-table-row-group: #686b820a;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b820a;
    --background-color-ds-table-row-hover: #6d6d6d0a;
    --background-color-ds-table-row: #fff;
    --background-color-ds-toggle-handle-on: #fff;
    --background-color-ds-toggle-handle-off: #fff;
    --background-color-ds-toggle-track-on: #1a1b22;
    --background-color-ds-toggle-track-off: #e5e5e5;
    --background-color-ds-tooltip: #0e0e0e;
    --text-color-ds-accordion-primary: #6d6d6d;
    --text-color-ds-accordion-disabled: #484b5e;
    --text-color-ds-accordion-hover: #4c4c4c;
    --text-color-ds-badge-primary: #4c4c4c;
    --text-color-ds-badge-neutral: #6d6d6d;
    --text-color-ds-badge-positive: #037f3f;
    --text-color-ds-badge-negative: #d6162f;
    --text-color-ds-badge-warning: #504100;
    --text-color-ds-badge-high: #fff;
    --text-color-ds-asseticon-neutral: #fff;
    --text-color-ds-asseticon-inverted: #000;
    --text-color-ds-badge-high-inverse: #fff;
    --text-color-ds-badge-info: #003e87;
    --text-color-ds-badge-new: #4c4c4c;
    --text-color-ds-brand-brand: #7132f5;
    --text-color-ds-brand-neutral: #000;
    --text-color-ds-brand-inverted: #fff;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #6d6d6d;
    --text-color-ds-breadcrumbs-hover: #4c4c4c;
    --text-color-ds-breadcrumbs-selected: #4c4c4c;
    --text-color-ds-button-primary-high: #fff;
    --text-color-ds-button-primary-medium: #1b1b1b;
    --text-color-ds-button-primary-medium-hover: #1b1b1b;
    --text-color-ds-button-primary-low: #1b1b1b;
    --text-color-ds-button-primary-low-hover: #1b1b1b;
    --text-color-ds-button-primary-none: #1b1b1b;
    --text-color-ds-button-primary-none-hover: #1b1b1b;
    --text-color-ds-button-neutral-high: #1b1b1b;
    --text-color-ds-button-neutral-medium: #1b1b1b;
    --text-color-ds-button-neutral-medium-hover: #1b1b1b;
    --text-color-ds-button-neutral-low: #1b1b1b;
    --text-color-ds-button-neutral-low-hover: #1b1b1b;
    --text-color-ds-button-neutral-none: #4c4c4c;
    --text-color-ds-button-neutral-none-hover: #1b1b1b;
    --text-color-ds-button-positive-high: #fff;
    --text-color-ds-button-positive-medium: #037f3f;
    --text-color-ds-button-positive-medium-hover: #037f3f;
    --text-color-ds-button-positive-low: #037f3f;
    --text-color-ds-button-positive-low-hover: #015025;
    --text-color-ds-button-positive-none: #037f3f;
    --text-color-ds-button-positive-none-hover: #026631;
    --text-color-ds-button-negative-high: #fff;
    --text-color-ds-button-negative-medium: #d6162f;
    --text-color-ds-button-negative-medium-hover: #d6162f;
    --text-color-ds-button-negative-low: #d6162f;
    --text-color-ds-button-negative-low-hover: #d6162f;
    --text-color-ds-button-negative-none: #d6162f;
    --text-color-ds-button-negative-none-hover: #ac0d23;
    --text-color-ds-button-warning-high: #2d2400;
    --text-color-ds-button-warning-medium: #7f6901;
    --text-color-ds-button-warning-medium-hover: #7f6901;
    --text-color-ds-button-warning-low: #7f6901;
    --text-color-ds-button-warning-low-hover: #7f6901;
    --text-color-ds-button-warning-none: #7f6901;
    --text-color-ds-button-warning-none-hover: #b39502;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #6f2bfc;
    --text-color-ds-button-brand-medium-hover: #6f2bfc;
    --text-color-ds-button-brand-low: #6f2bfc;
    --text-color-ds-button-brand-low-hover: #270267;
    --text-color-ds-button-brand-none: #6f2bfc;
    --text-color-ds-button-brand-none-hover: #270267;
    --text-color-ds-button-info-high: #fff;
    --text-color-ds-button-info-medium: #0064d0;
    --text-color-ds-button-info-medium-hover: #0064d0;
    --text-color-ds-button-info-low: #0064d0;
    --text-color-ds-button-info-low-hover: #0064d0;
    --text-color-ds-button-info-none: #0064d0;
    --text-color-ds-button-info-none-hover: #4a96ff;
    --text-color-ds-button-inverted-high: #0e0e0e;
    --text-color-ds-button-inverted-medium: #fff;
    --text-color-ds-button-inverted-medium-hover: #fff;
    --text-color-ds-button-inverted-low: #fff;
    --text-color-ds-button-inverted-low-hover: #fff;
    --text-color-ds-button-inverted-none: #fff;
    --text-color-ds-button-inverted-none-hover: #fff;
    --text-color-ds-button-neutral-high-icon: #1b1b1b;
    --text-color-ds-checkbox-primary: #4c4c4c;
    --text-color-ds-checkbox-description: #6d6d6d;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #4c4c4c;
    --text-color-ds-checkboxgroup-description: #6d6d6d;
    --text-color-ds-checkboxgroup-error: #ac0d23;
    --text-color-ds-circle-primary-low: #4c4c4c;
    --text-color-ds-circle-neutral-low: #4c4c4c;
    --text-color-ds-circle-positive-low: #026631;
    --text-color-ds-circle-warning-low: #504100;
    --text-color-ds-circle-negative-low: #d6162f;
    --text-color-ds-circle-info-low: #0050a9;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #0e0e0e;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #0e0e0e;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #0e0e0e;
    --text-color-ds-circle-border-neutral-high: #fff;
    --text-color-ds-circle-border-positive-high: #049c4e;
    --text-color-ds-circle-border-warning-high: #d2af02;
    --text-color-ds-circle-border-negative-high: #d6162f;
    --text-color-ds-circle-border-info-high: #0064d0;
    --text-color-ds-datepicker: #1a1b22;
    --text-color-ds-datepicker-weekday: #353746;
    --text-color-ds-datepicker-today: #353746;
    --text-color-ds-datepicker-disabled: #9497a9;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #6d6d6d;
    --text-color-ds-dropdown-button-content-placeholder-hover: #4c4c4c;
    --text-color-ds-dropdown-button-content-text: #4c4c4c;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #484b5e;
    --text-color-ds-filteritem-active: #101114;
    --text-color-ds-input: #1b1b1b;
    --text-color-ds-input-icon: #6d6d6d;
    --text-color-ds-input-label: #6d6d6d;
    --text-color-ds-input-error-label: #ac0d23;
    --text-color-ds-inputerror-label: #ac0d23;
    --text-color-ds-label-value: #0000000a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #6d6d6d;
    --text-color-ds-menu: #6d6d6d;
    --text-color-ds-menu-active: #6f2bfc;
    --text-color-ds-notification-primary: #fff;
    --text-color-ds-notification-neutral: #1b1b1b;
    --text-color-ds-notification-negative: #1b1b1b;
    --text-color-ds-notification-warning: #1b1b1b;
    --text-color-ds-notification-positive: #1b1b1b;
    --text-color-ds-notification-info: #1b1b1b;
    --text-color-ds-notification-subtitle-primary: #ffffffb3;
    --text-color-ds-notification-subtitle-neutral: #6d6d6d;
    --text-color-ds-notification-subtitle-negative: #6d6d6d;
    --text-color-ds-notification-subtitle-warning: #6d6d6d;
    --text-color-ds-notification-subtitle-positive: #6d6d6d;
    --text-color-ds-notification-subtitle-info: #6d6d6d;
    --text-color-ds-pill: #1b1b1b;
    --text-color-ds-pill-primary: #1b1b1b;
    --text-color-ds-pill-neutral: #6d6d6d;
    --text-color-ds-radio-primary: #4c4c4c;
    --text-color-ds-radio-disabled: #c6c7d2;
    --text-color-ds-radio-description: #6d6d6d;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #101114;
    --text-color-ds-radiogroup-description: #484b5e;
    --text-color-ds-radiogroup-error: #d11d45;
    --text-color-ds-segmented-control-inactive: #6d6d6d;
    --text-color-ds-segmented-control-inactive-hover: #4c4c4c;
    --text-color-ds-segmented-control-active-primary: #fff;
    --text-color-ds-segmented-control-active-positive: #037f3f;
    --text-color-ds-segmented-control-active-negative: #d6162f;
    --text-color-ds-segmented-control-active-primary-low: #4c4c4c;
    --text-color-ds-segmented-control-active-positive-low: #037f3f;
    --text-color-ds-segmented-control-active-negative-low: #d6162f;
    --text-color-ds-segmented-control-underline-rail: #eee;
    --text-color-ds-segmented-control-underline-active-primary: #0e0e0e;
    --text-color-ds-segmented-control-underline-active-positive: #049c4e3d;
    --text-color-ds-segmented-control-underline-active-negative: #fb414a3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #101114;
    --text-color-ds-spinner-neutral: #484b5e;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #08844f;
    --text-color-ds-spinner-negative: #d11d45;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #000;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #fff;
    --text-color-ds-stacked-asset-icons: #101114;
    --text-color-ds-tabs: #6d6d6d;
    --text-color-ds-tabs-active: #1b1b1b;
    --text-color-ds-tabs-on-background: #6d6d6d;
    --text-color-ds-tabs-on-background-active: #1b1b1b;
    --text-color-ds-text-duo-primary-main: #4c4c4c;
    --text-color-ds-text-duo-primary-duo: #6d6d6d;
    --text-color-ds-text-duo-neutral-main: #6d6d6d;
    --text-color-ds-text-duo-neutral-duo: #959595;
    --text-color-ds-text-duo-positive-main: #037f3f;
    --text-color-ds-text-duo-positive-duo: #037f3f;
    --text-color-ds-text-duo-negative-main: #d6162f;
    --text-color-ds-text-duo-negative-duo: #d6162f;
    --text-color-ds-tooltip-text: #fff;
    --text-color-ds-tooltip-title: #4c4c4c;
    --border-color-ds-asset-conversion-icons-primary: #4c4c4c;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #0e0e0e;
    --border-color-ds-badge-neutral-low: #c6c6c6;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #eee;
    --border-color-ds-card-selected: #1b1b1b;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #6f2bfc;
    --border-color-ds-datepicker: #6d6d6d14;
    --border-color-ds-base-drawer: #fff;
    --border-color-ds-input-focused: #c6c6c6;
    --border-color-ds-input-error: #fb414a;
    --border-color-ds-input-error-focused: #d6162f;
    --border-color-ds-legend-item-dimmed: #959595;
    --border-color-ds-menu: #6d6d6d14;
    --border-color-ds-menu-divider: #eee;
    --border-color-ds-popover: #6d6d6d14;
    --border-color-ds-radio-primary-focus: #6f2bfc;
    --border-color-ds-selectable-card-selected: #1b1b1b;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header: #686b821f;
    --border-color-ds-table-header-cell-hover: #6f2bfc;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b823d;
    --stroke-ds-dropdown-button-content-icon: #6d6d6d;
    --stroke-ds-dropdown-button-content-icon-hover: #4c4c4c;
    --stroke-ds-icon-primary: #4c4c4c;
    --stroke-ds-icon-neutral: #6d6d6d;
    --stroke-ds-icon-strong: #1b1b1b;
    --stroke-ds-icon-dimmed: #959595;
    --stroke-ds-icon-positive: #037f3f;
    --stroke-ds-icon-warning: #665401;
    --stroke-ds-icon-negative: #d6162f;
    --stroke-ds-icon-info: #0050a9;
    --stroke-ds-icon-brand: #6f2bfc;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #6d6d6d14;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #6d6d6d1f;
    --ring-color-ds-circle-neutral-low: #6d6d6d1f;
    --ring-color-ds-circle-negative-low: #fb414a29;
    --ring-color-ds-circle-warning-low: #9c81013d;
    --ring-color-ds-circle-positive-low: #049c4e29;
    --ring-color-ds-circle-info-low: #017bfd29;
    --ring-color-ds-circle-primary-high: #0e0e0e;
    --ring-color-ds-circle-neutral-high: #fff;
    --ring-color-ds-circle-negative-high: #d6162f;
    --ring-color-ds-circle-warning-high: #d2af02;
    --ring-color-ds-circle-positive-high: #049c4e;
    --ring-color-ds-circle-info-high: #0064d0;
    --fill-ds-brand-brand: #7132f5;
    --fill-ds-brand-neutral: #000;
    --fill-ds-brand-inverted: #fff;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #4c4c4c;
    --fill-ds-icon-neutral: #6d6d6d;
    --fill-ds-icon-strong: #1b1b1b;
    --fill-ds-icon-dimmed: #959595;
    --fill-ds-icon-positive: #037f3f;
    --fill-ds-icon-warning: #665401;
    --fill-ds-icon-negative: #d6162f;
    --fill-ds-icon-info: #0050a9;
    --fill-ds-icon-brand: #6f2bfc;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #ffffff1a;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #fff, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #fff;
    --placeholder-color-ds-input: #6d6d6d;
    --caret-color-ds-input: inherit;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #6f2bfc;
    --opacity-ds-table-cell-dimmed: .4;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8252
}

.trade-light-theme {
    --colors-ds-semantic-action-primary-background: #7132f5;
    --colors-ds-semantic-action-primary-background-hover: #5b1ecf;
    --colors-ds-semantic-action-primary-foreground: #fff;
    --colors-ds-semantic-action-secondary-background: #686b8214;
    --colors-ds-semantic-action-secondary-background-hover: #686b821f;
    --colors-ds-semantic-action-secondary-border: #fff0;
    --colors-ds-semantic-action-secondary-foreground: #484b5e;
    --colors-ds-semantic-border-default: #686b8229;
    --colors-ds-semantic-border-negative: #d11d45;
    --colors-ds-semantic-border-positive: #08844f;
    --colors-ds-semantic-border-strong: #686b82;
    --colors-ds-semantic-border-subtle: #686b8229;
    --colors-ds-semantic-content-brand: #7132f5;
    --colors-ds-semantic-content-dimmed: #9497a9;
    --colors-ds-semantic-content-disabled: #fff6;
    --colors-ds-semantic-content-info: #0079b4;
    --colors-ds-semantic-content-inverse: #f1efff;
    --colors-ds-semantic-content-negative: #d11d45;
    --colors-ds-semantic-content-neutral: #686b82;
    --colors-ds-semantic-content-positive: #149e61;
    --colors-ds-semantic-content-primary: #101114;
    --colors-ds-semantic-content-warning: #c39621;
    --colors-ds-semantic-focus-ring: var(--colors-ds-semantic-content-brand, #7132f5);
    --colors-ds-semantic-focus-ring-inverse: #fff;
    --colors-ds-semantic-overlay-scrim: #0006;
    --colors-ds-semantic-status-brand-content: #37187d;
    --colors-ds-semantic-status-brand-content-strong: #2b1463;
    --colors-ds-semantic-status-brand-on-solid: #fff;
    --colors-ds-semantic-status-brand-on-subtle: #7132f5;
    --colors-ds-semantic-status-brand-solid: #7132f5;
    --colors-ds-semantic-status-brand-subtle: #855bfb29;
    --colors-ds-semantic-status-info-content: #003c5c;
    --colors-ds-semantic-status-info-content-strong: #002940;
    --colors-ds-semantic-status-info-on-solid: #fff;
    --colors-ds-semantic-status-info-on-subtle: #006394;
    --colors-ds-semantic-status-info-solid: #0079b4;
    --colors-ds-semantic-status-info-subtle: #0092d829;
    --colors-ds-semantic-status-negative-content: #5f0018;
    --colors-ds-semantic-status-negative-content-strong: #3c000c;
    --colors-ds-semantic-status-negative-on-solid: #fff;
    --colors-ds-semantic-status-negative-on-subtle: #d11d45;
    --colors-ds-semantic-status-negative-solid: #d11d45;
    --colors-ds-semantic-status-negative-subtle: #f5395e29;
    --colors-ds-semantic-status-neutral-content: #1a1b22;
    --colors-ds-semantic-status-neutral-content-strong: #101114;
    --colors-ds-semantic-status-neutral-on-solid: #fff;
    --colors-ds-semantic-status-neutral-on-subtle: #484b5e;
    --colors-ds-semantic-status-neutral-solid: #9497a9;
    --colors-ds-semantic-status-neutral-subtle: #686b821f;
    --colors-ds-semantic-status-positive-content: #004224;
    --colors-ds-semantic-status-positive-content-strong: #002d17;
    --colors-ds-semantic-status-positive-on-solid: #fff;
    --colors-ds-semantic-status-positive-on-subtle: #026b3f;
    --colors-ds-semantic-status-positive-solid: #149e61;
    --colors-ds-semantic-status-positive-subtle: #149e6129;
    --colors-ds-semantic-status-warning-content: #553c00;
    --colors-ds-semantic-status-warning-content-strong: #3b2a00;
    --colors-ds-semantic-status-warning-on-solid: #101114;
    --colors-ds-semantic-status-warning-on-subtle: #553c00;
    --colors-ds-semantic-status-warning-solid: #ffcd60;
    --colors-ds-semantic-status-warning-subtle: #c396213d;
    --colors-ds-semantic-surface-canvas: #fff;
    --colors-ds-semantic-surface-hover: #686b821f;
    --colors-ds-semantic-surface-overlay: #fff;
    --colors-ds-semantic-surface-page: #f6f5f9;
    --colors-ds-semantic-surface-raised: #fff;
    --colors-ds-semantic-surface-selected: #855bfb14;
    --colors-ds-semantic-surface-sunken: #9497a914;
    --colors-ds-primary: #101114;
    --colors-ds-neutral: #686b82;
    --colors-ds-dimmed: #9497a9;
    --colors-ds-positive: #149e61;
    --colors-ds-negative: #d11d45;
    --colors-ds-warning: #c39621;
    --colors-ds-brand: #7132f5;
    --colors-ds-info: #0079b4;
    --colors-ds-inverted: #f1efff;
    --colors-ds-disabled: #c6c7d2;
    --colors-ds-strong: #1a1b22;
    --colors-ds-subtle: #c6c7d2;
    --colors-ds-divider: #686b823d;
    --colors-ds-textlink-hover-primary: #686b82;
    --colors-ds-textlink-hover-brand: #471ca0;
    --colors-ds-textlink-hover-neutral: #101114;
    --colors-ds-textlink-hover-positive: #005531;
    --colors-ds-textlink-hover-negative: #840125;
    --colors-ds-textlink-hover-warning: #89640c;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #1018280a;
    --box-shadow-ds-2: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-3: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-4: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-5: 0px 20px 24px -4px #1018280f;
    --box-shadow-ds-6: 0px 24px 48px -12px #1018282e;
    --box-shadow-ds-7: 0px 32px 64px -12px #10182824;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #686b823d;
    --box-shadow-ds-banner: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-container: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 75px 0px #00000026;
    --box-shadow-ds-menu: 0px 4px 8px -2px #00000026;
    --box-shadow-ds-popover: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-segmented-control-active: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-toggle-on: 0 0 1px 1px #686b8214;
    --box-shadow-ds-toggle-off: 0 0 1px 1px #686b8214;
    --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866;
    --outline-color-ds-accordion: #7132f5;
    --outline-color-ds-button: #7132f5;
    --outline-color-ds-card-selected: #7132f5;
    --outline-color-ds-favourite-button: #7132f5;
    --outline-color-ds-input-error-focused: #f5395e;
    --outline-color-ds-input: #7132f5;
    --outline-color-ds-input-error: #f5395e;
    --outline-color-ds-legend-item-dimmed: #9497a9;
    --outline-color-ds-menu: #7132f5;
    --outline-color-ds-notification: #7132f5;
    --outline-color-ds-popover: #7132f5;
    --outline-color-ds-segmented-control: #7132f5;
    --outline-color-ds-selectable-card: #7132f5;
    --outline-color-ds-tabs: #7132f5;
    --outline-color-ds-table-header-cell: #7132f5;
    --outline-color-ds-textlink: #7132f5;
    --outline-color-ds-toggle: #7132f5;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #7132f5;
    --background-color-ds-badge-primary-low: #855bfb29;
    --background-color-ds-badge-neutral-high: #9497a9;
    --background-color-ds-badge-neutral-low: #686b821f;
    --background-color-ds-badge-positive-high: #149e61;
    --background-color-ds-badge-positive-low: #149e6129;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c396213d;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0079b4;
    --background-color-ds-badge-new-low: #855bfb29;
    --background-color-ds-badge-new-high: #7132f5;
    --background-color-ds-banner: #fff;
    --background-color-ds-button-primary-high: #7132f5;
    --background-color-ds-button-primary-high-hover: #5b1ecf;
    --background-color-ds-button-primary-medium: #e5e6ec;
    --background-color-ds-button-primary-medium-hover: #dedee5;
    --background-color-ds-button-primary-medium-active: #dedee5;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #686b8214;
    --background-color-ds-button-primary-low-active: #686b8214;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #fff;
    --background-color-ds-button-neutral-high-hover: #f7f7fa;
    --background-color-ds-button-neutral-medium: #e5e6ec;
    --background-color-ds-button-neutral-medium-hover: #dedee5;
    --background-color-ds-button-neutral-medium-active: #dedee5;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #686b8214;
    --background-color-ds-button-neutral-low-active: #686b8214;
    --background-color-ds-button-neutral-none: #0000;
    --background-color-ds-button-positive-high: #08844f;
    --background-color-ds-button-positive-high-hover: #026b3f;
    --background-color-ds-button-positive-medium: #149e6129;
    --background-color-ds-button-positive-medium-hover: #149e613d;
    --background-color-ds-button-positive-medium-active: #149e613d;
    --background-color-ds-button-positive-low: #0000;
    --background-color-ds-button-positive-low-hover: #149e6129;
    --background-color-ds-button-positive-low-active: #149e6129;
    --background-color-ds-button-positive-none: #0000;
    --background-color-ds-button-negative-high: #d11d45;
    --background-color-ds-button-negative-high-hover: #aa0132;
    --background-color-ds-button-negative-medium: #f5395e29;
    --background-color-ds-button-negative-medium-hover: #f5395e3d;
    --background-color-ds-button-negative-medium-active: #f5395e3d;
    --background-color-ds-button-negative-low: #0000;
    --background-color-ds-button-negative-low-hover: #f5395e29;
    --background-color-ds-button-negative-low-active: #f5395e29;
    --background-color-ds-button-negative-none: #0000;
    --background-color-ds-button-warning-high: #e8b100;
    --background-color-ds-button-warning-high-hover: #ffcd60;
    --background-color-ds-button-warning-medium: #c3962129;
    --background-color-ds-button-warning-medium-hover: #c396213d;
    --background-color-ds-button-warning-medium-active: #c396213d;
    --background-color-ds-button-warning-low: #0000;
    --background-color-ds-button-warning-low-hover: #c3962129;
    --background-color-ds-button-warning-low-active: #c3962129;
    --background-color-ds-button-warning-none: #0000;
    --background-color-ds-button-brand-high: #7132f5;
    --background-color-ds-button-brand-high-hover: #5b1ecf;
    --background-color-ds-button-brand-medium: #855bfb29;
    --background-color-ds-button-brand-medium-hover: #855bfb52;
    --background-color-ds-button-brand-medium-active: #855bfb52;
    --background-color-ds-button-brand-low: #0000;
    --background-color-ds-button-brand-low-hover: #855bfb29;
    --background-color-ds-button-brand-low-active: #855bfb29;
    --background-color-ds-button-brand-none: #0000;
    --background-color-ds-button-info-high: #0079b4;
    --background-color-ds-button-info-high-hover: #00adfe;
    --background-color-ds-button-info-medium: #0092d829;
    --background-color-ds-button-info-medium-hover: #0092d852;
    --background-color-ds-button-info-medium-active: #0092d852;
    --background-color-ds-button-info-low: #0000;
    --background-color-ds-button-info-low-hover: #0092d829;
    --background-color-ds-button-info-low-active: #0092d829;
    --background-color-ds-button-info-none: #0000;
    --background-color-ds-button-inverted-high: #fff;
    --background-color-ds-button-inverted-high-hover: #ffffffe0;
    --background-color-ds-button-inverted-medium: #ffffff29;
    --background-color-ds-button-inverted-medium-hover: #ffffff3d;
    --background-color-ds-button-inverted-low: #0000;
    --background-color-ds-button-inverted-low-hover: #ffffff29;
    --background-color-ds-button-inverted-none: #0000;
    --background-color-ds-calendar-cell: #686b8214;
    --background-color-ds-calendar-cell-hover: #686b8229;
    --background-color-ds-calendar-cell-positive: #149e611f;
    --background-color-ds-calendar-cell-positive-hover: #149e613d;
    --background-color-ds-calendar-cell-negative: #f5395e14;
    --background-color-ds-calendar-cell-negative-hover: #f5395e29;
    --background-color-ds-card: #9497a914;
    --background-color-ds-card-disabled: #686b8214;
    --background-color-ds-card-selected: #855bfb14;
    --background-color-ds-card-hover: #9497a91f;
    --background-color-ds-card-selected-hover: #686b821f;
    --background-color-ds-card-background: #fff;
    --background-color-ds-card-background-hover: #ffffffb8;
    --background-color-ds-checkbox-unchecked: #686b8252;
    --background-color-ds-checkbox-unchecked-hover: #686b8266;
    --background-color-ds-checkbox-checked: #7132f5;
    --background-color-ds-checkbox-checked-hover: #5b1ecf;
    --background-color-ds-checkbox-unchecked-negative: #f5395e7a;
    --background-color-ds-checkbox-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-checkbox-checked-negative: #d11d45;
    --background-color-ds-checkbox-checked-negative-hover: #d11d45;
    --background-color-ds-checkboxgroup-error: #f5395e14;
    --background-color-ds-circle-primary-low: #855bfb29;
    --background-color-ds-circle-neutral-low: #686b821f;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c396213d;
    --background-color-ds-circle-positive-low: #149e6129;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #7132f5;
    --background-color-ds-circle-neutral-high: #9497a9;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #149e61;
    --background-color-ds-circle-info-high: #0079b4;
    --background-color-ds-container: #fff;
    --background-color-ds-container-glass: #ffffff14;
    --background-color-ds-datepicker: #fff;
    --background-color-ds-datepicker-raised: #fff;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #7132f5;
    --background-color-ds-datepicker-selected-day-range: #855bfb29;
    --background-color-ds-dialog: #fff;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #686b823d;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: #fff;
    --background-color-ds-dropdown-button: #686b8214;
    --background-color-ds-dropdown-button-hover: #686b821f;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8214;
    --background-color-ds-filteritem-active: #686b821f;
    --background-color-ds-full-screen-dialog: #fff;
    --background-color-ds-input: #686b8214;
    --background-color-ds-input-border: #fff0;
    --background-color-ds-input-border-error: #f5395e;
    --background-color-ds-input-border-error-focused: #f5395e;
    --background-color-ds-input-border-focused: #7132f5;
    --background-color-ds-input-content-icon: #9497a9;
    --background-color-ds-input-content-input-text: #101114;
    --background-color-ds-input-content-label: #686b82;
    --background-color-ds-input-error: #686b8214;
    --background-color-ds-input-error-focused: #686b821f;
    --background-color-ds-input-focused: #686b820a;
    --background-color-ds-input-hover: #686b821f;
    --background-color-ds-input-selected: #686b820a;
    --background-color-ds-input-error-label: #f5395e14;
    --background-color-ds-input-background: #fff;
    --background-color-ds-input-background-hover: #fffc;
    --background-color-ds-input-background-selected: #fffc;
    --background-color-ds-inputerror-label: #f5395e14;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #eeeff3;
    --background-color-ds-legend-item-dimmed: #9497a9;
    --background-color-ds-list-hover: #9497a91f;
    --background-color-ds-menu: #fff;
    --background-color-ds-menu-raised: #fff;
    --background-color-ds-menu-hover: #686b820a;
    --background-color-ds-menu-pressed: #686b8214;
    --background-color-ds-menu-active: #686b8214;
    --background-color-ds-menu-active-hover: #686b8214;
    --background-color-ds-notification-primary: #855bfb14;
    --background-color-ds-notification-neutral: #686b8214;
    --background-color-ds-notification-negative: #f5395e14;
    --background-color-ds-notification-warning: #c3962114;
    --background-color-ds-notification-positive: #149e6114;
    --background-color-ds-notification-info: #0092d814;
    --background-color-ds-notification-primary-hover: #855bfb29;
    --background-color-ds-notification-neutral-hover: #686b8229;
    --background-color-ds-notification-negative-hover: #f5395e29;
    --background-color-ds-notification-warning-hover: #c3962129;
    --background-color-ds-notification-positive-hover: #149e6129;
    --background-color-ds-notification-info-hover: #0092d829;
    --background-color-ds-pagination: #686b8214;
    --background-color-ds-pill: #855bfb29;
    --background-color-ds-pill-primary: #855bfb29;
    --background-color-ds-pill-neutral: #855bfb29;
    --background-color-ds-popover: #fff;
    --background-color-ds-progressbar-track: #686b823d;
    --background-color-ds-progressbar-fill: #9497a9;
    --background-color-ds-progressbar-primary: #855bfb;
    --background-color-ds-progressbar-positive-indicator: #23ba75;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-in-progress: #855bfb;
    --background-color-ds-progresstracker-waiting: #686b8229;
    --background-color-ds-progresstracker-info: #0092d829;
    --background-color-ds-progresstracker-warning: #c3962129;
    --background-color-ds-progresstracker-finished: #149e6129;
    --background-color-ds-radio-unchecked: #686b8252;
    --background-color-ds-radio-unchecked-hover: #686b8266;
    --background-color-ds-radio-checked: #7132f5;
    --background-color-ds-radio-checked-hover: #5b1ecf;
    --background-color-ds-radio-unchecked-negative: #f5395e7a;
    --background-color-ds-radio-unchecked-negative-hover: #f5395e7a;
    --background-color-ds-radio-checked-negative: #d11d45;
    --background-color-ds-radio-checked-negative-hover: #f5395e;
    --background-color-ds-radio-unchecked-disabled: #686b8252;
    --background-color-ds-radio-checked-disabled: #855bfb;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b8266;
    --background-color-ds-scrollbar-thumb-hover: #686b823d;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #fff;
    --background-color-ds-segmented-control-inactive-high: #686b821f;
    --background-color-ds-segmented-control-active-primary: #fff;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #686b821f;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #9497a914;
    --background-color-ds-selectable-card-selected: #855bfb14;
    --background-color-ds-selectable-card-hover: #9497a91f;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b821f;
    --background-color-ds-consumerpagination: #686b823d;
    --background-color-ds-consumerpagination-active: #686b82b8;
    --background-color-ds-consumerpagination-hover: #ffffff52;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #686b823d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #686b82;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-value-track-positive: #35df8d;
    --background-color-ds-slider-value-track-positive-disabled: #149e6166;
    --background-color-ds-slider-value-track-negative: #ff7386;
    --background-color-ds-slider-value-track-negative-disabled: #f5395e66;
    --background-color-ds-slider-value-track-primary: #9d82fe;
    --background-color-ds-slider-value-track-primary-disabled: #855bfb66;
    --background-color-ds-slider-thumb: #fff;
    --background-color-ds-slider-thumb-disabled: #fff6;
    --background-color-ds-stacked-asset-icons: #e5e6ec;
    --background-color-ds-tabs: #686b820a;
    --background-color-ds-tabs-hover: #686b8214;
    --background-color-ds-tabs-active: #686b821f;
    --background-color-ds-tabs-on-background: #0000;
    --background-color-ds-tabs-on-background-active: #fff;
    --background-color-ds-table-cell-sticky: #fff;
    --background-color-ds-table-cell-sticky-container: #fff;
    --background-color-ds-table-cell-sticky-dialog: #fff;
    --background-color-ds-table-cell-sticky-dialog-container: #fff;
    --background-color-ds-table-cell-sticky-container-card: #f7f7f8;
    --background-color-ds-table-cell-sticky-container-card-hover: #f1f1f3;
    --background-color-ds-table-cell-sticky-container-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #f9f9fa;
    --background-color-ds-table-header-cell-resize: #7132f5;
    --background-color-ds-table-header-cell-sticky: #fff;
    --background-color-ds-table-row-group: #686b820a;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b820a;
    --background-color-ds-table-row-hover: #686b820a;
    --background-color-ds-table-row: #fff;
    --background-color-ds-toggle-handle-on: #fff;
    --background-color-ds-toggle-handle-off: #fff;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #686b8252;
    --background-color-ds-tooltip: #eeeff3;
    --text-color-ds-accordion-primary: #686b82;
    --text-color-ds-accordion-disabled: #484b5e;
    --text-color-ds-accordion-hover: #101114;
    --text-color-ds-badge-primary: #7132f5;
    --text-color-ds-badge-neutral: #484b5e;
    --text-color-ds-badge-positive: #026b3f;
    --text-color-ds-badge-negative: #d11d45;
    --text-color-ds-badge-warning: #553c00;
    --text-color-ds-badge-high: #fff;
    --text-color-ds-asseticon-neutral: #fff;
    --text-color-ds-asseticon-inverted: #000;
    --text-color-ds-badge-high-inverse: #101114;
    --text-color-ds-badge-info: #006394;
    --text-color-ds-badge-new: #7132f5;
    --text-color-ds-brand-brand: #7132f5;
    --text-color-ds-brand-neutral: #000;
    --text-color-ds-brand-inverted: #fff;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #686b82;
    --text-color-ds-breadcrumbs-hover: #101114;
    --text-color-ds-breadcrumbs-selected: #101114;
    --text-color-ds-button-primary-high: #f7f7fa;
    --text-color-ds-button-primary-medium: #101114;
    --text-color-ds-button-primary-medium-hover: #101114;
    --text-color-ds-button-primary-low: #101114;
    --text-color-ds-button-primary-low-hover: #101114;
    --text-color-ds-button-primary-none: #101114;
    --text-color-ds-button-primary-none-hover: #686b82;
    --text-color-ds-button-neutral-high: #101114;
    --text-color-ds-button-neutral-medium: #101114;
    --text-color-ds-button-neutral-medium-hover: #101114;
    --text-color-ds-button-neutral-low: #686b82;
    --text-color-ds-button-neutral-low-hover: #101114;
    --text-color-ds-button-neutral-none: #686b82;
    --text-color-ds-button-neutral-none-hover: #101114;
    --text-color-ds-button-positive-high: #fff;
    --text-color-ds-button-positive-medium: #149e61;
    --text-color-ds-button-positive-medium-hover: #149e61;
    --text-color-ds-button-positive-low: #149e61;
    --text-color-ds-button-positive-low-hover: #149e61;
    --text-color-ds-button-positive-none: #149e61;
    --text-color-ds-button-positive-none-hover: #35df8d;
    --text-color-ds-button-negative-high: #fff;
    --text-color-ds-button-negative-medium: #d11d45;
    --text-color-ds-button-negative-medium-hover: #d11d45;
    --text-color-ds-button-negative-low: #d11d45;
    --text-color-ds-button-negative-low-hover: #d11d45;
    --text-color-ds-button-negative-none: #d11d45;
    --text-color-ds-button-negative-none-hover: #ff7386;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #a67c1d;
    --text-color-ds-button-warning-medium-hover: #a67c1d;
    --text-color-ds-button-warning-low: #a67c1d;
    --text-color-ds-button-warning-low-hover: #a67c1d;
    --text-color-ds-button-warning-none: #a67c1d;
    --text-color-ds-button-warning-none-hover: #e8b100;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #37187d;
    --text-color-ds-button-brand-medium-hover: #37187d;
    --text-color-ds-button-brand-low: #37187d;
    --text-color-ds-button-brand-low-hover: #2b1463;
    --text-color-ds-button-brand-none: #37187d;
    --text-color-ds-button-brand-none-hover: #2b1463;
    --text-color-ds-button-info-high: #fff;
    --text-color-ds-button-info-medium: #0079b4;
    --text-color-ds-button-info-medium-hover: #0079b4;
    --text-color-ds-button-info-low: #0079b4;
    --text-color-ds-button-info-low-hover: #0079b4;
    --text-color-ds-button-info-none: #0079b4;
    --text-color-ds-button-info-none-hover: #00adfe;
    --text-color-ds-button-inverted-high: #7132f5;
    --text-color-ds-button-inverted-medium: #f1efff;
    --text-color-ds-button-inverted-medium-hover: #f1efff;
    --text-color-ds-button-inverted-low: #f1efff;
    --text-color-ds-button-inverted-low-hover: #f1efff;
    --text-color-ds-button-inverted-none: #f1efff;
    --text-color-ds-button-inverted-none-hover: #f1efff;
    --text-color-ds-button-neutral-high-icon: #101114;
    --text-color-ds-checkbox-primary: #101114;
    --text-color-ds-checkbox-description: #686b82;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #101114;
    --text-color-ds-checkboxgroup-description: #686b82;
    --text-color-ds-checkboxgroup-error: #d11d45;
    --text-color-ds-circle-primary-low: #7132f5;
    --text-color-ds-circle-neutral-low: #484b5e;
    --text-color-ds-circle-positive-low: #026b3f;
    --text-color-ds-circle-warning-low: #6f5000;
    --text-color-ds-circle-negative-low: #d11d45;
    --text-color-ds-circle-info-low: #006394;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-circle-border-primary-high: #7132f5;
    --text-color-ds-circle-border-neutral-high: #9497a9;
    --text-color-ds-circle-border-positive-high: #149e61;
    --text-color-ds-circle-border-warning-high: #ffcd60;
    --text-color-ds-circle-border-negative-high: #d11d45;
    --text-color-ds-circle-border-info-high: #0079b4;
    --text-color-ds-datepicker: #1a1b22;
    --text-color-ds-datepicker-weekday: #353746;
    --text-color-ds-datepicker-today: #353746;
    --text-color-ds-datepicker-disabled: #9497a9;
    --text-color-ds-datepicker-selected: #fff;
    --text-color-ds-dropdown-button-content-placeholder: #686b82;
    --text-color-ds-dropdown-button-content-placeholder-hover: #101114;
    --text-color-ds-dropdown-button-content-text: #101114;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #484b5e;
    --text-color-ds-filteritem-active: #101114;
    --text-color-ds-input: #101114;
    --text-color-ds-input-icon: #9497a9;
    --text-color-ds-input-label: #686b82;
    --text-color-ds-input-error-label: #d11d45;
    --text-color-ds-inputerror-label: #d11d45;
    --text-color-ds-label-value: #0000000a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #686b82;
    --text-color-ds-menu: #686b82;
    --text-color-ds-menu-active: #7132f5;
    --text-color-ds-notification-primary: #2b1463;
    --text-color-ds-notification-neutral: #101114;
    --text-color-ds-notification-negative: #3c000c;
    --text-color-ds-notification-warning: #3b2a00;
    --text-color-ds-notification-positive: #002d17;
    --text-color-ds-notification-info: #002940;
    --text-color-ds-notification-subtitle-primary: #37187d;
    --text-color-ds-notification-subtitle-neutral: #1a1b22;
    --text-color-ds-notification-subtitle-negative: #5f0018;
    --text-color-ds-notification-subtitle-warning: #553c00;
    --text-color-ds-notification-subtitle-positive: #004224;
    --text-color-ds-notification-subtitle-info: #003c5c;
    --text-color-ds-pill: #7132f5;
    --text-color-ds-pill-primary: #7132f5;
    --text-color-ds-pill-neutral: #7132f5;
    --text-color-ds-radio-primary: #101114;
    --text-color-ds-radio-disabled: #c6c7d2;
    --text-color-ds-radio-description: #686b82;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #101114;
    --text-color-ds-radiogroup-description: #484b5e;
    --text-color-ds-radiogroup-error: #d11d45;
    --text-color-ds-segmented-control-inactive: #686b82;
    --text-color-ds-segmented-control-inactive-hover: #101114;
    --text-color-ds-segmented-control-active-primary: #101114;
    --text-color-ds-segmented-control-active-positive: #149e61;
    --text-color-ds-segmented-control-active-negative: #d11d45;
    --text-color-ds-segmented-control-active-primary-low: #101114;
    --text-color-ds-segmented-control-active-positive-low: #149e61;
    --text-color-ds-segmented-control-active-negative-low: #d11d45;
    --text-color-ds-segmented-control-underline-rail: #fff0;
    --text-color-ds-segmented-control-underline-active-primary: #fff;
    --text-color-ds-segmented-control-underline-active-positive: #149e613d;
    --text-color-ds-segmented-control-underline-active-negative: #f5395e3d;
    --text-color-ds-sidebar: #686b82;
    --text-color-ds-sidebar-hover: #101114;
    --text-color-ds-sidebar-disabled: #c6c7d2;
    --text-color-ds-sidebar-active: #7132f5;
    --text-color-ds-sidebar-active-hover: #5b1ecf;
    --text-color-ds-spinner-primary: #101114;
    --text-color-ds-spinner-neutral: #484b5e;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #08844f;
    --text-color-ds-spinner-negative: #d11d45;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #000;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #fff;
    --text-color-ds-stacked-asset-icons: #101114;
    --text-color-ds-tabs: #686b82;
    --text-color-ds-tabs-active: #101114;
    --text-color-ds-tabs-on-background: #686b82;
    --text-color-ds-tabs-on-background-active: #101114;
    --text-color-ds-text-duo-primary-main: #101114;
    --text-color-ds-text-duo-primary-duo: #686b82;
    --text-color-ds-text-duo-neutral-main: #686b82;
    --text-color-ds-text-duo-neutral-duo: #9497a9;
    --text-color-ds-text-duo-positive-main: #149e61;
    --text-color-ds-text-duo-positive-duo: #149e61;
    --text-color-ds-text-duo-negative-main: #d11d45;
    --text-color-ds-text-duo-negative-duo: #d11d45;
    --text-color-ds-tooltip-text: #686b82;
    --text-color-ds-tooltip-title: #101114;
    --border-color-ds-asset-conversion-icons-primary: #101114;
    --border-color-ds-badge-primary-high: #fff0;
    --border-color-ds-badge-primary-low: #fff0;
    --border-color-ds-badge-neutral-high: #fff0;
    --border-color-ds-badge-neutral-low: #fff0;
    --border-color-ds-badge-positive-high: #fff0;
    --border-color-ds-badge-positive-low: #fff0;
    --border-color-ds-badge-negative-high: #fff0;
    --border-color-ds-badge-negative-low: #fff0;
    --border-color-ds-badge-warning-high: #fff0;
    --border-color-ds-badge-warning-low: #fff0;
    --border-color-ds-badge-info-high: #fff0;
    --border-color-ds-badge-info-low: #fff0;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #fff0;
    --border-color-ds-card-selected: #7132f5;
    --border-color-ds-card-disabled: #0000;
    --border-color-ds-checkbox-primary-focus: #7132f5;
    --border-color-ds-datepicker: #686b8214;
    --border-color-ds-base-drawer: #fff;
    --border-color-ds-input-focused: #7132f5;
    --border-color-ds-input-error: #f5395e;
    --border-color-ds-input-error-focused: #f5395e;
    --border-color-ds-legend-item-dimmed: #9497a9;
    --border-color-ds-menu: #686b8214;
    --border-color-ds-menu-divider: #686b823d;
    --border-color-ds-popover: #686b8214;
    --border-color-ds-radio-primary-focus: #7132f5;
    --border-color-ds-selectable-card-selected: #7132f5;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-tabs-row: #fff0;
    --border-color-ds-tabs-selected: #fff0;
    --border-color-ds-table-header: #686b821f;
    --border-color-ds-table-header-cell-hover: #7132f5;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b823d;
    --stroke-ds-dropdown-button-content-icon: #686b82;
    --stroke-ds-dropdown-button-content-icon-hover: #101114;
    --stroke-ds-icon-primary: #7132f5;
    --stroke-ds-icon-neutral: #686b82;
    --stroke-ds-icon-strong: #1a1b22;
    --stroke-ds-icon-dimmed: #9497a9;
    --stroke-ds-icon-positive: #149e61;
    --stroke-ds-icon-warning: #c39621;
    --stroke-ds-icon-negative: #d11d45;
    --stroke-ds-icon-info: #0079b4;
    --stroke-ds-icon-brand: #7132f5;
    --stroke-ds-icon-disabled: #c6c7d2;
    --stroke-ds-overlay-arrow: #686b8214;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --ring-color-ds-banner: #7132f5;
    --ring-color-ds-circle-primary-low: #855bfb29;
    --ring-color-ds-circle-neutral-low: #686b821f;
    --ring-color-ds-circle-negative-low: #f5395e29;
    --ring-color-ds-circle-warning-low: #c396213d;
    --ring-color-ds-circle-positive-low: #149e6129;
    --ring-color-ds-circle-info-low: #0092d829;
    --ring-color-ds-circle-primary-high: #7132f5;
    --ring-color-ds-circle-neutral-high: #9497a9;
    --ring-color-ds-circle-negative-high: #d11d45;
    --ring-color-ds-circle-warning-high: #ffcd60;
    --ring-color-ds-circle-positive-high: #149e61;
    --ring-color-ds-circle-info-high: #0079b4;
    --fill-ds-brand-brand: #7132f5;
    --fill-ds-brand-neutral: #000;
    --fill-ds-brand-inverted: #fff;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #7132f5;
    --fill-ds-icon-neutral: #686b82;
    --fill-ds-icon-strong: #1a1b22;
    --fill-ds-icon-dimmed: #9497a9;
    --fill-ds-icon-positive: #149e61;
    --fill-ds-icon-warning: #c39621;
    --fill-ds-icon-negative: #d11d45;
    --fill-ds-icon-info: #0079b4;
    --fill-ds-icon-brand: #7132f5;
    --fill-ds-icon-disabled: #c6c7d2;
    --fill-ds-overlay-arrow: #fff;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #fff, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #fff;
    --placeholder-color-ds-input: #686b82;
    --caret-color-ds-input: inherit;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-offset-color-ds-slider-focused: #7132f5;
    --opacity-ds-table-cell-dimmed: .4;
    --line-height-ds-table-header-cell-icon: 0px;
    --text-decoration-color-ds-text-dashed: #686b8252
}

:root,
.pro-text-theme {
    --fontFamily-ds-body1: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-body15: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-body2: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-body25: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-body3: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-body35: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-body4: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-bodyMono1: Kraken-Mono, "IBM Plex Mono", Helvetica, Arial, sans-serif;
    --fontFamily-ds-bodyMono2: Kraken-Mono, "IBM Plex Mono", Helvetica, Arial, sans-serif;
    --fontFamily-ds-bodyMono3: Kraken-Mono, "IBM Plex Mono", Helvetica, Arial, sans-serif;
    --fontFamily-ds-brand1: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-brand2: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-brand3: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-brand4: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-caption1: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-caption2: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-display1: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-display2: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-display3: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-display4: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-editorial1: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-editorial2: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-editorial3: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-editorial4: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-editorial5: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-heading1: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-heading2: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-heading3: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-heading4: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-heading5: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-heading6: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-heroNumber: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-label1: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-label15: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-label2: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-label25: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-label3: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-label35: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-labelMono1: Kraken-Mono, "IBM Plex Mono", Helvetica, Arial, sans-serif;
    --fontFamily-ds-labelMono2: Kraken-Mono, "IBM Plex Mono", Helvetica, Arial, sans-serif;
    --fontFamily-ds-labelMono3: Kraken-Mono, "IBM Plex Mono", Helvetica, Arial, sans-serif;
    --fontFamily-ds-value1: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-value15: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-value2: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-value25: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-value3: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-value35: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontSize-ds-body1: 1rem;
    --fontSize-ds-body15: 1rem;
    --fontSize-ds-body2: .875rem;
    --fontSize-ds-body25: .875rem;
    --fontSize-ds-body3: .75rem;
    --fontSize-ds-body35: .75rem;
    --fontSize-ds-body4: .625rem;
    --fontSize-ds-bodyMono1: 1rem;
    --fontSize-ds-bodyMono2: .875rem;
    --fontSize-ds-bodyMono3: .75rem;
    --fontSize-ds-brand1: 22.5rem;
    --fontSize-ds-brand2: 16.25rem;
    --fontSize-ds-brand3: 7.5rem;
    --fontSize-ds-brand4: 3.5rem;
    --fontSize-ds-caption1: .75rem;
    --fontSize-ds-caption2: .625rem;
    --fontSize-ds-display1: 5.5rem;
    --fontSize-ds-display2: 4.375rem;
    --fontSize-ds-display3: 3.625rem;
    --fontSize-ds-display4: 3rem;
    --fontSize-ds-editorial1: 2.25rem;
    --fontSize-ds-editorial2: 1.75rem;
    --fontSize-ds-editorial3: 1.5rem;
    --fontSize-ds-editorial4: 1.25rem;
    --fontSize-ds-editorial5: 1.125rem;
    --fontSize-ds-heading1: 2.25rem;
    --fontSize-ds-heading2: 1.75rem;
    --fontSize-ds-heading3: 1.5rem;
    --fontSize-ds-heading4: 1.25rem;
    --fontSize-ds-heading5: 1.125rem;
    --fontSize-ds-heading6: 1rem;
    --fontSize-ds-heroNumber: 2rem;
    --fontSize-ds-label1: 1rem;
    --fontSize-ds-label15: 1rem;
    --fontSize-ds-label2: .875rem;
    --fontSize-ds-label25: .8125rem;
    --fontSize-ds-label3: .75rem;
    --fontSize-ds-label35: .6875rem;
    --fontSize-ds-labelMono1: 1rem;
    --fontSize-ds-labelMono2: .875rem;
    --fontSize-ds-labelMono3: .75rem;
    --fontSize-ds-value1: 1rem;
    --fontSize-ds-value15: 1rem;
    --fontSize-ds-value2: .875rem;
    --fontSize-ds-value25: .875rem;
    --fontSize-ds-value3: .75rem;
    --fontSize-ds-value35: .75rem;
    --lineHeight-ds-body1: 1.375rem;
    --lineHeight-ds-body15: 1.375rem;
    --lineHeight-ds-body2: 1.25rem;
    --lineHeight-ds-body25: 1.25rem;
    --lineHeight-ds-body3: 1rem;
    --lineHeight-ds-body35: 1rem;
    --lineHeight-ds-body4: .875rem;
    --lineHeight-ds-bodyMono1: 1.375rem;
    --lineHeight-ds-bodyMono2: 1.25rem;
    --lineHeight-ds-bodyMono3: 1rem;
    --lineHeight-ds-brand1: 20.25rem;
    --lineHeight-ds-brand2: 14.625rem;
    --lineHeight-ds-brand3: 6.75rem;
    --lineHeight-ds-brand4: 3.25rem;
    --lineHeight-ds-caption1: 1rem;
    --lineHeight-ds-caption2: .875rem;
    --lineHeight-ds-display1: 6rem;
    --lineHeight-ds-display2: 4.875rem;
    --lineHeight-ds-display3: 4.125rem;
    --lineHeight-ds-display4: 3.5rem;
    --lineHeight-ds-editorial1: 2.75rem;
    --lineHeight-ds-editorial2: 2.25rem;
    --lineHeight-ds-editorial3: 2rem;
    --lineHeight-ds-editorial4: 1.75rem;
    --lineHeight-ds-editorial5: 1.625rem;
    --lineHeight-ds-heading1: 2.75rem;
    --lineHeight-ds-heading2: 2.25rem;
    --lineHeight-ds-heading3: 2rem;
    --lineHeight-ds-heading4: 1.75rem;
    --lineHeight-ds-heading5: 1.625rem;
    --lineHeight-ds-heading6: 1.375rem;
    --lineHeight-ds-heroNumber: 2.5rem;
    --lineHeight-ds-label1: 1.375rem;
    --lineHeight-ds-label15: 1.375rem;
    --lineHeight-ds-label2: 1.25rem;
    --lineHeight-ds-label25: 1.25rem;
    --lineHeight-ds-label3: 1rem;
    --lineHeight-ds-label35: 1rem;
    --lineHeight-ds-labelMono1: 1.375rem;
    --lineHeight-ds-labelMono2: 1.25rem;
    --lineHeight-ds-labelMono3: 1rem;
    --lineHeight-ds-value1: 1.375rem;
    --lineHeight-ds-value15: 1.375rem;
    --lineHeight-ds-value2: 1.25rem;
    --lineHeight-ds-value25: 1.25rem;
    --lineHeight-ds-value3: 1rem;
    --lineHeight-ds-value35: 1rem;
    --fontWeight-ds-body1: 400;
    --fontWeight-ds-body15: 400;
    --fontWeight-ds-body2: 400;
    --fontWeight-ds-body25: 400;
    --fontWeight-ds-body3: 400;
    --fontWeight-ds-body35: 400;
    --fontWeight-ds-body4: 400;
    --fontWeight-ds-bodyMono1: 400;
    --fontWeight-ds-bodyMono2: 400;
    --fontWeight-ds-bodyMono3: 400;
    --fontWeight-ds-brand1: 1000;
    --fontWeight-ds-brand2: 1000;
    --fontWeight-ds-brand3: 1000;
    --fontWeight-ds-brand4: 1000;
    --fontWeight-ds-caption1: 600;
    --fontWeight-ds-caption2: 600;
    --fontWeight-ds-display1: 400;
    --fontWeight-ds-display2: 400;
    --fontWeight-ds-display3: 400;
    --fontWeight-ds-display4: 400;
    --fontWeight-ds-editorial1: 400;
    --fontWeight-ds-editorial2: 400;
    --fontWeight-ds-editorial3: 400;
    --fontWeight-ds-editorial4: 400;
    --fontWeight-ds-editorial5: 400;
    --fontWeight-ds-heading1: 500;
    --fontWeight-ds-heading2: 500;
    --fontWeight-ds-heading3: 500;
    --fontWeight-ds-heading4: 500;
    --fontWeight-ds-heading5: 500;
    --fontWeight-ds-heading6: 500;
    --fontWeight-ds-heroNumber: 500;
    --fontWeight-ds-label1: 500;
    --fontWeight-ds-label15: 500;
    --fontWeight-ds-label2: 500;
    --fontWeight-ds-label25: 500;
    --fontWeight-ds-label3: 500;
    --fontWeight-ds-label35: 500;
    --fontWeight-ds-labelMono1: 500;
    --fontWeight-ds-labelMono2: 500;
    --fontWeight-ds-labelMono3: 500;
    --fontWeight-ds-value1: 500;
    --fontWeight-ds-value15: 500;
    --fontWeight-ds-value2: 500;
    --fontWeight-ds-value25: 500;
    --fontWeight-ds-value3: 500;
    --fontWeight-ds-value35: 500;
    --letterSpacing-ds-caption2: .8px
}

.default-shape-theme,
:root {
    --border-radius-ds-0: 0px;
    --border-radius-ds-1: 2px;
    --border-radius-ds-2: 4px;
    --border-radius-ds-3: 6px;
    --border-radius-ds-4: 8px;
    --border-radius-ds-5: 12px;
    --border-radius-ds-6: 16px;
    --border-radius-ds-7: 20px;
    --border-radius-ds-8: 32px;
    --border-radius-ds-round: 9999px;
    --border-radius-ds-badge-sm: 6px;
    --border-radius-ds-badge-md: 8px;
    --border-radius-ds-badge-lg: 12px;
    --border-radius-ds-banner: 20px;
    --border-radius-ds-button-border-width-brand-high: 0px;
    --border-radius-ds-button-border-width-brand-low: 0px;
    --border-radius-ds-button-border-width-brand-medium: 0px;
    --border-radius-ds-button-border-width-info-high: 0px;
    --border-radius-ds-button-border-width-info-low: 0px;
    --border-radius-ds-button-border-width-info-medium: 0px;
    --border-radius-ds-button-border-width-inverted-high: 0px;
    --border-radius-ds-button-border-width-inverted-low: 0px;
    --border-radius-ds-button-border-width-inverted-medium: 0px;
    --border-radius-ds-button-border-width-negative-high: 0px;
    --border-radius-ds-button-border-width-negative-low: 0px;
    --border-radius-ds-button-border-width-negative-medium: 0px;
    --border-radius-ds-button-border-width-neutral-high: 0px;
    --border-radius-ds-button-border-width-neutral-low: 0px;
    --border-radius-ds-button-border-width-neutral-medium: 0px;
    --border-radius-ds-button-border-width-positive-high: 0px;
    --border-radius-ds-button-border-width-positive-low: 0px;
    --border-radius-ds-button-border-width-positive-medium: 0px;
    --border-radius-ds-button-border-width-primary-high: 0px;
    --border-radius-ds-button-border-width-primary-low: 0px;
    --border-radius-ds-button-border-width-primary-medium: 0px;
    --border-radius-ds-button-border-width-warning-high: 0px;
    --border-radius-ds-button-border-width-warning-low: 0px;
    --border-radius-ds-button-border-width-warning-medium: 0px;
    --border-radius-ds-button-lg: 12px;
    --border-radius-ds-button-md: 12px;
    --border-radius-ds-button-sm: 12px;
    --border-radius-ds-button-xl: 12px;
    --border-radius-ds-button-xs: 8px;
    --border-radius-ds-button-xxl: 12px;
    --border-radius-ds-button-xxs: 8px;
    --border-radius-ds-card: 12px;
    --border-radius-ds-card-grouped: 4px;
    --border-radius-ds-checkbox-sm: 6px;
    --border-radius-ds-checkbox-lg: 8px;
    --border-radius-ds-container: 20px;
    --border-radius-ds-datepicker: 20px;
    --border-radius-ds-datepicker-small: 4px;
    --border-radius-ds-datepicker-day: 12px;
    --border-radius-ds-dialog: 20px;
    --border-radius-ds-input-xxl: 12px;
    --border-radius-ds-input-xl: 12px;
    --border-radius-ds-input-lg: 12px;
    --border-radius-ds-input-md: 12px;
    --border-radius-ds-input-sm: 8px;
    --border-radius-ds-input-xs: 8px;
    --border-radius-ds-input-xxs: 8px;
    --border-radius-ds-input-single-xxl: 12px;
    --border-radius-ds-input-single-xl: 12px;
    --border-radius-ds-input-single-lg: 12px;
    --border-radius-ds-input-single-md: 12px;
    --border-radius-ds-input-single-sm: 8px;
    --border-radius-ds-input-single-xs: 8px;
    --border-radius-ds-input-single-xxs: 8px;
    --border-radius-ds-input-textarea: 12px;
    --border-radius-ds-input-stacked: 4px;
    --border-radius-ds-inputerror-middle-sm: 4px;
    --border-radius-ds-inputerror-single-sm: 12px;
    --border-radius-ds-inputerror-middle-md: 8px;
    --border-radius-ds-inputerror-single-md: 8px;
    --border-radius-ds-legalnotice: 8px;
    --border-radius-ds-menu: 12px;
    --border-radius-ds-notification-sm: 12px;
    --border-radius-ds-notification-md: 16px;
    --border-radius-ds-notification-lg: 16px;
    --border-radius-ds-pill-sm: 6px;
    --border-radius-ds-pill-md: 8px;
    --border-radius-ds-pill-lg: 12px;
    --border-radius-ds-popover: 20px;
    --border-radius-ds-segmented-control-xs: 8px;
    --border-radius-ds-segmented-control-sm: 10px;
    --border-radius-ds-segmented-control-md: 10px;
    --border-radius-ds-segmented-control-lg: 10px;
    --border-radius-ds-segmented-control-xs-container: 10px;
    --border-radius-ds-segmented-control-sm-container: 12px;
    --border-radius-ds-segmented-control-md-container: 12px;
    --border-radius-ds-segmented-control-lg-container: 12px;
    --border-radius-ds-tabs-lg: 16px;
    --border-radius-ds-tabs-md: 12px;
    --border-radius-ds-tabs-sm: 8px;
    --border-radius-ds-tabs-container-bg: 12px;
    --border-radius-ds-tabs-container-sm: 8px;
    --border-radius-ds-table-row: 0px;
    --border-radius-ds-table-row-group: 6px;
    --border-radius-ds-tooltip: 12px;
    --border-width-ds-badge-primary-high: 0px;
    --border-width-ds-badge-primary-low: 0px;
    --border-width-ds-badge-neutral-high: 0px;
    --border-width-ds-badge-neutral-low: 0px;
    --border-width-ds-badge-positive-high: 0px;
    --border-width-ds-badge-positive-low: 0px;
    --border-width-ds-badge-negative-high: 0px;
    --border-width-ds-badge-negative-low: 0px;
    --border-width-ds-badge-warning-high: 0px;
    --border-width-ds-badge-warning-low: 0px;
    --border-width-ds-badge-info-high: 0px;
    --border-width-ds-badge-info-low: 0px;
    --border-width-ds-card-width: 0px;
    --border-width-ds-card-selected-width: 2px;
    --border-width-ds-input-width-default: 0px;
    --border-width-ds-input-width-error: 2px;
    --border-width-ds-input-width-error-focused: 2px;
    --border-width-ds-input-width-focused: 2px;
    --border-width-ds-segmented-control-underline-rail: 0px;
    --border-width-ds-segmented-control-underline-active: 0px;
    --border-width-ds-tabs-row-width: 0px;
    --border-width-ds-tabs-selected-width: 0px
}

.pro-premium-web-shape-theme {
    --border-radius-ds-0: 0px;
    --border-radius-ds-1: 2px;
    --border-radius-ds-2: 4px;
    --border-radius-ds-3: 6px;
    --border-radius-ds-4: 8px;
    --border-radius-ds-5: 12px;
    --border-radius-ds-6: 16px;
    --border-radius-ds-7: 20px;
    --border-radius-ds-8: 32px;
    --border-radius-ds-round: 9999px;
    --border-radius-ds-badge-sm: 2px;
    --border-radius-ds-badge-md: 2px;
    --border-radius-ds-badge-lg: 2px;
    --border-radius-ds-banner: 2px;
    --border-radius-ds-button-border-width-brand-high: 0px;
    --border-radius-ds-button-border-width-brand-low: 0px;
    --border-radius-ds-button-border-width-brand-medium: 0px;
    --border-radius-ds-button-border-width-info-high: 0px;
    --border-radius-ds-button-border-width-info-low: 0px;
    --border-radius-ds-button-border-width-info-medium: 0px;
    --border-radius-ds-button-border-width-inverted-high: 0px;
    --border-radius-ds-button-border-width-inverted-low: 0px;
    --border-radius-ds-button-border-width-inverted-medium: 0px;
    --border-radius-ds-button-border-width-negative-high: 0px;
    --border-radius-ds-button-border-width-negative-low: 0px;
    --border-radius-ds-button-border-width-negative-medium: 0px;
    --border-radius-ds-button-border-width-neutral-high: 0px;
    --border-radius-ds-button-border-width-neutral-low: 0px;
    --border-radius-ds-button-border-width-neutral-medium: 0px;
    --border-radius-ds-button-border-width-positive-high: 0px;
    --border-radius-ds-button-border-width-positive-low: 0px;
    --border-radius-ds-button-border-width-positive-medium: 0px;
    --border-radius-ds-button-border-width-primary-high: 0px;
    --border-radius-ds-button-border-width-primary-low: 0px;
    --border-radius-ds-button-border-width-primary-medium: 0px;
    --border-radius-ds-button-border-width-warning-high: 0px;
    --border-radius-ds-button-border-width-warning-low: 0px;
    --border-radius-ds-button-border-width-warning-medium: 0px;
    --border-radius-ds-button-lg: 2px;
    --border-radius-ds-button-md: 2px;
    --border-radius-ds-button-sm: 2px;
    --border-radius-ds-button-xl: 2px;
    --border-radius-ds-button-xs: 2px;
    --border-radius-ds-button-xxl: 2px;
    --border-radius-ds-button-xxs: 2px;
    --border-radius-ds-card: 2px;
    --border-radius-ds-card-grouped: 2px;
    --border-radius-ds-checkbox-sm: 2px;
    --border-radius-ds-checkbox-lg: 2px;
    --border-radius-ds-container: 2px;
    --border-radius-ds-datepicker: 2px;
    --border-radius-ds-datepicker-small: 4px;
    --border-radius-ds-datepicker-day: 2px;
    --border-radius-ds-dialog: 2px;
    --border-radius-ds-input-xxl: 4px;
    --border-radius-ds-input-xl: 4px;
    --border-radius-ds-input-lg: 4px;
    --border-radius-ds-input-md: 4px;
    --border-radius-ds-input-sm: 4px;
    --border-radius-ds-input-xs: 4px;
    --border-radius-ds-input-xxs: 4px;
    --border-radius-ds-input-single-xxl: 4px;
    --border-radius-ds-input-single-xl: 4px;
    --border-radius-ds-input-single-lg: 4px;
    --border-radius-ds-input-single-md: 4px;
    --border-radius-ds-input-single-sm: 4px;
    --border-radius-ds-input-single-xs: 4px;
    --border-radius-ds-input-single-xxs: 4px;
    --border-radius-ds-input-textarea: 4px;
    --border-radius-ds-input-stacked: 4px;
    --border-radius-ds-inputerror-middle-sm: 2px;
    --border-radius-ds-inputerror-single-sm: 2px;
    --border-radius-ds-inputerror-middle-md: 2px;
    --border-radius-ds-inputerror-single-md: 2px;
    --border-radius-ds-legalnotice: 2px;
    --border-radius-ds-menu: 2px;
    --border-radius-ds-notification-sm: 2px;
    --border-radius-ds-notification-md: 2px;
    --border-radius-ds-notification-lg: 2px;
    --border-radius-ds-pill-sm: 2px;
    --border-radius-ds-pill-md: 2px;
    --border-radius-ds-pill-lg: 2px;
    --border-radius-ds-popover: 2px;
    --border-radius-ds-segmented-control-xs: 2px;
    --border-radius-ds-segmented-control-sm: 2px;
    --border-radius-ds-segmented-control-md: 2px;
    --border-radius-ds-segmented-control-lg: 2px;
    --border-radius-ds-segmented-control-xs-container: 2px;
    --border-radius-ds-segmented-control-sm-container: 2px;
    --border-radius-ds-segmented-control-md-container: 2px;
    --border-radius-ds-segmented-control-lg-container: 2px;
    --border-radius-ds-tabs-lg: 0px;
    --border-radius-ds-tabs-md: 0px;
    --border-radius-ds-tabs-sm: 0px;
    --border-radius-ds-tabs-container-bg: 12px;
    --border-radius-ds-tabs-container-sm: 8px;
    --border-radius-ds-table-row: 0px;
    --border-radius-ds-table-row-group: 6px;
    --border-radius-ds-tooltip: 2px;
    --border-width-ds-badge-primary-high: 0px;
    --border-width-ds-badge-primary-low: 0px;
    --border-width-ds-badge-neutral-high: 0px;
    --border-width-ds-badge-neutral-low: 0px;
    --border-width-ds-badge-positive-high: 0px;
    --border-width-ds-badge-positive-low: 0px;
    --border-width-ds-badge-negative-high: 0px;
    --border-width-ds-badge-negative-low: 0px;
    --border-width-ds-badge-warning-high: 0px;
    --border-width-ds-badge-warning-low: 0px;
    --border-width-ds-badge-info-high: 0px;
    --border-width-ds-badge-info-low: 0px;
    --border-width-ds-card-width: 0px;
    --border-width-ds-card-selected-width: 2px;
    --border-width-ds-input-width-default: 1px;
    --border-width-ds-input-width-error: 2px;
    --border-width-ds-input-width-error-focused: 2px;
    --border-width-ds-input-width-focused: 2px;
    --border-width-ds-segmented-control-underline-rail: 0px;
    --border-width-ds-segmented-control-underline-active: 0px;
    --border-width-ds-tabs-row-width: 0px;
    --border-width-ds-tabs-selected-width: 1.5px
}

.default-spacing-theme,
:root {
    --gap-ds-checkbox-sm: 8px;
    --gap-ds-checkbox-md: 8px;
    --gap-ds-checkbox-lg: 12px;
    --gap-ds-radio-sm: 8px;
    --gap-ds-radio-md: 8px;
    --gap-ds-radio-lg: 12px;
    --spacing-ds-checkbox-icon-sm: 16px;
    --spacing-ds-checkbox-icon-md: 20px;
    --spacing-ds-checkbox-icon-lg: 24px;
    --spacing-ds-radio-button-sm: 16px;
    --spacing-ds-radio-button-md: 20px;
    --spacing-ds-radio-button-lg: 24px
}

* {
    scrollbar-width: var(--width-ds-scrollbar-type);
    scrollbar-color: var(--background-color-ds-scrollbar-thumb)var(--background-color-ds-scrollbar-track)
}

.breakout-dark-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #1a1b22;
    --background-color-ds-kit-header-desktop: #060811;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #ffe5b1
}

.breakout-light-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #fff;
    --background-color-ds-kit-header-desktop: #f6f5f9;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #553c00
}

.dark-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #1a1b22;
    --background-color-ds-kit-header-desktop: #0b0611;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #ffe5b1
}

.default-dark-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #1a1b22;
    --background-color-ds-kit-header-desktop: #101114;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #ffe5b1
}

.default-light-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #fff;
    --background-color-ds-kit-header-desktop: #f6f5f9;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #553c00
}

.krak-dark-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #1a1b22;
    --background-color-ds-kit-header-desktop: #0d0d0d;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #ffe5b1
}

.krak-light-theme,
.light-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #fff;
    --background-color-ds-kit-header-desktop: #f6f5f9;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #553c00
}

.magic-dark-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #1a1b22;
    --background-color-ds-kit-header-desktop: #0b0611;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #ffe5b1
}

.magic-light-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #fff;
    --background-color-ds-kit-header-desktop: #f6f5f9;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #553c00
}

.ninjatrader-dark-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #1a1b22;
    --background-color-ds-kit-header-desktop: #0b0611;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #ffe5b1
}

.ninjatrader-light-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #fff;
    --background-color-ds-kit-header-desktop: #f6f5f9;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #553c00
}

.ninjatrader-syn3-dark-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #1a1b22;
    --background-color-ds-kit-header-desktop: #07090e;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #ffe5b1
}

.ninjatrader-syn3-light-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #fff;
    --background-color-ds-kit-header-desktop: #f6f5f9;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #553c00
}

.onchain-dark-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #1a1b22;
    --background-color-ds-kit-header-desktop: #121212;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #ffe5b1
}

.onchain-light-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #fff;
    --background-color-ds-kit-header-desktop: #f6f5f9;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #553c00
}

.pay-dark-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #1a1b22;
    --background-color-ds-kit-header-desktop: #0d0d0d;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #ffe5b1
}

.pay-fe-dark-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #1a1b22;
    --background-color-ds-kit-header-desktop: #000;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #ffe5b1
}

.pay-fe-light-theme,
.pay-light-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #fff;
    --background-color-ds-kit-header-desktop: #f6f5f9;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #553c00
}

.payward-dark-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #1a1b22;
    --background-color-ds-kit-header-desktop: #0d0d0d;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #ffe5b1
}

.payward-light-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #fff;
    --background-color-ds-kit-header-desktop: #f6f5f9;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #553c00
}

.pro-dark-theme,
.pro-fe-dark-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #1a1b22;
    --background-color-ds-kit-header-desktop: #0b0611;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #ffe5b1
}

.pro-fe-light-theme,
.pro-light-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #fff;
    --background-color-ds-kit-header-desktop: #f6f5f9;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #553c00
}

.pro-premium-dark-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #1a1b22;
    --background-color-ds-kit-header-desktop: #050506;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #ffe5b1
}

.pro-premium-light-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #fff;
    --background-color-ds-kit-header-desktop: #f6f5f9;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #553c00
}

.pws-dark-theme,
.pws-fe-dark-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #1a1b22;
    --background-color-ds-kit-header-desktop: #0d0d0d;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #ffe5b1
}

.pws-fe-light-theme,
.pws-light-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #fff;
    --background-color-ds-kit-header-desktop: #f6f5f9;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #553c00
}

.trade-dark-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #1a1b22;
    --background-color-ds-kit-header-desktop: #0d0a14;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #ffe5b1
}

.trade-fe-dark-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #1a1b22;
    --background-color-ds-kit-header-desktop: #000;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #ffe5b1
}

.trade-fe-light-theme,
.trade-light-theme {
    --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
    --background-color-ds-kit-header-progress: #686b8229;
    --background-color-ds-kit-header-mobile: #fff;
    --background-color-ds-kit-header-desktop: #f6f5f9;
    --border-color-ds-kit-pro-flat-notification-warning: #c3962152;
    --text-color-ds-kit-pro-flat-notification-warning: #553c00
}

.pro-premium-dark-theme {
    --backdrop-blur-ds-dialog: 60px;
    --box-shadow-ds-container: none;
    --border-radius-ds-container: 0px;
    --background-color-ds-dialog: #7071871f;
    --background-color-ds-popover: #141417;
    --background-color-ds-menu-pressed: #7071871f;
    --background-color-ds-container: #0000;
    --background-color-ds-base-drawer: #141417
}

.pro-premium-light-theme {
    --backdrop-blur-ds-dialog: 60px;
    --box-shadow-ds-container: none;
    --border-radius-ds-container: 0px;
    --background-color-ds-popover: #fff;
    --background-color-ds-menu: #fff;
    --background-color-ds-menu-raised: #fff;
    --background-color-ds-menu-pressed: #7071870a;
    --background-color-ds-container: #0000;
    --background-color-ds-base-drawer: #fff
}

*,
:before,
:after,
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.container {
    width: 100%
}

@media (min-width:390px) {
    .container {
        max-width: 390px
    }
}

@media (min-width:480px) {
    .container {
        max-width: 480px
    }
}

@media (min-width:640px) {
    .container {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .container {
        max-width: 1280px
    }
}

@media (min-width:1535px) {
    .container {
        max-width: 1535px
    }
}

.text-ds-plex-14-regular-mono {
    font-family: IBM Plex Mono, Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem
}

.text-ds-plex-16-regular {
    font-family: IBM Plex Sans, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem
}

.text-ds-kraken-10-medium {
    font-family: Kraken-Product, IBM Plex Sans, Helvetica, Arial, sans-serif;
    font-size: .625rem;
    font-weight: 500;
    line-height: .875rem
}

.text-ds-kraken-10-semibold {
    letter-spacing: .05px;
    font-family: Kraken-Product, IBM Plex Sans, Helvetica, Arial, sans-serif;
    font-size: .625rem;
    font-weight: 600;
    line-height: .875rem
}

.text-ds-kraken-12-regular {
    font-family: Kraken-Product, IBM Plex Sans, Helvetica, Arial, sans-serif;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem
}

.text-ds-kraken-12-medium {
    font-family: Kraken-Product, IBM Plex Sans, Helvetica, Arial, sans-serif;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem
}

.text-ds-kraken-12-semibold {
    font-family: Kraken-Product, IBM Plex Sans, Helvetica, Arial, sans-serif;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1rem
}

.text-ds-kraken-14-regular {
    font-family: Kraken-Product, IBM Plex Sans, Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem
}

.text-ds-kraken-14-medium {
    font-family: Kraken-Product, IBM Plex Sans, Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem
}

.text-ds-kraken-16-regular {
    font-family: Kraken-Product, IBM Plex Sans, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem
}

.text-ds-kraken-16-medium {
    font-family: Kraken-Product, IBM Plex Sans, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.375rem
}

.text-ds-kraken-16-semibold {
    font-family: Kraken-Product, IBM Plex Sans, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.375rem
}

.text-ds-kraken-18-semibold {
    font-family: Kraken-Product, IBM Plex Sans, Helvetica, Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.625rem
}

.text-ds-kraken-20-medium {
    font-family: Kraken-Product, IBM Plex Sans, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem
}

.text-ds-kraken-24-regular {
    font-family: Kraken-Product, IBM Plex Sans, Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem
}

.text-ds-celias-14-regular {
    font-family: Celias, Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem
}

.text-ds-badge-lg {
    font-size: var(--fontSize-ds-body2);
    font-weight: var(--fontWeight-ds-body2);
    line-height: var(--lineHeight-ds-body2);
    letter-spacing: var(--letterSpacing-ds-body2);
    font-family: var(--fontFamily-ds-body2)
}

.text-ds-badge-md {
    font-size: var(--fontSize-ds-body3);
    font-weight: var(--fontWeight-ds-body3);
    line-height: var(--lineHeight-ds-body3);
    letter-spacing: var(--letterSpacing-ds-body3);
    font-family: var(--fontFamily-ds-body3)
}

.text-ds-badge-sm {
    font-size: var(--fontSize-ds-body4);
    font-weight: var(--fontWeight-ds-body4);
    line-height: var(--lineHeight-ds-body4);
    letter-spacing: var(--letterSpacing-ds-body4);
    font-family: var(--fontFamily-ds-body4)
}

.text-ds-circle-text-xxs,
.text-ds-circle-text-xs,
.text-ds-circle-text-sm {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.text-ds-circle-text-md {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.text-ds-circle-text-lg {
    font-size: var(--fontSize-ds-heading5);
    font-weight: var(--fontWeight-ds-heading5);
    line-height: var(--lineHeight-ds-heading5);
    letter-spacing: var(--letterSpacing-ds-heading5);
    font-family: var(--fontFamily-ds-heading5);
    font-variant-numeric: tabular-nums
}

.text-ds-circle-text-xl,
.text-ds-circle-text-xxl {
    font-size: var(--fontSize-ds-heading3);
    font-weight: var(--fontWeight-ds-heading3);
    line-height: var(--lineHeight-ds-heading3);
    letter-spacing: var(--letterSpacing-ds-heading3);
    font-family: var(--fontFamily-ds-heading3);
    font-variant-numeric: tabular-nums
}

.text-ds-legalnotice-sm {
    font-family: Kraken-Product, IBM Plex Sans, Helvetica, Arial, sans-serif;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem
}

.text-ds-legalnotice-md {
    font-family: Kraken-Product, IBM Plex Sans, Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem
}

.text-ds-legalnotice-lg {
    font-family: Kraken-Product, IBM Plex Sans, Helvetica, Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.625rem
}

.text-ds-notification-title-sm {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.text-ds-notification-text-sm {
    font-size: var(--fontSize-ds-body3);
    font-weight: var(--fontWeight-ds-body3);
    line-height: var(--lineHeight-ds-body3);
    letter-spacing: var(--letterSpacing-ds-body3);
    font-family: var(--fontFamily-ds-body3)
}

.text-ds-notification-title-md {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.text-ds-notification-text-md {
    font-size: var(--fontSize-ds-body2);
    font-weight: var(--fontWeight-ds-body2);
    line-height: var(--lineHeight-ds-body2);
    letter-spacing: var(--letterSpacing-ds-body2);
    font-family: var(--fontFamily-ds-body2)
}

.text-ds-notification-title-lg {
    font-size: var(--fontSize-ds-label1);
    font-weight: var(--fontWeight-ds-label1);
    line-height: var(--lineHeight-ds-label1);
    letter-spacing: var(--letterSpacing-ds-label1);
    font-family: var(--fontFamily-ds-label1)
}

.text-ds-notification-text-lg {
    font-size: var(--fontSize-ds-body2);
    font-weight: var(--fontWeight-ds-body2);
    line-height: var(--lineHeight-ds-body2);
    letter-spacing: var(--letterSpacing-ds-body2);
    font-family: var(--fontFamily-ds-body2)
}

.text-ds-segmented-control-xs,
.text-ds-segmented-control-sm {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.text-ds-segmented-control-md,
.text-ds-segmented-control-lg {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.text-ds-tabs-sm {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.text-ds-tabs-md,
.text-ds-tabs-lg {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.default-text-theme .text-ds-button-xxs,
.default-text-theme .text-ds-button-xs {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.default-text-theme .text-ds-button-sm,
.default-text-theme .text-ds-button-md,
.default-text-theme .text-ds-button-lg {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.default-text-theme .text-ds-button-xl,
.default-text-theme .text-ds-button-xxl {
    font-size: var(--fontSize-ds-label1);
    font-weight: var(--fontWeight-ds-label1);
    line-height: var(--lineHeight-ds-label1);
    letter-spacing: var(--letterSpacing-ds-label1);
    font-family: var(--fontFamily-ds-label1)
}

.default-text-theme .text-ds-button-v-xxs,
.default-text-theme .text-ds-button-v-xs,
.default-text-theme .text-ds-button-v-sm {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.default-text-theme .text-ds-button-v-md,
.default-text-theme .text-ds-button-v-lg,
.default-text-theme .text-ds-button-v-xl,
.default-text-theme .text-ds-button-v-xxl {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.full-rounded-text-theme .text-ds-button-xxs {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.full-rounded-text-theme .text-ds-button-xs,
.full-rounded-text-theme .text-ds-button-sm,
.full-rounded-text-theme .text-ds-button-md,
.full-rounded-text-theme .text-ds-button-lg,
.full-rounded-text-theme .text-ds-button-xl,
.full-rounded-text-theme .text-ds-button-xxl {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.full-rounded-text-theme .text-ds-button-v-xxs,
.full-rounded-text-theme .text-ds-button-v-xs,
.full-rounded-text-theme .text-ds-button-v-sm {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.full-rounded-text-theme .text-ds-button-v-md,
.full-rounded-text-theme .text-ds-button-v-lg,
.full-rounded-text-theme .text-ds-button-v-xl,
.full-rounded-text-theme .text-ds-button-v-xxl {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.marketing-text-theme .text-ds-button-xxs {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.marketing-text-theme .text-ds-button-xs,
.marketing-text-theme .text-ds-button-sm,
.marketing-text-theme .text-ds-button-md,
.marketing-text-theme .text-ds-button-lg {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.marketing-text-theme .text-ds-button-xl,
.marketing-text-theme .text-ds-button-xxl {
    font-size: var(--fontSize-ds-label1);
    font-weight: var(--fontWeight-ds-label1);
    line-height: var(--lineHeight-ds-label1);
    letter-spacing: var(--letterSpacing-ds-label1);
    font-family: var(--fontFamily-ds-label1)
}

.marketing-text-theme .text-ds-button-v-xxs,
.marketing-text-theme .text-ds-button-v-xs,
.marketing-text-theme .text-ds-button-v-sm {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.marketing-text-theme .text-ds-button-v-md,
.marketing-text-theme .text-ds-button-v-lg,
.marketing-text-theme .text-ds-button-v-xl,
.marketing-text-theme .text-ds-button-v-xxl {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

@media (min-width:768px) {
    .marketing-text-theme .text-ds-button-xxs {
        font-size: var(--fontSize-ds-label3);
        font-weight: var(--fontWeight-ds-label3);
        line-height: var(--lineHeight-ds-label3);
        letter-spacing: var(--letterSpacing-ds-label3);
        font-family: var(--fontFamily-ds-label3)
    }
    .marketing-text-theme .text-ds-button-xs,
    .marketing-text-theme .text-ds-button-sm,
    .marketing-text-theme .text-ds-button-md,
    .marketing-text-theme .text-ds-button-lg {
        font-size: var(--fontSize-ds-label2);
        font-weight: var(--fontWeight-ds-label2);
        line-height: var(--lineHeight-ds-label2);
        letter-spacing: var(--letterSpacing-ds-label2);
        font-family: var(--fontFamily-ds-label2)
    }
    .marketing-text-theme .text-ds-button-xl,
    .marketing-text-theme .text-ds-button-xxl {
        font-size: var(--fontSize-ds-label1);
        font-weight: var(--fontWeight-ds-label1);
        line-height: var(--lineHeight-ds-label1);
        letter-spacing: var(--letterSpacing-ds-label1);
        font-family: var(--fontFamily-ds-label1)
    }
    .marketing-text-theme .text-ds-button-v-xxs,
    .marketing-text-theme .text-ds-button-v-xs,
    .marketing-text-theme .text-ds-button-v-sm {
        font-size: var(--fontSize-ds-label3);
        font-weight: var(--fontWeight-ds-label3);
        line-height: var(--lineHeight-ds-label3);
        letter-spacing: var(--letterSpacing-ds-label3);
        font-family: var(--fontFamily-ds-label3)
    }
    .marketing-text-theme .text-ds-button-v-md,
    .marketing-text-theme .text-ds-button-v-lg,
    .marketing-text-theme .text-ds-button-v-xl,
    .marketing-text-theme .text-ds-button-v-xxl {
        font-size: var(--fontSize-ds-label2);
        font-weight: var(--fontWeight-ds-label2);
        line-height: var(--lineHeight-ds-label2);
        letter-spacing: var(--letterSpacing-ds-label2);
        font-family: var(--fontFamily-ds-label2)
    }
    .marketing-pay-text-theme .text-ds-button-xxs {
        font-size: var(--fontSize-ds-label3);
        font-weight: var(--fontWeight-ds-label3);
        line-height: var(--lineHeight-ds-label3);
        letter-spacing: var(--letterSpacing-ds-label3);
        font-family: var(--fontFamily-ds-label3)
    }
    .marketing-pay-text-theme .text-ds-button-xs,
    .marketing-pay-text-theme .text-ds-button-sm,
    .marketing-pay-text-theme .text-ds-button-md,
    .marketing-pay-text-theme .text-ds-button-lg,
    .marketing-pay-text-theme .text-ds-button-xl,
    .marketing-pay-text-theme .text-ds-button-xxl {
        font-size: var(--fontSize-ds-label2);
        font-weight: var(--fontWeight-ds-label2);
        line-height: var(--lineHeight-ds-label2);
        letter-spacing: var(--letterSpacing-ds-label2);
        font-family: var(--fontFamily-ds-label2)
    }
    .marketing-pay-text-theme .text-ds-button-v-xxs,
    .marketing-pay-text-theme .text-ds-button-v-xs,
    .marketing-pay-text-theme .text-ds-button-v-sm {
        font-size: var(--fontSize-ds-label3);
        font-weight: var(--fontWeight-ds-label3);
        line-height: var(--lineHeight-ds-label3);
        letter-spacing: var(--letterSpacing-ds-label3);
        font-family: var(--fontFamily-ds-label3)
    }
    .marketing-pay-text-theme .text-ds-button-v-md,
    .marketing-pay-text-theme .text-ds-button-v-lg,
    .marketing-pay-text-theme .text-ds-button-v-xl,
    .marketing-pay-text-theme .text-ds-button-v-xxl {
        font-size: var(--fontSize-ds-label2);
        font-weight: var(--fontWeight-ds-label2);
        line-height: var(--lineHeight-ds-label2);
        letter-spacing: var(--letterSpacing-ds-label2);
        font-family: var(--fontFamily-ds-label2)
    }
    .payward-text-theme .text-ds-button-xxs {
        font-size: var(--fontSize-ds-label3);
        font-weight: var(--fontWeight-ds-label3);
        line-height: var(--lineHeight-ds-label3);
        letter-spacing: var(--letterSpacing-ds-label3);
        font-family: var(--fontFamily-ds-label3)
    }
    .payward-text-theme .text-ds-button-xs,
    .payward-text-theme .text-ds-button-sm,
    .payward-text-theme .text-ds-button-md,
    .payward-text-theme .text-ds-button-lg {
        font-size: var(--fontSize-ds-label2);
        font-weight: var(--fontWeight-ds-label2);
        line-height: var(--lineHeight-ds-label2);
        letter-spacing: var(--letterSpacing-ds-label2);
        font-family: var(--fontFamily-ds-label2)
    }
    .payward-text-theme .text-ds-button-xl,
    .payward-text-theme .text-ds-button-xxl {
        font-size: var(--fontSize-ds-label1);
        font-weight: var(--fontWeight-ds-label1);
        line-height: var(--lineHeight-ds-label1);
        letter-spacing: var(--letterSpacing-ds-label1);
        font-family: var(--fontFamily-ds-label1)
    }
    .payward-text-theme .text-ds-button-v-xxs,
    .payward-text-theme .text-ds-button-v-xs,
    .payward-text-theme .text-ds-button-v-sm {
        font-size: var(--fontSize-ds-label3);
        font-weight: var(--fontWeight-ds-label3);
        line-height: var(--lineHeight-ds-label3);
        letter-spacing: var(--letterSpacing-ds-label3);
        font-family: var(--fontFamily-ds-label3)
    }
    .payward-text-theme .text-ds-button-v-md,
    .payward-text-theme .text-ds-button-v-lg,
    .payward-text-theme .text-ds-button-v-xl,
    .payward-text-theme .text-ds-button-v-xxl {
        font-size: var(--fontSize-ds-label2);
        font-weight: var(--fontWeight-ds-label2);
        line-height: var(--lineHeight-ds-label2);
        letter-spacing: var(--letterSpacing-ds-label2);
        font-family: var(--fontFamily-ds-label2)
    }
}

.marketing-pay-text-theme .text-ds-button-xxs {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.marketing-pay-text-theme .text-ds-button-xs,
.marketing-pay-text-theme .text-ds-button-sm,
.marketing-pay-text-theme .text-ds-button-md,
.marketing-pay-text-theme .text-ds-button-lg,
.marketing-pay-text-theme .text-ds-button-xl,
.marketing-pay-text-theme .text-ds-button-xxl {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.marketing-pay-text-theme .text-ds-button-v-xxs,
.marketing-pay-text-theme .text-ds-button-v-xs,
.marketing-pay-text-theme .text-ds-button-v-sm {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.marketing-pay-text-theme .text-ds-button-v-md,
.marketing-pay-text-theme .text-ds-button-v-lg,
.marketing-pay-text-theme .text-ds-button-v-xl,
.marketing-pay-text-theme .text-ds-button-v-xxl {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.ninjatrader-text-theme .text-ds-button-xxs {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.ninjatrader-text-theme .text-ds-button-xs,
.ninjatrader-text-theme .text-ds-button-sm,
.ninjatrader-text-theme .text-ds-button-md,
.ninjatrader-text-theme .text-ds-button-lg {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.ninjatrader-text-theme .text-ds-button-xl,
.ninjatrader-text-theme .text-ds-button-xxl {
    font-size: var(--fontSize-ds-label1);
    font-weight: var(--fontWeight-ds-label1);
    line-height: var(--lineHeight-ds-label1);
    letter-spacing: var(--letterSpacing-ds-label1);
    font-family: var(--fontFamily-ds-label1)
}

.ninjatrader-text-theme .text-ds-button-v-xxs,
.ninjatrader-text-theme .text-ds-button-v-xs,
.ninjatrader-text-theme .text-ds-button-v-sm {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.ninjatrader-text-theme .text-ds-button-v-md,
.ninjatrader-text-theme .text-ds-button-v-lg,
.ninjatrader-text-theme .text-ds-button-v-xl,
.ninjatrader-text-theme .text-ds-button-v-xxl {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.onchain-text-theme .text-ds-button-xxs {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.onchain-text-theme .text-ds-button-xs,
.onchain-text-theme .text-ds-button-sm,
.onchain-text-theme .text-ds-button-md,
.onchain-text-theme .text-ds-button-lg,
.onchain-text-theme .text-ds-button-xl,
.onchain-text-theme .text-ds-button-xxl {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.onchain-text-theme .text-ds-button-v-xxs,
.onchain-text-theme .text-ds-button-v-xs,
.onchain-text-theme .text-ds-button-v-sm {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.onchain-text-theme .text-ds-button-v-md,
.onchain-text-theme .text-ds-button-v-lg,
.onchain-text-theme .text-ds-button-v-xl,
.onchain-text-theme .text-ds-button-v-xxl {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.pay-text-theme .text-ds-button-xxs {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.pay-text-theme .text-ds-button-xs,
.pay-text-theme .text-ds-button-sm,
.pay-text-theme .text-ds-button-md,
.pay-text-theme .text-ds-button-lg,
.pay-text-theme .text-ds-button-xl,
.pay-text-theme .text-ds-button-xxl {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.pay-text-theme .text-ds-button-v-xxs,
.pay-text-theme .text-ds-button-v-xs,
.pay-text-theme .text-ds-button-v-sm {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.pay-text-theme .text-ds-button-v-md,
.pay-text-theme .text-ds-button-v-lg,
.pay-text-theme .text-ds-button-v-xl,
.pay-text-theme .text-ds-button-v-xxl {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.payward-text-theme .text-ds-button-xxs {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.payward-text-theme .text-ds-button-xs,
.payward-text-theme .text-ds-button-sm,
.payward-text-theme .text-ds-button-md,
.payward-text-theme .text-ds-button-lg {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.payward-text-theme .text-ds-button-xl,
.payward-text-theme .text-ds-button-xxl {
    font-size: var(--fontSize-ds-label1);
    font-weight: var(--fontWeight-ds-label1);
    line-height: var(--lineHeight-ds-label1);
    letter-spacing: var(--letterSpacing-ds-label1);
    font-family: var(--fontFamily-ds-label1)
}

.payward-text-theme .text-ds-button-v-xxs,
.payward-text-theme .text-ds-button-v-xs,
.payward-text-theme .text-ds-button-v-sm {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.payward-text-theme .text-ds-button-v-md,
.payward-text-theme .text-ds-button-v-lg,
.payward-text-theme .text-ds-button-v-xl,
.payward-text-theme .text-ds-button-v-xxl {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

:root .text-ds-button-xxs,
:root .text-ds-button-xs {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

:root .text-ds-button-sm,
:root .text-ds-button-md,
:root .text-ds-button-lg {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

:root .text-ds-button-xl,
:root .text-ds-button-xxl {
    font-size: var(--fontSize-ds-label1);
    font-weight: var(--fontWeight-ds-label1);
    line-height: var(--lineHeight-ds-label1);
    letter-spacing: var(--letterSpacing-ds-label1);
    font-family: var(--fontFamily-ds-label1)
}

:root .text-ds-button-v-xxs,
:root .text-ds-button-v-xs,
:root .text-ds-button-v-sm {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

:root .text-ds-button-v-md,
:root .text-ds-button-v-lg,
:root .text-ds-button-v-xl,
:root .text-ds-button-v-xxl {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.pro-text-theme .text-ds-button-xxs,
.pro-text-theme .text-ds-button-xs {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.pro-text-theme .text-ds-button-sm,
.pro-text-theme .text-ds-button-md,
.pro-text-theme .text-ds-button-lg {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.pro-text-theme .text-ds-button-xl,
.pro-text-theme .text-ds-button-xxl {
    font-size: var(--fontSize-ds-label1);
    font-weight: var(--fontWeight-ds-label1);
    line-height: var(--lineHeight-ds-label1);
    letter-spacing: var(--letterSpacing-ds-label1);
    font-family: var(--fontFamily-ds-label1)
}

.pro-text-theme .text-ds-button-v-xxs,
.pro-text-theme .text-ds-button-v-xs,
.pro-text-theme .text-ds-button-v-sm {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.pro-text-theme .text-ds-button-v-md,
.pro-text-theme .text-ds-button-v-lg,
.pro-text-theme .text-ds-button-v-xl,
.pro-text-theme .text-ds-button-v-xxl {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.pws-text-theme .text-ds-button-xxs,
.pws-text-theme .text-ds-button-xs {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.pws-text-theme .text-ds-button-sm,
.pws-text-theme .text-ds-button-md,
.pws-text-theme .text-ds-button-lg {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.pws-text-theme .text-ds-button-xl,
.pws-text-theme .text-ds-button-xxl {
    font-size: var(--fontSize-ds-label1);
    font-weight: var(--fontWeight-ds-label1);
    line-height: var(--lineHeight-ds-label1);
    letter-spacing: var(--letterSpacing-ds-label1);
    font-family: var(--fontFamily-ds-label1)
}

.pws-text-theme .text-ds-button-v-xxs,
.pws-text-theme .text-ds-button-v-xs,
.pws-text-theme .text-ds-button-v-sm {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.pws-text-theme .text-ds-button-v-md,
.pws-text-theme .text-ds-button-v-lg,
.pws-text-theme .text-ds-button-v-xl,
.pws-text-theme .text-ds-button-v-xxl {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.pws-fe-text-theme .text-ds-button-xxs,
.pws-fe-text-theme .text-ds-button-xs {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.pws-fe-text-theme .text-ds-button-sm,
.pws-fe-text-theme .text-ds-button-md,
.pws-fe-text-theme .text-ds-button-lg {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.pws-fe-text-theme .text-ds-button-xl,
.pws-fe-text-theme .text-ds-button-xxl {
    font-size: var(--fontSize-ds-label1);
    font-weight: var(--fontWeight-ds-label1);
    line-height: var(--lineHeight-ds-label1);
    letter-spacing: var(--letterSpacing-ds-label1);
    font-family: var(--fontFamily-ds-label1)
}

.pws-fe-text-theme .text-ds-button-v-xxs,
.pws-fe-text-theme .text-ds-button-v-xs,
.pws-fe-text-theme .text-ds-button-v-sm {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.pws-fe-text-theme .text-ds-button-v-md,
.pws-fe-text-theme .text-ds-button-v-lg,
.pws-fe-text-theme .text-ds-button-v-xl,
.pws-fe-text-theme .text-ds-button-v-xxl {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.trade-text-theme .text-ds-button-xxs {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.trade-text-theme .text-ds-button-xs,
.trade-text-theme .text-ds-button-sm,
.trade-text-theme .text-ds-button-md,
.trade-text-theme .text-ds-button-lg,
.trade-text-theme .text-ds-button-xl,
.trade-text-theme .text-ds-button-xxl {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.trade-text-theme .text-ds-button-v-xxs,
.trade-text-theme .text-ds-button-v-xs,
.trade-text-theme .text-ds-button-v-sm {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.trade-text-theme .text-ds-button-v-md,
.trade-text-theme .text-ds-button-v-lg,
.trade-text-theme .text-ds-button-v-xl,
.trade-text-theme .text-ds-button-v-xxl {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.trade-fe-text-theme .text-ds-button-xxs,
.trade-fe-text-theme .text-ds-button-xs,
.trade-fe-text-theme .text-ds-button-sm,
.trade-fe-text-theme .text-ds-button-md,
.trade-fe-text-theme .text-ds-button-lg {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.trade-fe-text-theme .text-ds-button-xl,
.trade-fe-text-theme .text-ds-button-xxl {
    font-size: var(--fontSize-ds-label25);
    font-weight: var(--fontWeight-ds-label25);
    line-height: var(--lineHeight-ds-label25);
    letter-spacing: var(--letterSpacing-ds-label25);
    font-family: var(--fontFamily-ds-label25)
}

.trade-fe-text-theme .text-ds-button-v-xxs,
.trade-fe-text-theme .text-ds-button-v-xs,
.trade-fe-text-theme .text-ds-button-v-sm,
.trade-fe-text-theme .text-ds-button-v-md,
.trade-fe-text-theme .text-ds-button-v-lg {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.trade-fe-text-theme .text-ds-button-v-xl,
.trade-fe-text-theme .text-ds-button-v-xxl {
    font-size: var(--fontSize-ds-label25);
    font-weight: var(--fontWeight-ds-label25);
    line-height: var(--lineHeight-ds-label25);
    letter-spacing: var(--letterSpacing-ds-label25);
    font-family: var(--fontFamily-ds-label25)
}

.text-ds-body1 {
    font-size: var(--fontSize-ds-body1);
    font-weight: var(--fontWeight-ds-body1);
    line-height: var(--lineHeight-ds-body1);
    letter-spacing: var(--letterSpacing-ds-body1);
    font-family: var(--fontFamily-ds-body1)
}

.text-ds-body15 {
    font-size: var(--fontSize-ds-body15);
    font-weight: var(--fontWeight-ds-body15);
    line-height: var(--lineHeight-ds-body15);
    letter-spacing: var(--letterSpacing-ds-body15);
    font-family: var(--fontFamily-ds-body15)
}

.text-ds-body2 {
    font-size: var(--fontSize-ds-body2);
    font-weight: var(--fontWeight-ds-body2);
    line-height: var(--lineHeight-ds-body2);
    letter-spacing: var(--letterSpacing-ds-body2);
    font-family: var(--fontFamily-ds-body2)
}

.text-ds-body25 {
    font-size: var(--fontSize-ds-body25);
    font-weight: var(--fontWeight-ds-body25);
    line-height: var(--lineHeight-ds-body25);
    letter-spacing: var(--letterSpacing-ds-body25);
    font-family: var(--fontFamily-ds-body25)
}

.text-ds-body3 {
    font-size: var(--fontSize-ds-body3);
    font-weight: var(--fontWeight-ds-body3);
    line-height: var(--lineHeight-ds-body3);
    letter-spacing: var(--letterSpacing-ds-body3);
    font-family: var(--fontFamily-ds-body3)
}

.text-ds-body35 {
    font-size: var(--fontSize-ds-body35);
    font-weight: var(--fontWeight-ds-body35);
    line-height: var(--lineHeight-ds-body35);
    letter-spacing: var(--letterSpacing-ds-body35);
    font-family: var(--fontFamily-ds-body35)
}

.text-ds-body4 {
    font-size: var(--fontSize-ds-body4);
    font-weight: var(--fontWeight-ds-body4);
    line-height: var(--lineHeight-ds-body4);
    letter-spacing: var(--letterSpacing-ds-body4);
    font-family: var(--fontFamily-ds-body4)
}

.text-ds-bodyMono1 {
    font-size: var(--fontSize-ds-bodyMono1);
    font-weight: var(--fontWeight-ds-bodyMono1);
    line-height: var(--lineHeight-ds-bodyMono1);
    letter-spacing: var(--letterSpacing-ds-bodyMono1);
    font-family: var(--fontFamily-ds-bodyMono1)
}

.text-ds-bodyMono2 {
    font-size: var(--fontSize-ds-bodyMono2);
    font-weight: var(--fontWeight-ds-bodyMono2);
    line-height: var(--lineHeight-ds-bodyMono2);
    letter-spacing: var(--letterSpacing-ds-bodyMono2);
    font-family: var(--fontFamily-ds-bodyMono2)
}

.text-ds-bodyMono3 {
    font-size: var(--fontSize-ds-bodyMono3);
    font-weight: var(--fontWeight-ds-bodyMono3);
    line-height: var(--lineHeight-ds-bodyMono3);
    letter-spacing: var(--letterSpacing-ds-bodyMono3);
    font-family: var(--fontFamily-ds-bodyMono3)
}

.text-ds-brand1 {
    font-size: var(--fontSize-ds-brand1);
    font-weight: var(--fontWeight-ds-brand1);
    line-height: var(--lineHeight-ds-brand1);
    letter-spacing: var(--letterSpacing-ds-brand1);
    font-family: var(--fontFamily-ds-brand1)
}

.text-ds-brand2 {
    font-size: var(--fontSize-ds-brand2);
    font-weight: var(--fontWeight-ds-brand2);
    line-height: var(--lineHeight-ds-brand2);
    letter-spacing: var(--letterSpacing-ds-brand2);
    font-family: var(--fontFamily-ds-brand2)
}

.text-ds-brand3 {
    font-size: var(--fontSize-ds-brand3);
    font-weight: var(--fontWeight-ds-brand3);
    line-height: var(--lineHeight-ds-brand3);
    letter-spacing: var(--letterSpacing-ds-brand3);
    font-family: var(--fontFamily-ds-brand3)
}

.text-ds-brand4 {
    font-size: var(--fontSize-ds-brand4);
    font-weight: var(--fontWeight-ds-brand4);
    line-height: var(--lineHeight-ds-brand4);
    letter-spacing: var(--letterSpacing-ds-brand4);
    font-family: var(--fontFamily-ds-brand4)
}

.text-ds-caption1 {
    font-size: var(--fontSize-ds-caption1);
    font-weight: var(--fontWeight-ds-caption1);
    line-height: var(--lineHeight-ds-caption1);
    letter-spacing: var(--letterSpacing-ds-caption1);
    font-family: var(--fontFamily-ds-caption1)
}

.text-ds-caption2 {
    font-size: var(--fontSize-ds-caption2);
    font-weight: var(--fontWeight-ds-caption2);
    line-height: var(--lineHeight-ds-caption2);
    letter-spacing: var(--letterSpacing-ds-caption2);
    font-family: var(--fontFamily-ds-caption2)
}

.text-ds-display1 {
    font-size: var(--fontSize-ds-display1);
    font-weight: var(--fontWeight-ds-display1);
    line-height: var(--lineHeight-ds-display1);
    letter-spacing: var(--letterSpacing-ds-display1);
    font-family: var(--fontFamily-ds-display1)
}

.text-ds-display2 {
    font-size: var(--fontSize-ds-display2);
    font-weight: var(--fontWeight-ds-display2);
    line-height: var(--lineHeight-ds-display2);
    letter-spacing: var(--letterSpacing-ds-display2);
    font-family: var(--fontFamily-ds-display2)
}

.text-ds-display3 {
    font-size: var(--fontSize-ds-display3);
    font-weight: var(--fontWeight-ds-display3);
    line-height: var(--lineHeight-ds-display3);
    letter-spacing: var(--letterSpacing-ds-display3);
    font-family: var(--fontFamily-ds-display3)
}

.text-ds-display4 {
    font-size: var(--fontSize-ds-display4);
    font-weight: var(--fontWeight-ds-display4);
    line-height: var(--lineHeight-ds-display4);
    letter-spacing: var(--letterSpacing-ds-display4);
    font-family: var(--fontFamily-ds-display4)
}

.text-ds-editorial1 {
    font-size: var(--fontSize-ds-editorial1);
    font-weight: var(--fontWeight-ds-editorial1);
    line-height: var(--lineHeight-ds-editorial1);
    letter-spacing: var(--letterSpacing-ds-editorial1);
    font-family: var(--fontFamily-ds-editorial1);
    font-variant-numeric: tabular-nums
}

.text-ds-editorial2 {
    font-size: var(--fontSize-ds-editorial2);
    font-weight: var(--fontWeight-ds-editorial2);
    line-height: var(--lineHeight-ds-editorial2);
    letter-spacing: var(--letterSpacing-ds-editorial2);
    font-family: var(--fontFamily-ds-editorial2);
    font-variant-numeric: tabular-nums
}

.text-ds-editorial3 {
    font-size: var(--fontSize-ds-editorial3);
    font-weight: var(--fontWeight-ds-editorial3);
    line-height: var(--lineHeight-ds-editorial3);
    letter-spacing: var(--letterSpacing-ds-editorial3);
    font-family: var(--fontFamily-ds-editorial3);
    font-variant-numeric: tabular-nums
}

.text-ds-editorial4 {
    font-size: var(--fontSize-ds-editorial4);
    font-weight: var(--fontWeight-ds-editorial4);
    line-height: var(--lineHeight-ds-editorial4);
    letter-spacing: var(--letterSpacing-ds-editorial4);
    font-family: var(--fontFamily-ds-editorial4);
    font-variant-numeric: tabular-nums
}

.text-ds-editorial5 {
    font-size: var(--fontSize-ds-editorial5);
    font-weight: var(--fontWeight-ds-editorial5);
    line-height: var(--lineHeight-ds-editorial5);
    letter-spacing: var(--letterSpacing-ds-editorial5);
    font-family: var(--fontFamily-ds-editorial5);
    font-variant-numeric: tabular-nums
}

.text-ds-heading1 {
    font-size: var(--fontSize-ds-heading1);
    font-weight: var(--fontWeight-ds-heading1);
    line-height: var(--lineHeight-ds-heading1);
    letter-spacing: var(--letterSpacing-ds-heading1);
    font-family: var(--fontFamily-ds-heading1);
    font-variant-numeric: tabular-nums
}

.text-ds-heading2 {
    font-size: var(--fontSize-ds-heading2);
    font-weight: var(--fontWeight-ds-heading2);
    line-height: var(--lineHeight-ds-heading2);
    letter-spacing: var(--letterSpacing-ds-heading2);
    font-family: var(--fontFamily-ds-heading2);
    font-variant-numeric: tabular-nums
}

.text-ds-heading3 {
    font-size: var(--fontSize-ds-heading3);
    font-weight: var(--fontWeight-ds-heading3);
    line-height: var(--lineHeight-ds-heading3);
    letter-spacing: var(--letterSpacing-ds-heading3);
    font-family: var(--fontFamily-ds-heading3);
    font-variant-numeric: tabular-nums
}

.text-ds-heading4 {
    font-size: var(--fontSize-ds-heading4);
    font-weight: var(--fontWeight-ds-heading4);
    line-height: var(--lineHeight-ds-heading4);
    letter-spacing: var(--letterSpacing-ds-heading4);
    font-family: var(--fontFamily-ds-heading4);
    font-variant-numeric: tabular-nums
}

.text-ds-heading5 {
    font-size: var(--fontSize-ds-heading5);
    font-weight: var(--fontWeight-ds-heading5);
    line-height: var(--lineHeight-ds-heading5);
    letter-spacing: var(--letterSpacing-ds-heading5);
    font-family: var(--fontFamily-ds-heading5);
    font-variant-numeric: tabular-nums
}

.text-ds-heading6 {
    font-size: var(--fontSize-ds-heading6);
    font-weight: var(--fontWeight-ds-heading6);
    line-height: var(--lineHeight-ds-heading6);
    letter-spacing: var(--letterSpacing-ds-heading6);
    font-family: var(--fontFamily-ds-heading6);
    font-variant-numeric: tabular-nums
}

.text-ds-heroNumber {
    font-size: var(--fontSize-ds-heroNumber);
    font-weight: var(--fontWeight-ds-heroNumber);
    line-height: var(--lineHeight-ds-heroNumber);
    letter-spacing: var(--letterSpacing-ds-heroNumber);
    font-family: var(--fontFamily-ds-heroNumber);
    font-variant-numeric: tabular-nums
}

.text-ds-label1 {
    font-size: var(--fontSize-ds-label1);
    font-weight: var(--fontWeight-ds-label1);
    line-height: var(--lineHeight-ds-label1);
    letter-spacing: var(--letterSpacing-ds-label1);
    font-family: var(--fontFamily-ds-label1)
}

.text-ds-label15 {
    font-size: var(--fontSize-ds-label15);
    font-weight: var(--fontWeight-ds-label15);
    line-height: var(--lineHeight-ds-label15);
    letter-spacing: var(--letterSpacing-ds-label15);
    font-family: var(--fontFamily-ds-label15)
}

.text-ds-label2 {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

.text-ds-label25 {
    font-size: var(--fontSize-ds-label25);
    font-weight: var(--fontWeight-ds-label25);
    line-height: var(--lineHeight-ds-label25);
    letter-spacing: var(--letterSpacing-ds-label25);
    font-family: var(--fontFamily-ds-label25)
}

.text-ds-label3 {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

.text-ds-label35 {
    font-size: var(--fontSize-ds-label35);
    font-weight: var(--fontWeight-ds-label35);
    line-height: var(--lineHeight-ds-label35);
    letter-spacing: var(--letterSpacing-ds-label35);
    font-family: var(--fontFamily-ds-label35)
}

.text-ds-labelMono1 {
    font-size: var(--fontSize-ds-labelMono1);
    font-weight: var(--fontWeight-ds-labelMono1);
    line-height: var(--lineHeight-ds-labelMono1);
    letter-spacing: var(--letterSpacing-ds-labelMono1);
    font-family: var(--fontFamily-ds-labelMono1)
}

.text-ds-labelMono2 {
    font-size: var(--fontSize-ds-labelMono2);
    font-weight: var(--fontWeight-ds-labelMono2);
    line-height: var(--lineHeight-ds-labelMono2);
    letter-spacing: var(--letterSpacing-ds-labelMono2);
    font-family: var(--fontFamily-ds-labelMono2)
}

.text-ds-labelMono3 {
    font-size: var(--fontSize-ds-labelMono3);
    font-weight: var(--fontWeight-ds-labelMono3);
    line-height: var(--lineHeight-ds-labelMono3);
    letter-spacing: var(--letterSpacing-ds-labelMono3);
    font-family: var(--fontFamily-ds-labelMono3)
}

.text-ds-value1 {
    font-size: var(--fontSize-ds-value1);
    font-weight: var(--fontWeight-ds-value1);
    line-height: var(--lineHeight-ds-value1);
    letter-spacing: var(--letterSpacing-ds-value1);
    font-family: var(--fontFamily-ds-value1);
    font-variant-numeric: tabular-nums
}

.text-ds-value15 {
    font-size: var(--fontSize-ds-value15);
    font-weight: var(--fontWeight-ds-value15);
    line-height: var(--lineHeight-ds-value15);
    letter-spacing: var(--letterSpacing-ds-value15);
    font-family: var(--fontFamily-ds-value15);
    font-variant-numeric: tabular-nums
}

.text-ds-value2 {
    font-size: var(--fontSize-ds-value2);
    font-weight: var(--fontWeight-ds-value2);
    line-height: var(--lineHeight-ds-value2);
    letter-spacing: var(--letterSpacing-ds-value2);
    font-family: var(--fontFamily-ds-value2);
    font-variant-numeric: tabular-nums
}

.text-ds-value25 {
    font-size: var(--fontSize-ds-value25);
    font-weight: var(--fontWeight-ds-value25);
    line-height: var(--lineHeight-ds-value25);
    letter-spacing: var(--letterSpacing-ds-value25);
    font-family: var(--fontFamily-ds-value25);
    font-variant-numeric: tabular-nums
}

.text-ds-value3 {
    font-size: var(--fontSize-ds-value3);
    font-weight: var(--fontWeight-ds-value3);
    line-height: var(--lineHeight-ds-value3);
    letter-spacing: var(--letterSpacing-ds-value3);
    font-family: var(--fontFamily-ds-value3);
    font-variant-numeric: tabular-nums
}

.text-ds-value35 {
    font-size: var(--fontSize-ds-value35);
    font-weight: var(--fontWeight-ds-value35);
    line-height: var(--lineHeight-ds-value35);
    letter-spacing: var(--letterSpacing-ds-value35);
    font-family: var(--fontFamily-ds-value35);
    font-variant-numeric: tabular-nums
}

.ds-slider input[type=range]::-webkit-slider-thumb {
    box-sizing: content-box;
    cursor: pointer;
    appearance: none;
    border-style: solid;
    border-width: var(--thumb-border-width);
    width: var(--thumb-size);
    height: var(--thumb-size);
    background-clip: content-box;
    border-color: #00000029;
    border-radius: 9999px;
    transition-property: height, width;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ds-slider input[type=range]::-moz-range-thumb {
    box-sizing: content-box;
    cursor: pointer;
    appearance: none;
    border-style: solid;
    border-width: var(--thumb-border-width);
    width: var(--thumb-size);
    height: var(--thumb-size);
    background-clip: content-box;
    border-color: #00000029;
    border-radius: 9999px;
    transition-property: height, width;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ds-slider:hover input[type=range]::-webkit-slider-thumb {
    width: var(--thumb-hover-size);
    height: var(--thumb-hover-size)
}

.ds-slider:hover input[type=range]::-moz-range-thumb {
    width: var(--thumb-hover-size);
    height: var(--thumb-hover-size)
}

.ds-table-row-grouped .bg-ds-table-sticky {
    background-image: linear-gradient(color-mix(in srgb, var(--background-color-ds-table-row-group), transparent calc(100% - 100%*1)), color-mix(in srgb, var(--background-color-ds-table-row-group), transparent calc(100% - 100%*1)))
}

.ds-table-row-highlighted .bg-ds-table-sticky {
    background-image: linear-gradient(color-mix(in srgb, var(--background-color-ds-table-row-highlighted), transparent calc(100% - 100%*1)), color-mix(in srgb, var(--background-color-ds-table-row-highlighted), transparent calc(100% - 100%*1)))
}

.ds-table-row-hovered .bg-ds-table-sticky {
    background-image: linear-gradient(color-mix(in srgb, var(--background-color-ds-table-row-hover), transparent calc(100% - 100%*1)), color-mix(in srgb, var(--background-color-ds-table-row-hover), transparent calc(100% - 100%*1)))
}

.ds-table-row-zebra:nth-child(2n) .bg-ds-table-sticky {
    background-image: linear-gradient(color-mix(in srgb, var(--background-color-ds-table-row-even), transparent calc(100% - 100%*1)), color-mix(in srgb, var(--background-color-ds-table-row-even), transparent calc(100% - 100%*1)))
}

.ds-table-row-hoverable:hover .bg-ds-table-sticky {
    background-image: linear-gradient(color-mix(in srgb, var(--background-color-ds-table-row-hover), transparent calc(100% - 100%*1)), color-mix(in srgb, var(--background-color-ds-table-row-hover), transparent calc(100% - 100%*1)))
}

.bg-ds-dialog .bg-ds-table-sticky {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-table-cell-sticky-dialog), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-dialog .bg-ds-container .bg-ds-table-sticky {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-table-cell-sticky-container), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-container .bg-ds-card .bg-ds-table-sticky,
.bg-ds-base-drawer .bg-ds-card .bg-ds-table-sticky {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-table-cell-sticky-container-card), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-container .bg-ds-table-sticky,
.bg-ds-base-drawer .bg-ds-table-sticky {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-table-cell-sticky-container), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.rdp .rdp-head_cell {
    --tw-text-opacity: 1;
    width: 2rem;
    color: color-mix(in srgb, var(--text-color-ds-datepicker-weekday), transparent calc(100% - 100%*var(--tw-text-opacity)));
    font-family: Kraken-Product, IBM Plex Sans, Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem
}

.rdp .rdp-button:focus {
    outline: none
}

.rdp .rdp-cell {
    width: 2rem;
    padding: 0
}

.rdp .rdp-day {
    --tw-text-opacity: 1;
    width: 2rem;
    color: color-mix(in srgb, var(--text-color-ds-datepicker), transparent calc(100% - 100%*var(--tw-text-opacity)));
    font-family: Kraken-Product, IBM Plex Sans, Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem
}

.rdp .rdp-day:not(.rdp-day_outside):not(.rdp-day_disabled):hover .rdp-day_label {
    cursor: pointer;
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-datepicker-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)));
    border-radius: var(--border-radius-ds-datepicker-day, 12px)
}

.rdp .rdp-day_label {
    justify-content: center;
    align-items: center;
    padding: .375rem;
    display: inline-flex
}

.rdp .rdp-day_disabled {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-datepicker-disabled), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.rdp .rdp-day_today:not(.rdp-day_selected):not(.rdp-day_disabled) {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-datepicker-today), transparent calc(100% - 100%*var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-datepicker-today), transparent calc(100% - 100%*var(--tw-text-opacity)));
    border-radius: var(--border-radius-ds-datepicker-day, 12px)
}

.rdp.rdp_mode-single .rdp-day_selected:not(.rdp-day_disabled):not(.rdp-day_outside) .rdp-day_label {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-datepicker-selected-day), transparent calc(100% - 100%*var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-datepicker-selected), transparent calc(100% - 100%*var(--tw-text-opacity)));
    border-radius: var(--border-radius-ds-datepicker-day, 12px)
}

.rdp.rdp_mode-range .rdp-cell:first-child>.rdp-day_selected,
.rdp.rdp_mode-range .rdp-day_selected.rdp-day_first-of-month {
    border-top-left-radius: var(--border-radius-ds-datepicker-day, 12px);
    border-bottom-left-radius: var(--border-radius-ds-datepicker-day, 12px)
}

.rdp.rdp_mode-range .rdp-cell:last-child>.rdp-day_selected,
.rdp.rdp_mode-range .rdp-day_selected.rdp-day_last-of-month {
    border-top-right-radius: var(--border-radius-ds-datepicker-day, 12px);
    border-bottom-right-radius: var(--border-radius-ds-datepicker-day, 12px)
}

.rdp.rdp_mode-range .rdp-day_selected {
    border-radius: unset;
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-datepicker-selected-day-range), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.rdp.rdp_mode-range .rdp-day_selected .rdp-day_label {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-datepicker), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.rdp.rdp_mode-range .rdp-day_selected.rdp-day_range_start {
    border-top-left-radius: var(--border-radius-ds-datepicker-day, 12px);
    border-bottom-left-radius: var(--border-radius-ds-datepicker-day, 12px)
}

.rdp.rdp_mode-range .rdp-day_selected.rdp-day_range_start .rdp-day_label {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-datepicker-selected-day), transparent calc(100% - 100%*var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-datepicker-selected), transparent calc(100% - 100%*var(--tw-text-opacity)));
    border-radius: var(--border-radius-ds-datepicker-day, 12px)
}

.rdp.rdp_mode-range .rdp-day_selected.rdp-day_range_end {
    border-top-right-radius: var(--border-radius-ds-datepicker-day, 12px);
    border-bottom-right-radius: var(--border-radius-ds-datepicker-day, 12px)
}

.rdp.rdp_mode-range .rdp-day_selected.rdp-day_range_end .rdp-day_label {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-datepicker-selected-day), transparent calc(100% - 100%*var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-datepicker-selected), transparent calc(100% - 100%*var(--tw-text-opacity)));
    border-radius: var(--border-radius-ds-datepicker-day, 12px)
}

.rdp.rdp_mode-range .rdp-day_selected.rdp-day_range_start .rdp.rdp_mode-range .rdp-day_selected.rdp-day_range_end {
    border-radius: var(--border-radius-ds-datepicker-day, 12px)
}

.rdp [type=button],
.rdp [type=reset],
.rdp [type=submit],
.rdp button {
    -webkit-appearance: button;
    background-color: #0000;
    background-image: none
}

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

.rdp button,
.rdp select {
    text-transform: none
}

.rdp button,
.rdp input,
.rdp optgroup,
.rdp select,
.rdp textarea {
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

.rdp *,
.rdp :after,
.rdp :before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
}

.datePicker input[type=time]::-webkit-calendar-picker-indicator {
    display: none
}

.sr-only {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}

.\ !visible {
    visibility: visible !important
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.inset-x-0 {
    left: 0;
    right: 0
}

.inset-x-\[--thumb-border-width\] {
    left: var(--thumb-border-width);
    right: var(--thumb-border-width)
}

.inset-x-\[calc\(var\(--thumb-size\)\/2\+var\(--thumb-border-width\)\)\] {
    left: calc(var(--thumb-size)/2 + var(--thumb-border-width));
    right: calc(var(--thumb-size)/2 + var(--thumb-border-width))
}

.inset-y-1 {
    top: .25rem;
    bottom: .25rem
}

.-bottom-\[26px\] {
    bottom: -26px
}

.-left-\[26px\] {
    left: -26px
}

.bottom-0 {
    bottom: 0
}

.bottom-11 {
    bottom: 2.75rem
}

.bottom-2 {
    bottom: .5rem
}

.bottom-\[-4px\] {
    bottom: -4px
}

.bottom-\[7px\] {
    bottom: 7px
}

.bottom-ds-0 {
    bottom: 0
}

.bottom-full {
    bottom: 100%
}

.end-0 {
    inset-inline-end: 0
}

.end-2 {
    inset-inline-end: .5rem
}

.end-\[-4px\] {
    inset-inline-end: -4px
}

.end-ds-3 {
    inset-inline-end: 8px
}

.end-ds-5 {
    inset-inline-end: 16px
}

.left-0 {
    left: 0
}

.left-1\/2 {
    left: 50%
}

.left-\[26px\] {
    left: 26px
}

.left-full {
    left: 100%
}

.right-0 {
    right: 0
}

.right-full {
    right: 100%
}

.start-0 {
    inset-inline-start: 0
}

.start-0\.5 {
    inset-inline-start: .125rem
}

.start-1 {
    inset-inline-start: .25rem
}

.start-1\/2 {
    inset-inline-start: 50%
}

.start-2 {
    inset-inline-start: .5rem
}

.start-4 {
    inset-inline-start: 1rem
}

.start-ds-0 {
    inset-inline-start: 0
}

.start-ds-5 {
    inset-inline-start: 16px
}

.top-0 {
    top: 0
}

.top-1 {
    top: .25rem
}

.top-1\/2 {
    top: 50%
}

.top-2 {
    top: .5rem
}

.top-4 {
    top: 1rem
}

.top-\[-40px\] {
    top: -40px
}

.top-ds-3 {
    top: 8px
}

.top-ds-input-offset-adjusted-lg {
    top: 2px
}

.top-ds-input-offset-adjusted-md,
.top-ds-input-offset-adjusted-sm {
    top: -2px
}

.top-ds-input-offset-adjusted-xl {
    top: 4px
}

.top-ds-input-offset-adjusted-xxl {
    top: 6px
}

.top-full {
    top: 100%
}

.-z-10 {
    z-index: -10
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-\[1\] {
    z-index: 1
}

.-order-1 {
    order: -1
}

.col-start-1 {
    grid-column-start: 1
}

.row-start-1 {
    grid-row-start: 1
}

.float-end {
    float: inline-end
}

.-m-ds-3 {
    margin: -8px
}

.m-0 {
    margin: 0
}

.m-1 {
    margin: .25rem
}

.m-2 {
    margin: .5rem
}

.m-4 {
    margin: 1rem
}

.m-\[-2px\] {
    margin: -2px
}

.m-auto {
    margin: auto
}

.m-ds-0 {
    margin: 0
}

.m-ds-2 {
    margin: 4px
}

.m-ds-3 {
    margin: 8px
}

.m-ds-4 {
    margin: 12px
}

.m-ds-5 {
    margin: 16px
}

.-mx-2 {
    margin-left: -.5rem;
    margin-right: -.5rem
}

.-mx-3 {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem
}

.-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem
}

.-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.-my-2 {
    margin-top: -.5rem;
    margin-bottom: -.5rem
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.mx-ds-1 {
    margin-left: 2px;
    margin-right: 2px
}

.mx-ds-2 {
    margin-left: 4px;
    margin-right: 4px
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.my-0\.5 {
    margin-top: .125rem;
    margin-bottom: .125rem
}

.my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.my-ds-3 {
    margin-top: 8px;
    margin-bottom: 8px
}

.-mb-0 {
    margin-bottom: 0
}

.-mb-0\.5 {
    margin-bottom: -.125rem
}

.-mt-0 {
    margin-top: 0
}

.-mt-0\.5 {
    margin-top: -.125rem
}

.-mt-2 {
    margin-top: -.5rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-2\.5 {
    margin-bottom: .625rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-3\.5 {
    margin-bottom: .875rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mb-\[-0\.08rem\] {
    margin-bottom: -.08rem
}

.mb-\[-4px\] {
    margin-bottom: -4px
}

.mb-auto {
    margin-bottom: auto
}

.mb-ds-0 {
    margin-bottom: 0
}

.mb-ds-1 {
    margin-bottom: 2px
}

.mb-ds-10 {
    margin-bottom: 40px
}

.mb-ds-2 {
    margin-bottom: 4px
}

.mb-ds-3 {
    margin-bottom: 8px
}

.mb-ds-4 {
    margin-bottom: 12px
}

.mb-ds-5 {
    margin-bottom: 16px
}

.mb-ds-6 {
    margin-bottom: 20px
}

.mb-ds-7 {
    margin-bottom: 24px
}

.mb-ds-8 {
    margin-bottom: 28px
}

.mb-ds-9 {
    margin-bottom: 32px
}

.mb-px {
    margin-bottom: 1px
}

.me-0 {
    margin-inline-end: 0
}

.me-0\.5 {
    margin-inline-end: .125rem
}

.me-3 {
    margin-inline-end: .75rem
}

.me-ds-0 {
    margin-inline-end: 0
}

.me-ds-1 {
    margin-inline-end: 2px
}

.me-ds-10 {
    margin-inline-end: 40px
}

.me-ds-2 {
    margin-inline-end: 4px
}

.me-ds-3 {
    margin-inline-end: 8px
}

.me-ds-4 {
    margin-inline-end: 12px
}

.me-ds-5 {
    margin-inline-end: 16px
}

.me-ds-6 {
    margin-inline-end: 20px
}

.me-ds-7 {
    margin-inline-end: 24px
}

.me-ds-8 {
    margin-inline-end: 28px
}

.me-ds-9 {
    margin-inline-end: 32px
}

.ml-3 {
    margin-left: .75rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-5 {
    margin-left: 1.25rem
}

.ml-\[-0\.45rem\] {
    margin-left: -.45rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-5 {
    margin-right: 1.25rem
}

.mr-\[-0\.45rem\] {
    margin-right: -.45rem
}

.ms-0 {
    margin-inline-start: 0
}

.ms-0\.5 {
    margin-inline-start: .125rem
}

.ms-4 {
    margin-inline-start: 1rem
}

.ms-auto {
    margin-inline-start: auto
}

.ms-ds-0 {
    margin-inline-start: 0
}

.ms-ds-1 {
    margin-inline-start: 2px
}

.ms-ds-10 {
    margin-inline-start: 40px
}

.ms-ds-2 {
    margin-inline-start: 4px
}

.ms-ds-3 {
    margin-inline-start: 8px
}

.ms-ds-4 {
    margin-inline-start: 12px
}

.ms-ds-5 {
    margin-inline-start: 16px
}

.ms-ds-6 {
    margin-inline-start: 20px
}

.ms-ds-7 {
    margin-inline-start: 24px
}

.ms-ds-8 {
    margin-inline-start: 28px
}

.ms-ds-9 {
    margin-inline-start: 32px
}

.mt-0 {
    margin-top: 0
}

.mt-0\.5 {
    margin-top: .125rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-16 {
    margin-top: 4rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-2\.5 {
    margin-top: .625rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-3\.5 {
    margin-top: .875rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-\[-0\.07rem\] {
    margin-top: -.07rem
}

.mt-\[2px\] {
    margin-top: 2px
}

.mt-auto {
    margin-top: auto
}

.mt-ds-0 {
    margin-top: 0
}

.mt-ds-1 {
    margin-top: 2px
}

.mt-ds-10 {
    margin-top: 40px
}

.mt-ds-2 {
    margin-top: 4px
}

.mt-ds-3 {
    margin-top: 8px
}

.mt-ds-4 {
    margin-top: 12px
}

.mt-ds-5 {
    margin-top: 16px
}

.mt-ds-6 {
    margin-top: 20px
}

.mt-ds-7 {
    margin-top: 24px
}

.mt-ds-8 {
    margin-top: 28px
}

.mt-ds-9 {
    margin-top: 32px
}

.box-border {
    box-sizing: border-box
}

.box-content {
    box-sizing: content-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.table-cell {
    display: table-cell
}

.table-row {
    display: table-row
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.list-item {
    display: list-item
}

.\ !hidden {
    display: none !important
}

.hidden {
    display: none
}

.size-0 {
    width: 0;
    height: 0
}

.size-1 {
    width: .25rem;
    height: .25rem
}

.size-14 {
    width: 3.5rem;
    height: 3.5rem
}

.size-2 {
    width: .5rem;
    height: .5rem
}

.size-2\.5 {
    width: .625rem;
    height: .625rem
}

.size-3 {
    width: .75rem;
    height: .75rem
}

.size-3\.5 {
    width: .875rem;
    height: .875rem
}

.size-4 {
    width: 1rem;
    height: 1rem
}

.size-40 {
    width: 10rem;
    height: 10rem
}

.size-\[12\.25rem\] {
    width: 12.25rem;
    height: 12.25rem
}

.size-\[160px\] {
    width: 160px;
    height: 160px
}

.size-\[18px\] {
    width: 18px;
    height: 18px
}

.size-\[192px\] {
    width: 192px;
    height: 192px
}

.size-\[5\.25rem\] {
    width: 5.25rem;
    height: 5.25rem
}

.size-\[7\.75rem\] {
    width: 7.75rem;
    height: 7.75rem
}

.size-\[98px\] {
    width: 98px;
    height: 98px
}

.size-ds-badge-icon-lg,
.size-ds-badge-icon-md {
    width: 16px;
    height: 16px
}

.size-ds-badge-icon-sm {
    width: 12px;
    height: 12px
}

.size-ds-button-emphasis-none-lg-icon,
.size-ds-button-emphasis-none-md-icon {
    width: 20px;
    height: 20px
}

.size-ds-button-emphasis-none-sm-icon {
    width: 16px;
    height: 16px
}

.size-ds-button-lg-icon,
.size-ds-button-md-icon,
.size-ds-button-sm-icon {
    width: 20px;
    height: 20px
}

.size-ds-button-vertical-lg-icon {
    width: 24px;
    height: 24px
}

.size-ds-button-vertical-md-icon,
.size-ds-button-vertical-sm-icon {
    width: 20px;
    height: 20px
}

.size-ds-button-vertical-xl-icon {
    width: 24px;
    height: 24px
}

.size-ds-button-vertical-xs-icon {
    width: 20px;
    height: 20px
}

.size-ds-button-vertical-xxl-icon {
    width: 24px;
    height: 24px
}

.size-ds-button-vertical-xxs-icon,
.size-ds-button-xl-icon {
    width: 20px;
    height: 20px
}

.size-ds-button-xs-icon {
    width: 16px;
    height: 16px
}

.size-ds-button-xxl-icon {
    width: 20px;
    height: 20px
}

.size-ds-button-xxs-icon {
    width: 16px;
    height: 16px
}

.size-ds-circle-icon-lg {
    width: 24px;
    height: 24px
}

.size-ds-circle-icon-md {
    width: 20px;
    height: 20px
}

.size-ds-circle-icon-sm {
    width: 16px;
    height: 16px
}

.size-ds-circle-icon-xl {
    width: 32px;
    height: 32px
}

.size-ds-circle-icon-xs {
    width: 16px;
    height: 16px
}

.size-ds-circle-icon-xxl {
    width: 32px;
    height: 32px
}

.size-ds-circle-icon-xxs {
    width: 12px;
    height: 12px
}

.size-ds-dropdown-button-emphasis-none {
    width: 0px 0px;
    height: 0px 0px
}

.size-ds-dropdown-button-icon-size-emphasis-none-lg,
.size-ds-dropdown-button-icon-size-emphasis-none-md {
    width: 20px;
    height: 20px
}

.size-ds-dropdown-button-icon-size-emphasis-none-sm {
    width: 16px;
    height: 16px
}

.size-ds-dropdown-button-icon-size-lg,
.size-ds-dropdown-button-icon-size-md,
.size-ds-dropdown-button-icon-size-sm,
.size-ds-dropdown-button-icon-size-xl {
    width: 20px;
    height: 20px
}

.size-ds-dropdown-button-icon-size-xs {
    width: 16px;
    height: 16px
}

.size-ds-dropdown-button-icon-size-xxl {
    width: 20px;
    height: 20px
}

.size-ds-dropdown-button-icon-size-xxs {
    width: 16px;
    height: 16px
}

.size-ds-dropdown-button-lg {
    width: 12px 12px;
    height: 12px 12px
}

.size-ds-dropdown-button-md {
    width: 10px 12px;
    height: 10px 12px
}

.size-ds-dropdown-button-sm {
    width: 8px 12px;
    height: 8px 12px
}

.size-ds-dropdown-button-xl {
    width: 13px 12px;
    height: 13px 12px
}

.size-ds-dropdown-button-xs {
    width: 8px 12px;
    height: 8px 12px
}

.size-ds-dropdown-button-xxl {
    width: 15px 12px;
    height: 15px 12px
}

.size-ds-dropdown-button-xxs {
    width: 6px 8px;
    height: 6px 8px
}

.size-ds-icon-button-emphasis-none-lg {
    width: 28px;
    height: 28px
}

.size-ds-icon-button-emphasis-none-md {
    width: 24px;
    height: 24px
}

.size-ds-icon-button-emphasis-none-sm {
    width: 20px;
    height: 20px
}

.size-ds-icon-button-emphasis-none-xl {
    width: 32px;
    height: 32px
}

.size-ds-icon-button-emphasis-none-xs {
    width: 16px;
    height: 16px
}

.size-ds-icon-button-emphasis-none-xxl {
    width: 40px;
    height: 40px
}

.size-ds-icon-button-emphasis-none-xxs {
    width: 12px;
    height: 12px
}

.size-ds-icon-button-lg,
.size-ds-icon-button-md,
.size-ds-icon-button-sm {
    width: 20px;
    height: 20px
}

.size-ds-icon-button-xl {
    width: 24px;
    height: 24px
}

.size-ds-icon-button-xs {
    width: 20px;
    height: 20px
}

.size-ds-icon-button-xxl {
    width: 24px;
    height: 24px
}

.size-ds-icon-button-xxs,
.size-ds-input-icon-size-lg,
.size-ds-input-icon-size-md,
.size-ds-input-icon-size-sm,
.size-ds-input-icon-size-xl,
.size-ds-input-icon-size-xs,
.size-ds-input-icon-size-xxl {
    width: 20px;
    height: 20px
}

.size-ds-input-icon-size-xxs {
    width: 16px;
    height: 16px
}

.size-ds-segmented-control-icon-lg,
.size-ds-segmented-control-icon-md {
    width: 20px;
    height: 20px
}

.size-ds-segmented-control-icon-sm,
.size-ds-segmented-control-icon-xs {
    width: 16px;
    height: 16px
}

.size-fit {
    width: fit-content;
    height: fit-content
}

.size-full {
    width: 100%;
    height: 100%
}

.h-0 {
    height: 0
}

.h-0\.5 {
    height: .125rem
}

.h-1 {
    height: .25rem
}

.h-10 {
    height: 2.5rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-3 {
    height: .75rem
}

.h-4 {
    height: 1rem
}

.h-40 {
    height: 10rem
}

.h-48 {
    height: 12rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-60 {
    height: 15rem
}

.h-64 {
    height: 16rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-\[100vh\] {
    height: 100vh
}

.h-\[122px\] {
    height: 122px
}

.h-\[140px\] {
    height: 140px
}

.h-\[15px\] {
    height: 15px
}

.h-\[160px\] {
    height: 160px
}

.h-\[192px\] {
    height: 192px
}

.h-\[1px\] {
    height: 1px
}

.h-\[200px\] {
    height: 200px
}

.h-\[250px\] {
    height: 250px
}

.h-\[40px\] {
    height: 40px
}

.h-\[56px\] {
    height: 56px
}

.h-\[95\%\] {
    height: 95%
}

.h-auto {
    height: auto
}

.h-ds-9 {
    height: 32px
}

.h-ds-icon-3xl {
    height: 48px
}

.h-ds-icon-lg {
    height: 28px
}

.h-ds-icon-md {
    height: 24px
}

.h-ds-icon-sm {
    height: 20px
}

.h-ds-icon-xl {
    height: 32px
}

.h-ds-icon-xs {
    height: 16px
}

.h-ds-icon-xxl {
    height: 40px
}

.h-ds-icon-xxs {
    height: 12px
}

.h-ds-input-lg {
    height: 44px
}

.h-ds-input-md {
    height: 40px
}

.h-ds-input-sm {
    height: 36px
}

.h-ds-input-xl {
    height: 48px
}

.h-ds-input-xs {
    height: 32px
}

.h-ds-input-xxl {
    height: 52px
}

.h-ds-input-xxs {
    height: 28px
}

.h-dvh {
    height: 100dvh
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

.max-h-0 {
    max-height: 0
}

.max-h-16 {
    max-height: 4rem
}

.max-h-\[100vh\] {
    max-height: 100vh
}

.max-h-full {
    max-height: 100%
}

.max-h-screen {
    max-height: 100vh
}

.min-h-0 {
    min-height: 0
}

.min-h-10 {
    min-height: 2.5rem
}

.min-h-5 {
    min-height: 1.25rem
}

.min-h-6 {
    min-height: 1.5rem
}

.min-h-9 {
    min-height: 2.25rem
}

.min-h-\[160px\] {
    min-height: 160px
}

.min-h-\[64px\] {
    min-height: 64px
}

.min-h-dvh {
    min-height: 100dvh
}

.min-h-full {
    min-height: 100%
}

.min-h-screen {
    min-height: 100vh
}

.\ !w-full {
    width: 100% !important
}

.w-0 {
    width: 0
}

.w-10 {
    width: 2.5rem
}

.w-11 {
    width: 2.75rem
}

.w-16 {
    width: 4rem
}

.w-2\/3 {
    width: 66.6667%
}

.w-3 {
    width: .75rem
}

.w-36 {
    width: 9rem
}

.w-40 {
    width: 10rem
}

.w-44 {
    width: 11rem
}

.w-48 {
    width: 12rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-7 {
    width: 1.75rem
}

.w-8 {
    width: 2rem
}

.w-9 {
    width: 2.25rem
}

.w-\[12\.5rem\] {
    width: 12.5rem
}

.w-\[120px\] {
    width: 120px
}

.w-\[128px\] {
    width: 128px
}

.w-\[14\.2857\%\] {
    width: 14.2857%
}

.w-\[140px\] {
    width: 140px
}

.w-\[15px\] {
    width: 15px
}

.w-\[160px\] {
    width: 160px
}

.w-\[192px\] {
    width: 192px
}

.w-\[200px\] {
    width: 200px
}

.w-\[250px\] {
    width: 250px
}

.w-\[300px\] {
    width: 300px
}

.w-\[308px\] {
    width: 308px
}

.w-\[30px\] {
    width: 30px
}

.w-\[3px\] {
    width: 3px
}

.w-\[400px\] {
    width: 400px
}

.w-\[40px\] {
    width: 40px
}

.w-\[44px\] {
    width: 44px
}

.w-\[498px\] {
    width: 498px
}

.w-\[56px\] {
    width: 56px
}

.w-\[88px\] {
    width: 88px
}

.w-\[95\%\] {
    width: 95%
}

.w-\[calc\(\(var\(--value-percent\)\*100\%\)\+\(1-var\(--value-percent\)\)\*var\(--thumb-size\)\)\] {
    width: calc((var(--value-percent)*100%) + (1 - var(--value-percent))*var(--thumb-size))
}

.w-\[calc\(100\%\+2\*theme\(spacing\.2\)\)\] {
    width: calc(100% + 1rem)
}

.w-\[calc\(100\%\+2\*theme\(spacing\.3\)\)\] {
    width: calc(100% + 1.5rem)
}

.w-\[calc\(100\%\+2\*theme\(spacing\.4\)\)\] {
    width: calc(100% + 2rem)
}

.w-\[calc\(100\%\+2\*theme\(spacing\.5\)\)\] {
    width: calc(100% + 2.5rem)
}

.w-\[calc\(100\%\+2\*theme\(spacing\.6\)\)\] {
    width: calc(100% + 3rem)
}

.w-\[calc\(100\%-2\*theme\(spacing\.1\)\)\] {
    width: calc(100% - .5rem)
}

.w-\[calc\(100\%-2\*theme\(spacing\.3\)\)\] {
    width: calc(100% - 1.5rem)
}

.w-\[calc\(100\%-2\*theme\(spacing\.4\)\)\] {
    width: calc(100% - 2rem)
}

.w-\[calc\(100\%-2\*theme\(spacing\.5\)\)\] {
    width: calc(100% - 2.5rem)
}

.w-\[calc\(100\%-2\*theme\(spacing\.6\)\)\] {
    width: calc(100% - 3rem)
}

.w-auto {
    width: auto
}

.w-ds-10 {
    width: 40px
}

.w-ds-icon-3xl {
    width: 48px
}

.w-ds-icon-lg {
    width: 28px
}

.w-ds-icon-md {
    width: 24px
}

.w-ds-icon-sm {
    width: 20px
}

.w-ds-icon-xl {
    width: 32px
}

.w-ds-icon-xs {
    width: 16px
}

.w-ds-icon-xxl {
    width: 40px
}

.w-ds-icon-xxs {
    width: 12px
}

.w-fit {
    width: fit-content
}

.w-full {
    width: 100%
}

.w-min {
    width: min-content
}

.min-w-0 {
    min-width: 0
}

.min-w-\[120px\] {
    min-width: 120px
}

.min-w-\[300px\] {
    min-width: 300px
}

.min-w-\[320px\] {
    min-width: 320px
}

.min-w-fit {
    min-width: fit-content
}

.min-w-full {
    min-width: 100%
}

.min-w-min {
    min-width: min-content
}

.max-w-\[1000px\] {
    max-width: 1000px
}

.max-w-\[1045px\] {
    max-width: 1045px
}

.max-w-\[1200px\] {
    max-width: 1200px
}

.max-w-\[1332px\] {
    max-width: 1332px
}

.max-w-\[350px\] {
    max-width: 350px
}

.max-w-\[400px\] {
    max-width: 400px
}

.max-w-\[440px\] {
    max-width: 440px
}

.max-w-\[480px\] {
    max-width: 480px
}

.max-w-\[570px\] {
    max-width: 570px
}

.max-w-\[600px\] {
    max-width: 600px
}

.max-w-\[800px\] {
    max-width: 800px
}

.max-w-full {
    max-width: 100%
}

.max-w-xs {
    max-width: 20rem
}

.flex-1 {
    flex: 1
}

.flex-none {
    flex: none
}

.flex-shrink-0 {
    flex-shrink: 0
}

.shrink {
    flex-shrink: 1
}

.shrink-0 {
    flex-shrink: 0
}

.flex-grow {
    flex-grow: 1
}

.flex-grow-0 {
    flex-grow: 0
}

.grow {
    flex-grow: 1
}

.grow-0 {
    flex-grow: 0
}

.basis-0 {
    flex-basis: 0
}

.basis-full {
    flex-basis: 100%
}

.table-auto {
    table-layout: auto
}

.border-collapse {
    border-collapse: collapse
}

.origin-center {
    transform-origin: 50%
}

.origin-left {
    transform-origin: 0
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

.-translate-y-0 {
    --tw-translate-y: -0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

.-translate-y-0\.5 {
    --tw-translate-y: -.125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

.-translate-y-1 {
    --tw-translate-y: -.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

.translate-x-2 {
    --tw-translate-x: .5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

.translate-x-3 {
    --tw-translate-x: .75rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

.translate-x-\[18px\] {
    --tw-translate-x: 18px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

.translate-x-\[calc\(var\(--value-percent\)\*-1\*100\%\)\] {
    --tw-translate-x: calc(var(--value-percent)*-1*100%);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

.translate-x-\[calc\(var\(--value-percent\)\*100\%\)\] {
    --tw-translate-x: calc(var(--value-percent)*100%);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

.translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

.-rotate-90 {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

.rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

.rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

.scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

@keyframes ds-menu-fadeIn {
    0% {
        opacity: 0;
        transform: scale(.9)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

.animate-\[ds-menu-fadeIn_0\.2s_ease-in-out\] {
    animation: .2s ease-in-out ds-menu-fadeIn
}

@keyframes ds-popover-fadeIn {
    0% {
        opacity: 0;
        transform: scale(.9)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

.animate-\[ds-popover-fadeIn_0\.2s_ease-in-out\] {
    animation: .2s ease-in-out ds-popover-fadeIn
}

@keyframes ds-toast-animated-notification-slide-left {
    0% {
        transform: translate(0)
    }
    to {
        transform: translate(-100%)
    }
}

.animate-\[ds-toast-animated-notification-slide-left_linear_forwards\] {
    animation: linear forwards ds-toast-animated-notification-slide-left
}

@keyframes ds-dialog-fadeIn {
    0% {
        opacity: 0;
        transform: scale(.95)
    }
    to {
        transform: scale(1)
    }
}

.animate-ds-dialog-fadeIn {
    animation: .2s cubic-bezier(.165, .84, .44, 1) ds-dialog-fadeIn
}

@keyframes ds-dialog-fadeOut {
    0% {
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(.95)
    }
}

.animate-ds-dialog-fadeOut {
    animation: .15s cubic-bezier(.165, .84, .44, 1) forwards ds-dialog-fadeOut
}

@keyframes ds-dialogoverlay-fadeIn {
    0% {
        opacity: 0;
        background-color: #0000
    }
    to {
        opacity: 100;
        background-color: #0006
    }
}

.animate-ds-dialogoverlay-fadeIn {
    animation: .2s cubic-bezier(.165, .84, .44, 1) ds-dialogoverlay-fadeIn
}

@keyframes ds-dialogoverlay-fadeOut {
    to {
        opacity: 0;
        background-color: #0000
    }
    0% {
        opacity: 100;
        background-color: #0006
    }
}

.animate-ds-dialogoverlay-fadeOut {
    animation: .15s cubic-bezier(.165, .84, .44, 1) forwards ds-dialogoverlay-fadeOut
}

@keyframes ds-kit-drawer-fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.animate-ds-kit-drawer-fadeIn {
    animation: .5s cubic-bezier(.32, .72, 0, 1) ds-kit-drawer-fadeIn
}

@keyframes ds-kit-mobile-sheet-backdropFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.animate-ds-kit-mobile-sheet-backdropFadeIn {
    animation: .28s cubic-bezier(.32, .72, 0, 1) forwards ds-kit-mobile-sheet-backdropFadeIn
}

@keyframes ds-kit-mobile-sheet-backdropFadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.animate-ds-kit-mobile-sheet-backdropFadeOut {
    animation: .28s cubic-bezier(.32, .72, 0, 1) forwards ds-kit-mobile-sheet-backdropFadeOut
}

@keyframes ds-kit-mobile-sheet-panelSlideDown {
    0% {
        opacity: 1;
        transform: translateY(0%)
    }
    to {
        opacity: 0;
        transform: translateY(100%)
    }
}

.animate-ds-kit-mobile-sheet-panelSlideDown {
    animation: .28s cubic-bezier(.32, .72, 0, 1) forwards ds-kit-mobile-sheet-panelSlideDown
}

@keyframes ds-kit-mobile-sheet-panelSlideUp {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }
    to {
        opacity: 1;
        transform: translateY(0%)
    }
}

.animate-ds-kit-mobile-sheet-panelSlideUp {
    animation: .28s cubic-bezier(.32, .72, 0, 1) forwards ds-kit-mobile-sheet-panelSlideUp
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.animate-spin {
    animation: 1s linear infinite spin
}

.cursor-col-resize {
    cursor: col-resize
}

.cursor-default {
    cursor: default
}

.cursor-grab {
    cursor: grab
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.cursor-text {
    cursor: text
}

.select-none {
    -webkit-user-select: none;
    user-select: none
}

.resize-none {
    resize: none
}

.resize {
    resize: both
}

.list-inside {
    list-style-position: inside
}

.list-decimal {
    list-style-type: decimal
}

.list-disc {
    list-style-type: disc
}

.list-none {
    list-style-type: none
}

.appearance-none {
    appearance: none
}

.auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr)
}

.grid-flow-row {
    grid-auto-flow: row
}

.grid-flow-col {
    grid-auto-flow: column
}

.auto-rows-min {
    grid-auto-rows: min-content
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto
}

.grid-cols-\[2\.5rem_1fr_2\.5rem\] {
    grid-template-columns: 2.5rem 1fr 2.5rem
}

.grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr
}

.grid-cols-\[minmax\(0\, 1fr\)_auto_minmax\(0\, 1fr\)\] {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr)
}

.grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr))
}

.grid-rows-\[0fr\] {
    grid-template-rows: 0fr
}

.grid-rows-\[1fr\] {
    grid-template-rows: 1fr
}

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.place-content-center {
    place-content: center
}

.place-content-start {
    place-content: start
}

.place-items-start {
    place-items: start
}

.place-items-center {
    place-items: center
}

.content-center {
    align-content: center
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.justify-normal {
    justify-content: normal
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}

.justify-stretch {
    justify-content: stretch
}

.justify-items-end {
    justify-items: end
}

.justify-items-center {
    justify-items: center
}

.\ !gap-0 {
    gap: 0 !important
}

.\ !gap-ds-2 {
    gap: 4px !important
}

.gap-0 {
    gap: 0
}

.gap-0\.5 {
    gap: .125rem
}

.gap-1 {
    gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-8 {
    gap: 2rem
}

.gap-\[18\] {
    gap: 18px
}

.gap-\[7px\] {
    gap: 7px
}

.gap-ds-1 {
    gap: 2px
}

.gap-ds-2 {
    gap: 4px
}

.gap-ds-3 {
    gap: 8px
}

.gap-ds-4 {
    gap: 12px
}

.gap-ds-5 {
    gap: 16px
}

.gap-ds-badge-lg,
.gap-ds-badge-md,
.gap-ds-badge-sm,
.gap-ds-button-emphasis-none-lg,
.gap-ds-button-emphasis-none-md,
.gap-ds-button-emphasis-none-sm,
.gap-ds-button-emphasis-none-xl,
.gap-ds-button-emphasis-none-xs,
.gap-ds-button-emphasis-none-xxl,
.gap-ds-button-emphasis-none-xxs {
    gap: 4px
}

.gap-ds-button-lg {
    gap: 8px
}

.gap-ds-button-md,
.gap-ds-button-sm {
    gap: 6px
}

.gap-ds-button-vertical-lg {
    gap: 8px
}

.gap-ds-button-vertical-md {
    gap: 4px
}

.gap-ds-button-vertical-sm {
    gap: 2px
}

.gap-ds-button-vertical-xl {
    gap: 8px
}

.gap-ds-button-vertical-xs {
    gap: 2px
}

.gap-ds-button-vertical-xxl {
    gap: 8px
}

.gap-ds-button-vertical-xxs {
    gap: 2px
}

.gap-ds-button-xl {
    gap: 8px
}

.gap-ds-button-xs {
    gap: 6px
}

.gap-ds-button-xxl {
    gap: 8px
}

.gap-ds-button-xxs {
    gap: 4px
}

.gap-ds-card {
    gap: 2px
}

.gap-ds-carousel-wrapper {
    gap: 12px
}

.gap-ds-dropdown-button-emphasis-none {
    gap: 6px
}

.gap-ds-dropdown-button-lg {
    gap: 8px
}

.gap-ds-dropdown-button-md,
.gap-ds-dropdown-button-sm {
    gap: 6px
}

.gap-ds-dropdown-button-xl {
    gap: 8px
}

.gap-ds-dropdown-button-xs {
    gap: 6px
}

.gap-ds-dropdown-button-xxl {
    gap: 8px
}

.gap-ds-dropdown-button-xxs {
    gap: 4px
}

.gap-ds-input-lg,
.gap-ds-input-md,
.gap-ds-input-sm,
.gap-ds-input-xl,
.gap-ds-input-xs,
.gap-ds-input-xxl,
.gap-ds-input-xxs,
.gap-ds-inputerror-md {
    gap: 8px
}

.gap-ds-inputerror-sm {
    gap: 4px
}

.gap-ds-notification-non-stacked-buttons {
    gap: 12px
}

.gap-ds-notification-non-stacked-lg {
    gap: 16px
}

.gap-ds-notification-non-stacked-md {
    gap: 12px
}

.gap-ds-notification-non-stacked-sm {
    gap: 8px
}

.gap-ds-notification-stacked-buttons {
    gap: 12px
}

.gap-ds-notification-stacked-lg {
    gap: 16px
}

.gap-ds-notification-stacked-md {
    gap: 12px
}

.gap-ds-notification-stacked-sm {
    gap: 8px
}

.gap-ds-notification-vertical-non-stacked,
.gap-ds-notification-vertical-stacked,
.gap-ds-pill-lg,
.gap-ds-pill-md,
.gap-ds-pill-sm {
    gap: 4px
}

.gap-ds-segmented-control {
    gap: 0
}

.gap-ds-segmented-control-lg,
.gap-ds-segmented-control-md,
.gap-ds-segmented-control-sm,
.gap-ds-segmented-control-xs {
    gap: 6px
}

.gap-ds-tabs-underlineIconGap {
    gap: 4px
}

.gap-ds-tabs-underlineIconGapLg {
    gap: 8px
}

.gap-x-1 {
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

.gap-x-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-x-3 {
    -moz-column-gap: .75rem;
    column-gap: .75rem
}

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-x-5 {
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem
}

.gap-x-ds-1 {
    -moz-column-gap: 2px;
    column-gap: 2px
}

.gap-x-ds-4 {
    -moz-column-gap: 12px;
    column-gap: 12px
}

.gap-x-ds-5 {
    -moz-column-gap: 16px;
    column-gap: 16px
}

.gap-x-ds-7 {
    -moz-column-gap: 24px;
    column-gap: 24px
}

.gap-x-ds-tabs-underlineGroup {
    -moz-column-gap: 16px;
    column-gap: 16px
}

.gap-y-1 {
    row-gap: .25rem
}

.gap-y-1\.5 {
    row-gap: .375rem
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-3 {
    row-gap: .75rem
}

.gap-y-5 {
    row-gap: 1.25rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

.gap-y-ds-1 {
    row-gap: 2px
}

.gap-y-ds-2 {
    row-gap: 4px
}

.gap-y-ds-3 {
    row-gap: 8px
}

.gap-y-ds-7 {
    row-gap: 24px
}

.space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.25rem*var(--tw-space-x-reverse));
    margin-left: calc(.25rem*calc(1 - var(--tw-space-x-reverse)))
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem*var(--tw-space-x-reverse));
    margin-left: calc(.5rem*calc(1 - var(--tw-space-x-reverse)))
}

.space-x-\[-4px\]>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-4px*var(--tw-space-x-reverse));
    margin-left: calc(-4px*calc(1 - var(--tw-space-x-reverse)))
}

.space-x-\[-5px\]>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-5px*var(--tw-space-x-reverse));
    margin-left: calc(-5px*calc(1 - var(--tw-space-x-reverse)))
}

.space-x-\[-6px\]>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-6px*var(--tw-space-x-reverse));
    margin-left: calc(-6px*calc(1 - var(--tw-space-x-reverse)))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem*calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse))
}

.self-auto {
    align-self: auto
}

.self-start {
    align-self: flex-start
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.self-stretch {
    align-self: stretch
}

.self-baseline {
    align-self: baseline
}

.justify-self-auto {
    justify-self: auto
}

.justify-self-start {
    justify-self: start
}

.justify-self-end {
    justify-self: end
}

.justify-self-center {
    justify-self: center
}

.justify-self-stretch {
    justify-self: stretch
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-clip {
    overflow: clip
}

.overflow-visible {
    overflow: visible
}

.overflow-scroll {
    overflow: scroll
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-scroll {
    overflow-y: scroll
}

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

.text-clip {
    text-overflow: clip
}

.whitespace-normal {
    white-space: normal
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre-line {
    white-space: pre-line
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

.whitespace-break-spaces {
    white-space: break-spaces
}

.text-wrap {
    text-wrap: wrap
}

.text-nowrap {
    text-wrap: nowrap
}

.text-balance {
    text-wrap: balance
}

.text-pretty {
    text-wrap: pretty
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.\ !rounded-none {
    border-radius: 0 !important
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-\[999px\] {
    border-radius: 999px
}

.rounded-\[inherit\] {
    border-radius: inherit
}

.rounded-ds-input-lg,
.rounded-ds-input-md {
    border-radius: 12px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-none {
    border-radius: 0
}

.rounded-sm {
    border-radius: .125rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b-ds-card {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px
}

.rounded-b-ds-card-grouped {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.rounded-b-ds-input-lg,
.rounded-b-ds-input-md {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px
}

.rounded-b-ds-input-sm {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.rounded-b-ds-input-stacked {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.rounded-b-ds-input-xl {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px
}

.rounded-b-ds-input-xs {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.rounded-b-ds-input-xxl {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px
}

.rounded-b-ds-input-xxs {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.rounded-e-ds-input-lg,
.rounded-e-ds-input-md {
    border-start-end-radius: 12px;
    border-end-end-radius: 12px
}

.rounded-e-none {
    border-start-end-radius: 0;
    border-end-end-radius: 0
}

.rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px
}

.rounded-s {
    border-start-start-radius: .25rem;
    border-end-start-radius: .25rem
}

.rounded-s-ds-input-lg,
.rounded-s-ds-input-md {
    border-start-start-radius: 12px;
    border-end-start-radius: 12px
}

.rounded-s-none {
    border-start-start-radius: 0;
    border-end-start-radius: 0
}

.rounded-s-sm {
    border-start-start-radius: .125rem;
    border-end-start-radius: .125rem
}

.rounded-t-ds-input-lg,
.rounded-t-ds-input-md {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.rounded-bl-xl {
    border-bottom-left-radius: .75rem
}

.rounded-ee-\[4px\] {
    border-end-end-radius: 4px
}

.rounded-ee-ds-card,
.rounded-ee-ds-input-lg,
.rounded-ee-ds-input-md {
    border-end-end-radius: 12px
}

.rounded-es-\[4px\] {
    border-end-start-radius: 4px
}

.rounded-es-ds-card,
.rounded-es-ds-input-lg,
.rounded-es-ds-input-md {
    border-end-start-radius: 12px
}

.rounded-se-\[4px\] {
    border-start-end-radius: 4px
}

.rounded-se-ds-card,
.rounded-se-ds-input-lg,
.rounded-se-ds-input-md {
    border-start-end-radius: 12px
}

.rounded-ss-\[4px\] {
    border-start-start-radius: 4px
}

.rounded-ss-ds-card,
.rounded-ss-ds-input-lg,
.rounded-ss-ds-input-md {
    border-start-start-radius: 12px
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-2,
.border-ds-card-selected-width {
    border-width: 2px
}

.border-ds-card-width,
.border-ds-input-width-default {
    border-width: 0
}

.border-x {
    border-left-width: 1px;
    border-right-width: 1px
}

.border-x-0 {
    border-left-width: 0;
    border-right-width: 0
}

.border-y-0,
.border-y-\[0px\] {
    border-top-width: 0;
    border-bottom-width: 0
}

.border-b {
    border-bottom-width: 1px
}

.border-b-0 {
    border-bottom-width: 0
}

.border-b-\[1px\] {
    border-bottom-width: 1px
}

.border-b-\[thin\] {
    border-bottom-width: thin
}

.border-e {
    border-inline-end-width: 1px
}

.border-e-0 {
    border-inline-end-width: 0
}

.border-l-\[1px\] {
    border-left-width: 1px
}

.border-r-\[0px\] {
    border-right-width: 0
}

.border-s {
    border-inline-start-width: 1px
}

.border-s-0 {
    border-inline-start-width: 0
}

.border-t {
    border-top-width: 1px
}

.border-t-0,
.border-t-\[0px\] {
    border-top-width: 0
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-none {
    border-style: none
}

.border-current {
    border-color: currentColor
}

.border-ds-asset-conversion-icons-primary {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-asset-conversion-icons-primary), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-badge-info-high {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-badge-info-high), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-badge-info-low {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-badge-info-low), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-badge-negative-high {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-badge-negative-high), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-badge-negative-low {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-badge-negative-low), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-badge-neutral-high {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-badge-neutral-high), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-badge-neutral-low {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-badge-neutral-low), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-badge-positive-high {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-badge-positive-high), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-badge-positive-low {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-badge-positive-low), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-badge-primary-high {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-badge-primary-high), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-badge-primary-low {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-badge-primary-low), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-badge-warning-high {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-badge-warning-high), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-badge-warning-low {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-badge-warning-low), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-base-drawer {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-base-drawer), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-card {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-card), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-card-disabled {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-card-disabled), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-card-selected {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-card-selected), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-checkbox-primary-focus {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-checkbox-primary-focus), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-datepicker {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-datepicker), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-divider {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--colors-ds-divider), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-legend-item-dimmed {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-legend-item-dimmed), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-menu {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-menu), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-menu-divider {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-menu-divider), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-popover {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-popover), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-radio-primary-focus {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-radio-primary-focus), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-selectable-card {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-selectable-card), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-selectable-card-disabled {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-selectable-card-disabled), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-selectable-card-selected {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-selectable-card-selected), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-semantic-border-default {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--colors-ds-semantic-border-default), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-table-header {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-table-header), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-tabs-selected {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-tabs-selected), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-timeline {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-timeline), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-ds-transparent,
.border-transparent {
    border-color: #0000
}

.border-x-ds-table-header-cell-hover {
    --tw-border-opacity: 1;
    border-left-color: color-mix(in srgb, var(--border-color-ds-table-header-cell-hover), transparent calc(100% - 100%*var(--tw-border-opacity)));
    border-right-color: color-mix(in srgb, var(--border-color-ds-table-header-cell-hover), transparent calc(100% - 100%*var(--tw-border-opacity)))
}

.border-b-ds-grey-opacity-12 {
    border-bottom-color: #686b821f
}

.border-e-ds-grey-opacity-12 {
    border-inline-end-color: #686b821f
}

.\ !bg-ds-menu-active-hover {
    --tw-bg-opacity: 1 !important;
    background-color: color-mix(in srgb, var(--background-color-ds-menu-active-hover), transparent calc(100% - 100%*var(--tw-bg-opacity))) !important
}

.\ !bg-ds-transparent,
.\ !bg-transparent {
    background-color: #0000 !important
}

.bg-\[\#123456\] {
    --tw-bg-opacity: 1;
    background-color: rgb(18 52 86/var(--tw-bg-opacity))
}

.bg-\[\#789012\] {
    --tw-bg-opacity: 1;
    background-color: rgb(120 144 18/var(--tw-bg-opacity))
}

.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246/var(--tw-bg-opacity))
}

.bg-current {
    background-color: currentColor
}

.bg-ds-accordion {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-accordion), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-badge-info-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-info-high), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-badge-info-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-info-low), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-badge-negative-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-negative-high), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-badge-negative-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-negative-low), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-badge-neutral-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-neutral-high), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-badge-neutral-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-neutral-low), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-badge-new-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-new-high), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-badge-new-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-new-low), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-badge-positive-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-positive-high), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-badge-positive-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-positive-low), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-badge-primary-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-primary-high), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-badge-primary-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-primary-low), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-badge-warning-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-warning-high), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-badge-warning-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-warning-low), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-banner {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-banner), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-base-drawer {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-base-drawer), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-brand-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-brand-high), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-brand-high-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-brand-high-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-brand-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-brand-low), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-brand-low-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-brand-low-active), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-brand-low-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-brand-low-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-brand-medium {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-brand-medium), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-brand-medium-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-brand-medium-active), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-brand-medium-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-brand-medium-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-brand-none {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-brand-none), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-info-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-info-high), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-info-high-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-info-high-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-info-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-info-low), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-info-low-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-info-low-active), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-info-low-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-info-low-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-info-medium {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-info-medium), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-info-medium-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-info-medium-active), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-info-medium-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-info-medium-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-info-none {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-info-none), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-inverted-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-inverted-high), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-inverted-high-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-inverted-high-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-inverted-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-inverted-low), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-inverted-low-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-inverted-low-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-inverted-medium {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-inverted-medium), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-inverted-medium-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-inverted-medium-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-inverted-none {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-inverted-none), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-negative-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-negative-high), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-negative-high-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-negative-high-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-negative-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-negative-low), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-negative-low-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-negative-low-active), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-negative-low-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-negative-low-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-negative-medium {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-negative-medium), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-negative-medium-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-negative-medium-active), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-negative-medium-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-negative-medium-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-negative-none {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-negative-none), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-neutral-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-neutral-high), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-neutral-high-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-neutral-high-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-neutral-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-neutral-low), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-neutral-low-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-neutral-low-active), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-neutral-low-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-neutral-low-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-neutral-medium {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-neutral-medium), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-neutral-medium-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-neutral-medium-active), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-neutral-medium-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-neutral-medium-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-neutral-none {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-neutral-none), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-positive-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-positive-high), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-positive-high-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-positive-high-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-positive-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-positive-low), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-positive-low-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-positive-low-active), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-positive-low-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-positive-low-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-positive-medium {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-positive-medium), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-positive-medium-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-positive-medium-active), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-positive-medium-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-positive-medium-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-positive-none {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-positive-none), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-primary-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-primary-high), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-primary-high-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-primary-high-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-primary-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-primary-low), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-primary-low-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-primary-low-active), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-primary-low-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-primary-low-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-primary-medium {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-primary-medium), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-primary-medium-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-primary-medium-active), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-primary-medium-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-primary-medium-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-primary-none {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-primary-none), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-warning-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-warning-high), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-warning-high-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-warning-high-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-warning-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-warning-low), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-warning-low-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-warning-low-active), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-warning-low-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-warning-low-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-warning-medium {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-warning-medium), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-warning-medium-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-warning-medium-active), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-warning-medium-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-warning-medium-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-button-warning-none {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-warning-none), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-calendar-cell {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-calendar-cell), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-calendar-cell-negative {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-calendar-cell-negative), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-calendar-cell-positive {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-calendar-cell-positive), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-card {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-card), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-card-background {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-card-background), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-card-disabled {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-card-disabled), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-card-selected {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-card-selected), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-checkbox-checked {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-checkbox-checked), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-checkbox-checked-negative {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-checkbox-checked-negative), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-checkbox-unchecked {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-checkbox-unchecked), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-checkbox-unchecked-negative {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-checkbox-unchecked-negative), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-circle-info-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-circle-info-high), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-circle-info-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-circle-info-low), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-circle-negative-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-circle-negative-high), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-circle-negative-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-circle-negative-low), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-circle-neutral-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-circle-neutral-high), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-circle-neutral-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-circle-neutral-low), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-circle-positive-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-circle-positive-high), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-circle-positive-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-circle-positive-low), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-circle-primary-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-circle-primary-high), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-circle-primary-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-circle-primary-low), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-circle-warning-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-circle-warning-high), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-circle-warning-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-circle-warning-low), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-consumerpagination {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-consumerpagination), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-consumerpagination-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-consumerpagination-active), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-container {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-container), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-datepicker {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-datepicker), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-datepicker-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-datepicker-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-datepicker-selected-day {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-datepicker-selected-day), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-datepicker-selected-day-range {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-datepicker-selected-day-range), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-datepicker-today {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-datepicker-today), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-dialog {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-dialog), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-dialogoverlay {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-dialogoverlay), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-dot-badge-negative {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-dot-badge-negative), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-filteritem-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-filteritem-active), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-fullScreenDialog {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-full-screen-dialog), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-input {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-input), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-input-background {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-input-background), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-input-background-selected {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-input-background-selected), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-input-error {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-input-error), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-input-selected {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-input-selected), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-inputerror-label {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-inputerror-label), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-kit-header-desktop {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-kit-header-desktop), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-kit-header-mobile {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-kit-header-mobile), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-kit-header-progress {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-kit-header-progress), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-legalnotice-neutral {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-legalnotice-neutral), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-legalnotice-primary {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-legalnotice-primary), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-legend-item-dimmed {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-legend-item-dimmed), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-menu {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-menu), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-menu-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-menu-active), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-menu-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-menu-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-menu-raised {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-menu-raised), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-neutral {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--colors-ds-neutral), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-notification-info {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-notification-info), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-notification-negative {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-notification-negative), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-notification-neutral {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-notification-neutral), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-notification-positive {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-notification-positive), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-notification-primary {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-notification-primary), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-notification-warning {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-notification-warning), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-pagination {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-pagination), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-pill-neutral {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-pill-neutral), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-pill-primary {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-pill-primary), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-popover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-popover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-primary {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--colors-ds-primary), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-progressbar-fill {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-progressbar-fill), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-progressbar-negative-indicator {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-progressbar-negative-indicator), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-progressbar-positive-indicator {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-progressbar-positive-indicator), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-progressbar-primary {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-progressbar-primary), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-progressbar-track {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-progressbar-track), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-progressbar-warning-indicator {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-progressbar-warning-indicator), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-progresstracker-finished {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-progresstracker-finished), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-progresstracker-in-progress {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-progresstracker-in-progress), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-progresstracker-info {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-progresstracker-info), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-progresstracker-waiting {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-progresstracker-waiting), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-progresstracker-warning {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-progresstracker-warning), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-radio-checked {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-radio-checked), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-radio-checked-disabled {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-radio-checked-disabled), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-radio-checked-negative {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-radio-checked-negative), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-radio-indicator {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-radio-indicator), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-radio-unchecked {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-radio-unchecked), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-radio-unchecked-disabled {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-radio-unchecked-disabled), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-radio-unchecked-negative {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-radio-unchecked-negative), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-radiogroup-error {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-radiogroup-error), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-segmented-control-active-negative {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-segmented-control-active-negative), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-segmented-control-active-negative-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-segmented-control-active-negative-low), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-segmented-control-active-positive {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-segmented-control-active-positive), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-segmented-control-active-positive-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-segmented-control-active-positive-low), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-segmented-control-active-primary {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-segmented-control-active-primary), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-segmented-control-active-primary-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-segmented-control-active-primary-low), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-segmented-control-inactive-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-segmented-control-inactive-high), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-segmented-control-inactive-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-segmented-control-inactive-low), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-selectable-card {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-selectable-card), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-selectable-card-disabled {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-selectable-card-disabled), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-selectable-card-selected {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-selectable-card-selected), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-semantic-border-default {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--colors-ds-semantic-border-default), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-semantic-content-primary {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--colors-ds-semantic-content-primary), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-semantic-status-negative-subtle {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--colors-ds-semantic-status-negative-subtle), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-semantic-surface-page {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--colors-ds-semantic-surface-page), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-semantic-surface-raised {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--colors-ds-semantic-surface-raised), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-skeleton-pending {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-skeleton-pending), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-slider-rangeTrack {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-slider-range-track), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-slider-rangeTrack-disabled {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-slider-range-track-disabled), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-slider-valueTrack {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-slider-value-track), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-slider-valueTrack-disabled {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-slider-value-track-disabled), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-slider-valueTrack-negative {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-slider-value-track-negative), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-slider-valueTrack-negativeDisabled {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-slider-value-track-negative-disabled), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-slider-valueTrack-positive {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-slider-value-track-positive), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-slider-valueTrack-positiveDisabled {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-slider-value-track-positive-disabled), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-slider-valueTrack-primary {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-slider-value-track-primary), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-slider-valueTrack-primaryDisabled {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-slider-value-track-primary-disabled), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-stacked-asset-icons {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-stacked-asset-icons), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-table-cell-sticky {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-table-cell-sticky), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-table-cell-sticky-container {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-table-cell-sticky-container), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-table-cell-sticky-container-card {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-table-cell-sticky-container-card), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-table-cell-sticky-dialog {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-table-cell-sticky-dialog), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-table-header-cell-resize {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-table-header-cell-resize), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-table-row {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-table-row), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-table-row-group {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-table-row-group), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-table-row-highlighted {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-table-row-highlighted), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-table-row-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-table-row-hover), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-tabs {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-tabs), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-tabs-onBackground {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-tabs-on-background), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-tabs-onBackgroundActive {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-tabs-on-background-active), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-toggle-handle-off {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-toggle-handle-off), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-toggle-handle-on {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-toggle-handle-on), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-toggle-track-off {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-toggle-track-off), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-toggle-track-on {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-toggle-track-on), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-tooltip {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-tooltip), transparent calc(100% - 100%*var(--tw-bg-opacity)))
}

.bg-ds-transparent {
    background-color: #0000
}

.bg-ds-white-opacity-24 {
    background-color: #ffffff3d
}

.bg-inherit {
    background-color: inherit
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: #0000
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-white\/\[\.04\] {
    background-color: #ffffff0a
}

.bg-opacity-10 {
    --tw-bg-opacity: .1
}

.bg-\[conic-gradient\(from_20deg_at_50\%_50\%\, var\(--tw-gradient-stops\)\)\] {
    background-image: conic-gradient(from 20deg at 50% 50%, var(--tw-gradient-stops))
}

.bg-\[conic-gradient\(from_20deg_at_50\%_50\%2cvar\(--tw-gradient-stops\)\)\] {
    background-image: conic-gradient(from 20deg at 50% 50%2cvar(--tw-gradient-stops))
}

.bg-\[linear-gradient\(180deg\, _\#FFC682_0\%\, _\#F7931A_100\%\)\] {
    background-image: linear-gradient(#ffc682 0%, #f7931a 100%)
}

.bg-\[linear-gradient\(180deg2c_\#FFC682_0\%2c_\#F7931A_100\%\)\] {
    background-image: linear-gradient(180deg2c #ffc682 0%2c #f7931a 100%)
}

.bg-ds-button-brand-high-gradient {
    background-image: var(--background-image-ds-button-brand-high-gradient)
}

.bg-ds-button-brand-high-gradient-hover {
    background-image: var(--background-image-ds-button-brand-high-gradient-hover)
}

.bg-ds-button-primary-high-gradient {
    background-image: var(--background-image-ds-button-primary-high-gradient)
}

.bg-ds-button-primary-high-gradient-hover {
    background-image: var(--background-image-ds-button-primary-high-gradient-hover)
}

.bg-ds-dialog-gradient {
    background-image: var(--background-image-ds-dialog-gradient)
}

.bg-ds-kit-header-progress-gradient {
    background-image: var(--background-image-ds-kit-header-progress-gradient)
}

.from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: #0000 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-current {
    --tw-gradient-to: currentColor var(--tw-gradient-to-position)
}

.bg-origin-border {
    background-origin: border-box
}

.fill-current {
    fill: currentColor
}

.fill-ds-brand-brand {
    fill: color-mix(in srgb, var(--fill-ds-brand-brand), transparent calc(100% - 100%*1))
}

.fill-ds-brand-breakout {
    fill: color-mix(in srgb, var(--fill-ds-brand-breakout), transparent calc(100% - 100%*1))
}

.fill-ds-brand-inverted {
    fill: color-mix(in srgb, var(--fill-ds-brand-inverted), transparent calc(100% - 100%*1))
}

.fill-ds-brand-neutral {
    fill: color-mix(in srgb, var(--fill-ds-brand-neutral), transparent calc(100% - 100%*1))
}

.fill-ds-brand-white {
    fill: color-mix(in srgb, var(--fill-ds-brand-white), transparent calc(100% - 100%*1))
}

.fill-ds-icon-brand {
    fill: color-mix(in srgb, var(--fill-ds-icon-brand), transparent calc(100% - 100%*1))
}

.fill-ds-icon-dimmed {
    fill: color-mix(in srgb, var(--fill-ds-icon-dimmed), transparent calc(100% - 100%*1))
}

.fill-ds-icon-disabled {
    fill: color-mix(in srgb, var(--fill-ds-icon-disabled), transparent calc(100% - 100%*1))
}

.fill-ds-icon-info {
    fill: color-mix(in srgb, var(--fill-ds-icon-info), transparent calc(100% - 100%*1))
}

.fill-ds-icon-negative {
    fill: color-mix(in srgb, var(--fill-ds-icon-negative), transparent calc(100% - 100%*1))
}

.fill-ds-icon-neutral {
    fill: color-mix(in srgb, var(--fill-ds-icon-neutral), transparent calc(100% - 100%*1))
}

.fill-ds-icon-positive {
    fill: color-mix(in srgb, var(--fill-ds-icon-positive), transparent calc(100% - 100%*1))
}

.fill-ds-icon-primary {
    fill: color-mix(in srgb, var(--fill-ds-icon-primary), transparent calc(100% - 100%*1))
}

.fill-ds-icon-warning {
    fill: color-mix(in srgb, var(--fill-ds-icon-warning), transparent calc(100% - 100%*1))
}

.fill-ds-overlay-arrow {
    fill: color-mix(in srgb, var(--fill-ds-overlay-arrow), transparent calc(100% - 100%*1))
}

.fill-none {
    fill: none
}

.fill-transparent {
    fill: #0000
}

.fill-white {
    fill: #fff
}

.stroke-current {
    stroke: currentColor
}

.stroke-ds-assetprogress {
    stroke: color-mix(in srgb, var(--stroke-ds-assetprogress), transparent calc(100% - 100%*1))
}

.stroke-ds-icon-brand {
    stroke: color-mix(in srgb, var(--stroke-ds-icon-brand), transparent calc(100% - 100%*1))
}

.stroke-ds-icon-dimmed {
    stroke: color-mix(in srgb, var(--stroke-ds-icon-dimmed), transparent calc(100% - 100%*1))
}

.stroke-ds-icon-disabled {
    stroke: color-mix(in srgb, var(--stroke-ds-icon-disabled), transparent calc(100% - 100%*1))
}

.stroke-ds-icon-info {
    stroke: color-mix(in srgb, var(--stroke-ds-icon-info), transparent calc(100% - 100%*1))
}

.stroke-ds-icon-negative {
    stroke: color-mix(in srgb, var(--stroke-ds-icon-negative), transparent calc(100% - 100%*1))
}

.stroke-ds-icon-neutral {
    stroke: color-mix(in srgb, var(--stroke-ds-icon-neutral), transparent calc(100% - 100%*1))
}

.stroke-ds-icon-positive {
    stroke: color-mix(in srgb, var(--stroke-ds-icon-positive), transparent calc(100% - 100%*1))
}

.stroke-ds-icon-primary {
    stroke: color-mix(in srgb, var(--stroke-ds-icon-primary), transparent calc(100% - 100%*1))
}

.stroke-ds-icon-warning {
    stroke: color-mix(in srgb, var(--stroke-ds-icon-warning), transparent calc(100% - 100%*1))
}

.stroke-ds-overlay-arrow {
    stroke: color-mix(in srgb, var(--stroke-ds-overlay-arrow), transparent calc(100% - 100%*1))
}

.stroke-ds-progresspie-fill {
    stroke: color-mix(in srgb, var(--stroke-ds-progresspie-fill), transparent calc(100% - 100%*1))
}

.stroke-ds-progresspie-track {
    stroke: color-mix(in srgb, var(--stroke-ds-progresspie-track), transparent calc(100% - 100%*1))
}

.stroke-transparent {
    stroke: #0000
}

.stroke-\[3px\] {
    stroke-width: 3px
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.object-scale-down {
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.\ !p-0 {
    padding: 0 !important
}

.\ !p-4 {
    padding: 1rem !important
}

.\ !p-8 {
    padding: 2rem !important
}

.\ !p-ds-0 {
    padding: 0 !important
}

.p-0 {
    padding: 0
}

.p-0\.5 {
    padding: .125rem
}

.p-1 {
    padding: .25rem
}

.p-1\.5 {
    padding: .375rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-6 {
    padding: 1.5rem
}

.p-9 {
    padding: 2.25rem
}

.p-\[2px\] {
    padding: 2px
}

.p-\[calc\(theme\(spacing\.2\)-2px\)\] {
    padding: calc(.5rem - 2px)
}

.p-\[calc\(theme\(spacing\.3\)-2px\)\] {
    padding: calc(.75rem - 2px)
}

.p-\[calc\(theme\(spacing\.4\)-2px\)\] {
    padding: calc(1rem - 2px)
}

.p-\[calc\(theme\(spacing\.6\)-2px\)\] {
    padding: calc(1.5rem - 2px)
}

.p-ds-0 {
    padding: 0
}

.p-ds-3 {
    padding: 8px
}

.p-ds-4 {
    padding: 12px
}

.p-ds-5 {
    padding: 16px
}

.p-ds-badge-lg {
    padding: 8px 12px
}

.p-ds-badge-md {
    padding: 4px 8px
}

.p-ds-badge-sm {
    padding: 1px 4px
}

.p-ds-button-emphasis-none-lg,
.p-ds-button-emphasis-none-md,
.p-ds-button-emphasis-none-sm,
.p-ds-button-emphasis-none-xl,
.p-ds-button-emphasis-none-xs,
.p-ds-button-emphasis-none-xxl,
.p-ds-button-emphasis-none-xxs {
    padding: 0
}

.p-ds-button-lg {
    padding: 12px 16px
}

.p-ds-button-md {
    padding: 10px 12px
}

.p-ds-button-sm {
    padding: 8px 12px
}

.p-ds-button-vertical-lg,
.p-ds-button-vertical-md,
.p-ds-button-vertical-sm,
.p-ds-button-vertical-xl,
.p-ds-button-vertical-xs,
.p-ds-button-vertical-xxl,
.p-ds-button-vertical-xxs {
    padding: 12px 4px
}

.p-ds-button-xl {
    padding: 13px 16px
}

.p-ds-button-xs {
    padding: 8px
}

.p-ds-button-xxl {
    padding: 15px 16px
}

.p-ds-button-xxs {
    padding: 6px 8px
}

.p-ds-circle-lg {
    padding: 8px
}

.p-ds-circle-md,
.p-ds-circle-sm {
    padding: 6px
}

.p-ds-circle-xl {
    padding: 8px
}

.p-ds-circle-xs {
    padding: 2px
}

.p-ds-circle-xxl {
    padding: 12px
}

.p-ds-circle-xxs {
    padding: 2px
}

.p-ds-datepicker {
    padding: 12px
}

.p-ds-dialog-header {
    padding: 20px 20px 16px
}

.p-ds-icon-button-lg {
    padding: 12px
}

.p-ds-icon-button-md {
    padding: 10px
}

.p-ds-icon-button-sm {
    padding: 8px
}

.p-ds-icon-button-xl {
    padding: 12px
}

.p-ds-icon-button-xs {
    padding: 6px
}

.p-ds-icon-button-xxl {
    padding: 14px
}

.p-ds-icon-button-xxs {
    padding: 4px
}

.p-ds-input-outline-offset {
    padding: 2px
}

.p-ds-inputerror-md {
    padding: 12px
}

.p-ds-inputerror-sm {
    padding: 8px
}

.p-ds-menu {
    padding: 4px
}

.p-ds-menu-item,
.p-ds-pill-lg {
    padding: 8px
}

.p-ds-pill-md {
    padding: 4px 6px
}

.p-ds-pill-sm {
    padding: 2px 4px
}

.p-ds-segmented-control {
    padding: 2px
}

.p-ds-segmented-control-lg {
    padding: 8px 12px
}

.p-ds-segmented-control-md {
    padding: 6px 12px
}

.p-ds-segmented-control-sm {
    padding: 6px 8px
}

.p-ds-segmented-control-xs {
    padding: 4px 8px
}

.p-ds-tooltip {
    padding: 8px 12px
}

.p-px {
    padding: 1px
}

.\ !px-\[4px\] {
    padding-left: 4px !important;
    padding-right: 4px !important
}

.\ !py-\[6px\] {
    padding-top: 6px !important;
    padding-bottom: 6px !important
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-\[18px\] {
    padding-left: 18px;
    padding-right: 18px
}

.px-\[22px\] {
    padding-left: 22px;
    padding-right: 22px
}

.px-\[3px\] {
    padding-left: 3px;
    padding-right: 3px
}

.px-ds-0 {
    padding-left: 0;
    padding-right: 0
}

.px-ds-1 {
    padding-left: 2px;
    padding-right: 2px
}

.px-ds-2 {
    padding-left: 4px;
    padding-right: 4px
}

.px-ds-3 {
    padding-left: 8px;
    padding-right: 8px
}

.px-ds-4 {
    padding-left: 12px;
    padding-right: 12px
}

.px-ds-5 {
    padding-left: 16px;
    padding-right: 16px
}

.px-ds-container-lg {
    padding-left: 20px;
    padding-right: 20px
}

.px-ds-container-md {
    padding-left: 16px;
    padding-right: 16px
}

.px-ds-container-none {
    padding-left: 0;
    padding-right: 0
}

.px-ds-container-sm {
    padding-left: 12px;
    padding-right: 12px
}

.px-ds-container-xl {
    padding-left: 24px;
    padding-right: 24px
}

.px-ds-dialog,
.px-ds-dialog-compact,
.px-ds-dialog-nonCompact {
    padding-left: 20px;
    padding-right: 20px
}

.px-ds-tabs-horz {
    padding-left: 8px;
    padding-right: 8px
}

.px-ds-tabs-horzLg {
    padding-left: 12px;
    padding-right: 12px
}

.px-ds-tabs-underlineHorz,
.px-ds-tabs-underlineHorzLg {
    padding-left: 0;
    padding-right: 0
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-3\.5 {
    padding-top: .875rem;
    padding-bottom: .875rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-\[6px\] {
    padding-top: 6px;
    padding-bottom: 6px
}

.py-ds-0 {
    padding-top: 0;
    padding-bottom: 0
}

.py-ds-1 {
    padding-top: 2px;
    padding-bottom: 2px
}

.py-ds-2 {
    padding-top: 4px;
    padding-bottom: 4px
}

.py-ds-3 {
    padding-top: 8px;
    padding-bottom: 8px
}

.py-ds-4 {
    padding-top: 12px;
    padding-bottom: 12px
}

.py-ds-5 {
    padding-top: 16px;
    padding-bottom: 16px
}

.py-ds-7 {
    padding-top: 24px;
    padding-bottom: 24px
}

.py-ds-container-lg {
    padding-top: 20px;
    padding-bottom: 20px
}

.py-ds-container-md {
    padding-top: 16px;
    padding-bottom: 16px
}

.py-ds-container-none {
    padding-top: 0;
    padding-bottom: 0
}

.py-ds-container-sm {
    padding-top: 12px;
    padding-bottom: 12px
}

.py-ds-container-xl {
    padding-top: 24px;
    padding-bottom: 24px
}

.py-ds-list-item-lg {
    padding-top: 12px;
    padding-bottom: 12px
}

.py-ds-list-item-md {
    padding-top: 8px;
    padding-bottom: 8px
}

.py-ds-list-item-sm {
    padding-top: 4px;
    padding-bottom: 4px
}

.py-ds-list-item-xl {
    padding-top: 16px;
    padding-bottom: 16px
}

.py-ds-list-item-xs {
    padding-top: 0;
    padding-bottom: 0
}

.py-ds-tabs-vert {
    padding-top: 6px;
    padding-bottom: 6px
}

.py-ds-tabs-vertLg {
    padding-top: 10px;
    padding-bottom: 10px
}

.py-px {
    padding-top: 1px;
    padding-bottom: 1px
}

.\ !pl-\[6px\] {
    padding-left: 6px !important
}

.\ !pl-\[7px\] {
    padding-left: 7px !important
}

.\ !pl-\[8px\] {
    padding-left: 8px !important
}

.\ !pr-\[5px\] {
    padding-right: 5px !important
}

.\ !pr-\[6px\] {
    padding-right: 6px !important
}

.\ !pr-\[7px\] {
    padding-right: 7px !important
}

.pb-0 {
    padding-bottom: 0
}

.pb-0\.5 {
    padding-bottom: .125rem
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pb-\[18px\] {
    padding-bottom: 18px
}

.pb-\[6px\] {
    padding-bottom: 6px
}

.pb-ds-10 {
    padding-bottom: 40px
}

.pb-ds-2 {
    padding-bottom: 4px
}

.pb-ds-3 {
    padding-bottom: 8px
}

.pb-ds-4 {
    padding-bottom: 12px
}

.pb-ds-5 {
    padding-bottom: 16px
}

.pb-ds-8 {
    padding-bottom: 28px
}

.pb-ds-9 {
    padding-bottom: 32px
}

.pb-ds-dialog-compact,
.pb-ds-dialog-nonCompact {
    padding-bottom: 20px
}

.pb-ds-tabs-underlineVert {
    padding-bottom: 6px
}

.pb-ds-tabs-underlineVertLg {
    padding-bottom: 8px
}

.pe-2 {
    padding-inline-end: .5rem
}

.pe-3 {
    padding-inline-end: .75rem
}

.pe-4 {
    padding-inline-end: 1rem
}

.pe-ds-0 {
    padding-inline-end: 0
}

.pe-ds-3 {
    padding-inline-end: 8px
}

.pe-ds-input-lg,
.pe-ds-input-md,
.pe-ds-input-sm,
.pe-ds-input-xl,
.pe-ds-input-xs,
.pe-ds-input-xxl {
    padding-inline-end: 12px
}

.pe-ds-input-xxs {
    padding-inline-end: 8px
}

.pl-2 {
    padding-left: .5rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-4 {
    padding-left: 1rem
}

.ps-0 {
    padding-inline-start: 0
}

.ps-1 {
    padding-inline-start: .25rem
}

.ps-4 {
    padding-inline-start: 1rem
}

.ps-ds-2 {
    padding-inline-start: 4px
}

.ps-ds-4 {
    padding-inline-start: 12px
}

.ps-ds-5 {
    padding-inline-start: 16px
}

.ps-ds-6 {
    padding-inline-start: 20px
}

.ps-ds-7 {
    padding-inline-start: 24px
}

.ps-ds-input-lg,
.ps-ds-input-md,
.ps-ds-input-sm,
.ps-ds-input-xl,
.ps-ds-input-xs,
.ps-ds-input-xxl {
    padding-inline-start: 12px
}

.ps-ds-input-xxs {
    padding-inline-start: 8px
}

.pt-0 {
    padding-top: 0
}

.pt-2 {
    padding-top: .5rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-7 {
    padding-top: 1.75rem
}

.pt-\[22px\] {
    padding-top: 22px
}

.pt-ds-10 {
    padding-top: 40px
}

.pt-ds-2 {
    padding-top: 4px
}

.pt-ds-3 {
    padding-top: 8px
}

.pt-ds-4 {
    padding-top: 12px
}

.pt-ds-5 {
    padding-top: 16px
}

.pt-ds-dialog-compact,
.pt-ds-dialog-nonCompact {
    padding-top: 20px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-start {
    text-align: start
}

.text-end {
    text-align: end
}

.align-top {
    vertical-align: top
}

.font-\[inherit\] {
    font-family: inherit
}

.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.text-\[11px\] {
    font-size: 11px
}

.text-\[12px\] {
    font-size: 12px
}

.text-\[13px\] {
    font-size: 13px
}

.text-\[14px\] {
    font-size: 14px
}

.text-\[24px\] {
    font-size: 24px
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.normal-case {
    text-transform: none
}

.italic {
    font-style: italic
}

.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal)var(--tw-slashed-zero)var(--tw-numeric-figure)var(--tw-numeric-spacing)var(--tw-numeric-fraction)
}

.leading-5 {
    line-height: 1.25rem
}

.leading-9 {
    line-height: 2.25rem
}

.leading-\[1\.12\] {
    line-height: 1.12
}

.leading-\[inherit\] {
    line-height: inherit
}

.leading-ds-table-header-cell-icon {
    line-height: var(--line-height-ds-table-header-cell-icon)
}

.leading-none {
    line-height: 1
}

.tracking-\[-0\.6px\] {
    letter-spacing: -.6px
}

.text-current {
    color: currentColor
}

.text-ds-accordion-disabled {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-accordion-disabled), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-accordion-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-accordion-primary), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-asseticon-inverted {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-asseticon-inverted), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-asseticon-neutral {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-asseticon-neutral), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-badge-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-badge-high), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-badge-high-inverse {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-badge-high-inverse), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-badge-info {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-badge-info), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-badge-negative {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-badge-negative), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-badge-neutral {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-badge-neutral), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-badge-new {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-badge-new), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-badge-positive {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-badge-positive), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-badge-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-badge-primary), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-badge-warning {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-badge-warning), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-brand {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-brand), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-brand-brand {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-brand-brand), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-brand-breakout {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-brand-breakout), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-brand-inverted {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-brand-inverted), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-brand-neutral {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-brand-neutral), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-breadcrumbs-default {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-breadcrumbs-default), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-breadcrumbs-selected {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-breadcrumbs-selected), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-brand-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-brand-high), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-brand-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-brand-low), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-brand-low-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-brand-low-hover), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-brand-medium {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-brand-medium), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-brand-medium-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-brand-medium-hover), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-brand-none {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-brand-none), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-brand-none-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-brand-none-hover), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-info-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-info-high), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-info-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-info-low), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-info-low-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-info-low-hover), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-info-medium {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-info-medium), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-info-medium-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-info-medium-hover), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-info-none {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-info-none), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-info-none-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-info-none-hover), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-inverted-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-inverted-high), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-inverted-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-inverted-low), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-inverted-low-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-inverted-low-hover), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-inverted-medium {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-inverted-medium), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-inverted-medium-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-inverted-medium-hover), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-inverted-none {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-inverted-none), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-inverted-none-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-inverted-none-hover), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-negative-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-negative-high), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-negative-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-negative-low), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-negative-low-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-negative-low-hover), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-negative-medium {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-negative-medium), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-negative-medium-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-negative-medium-hover), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-negative-none {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-negative-none), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-negative-none-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-negative-none-hover), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-neutral-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-neutral-high), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-neutral-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-neutral-low), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-neutral-low-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-neutral-low-hover), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-neutral-medium {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-neutral-medium), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-neutral-medium-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-neutral-medium-hover), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-neutral-none {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-neutral-none), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-neutral-none-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-neutral-none-hover), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-positive-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-positive-high), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-positive-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-positive-low), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-positive-low-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-positive-low-hover), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-positive-medium {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-positive-medium), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-positive-medium-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-positive-medium-hover), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-positive-none {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-positive-none), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-positive-none-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-positive-none-hover), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-primary-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-primary-high), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-primary-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-primary-low), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-primary-low-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-primary-low-hover), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-primary-medium {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-primary-medium), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-primary-medium-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-primary-medium-hover), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-primary-none {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-primary-none), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-primary-none-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-primary-none-hover), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-warning-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-warning-high), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-warning-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-warning-low), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-warning-low-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-warning-low-hover), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-warning-medium {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-warning-medium), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-warning-medium-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-warning-medium-hover), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-warning-none {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-warning-none), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-button-warning-none-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-warning-none-hover), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-checkbox-check-mark {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-checkbox-check-mark), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-checkbox-description {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-checkbox-description), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-checkbox-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-checkbox-primary), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-checkboxgroup-description {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-checkboxgroup-description), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-checkboxgroup-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-checkboxgroup-primary), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-circle-border-info-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-border-info-high), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-circle-border-negative-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-border-negative-high), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-circle-border-neutral-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-border-neutral-high), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-circle-border-positive-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-border-positive-high), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-circle-border-primary-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-border-primary-high), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-circle-border-warning-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-border-warning-high), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-circle-info-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-info-high), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-circle-info-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-info-low), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-circle-negative-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-negative-high), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-circle-negative-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-negative-low), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-circle-neutral-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-neutral-high), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-circle-neutral-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-neutral-low), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-circle-positive-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-positive-high), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-circle-positive-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-positive-low), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-circle-primary-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-primary-high), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-circle-primary-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-primary-low), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-circle-warning-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-warning-high), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-circle-warning-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-warning-low), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-datepicker {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-datepicker), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-datepicker-disabled {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-datepicker-disabled), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-datepicker-selected {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-datepicker-selected), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-datepicker-today {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-datepicker-today), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-datepicker-weekday {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-datepicker-weekday), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-dimmed {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-dimmed), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-disabled {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-disabled), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-dropdown-button-content-placeholder {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-dropdown-button-content-placeholder), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-dropdown-button-content-text {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-dropdown-button-content-text), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-favourite-button-filled {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-favourite-button-filled), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-favourite-button-unfilled {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-favourite-button-unfilled), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-filteritem-active {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-filteritem-active), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-info {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-info), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-input {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-input), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-input-icon {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-input-icon), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-input-label {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-input-label), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-inputerror-label {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-inputerror-label), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-inverted {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-inverted), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-kit-pro-flat-notification-warning {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-kit-pro-flat-notification-warning), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-legalnotice-neutral {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-legalnotice-neutral), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-legalnotice-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-legalnotice-primary), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-menu {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-menu), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-menu-active {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-menu-active), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-negative {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-negative), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-neutral {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-neutral), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-notification-info {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-notification-info), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-notification-negative {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-notification-negative), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-notification-neutral {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-notification-neutral), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-notification-positive {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-notification-positive), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-notification-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-notification-primary), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-notification-subtitle-info {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-notification-subtitle-info), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-notification-subtitle-negative {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-notification-subtitle-negative), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-notification-subtitle-neutral {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-notification-subtitle-neutral), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-notification-subtitle-positive {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-notification-subtitle-positive), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-notification-subtitle-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-notification-subtitle-primary), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-notification-subtitle-warning {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-notification-subtitle-warning), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-notification-warning {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-notification-warning), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-pill-neutral {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-pill-neutral), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-pill-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-pill-primary), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-positive {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-positive), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-primary), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-radio-description {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-radio-description), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-radio-disabled {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-radio-disabled), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-radio-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-radio-primary), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-radiogroup-description {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-radiogroup-description), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-radiogroup-error {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-radiogroup-error), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-radiogroup-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-radiogroup-primary), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-segmented-control-active-negative {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-segmented-control-active-negative), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-segmented-control-active-negative-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-segmented-control-active-negative-low), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-segmented-control-active-positive {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-segmented-control-active-positive), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-segmented-control-active-positive-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-segmented-control-active-positive-low), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-segmented-control-active-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-segmented-control-active-primary), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-segmented-control-active-primary-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-segmented-control-active-primary-low), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-segmented-control-inactive {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-segmented-control-inactive), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-segmented-control-underline-active-negative {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-segmented-control-underline-active-negative), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-segmented-control-underline-active-positive {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-segmented-control-underline-active-positive), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-segmented-control-underline-active-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-segmented-control-underline-active-primary), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-segmented-control-underline-rail {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-segmented-control-underline-rail), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-semantic-content-inverse {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-semantic-content-inverse), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-semantic-content-neutral {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-semantic-content-neutral), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-semantic-content-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-semantic-content-primary), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-sidebar {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-sidebar), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-sidebar-active {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-sidebar-active), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-spinner-brand {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-spinner-brand), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-spinner-dark {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-spinner-dark), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-spinner-dimmed {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-spinner-dimmed), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-spinner-info {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-spinner-info), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-spinner-light {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-spinner-light), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-spinner-negative {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-spinner-negative), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-spinner-neutral {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-spinner-neutral), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-spinner-positive {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-spinner-positive), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-spinner-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-spinner-primary), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-spinner-warning {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-spinner-warning), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-stacked-asset-icons {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-stacked-asset-icons), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-strong {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-strong), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-subtle {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-subtle), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-tabs {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-tabs), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-tabs-onBackground {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-tabs-on-background), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-text-duo-negative-duo {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-text-duo-negative-duo), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-text-duo-negative-main {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-text-duo-negative-main), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-text-duo-neutral-duo {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-text-duo-neutral-duo), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-text-duo-neutral-main {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-text-duo-neutral-main), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-text-duo-positive-duo {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-text-duo-positive-duo), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-text-duo-positive-main {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-text-duo-positive-main), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-text-duo-primary-duo {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-text-duo-primary-duo), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-text-duo-primary-main {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-text-duo-primary-main), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-tooltip-text {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-tooltip-text), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-tooltip-title {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-tooltip-title), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-ds-warning {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-warning), transparent calc(100% - 100%*var(--tw-text-opacity)))
}

.text-inherit {
    color: inherit
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.\ !underline {
    text-decoration-line: underline !important
}

.underline {
    text-decoration-line: underline
}

.overline {
    text-decoration-line: overline
}

.line-through {
    text-decoration-line: line-through
}

.no-underline {
    text-decoration-line: none
}

.decoration-ds-text-dashed {
    -webkit-text-decoration-color: var(--text-decoration-color-ds-text-dashed);
    text-decoration-color: var(--text-decoration-color-ds-text-dashed)
}

.decoration-solid {
    text-decoration-style: solid
}

.decoration-dashed {
    text-decoration-style: dashed
}

.decoration-from-font {
    text-decoration-thickness: from-font
}

.underline-offset-4 {
    text-underline-offset: 4px
}

.placeholder-ds-input::placeholder {
    --tw-placeholder-opacity: 1;
    color: color-mix(in srgb, var(--placeholder-color-ds-input), transparent calc(100% - 100%*var(--tw-placeholder-opacity)))
}

.placeholder-transparent::placeholder {
    color: #0000
}

.caret-ds-input {
    caret-color: color-mix(in srgb, var(--caret-color-ds-input), transparent calc(100% - 100%*1))
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-40 {
    opacity: .4
}

.opacity-80 {
    opacity: .8
}

.opacity-\[0\.08\] {
    opacity: .08
}

.opacity-\[0\] {
    opacity: 0
}

.opacity-ds-disabled {
    opacity: .4
}

.opacity-ds-table-cell-dimmed {
    opacity: var(--opacity-ds-table-cell-dimmed)
}

.\ !shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow {
    --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-0 {
    --tw-shadow: var(--box-shadow-ds-0);
    --tw-shadow-colored: var(--box-shadow-ds-0);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-1 {
    --tw-shadow: var(--box-shadow-ds-1);
    --tw-shadow-colored: var(--box-shadow-ds-1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-2 {
    --tw-shadow: var(--box-shadow-ds-2);
    --tw-shadow-colored: var(--box-shadow-ds-2);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-3 {
    --tw-shadow: var(--box-shadow-ds-3);
    --tw-shadow-colored: var(--box-shadow-ds-3);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-4 {
    --tw-shadow: var(--box-shadow-ds-4);
    --tw-shadow-colored: var(--box-shadow-ds-4);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-5 {
    --tw-shadow: var(--box-shadow-ds-5);
    --tw-shadow-colored: var(--box-shadow-ds-5);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-6 {
    --tw-shadow: var(--box-shadow-ds-6);
    --tw-shadow-colored: var(--box-shadow-ds-6);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-7 {
    --tw-shadow: var(--box-shadow-ds-7);
    --tw-shadow-colored: var(--box-shadow-ds-7);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-accordion {
    --tw-shadow: var(--box-shadow-ds-accordion);
    --tw-shadow-colored: var(--box-shadow-ds-accordion);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-banner {
    --tw-shadow: var(--box-shadow-ds-banner);
    --tw-shadow-colored: var(--box-shadow-ds-banner);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-base-drawer {
    --tw-shadow: var(--box-shadow-ds-base-drawer);
    --tw-shadow-colored: var(--box-shadow-ds-base-drawer);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-container {
    --tw-shadow: var(--box-shadow-ds-container);
    --tw-shadow-colored: var(--box-shadow-ds-container);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-datepicker {
    --tw-shadow: var(--box-shadow-ds-datepicker);
    --tw-shadow-colored: var(--box-shadow-ds-datepicker);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-dialog {
    --tw-shadow: var(--box-shadow-ds-dialog);
    --tw-shadow-colored: var(--box-shadow-ds-dialog);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-menu {
    --tw-shadow: var(--box-shadow-ds-menu);
    --tw-shadow-colored: var(--box-shadow-ds-menu);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-popover {
    --tw-shadow: var(--box-shadow-ds-popover);
    --tw-shadow-colored: var(--box-shadow-ds-popover);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-segmented-control-active {
    --tw-shadow: var(--box-shadow-ds-segmented-control-active);
    --tw-shadow-colored: var(--box-shadow-ds-segmented-control-active);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-toggle-off {
    --tw-shadow: var(--box-shadow-ds-toggle-off);
    --tw-shadow-colored: var(--box-shadow-ds-toggle-off);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-toggle-on {
    --tw-shadow: var(--box-shadow-ds-toggle-on);
    --tw-shadow-colored: var(--box-shadow-ds-toggle-on);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-tooltip-popup {
    --tw-shadow: var(--box-shadow-ds-tooltip-popup);
    --tw-shadow-colored: var(--box-shadow-ds-tooltip-popup);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.outline-none {
    outline-offset: 2px;
    outline: 2px solid #0000
}

.outline {
    outline-style: solid
}

.outline-0 {
    outline-width: 0
}

.outline-2 {
    outline-width: 2px
}

.\ !outline-offset-0 {
    outline-offset: 0px !important
}

.-outline-offset-2 {
    outline-offset: -2px
}

.outline-offset-0 {
    outline-offset: 0px
}

.outline-offset-2 {
    outline-offset: 2px
}

.outline-offset-\[-1px\] {
    outline-offset: -1px
}

.outline-offset-\[-2px\],
.outline-offset-ds-accordion,
.outline-offset-ds-input,
.outline-offset-ds-table-row,
.outline-offset-ds-tabs,
.outline-offset-ds-toggle {
    outline-offset: -2px
}

.outline-ds-button {
    outline-color: var(--outline-color-ds-button)
}

.outline-ds-card-selected {
    outline-color: var(--outline-color-ds-card-selected)
}

.outline-ds-favourite-button {
    outline-color: var(--outline-color-ds-favourite-button)
}

.outline-ds-input {
    outline-color: var(--outline-color-ds-input)
}

.outline-ds-input-error {
    outline-color: var(--outline-color-ds-input-error)
}

.outline-ds-legend-item-dimmed {
    outline-color: var(--outline-color-ds-legend-item-dimmed)
}

.outline-ds-menu {
    outline-color: var(--outline-color-ds-menu)
}

.outline-ds-popover {
    outline-color: var(--outline-color-ds-popover)
}

.outline-ds-table-header-cell {
    outline-color: var(--outline-color-ds-table-header-cell)
}

.outline-ds-table-row {
    outline-color: #7132f5
}

.outline-ds-tabs {
    outline-color: var(--outline-color-ds-tabs)
}

.outline-ds-textlink {
    outline-color: var(--outline-color-ds-textlink)
}

.outline-ds-toggle {
    outline-color: var(--outline-color-ds-toggle)
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-\[1\.6px\] {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1.6px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-\[2\.2px\] {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2.2px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-\[2\.5px\] {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2.5px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-inset {
    --tw-ring-inset: inset
}

.ring-ds-circle-info-high {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in srgb, var(--ring-color-ds-circle-info-high), transparent calc(100% - 100%*var(--tw-ring-opacity)))
}

.ring-ds-circle-info-low {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in srgb, var(--ring-color-ds-circle-info-low), transparent calc(100% - 100%*var(--tw-ring-opacity)))
}

.ring-ds-circle-negative-high {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in srgb, var(--ring-color-ds-circle-negative-high), transparent calc(100% - 100%*var(--tw-ring-opacity)))
}

.ring-ds-circle-negative-low {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in srgb, var(--ring-color-ds-circle-negative-low), transparent calc(100% - 100%*var(--tw-ring-opacity)))
}

.ring-ds-circle-neutral-high {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in srgb, var(--ring-color-ds-circle-neutral-high), transparent calc(100% - 100%*var(--tw-ring-opacity)))
}

.ring-ds-circle-neutral-low {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in srgb, var(--ring-color-ds-circle-neutral-low), transparent calc(100% - 100%*var(--tw-ring-opacity)))
}

.ring-ds-circle-positive-high {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in srgb, var(--ring-color-ds-circle-positive-high), transparent calc(100% - 100%*var(--tw-ring-opacity)))
}

.ring-ds-circle-positive-low {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in srgb, var(--ring-color-ds-circle-positive-low), transparent calc(100% - 100%*var(--tw-ring-opacity)))
}

.ring-ds-circle-primary-high {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in srgb, var(--ring-color-ds-circle-primary-high), transparent calc(100% - 100%*var(--tw-ring-opacity)))
}

.ring-ds-circle-primary-low {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in srgb, var(--ring-color-ds-circle-primary-low), transparent calc(100% - 100%*var(--tw-ring-opacity)))
}

.ring-ds-circle-warning-high {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in srgb, var(--ring-color-ds-circle-warning-high), transparent calc(100% - 100%*var(--tw-ring-opacity)))
}

.ring-ds-circle-warning-low {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in srgb, var(--ring-color-ds-circle-warning-low), transparent calc(100% - 100%*var(--tw-ring-opacity)))
}

.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)
}

.invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)
}

.\ !filter {
    filter: var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow) !important
}

.filter {
    filter: var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)
}

.backdrop-blur-2xl {
    --tw-backdrop-blur: blur(40px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia)
}

.backdrop-blur-ds-dialog {
    --tw-backdrop-blur: blur(var(--backdrop-blur-ds-dialog));
    -webkit-backdrop-filter: var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia)
}

.backdrop-blur-xl {
    --tw-backdrop-blur: blur(24px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia)
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[color\] {
    transition-property: color;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[height\,
width\] {
    transition-property: height, width;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[height2cwidth\] {
    transition-property: height2cwidth;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[height\] {
    transition-property: height;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[width\] {
    transition-property: width;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-all {
    transition-property: all;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-opacity {
    transition-property: opacity;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-transform {
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-100 {
    transition-duration: .1s
}

.duration-1000 {
    transition-duration: 1s
}

.duration-150 {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-ds-segmented-control,
.duration-ds-tabs {
    transition-duration: .2s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.will-change-\[width\] {
    will-change: width
}

.ds-breakout-dark-bg {
    --ds-bg-color: #060811;
    --ds-bg-parent-color: #060811;
    background-color: #060811
}

.ds-breakout-light-bg {
    --ds-bg-color: #f6f5f9;
    --ds-bg-parent-color: #f6f5f9;
    background-color: #f6f5f9
}

.ds-dark-bg {
    --ds-bg-color: #0b0611;
    --ds-bg-parent-color: #0b0611;
    background-color: #0b0611
}

.ds-default-dark-bg {
    background-color: var(--colors-ds-semantic-surface-page, #101114);
    --ds-bg-color: var(--colors-ds-semantic-surface-page, #101114);
    --ds-bg-parent-color: var(--colors-ds-semantic-surface-page, #101114)
}

.ds-default-light-bg {
    background-color: var(--colors-ds-semantic-surface-page, #f6f5f9);
    --ds-bg-color: var(--colors-ds-semantic-surface-page, #f6f5f9);
    --ds-bg-parent-color: var(--colors-ds-semantic-surface-page, #f6f5f9)
}

.ds-krak-dark-bg {
    --ds-bg-color: #0d0d0d;
    --ds-bg-parent-color: #0d0d0d;
    background-color: #0d0d0d
}

.ds-krak-light-bg {
    --ds-bg-color: #f5f5f5;
    --ds-bg-parent-color: #f5f5f5;
    background-color: #f5f5f5
}

.ds-light-bg {
    --ds-bg-color: #f6f5f9;
    --ds-bg-parent-color: #f6f5f9;
    background-color: #f6f5f9
}

.ds-magic-dark-bg {
    --ds-bg-color: #0b0611;
    --ds-bg-parent-color: #0b0611;
    background-color: #0b0611
}

.ds-magic-light-bg {
    --ds-bg-color: #f6f5f9;
    --ds-bg-parent-color: #f6f5f9;
    background-color: #f6f5f9
}

.ds-ninjatrader-dark-bg {
    --ds-bg-color: #0b0611;
    --ds-bg-parent-color: #0b0611;
    background-color: #0b0611
}

.ds-ninjatrader-light-bg {
    --ds-bg-color: #f6f5f9;
    --ds-bg-parent-color: #f6f5f9;
    background-color: #f6f5f9
}

.ds-ninjatrader-syn3-dark-bg {
    --ds-bg-color: #07090e;
    --ds-bg-parent-color: #07090e;
    background-color: #07090e
}

.ds-ninjatrader-syn3-light-bg {
    --ds-bg-color: #fdfeff;
    --ds-bg-parent-color: #fdfeff;
    background-color: #fdfeff
}

.ds-onchain-dark-bg {
    --ds-bg-color: #121212;
    --ds-bg-parent-color: #121212;
    background-color: #121212
}

.ds-onchain-light-bg {
    --ds-bg-color: #eeefee;
    --ds-bg-parent-color: #eeefee;
    background-color: #eeefee
}

.ds-pay-dark-bg {
    --ds-bg-color: #0d0d0d;
    --ds-bg-parent-color: #0d0d0d;
    background-color: #0d0d0d
}

.ds-pay-fe-dark-bg {
    --ds-bg-color: #000;
    --ds-bg-parent-color: #000;
    background-color: #000
}

.ds-pay-fe-light-bg {
    --ds-bg-color: #fff;
    --ds-bg-parent-color: #fff;
    background-color: #fff
}

.ds-pay-light-bg {
    --ds-bg-color: #f5f5f5;
    --ds-bg-parent-color: #f5f5f5;
    background-color: #f5f5f5
}

.ds-payward-dark-bg {
    --ds-bg-color: #0d0d0d;
    --ds-bg-parent-color: #0d0d0d;
    background-color: #0d0d0d
}

.ds-payward-light-bg {
    --ds-bg-color: #f6f5f9;
    --ds-bg-parent-color: #f6f5f9;
    background-color: #f6f5f9
}

.ds-pro-dark-bg,
.ds-pro-fe-dark-bg {
    --ds-bg-color: #0b0611;
    --ds-bg-parent-color: #0b0611;
    background-color: #0b0611
}

.ds-pro-fe-light-bg,
.ds-pro-light-bg {
    --ds-bg-color: #f6f5f9;
    --ds-bg-parent-color: #f6f5f9;
    background-color: #f6f5f9
}

.ds-pro-premium-dark-bg {
    --ds-bg-color: #050506;
    --ds-bg-parent-color: #050506;
    background-color: #050506
}

.ds-pro-premium-light-bg {
    --ds-bg-color: #fafafa;
    --ds-bg-parent-color: #fafafa;
    background-color: #fafafa
}

.ds-pws-dark-bg,
.ds-pws-fe-dark-bg {
    --ds-bg-color: #0d0d0d;
    --ds-bg-parent-color: #0d0d0d;
    background-color: #0d0d0d
}

.ds-pws-fe-light-bg {
    --ds-bg-color: #f6f6f5;
    --ds-bg-parent-color: #f6f6f5;
    background-color: #f6f6f5
}

.ds-pws-light-bg {
    --ds-bg-color: #f5f5f5;
    --ds-bg-parent-color: #f5f5f5;
    background-color: #f5f5f5
}

.ds-trade-dark-bg {
    --ds-bg-color: #0d0a14;
    --ds-bg-parent-color: #0d0a14;
    background-color: #0d0a14
}

.ds-trade-fe-dark-bg {
    --ds-bg-color: #000;
    --ds-bg-parent-color: #000;
    background-color: #000
}

.ds-trade-fe-light-bg {
    --ds-bg-color: #fafbfb;
    --ds-bg-parent-color: #fafbfb;
    background-color: #fafbfb
}

.ds-trade-light-bg {
    --ds-bg-color: #f6f5f9;
    --ds-bg-parent-color: #f6f5f9;
    background-color: #f6f5f9
}

.ss04 {
    font-feature-settings: "ss04"
}

.rounded-ds-0 {
    border-radius: var(--border-radius-ds-0)
}

.rounded-ds-2 {
    border-radius: var(--border-radius-ds-2)
}

.rounded-ds-3 {
    border-radius: var(--border-radius-ds-3)
}

.rounded-ds-4 {
    border-radius: var(--border-radius-ds-4)
}

.rounded-ds-5 {
    border-radius: var(--border-radius-ds-5)
}

.rounded-t-ds-5 {
    border-top-left-radius: var(--border-radius-ds-5);
    border-top-right-radius: var(--border-radius-ds-5)
}

.rounded-ds-round {
    border-radius: var(--border-radius-ds-round)
}

.rounded-t-ds-round {
    border-top-left-radius: var(--border-radius-ds-round);
    border-top-right-radius: var(--border-radius-ds-round)
}

.rounded-e-ds-round {
    border-start-end-radius: var(--border-radius-ds-round);
    border-end-end-radius: var(--border-radius-ds-round)
}

.rounded-ds-badge-sm {
    border-radius: var(--border-radius-ds-badge-sm)
}

.rounded-ds-badge-md {
    border-radius: var(--border-radius-ds-badge-md)
}

.rounded-ds-badge-lg {
    border-radius: var(--border-radius-ds-badge-lg)
}

.rounded-ds-banner {
    border-radius: var(--border-radius-ds-banner)
}

.rounded-ds-button-lg {
    border-radius: var(--border-radius-ds-button-lg)
}

.rounded-ds-button-md {
    border-radius: var(--border-radius-ds-button-md)
}

.rounded-ds-button-sm {
    border-radius: var(--border-radius-ds-button-sm)
}

.rounded-ds-button-xl {
    border-radius: var(--border-radius-ds-button-xl)
}

.rounded-ds-button-xs {
    border-radius: var(--border-radius-ds-button-xs)
}

.rounded-ds-button-xxl {
    border-radius: var(--border-radius-ds-button-xxl)
}

.rounded-ds-button-xxs {
    border-radius: var(--border-radius-ds-button-xxs)
}

.rounded-ds-card {
    border-radius: var(--border-radius-ds-card)
}

.rounded-t-ds-card {
    border-top-left-radius: var(--border-radius-ds-card);
    border-top-right-radius: var(--border-radius-ds-card)
}

.rounded-b-ds-card {
    border-bottom-left-radius: var(--border-radius-ds-card);
    border-bottom-right-radius: var(--border-radius-ds-card)
}

.rounded-s-ds-card {
    border-start-start-radius: var(--border-radius-ds-card);
    border-end-start-radius: var(--border-radius-ds-card)
}

.rounded-e-ds-card {
    border-start-end-radius: var(--border-radius-ds-card);
    border-end-end-radius: var(--border-radius-ds-card)
}

.rounded-ss-ds-card {
    border-start-start-radius: var(--border-radius-ds-card)
}

.rounded-se-ds-card {
    border-start-end-radius: var(--border-radius-ds-card)
}

.rounded-es-ds-card {
    border-end-start-radius: var(--border-radius-ds-card)
}

.rounded-ee-ds-card {
    border-end-end-radius: var(--border-radius-ds-card)
}

.rounded-ds-card-grouped {
    border-radius: var(--border-radius-ds-card-grouped)
}

.rounded-t-ds-card-grouped {
    border-top-left-radius: var(--border-radius-ds-card-grouped);
    border-top-right-radius: var(--border-radius-ds-card-grouped)
}

.rounded-b-ds-card-grouped {
    border-bottom-left-radius: var(--border-radius-ds-card-grouped);
    border-bottom-right-radius: var(--border-radius-ds-card-grouped)
}

.rounded-s-ds-card-grouped {
    border-start-start-radius: var(--border-radius-ds-card-grouped);
    border-end-start-radius: var(--border-radius-ds-card-grouped)
}

.rounded-e-ds-card-grouped {
    border-start-end-radius: var(--border-radius-ds-card-grouped);
    border-end-end-radius: var(--border-radius-ds-card-grouped)
}

.rounded-ds-checkbox-sm {
    border-radius: var(--border-radius-ds-checkbox-sm)
}

.rounded-ds-checkbox-lg {
    border-radius: var(--border-radius-ds-checkbox-lg)
}

.rounded-ds-container {
    border-radius: var(--border-radius-ds-container)
}

.rounded-ds-datepicker {
    border-radius: var(--border-radius-ds-datepicker)
}

.rounded-s-ds-datepicker-small {
    border-start-start-radius: var(--border-radius-ds-datepicker-small);
    border-end-start-radius: var(--border-radius-ds-datepicker-small)
}

.rounded-e-ds-datepicker-small {
    border-start-end-radius: var(--border-radius-ds-datepicker-small);
    border-end-end-radius: var(--border-radius-ds-datepicker-small)
}

.rounded-ds-dialog {
    border-radius: var(--border-radius-ds-dialog)
}

.rounded-b-ds-dialog {
    border-bottom-left-radius: var(--border-radius-ds-dialog);
    border-bottom-right-radius: var(--border-radius-ds-dialog)
}

.rounded-ds-input-xxl {
    border-radius: var(--border-radius-ds-input-xxl)
}

.rounded-t-ds-input-xxl {
    border-top-left-radius: var(--border-radius-ds-input-xxl);
    border-top-right-radius: var(--border-radius-ds-input-xxl)
}

.rounded-b-ds-input-xxl {
    border-bottom-left-radius: var(--border-radius-ds-input-xxl);
    border-bottom-right-radius: var(--border-radius-ds-input-xxl)
}

.rounded-s-ds-input-xxl {
    border-start-start-radius: var(--border-radius-ds-input-xxl);
    border-end-start-radius: var(--border-radius-ds-input-xxl)
}

.rounded-e-ds-input-xxl {
    border-start-end-radius: var(--border-radius-ds-input-xxl);
    border-end-end-radius: var(--border-radius-ds-input-xxl)
}

.rounded-ss-ds-input-xxl {
    border-start-start-radius: var(--border-radius-ds-input-xxl)
}

.rounded-se-ds-input-xxl {
    border-start-end-radius: var(--border-radius-ds-input-xxl)
}

.rounded-es-ds-input-xxl {
    border-end-start-radius: var(--border-radius-ds-input-xxl)
}

.rounded-ee-ds-input-xxl {
    border-end-end-radius: var(--border-radius-ds-input-xxl)
}

.rounded-ds-input-xl {
    border-radius: var(--border-radius-ds-input-xl)
}

.rounded-t-ds-input-xl {
    border-top-left-radius: var(--border-radius-ds-input-xl);
    border-top-right-radius: var(--border-radius-ds-input-xl)
}

.rounded-b-ds-input-xl {
    border-bottom-left-radius: var(--border-radius-ds-input-xl);
    border-bottom-right-radius: var(--border-radius-ds-input-xl)
}

.rounded-s-ds-input-xl {
    border-start-start-radius: var(--border-radius-ds-input-xl);
    border-end-start-radius: var(--border-radius-ds-input-xl)
}

.rounded-e-ds-input-xl {
    border-start-end-radius: var(--border-radius-ds-input-xl);
    border-end-end-radius: var(--border-radius-ds-input-xl)
}

.rounded-ss-ds-input-xl {
    border-start-start-radius: var(--border-radius-ds-input-xl)
}

.rounded-se-ds-input-xl {
    border-start-end-radius: var(--border-radius-ds-input-xl)
}

.rounded-es-ds-input-xl {
    border-end-start-radius: var(--border-radius-ds-input-xl)
}

.rounded-ee-ds-input-xl {
    border-end-end-radius: var(--border-radius-ds-input-xl)
}

.rounded-ds-input-lg {
    border-radius: var(--border-radius-ds-input-lg)
}

.rounded-t-ds-input-lg {
    border-top-left-radius: var(--border-radius-ds-input-lg);
    border-top-right-radius: var(--border-radius-ds-input-lg)
}

.rounded-b-ds-input-lg {
    border-bottom-left-radius: var(--border-radius-ds-input-lg);
    border-bottom-right-radius: var(--border-radius-ds-input-lg)
}

.rounded-s-ds-input-lg {
    border-start-start-radius: var(--border-radius-ds-input-lg);
    border-end-start-radius: var(--border-radius-ds-input-lg)
}

.rounded-e-ds-input-lg {
    border-start-end-radius: var(--border-radius-ds-input-lg);
    border-end-end-radius: var(--border-radius-ds-input-lg)
}

.rounded-ss-ds-input-lg {
    border-start-start-radius: var(--border-radius-ds-input-lg)
}

.rounded-se-ds-input-lg {
    border-start-end-radius: var(--border-radius-ds-input-lg)
}

.rounded-es-ds-input-lg {
    border-end-start-radius: var(--border-radius-ds-input-lg)
}

.rounded-ee-ds-input-lg {
    border-end-end-radius: var(--border-radius-ds-input-lg)
}

.rounded-ds-input-md {
    border-radius: var(--border-radius-ds-input-md)
}

.rounded-t-ds-input-md {
    border-top-left-radius: var(--border-radius-ds-input-md);
    border-top-right-radius: var(--border-radius-ds-input-md)
}

.rounded-b-ds-input-md {
    border-bottom-left-radius: var(--border-radius-ds-input-md);
    border-bottom-right-radius: var(--border-radius-ds-input-md)
}

.rounded-s-ds-input-md {
    border-start-start-radius: var(--border-radius-ds-input-md);
    border-end-start-radius: var(--border-radius-ds-input-md)
}

.rounded-e-ds-input-md {
    border-start-end-radius: var(--border-radius-ds-input-md);
    border-end-end-radius: var(--border-radius-ds-input-md)
}

.rounded-ss-ds-input-md {
    border-start-start-radius: var(--border-radius-ds-input-md)
}

.rounded-se-ds-input-md {
    border-start-end-radius: var(--border-radius-ds-input-md)
}

.rounded-es-ds-input-md {
    border-end-start-radius: var(--border-radius-ds-input-md)
}

.rounded-ee-ds-input-md {
    border-end-end-radius: var(--border-radius-ds-input-md)
}

.rounded-ds-input-sm {
    border-radius: var(--border-radius-ds-input-sm)
}

.rounded-t-ds-input-sm {
    border-top-left-radius: var(--border-radius-ds-input-sm);
    border-top-right-radius: var(--border-radius-ds-input-sm)
}

.rounded-b-ds-input-sm {
    border-bottom-left-radius: var(--border-radius-ds-input-sm);
    border-bottom-right-radius: var(--border-radius-ds-input-sm)
}

.rounded-s-ds-input-sm {
    border-start-start-radius: var(--border-radius-ds-input-sm);
    border-end-start-radius: var(--border-radius-ds-input-sm)
}

.rounded-e-ds-input-sm {
    border-start-end-radius: var(--border-radius-ds-input-sm);
    border-end-end-radius: var(--border-radius-ds-input-sm)
}

.rounded-ss-ds-input-sm {
    border-start-start-radius: var(--border-radius-ds-input-sm)
}

.rounded-se-ds-input-sm {
    border-start-end-radius: var(--border-radius-ds-input-sm)
}

.rounded-es-ds-input-sm {
    border-end-start-radius: var(--border-radius-ds-input-sm)
}

.rounded-ee-ds-input-sm {
    border-end-end-radius: var(--border-radius-ds-input-sm)
}

.rounded-ds-input-xs {
    border-radius: var(--border-radius-ds-input-xs)
}

.rounded-t-ds-input-xs {
    border-top-left-radius: var(--border-radius-ds-input-xs);
    border-top-right-radius: var(--border-radius-ds-input-xs)
}

.rounded-b-ds-input-xs {
    border-bottom-left-radius: var(--border-radius-ds-input-xs);
    border-bottom-right-radius: var(--border-radius-ds-input-xs)
}

.rounded-s-ds-input-xs {
    border-start-start-radius: var(--border-radius-ds-input-xs);
    border-end-start-radius: var(--border-radius-ds-input-xs)
}

.rounded-e-ds-input-xs {
    border-start-end-radius: var(--border-radius-ds-input-xs);
    border-end-end-radius: var(--border-radius-ds-input-xs)
}

.rounded-ss-ds-input-xs {
    border-start-start-radius: var(--border-radius-ds-input-xs)
}

.rounded-se-ds-input-xs {
    border-start-end-radius: var(--border-radius-ds-input-xs)
}

.rounded-es-ds-input-xs {
    border-end-start-radius: var(--border-radius-ds-input-xs)
}

.rounded-ee-ds-input-xs {
    border-end-end-radius: var(--border-radius-ds-input-xs)
}

.rounded-ds-input-xxs {
    border-radius: var(--border-radius-ds-input-xxs)
}

.rounded-t-ds-input-xxs {
    border-top-left-radius: var(--border-radius-ds-input-xxs);
    border-top-right-radius: var(--border-radius-ds-input-xxs)
}

.rounded-b-ds-input-xxs {
    border-bottom-left-radius: var(--border-radius-ds-input-xxs);
    border-bottom-right-radius: var(--border-radius-ds-input-xxs)
}

.rounded-s-ds-input-xxs {
    border-start-start-radius: var(--border-radius-ds-input-xxs);
    border-end-start-radius: var(--border-radius-ds-input-xxs)
}

.rounded-e-ds-input-xxs {
    border-start-end-radius: var(--border-radius-ds-input-xxs);
    border-end-end-radius: var(--border-radius-ds-input-xxs)
}

.rounded-ss-ds-input-xxs {
    border-start-start-radius: var(--border-radius-ds-input-xxs)
}

.rounded-se-ds-input-xxs {
    border-start-end-radius: var(--border-radius-ds-input-xxs)
}

.rounded-es-ds-input-xxs {
    border-end-start-radius: var(--border-radius-ds-input-xxs)
}

.rounded-ee-ds-input-xxs {
    border-end-end-radius: var(--border-radius-ds-input-xxs)
}

.rounded-ds-input-single-xxl {
    border-radius: var(--border-radius-ds-input-single-xxl)
}

.rounded-ds-input-single-xl {
    border-radius: var(--border-radius-ds-input-single-xl)
}

.rounded-ds-input-single-lg {
    border-radius: var(--border-radius-ds-input-single-lg)
}

.rounded-ds-input-single-md {
    border-radius: var(--border-radius-ds-input-single-md)
}

.rounded-ds-input-single-sm {
    border-radius: var(--border-radius-ds-input-single-sm)
}

.rounded-ds-input-single-xs {
    border-radius: var(--border-radius-ds-input-single-xs)
}

.rounded-ds-input-single-xxs {
    border-radius: var(--border-radius-ds-input-single-xxs)
}

.rounded-ds-input-textarea {
    border-radius: var(--border-radius-ds-input-textarea)
}

.rounded-ds-input-stacked {
    border-radius: var(--border-radius-ds-input-stacked)
}

.rounded-t-ds-input-stacked {
    border-top-left-radius: var(--border-radius-ds-input-stacked);
    border-top-right-radius: var(--border-radius-ds-input-stacked)
}

.rounded-b-ds-input-stacked {
    border-bottom-left-radius: var(--border-radius-ds-input-stacked);
    border-bottom-right-radius: var(--border-radius-ds-input-stacked)
}

.rounded-s-ds-input-stacked {
    border-start-start-radius: var(--border-radius-ds-input-stacked);
    border-end-start-radius: var(--border-radius-ds-input-stacked)
}

.rounded-e-ds-input-stacked {
    border-start-end-radius: var(--border-radius-ds-input-stacked);
    border-end-end-radius: var(--border-radius-ds-input-stacked)
}

.rounded-ss-ds-input-stacked {
    border-start-start-radius: var(--border-radius-ds-input-stacked)
}

.rounded-se-ds-input-stacked {
    border-start-end-radius: var(--border-radius-ds-input-stacked)
}

.rounded-es-ds-input-stacked {
    border-end-start-radius: var(--border-radius-ds-input-stacked)
}

.rounded-ee-ds-input-stacked {
    border-end-end-radius: var(--border-radius-ds-input-stacked)
}

.rounded-ds-inputerror-middle-sm {
    border-radius: var(--border-radius-ds-inputerror-middle-sm)
}

.rounded-t-ds-inputerror-middle-sm {
    border-top-left-radius: var(--border-radius-ds-inputerror-middle-sm);
    border-top-right-radius: var(--border-radius-ds-inputerror-middle-sm)
}

.rounded-b-ds-inputerror-middle-sm {
    border-bottom-left-radius: var(--border-radius-ds-inputerror-middle-sm);
    border-bottom-right-radius: var(--border-radius-ds-inputerror-middle-sm)
}

.rounded-ds-inputerror-single-sm {
    border-radius: var(--border-radius-ds-inputerror-single-sm)
}

.rounded-t-ds-inputerror-single-sm {
    border-top-left-radius: var(--border-radius-ds-inputerror-single-sm);
    border-top-right-radius: var(--border-radius-ds-inputerror-single-sm)
}

.rounded-b-ds-inputerror-single-sm {
    border-bottom-left-radius: var(--border-radius-ds-inputerror-single-sm);
    border-bottom-right-radius: var(--border-radius-ds-inputerror-single-sm)
}

.rounded-ds-inputerror-middle-md {
    border-radius: var(--border-radius-ds-inputerror-middle-md)
}

.rounded-t-ds-inputerror-middle-md {
    border-top-left-radius: var(--border-radius-ds-inputerror-middle-md);
    border-top-right-radius: var(--border-radius-ds-inputerror-middle-md)
}

.rounded-b-ds-inputerror-middle-md {
    border-bottom-left-radius: var(--border-radius-ds-inputerror-middle-md);
    border-bottom-right-radius: var(--border-radius-ds-inputerror-middle-md)
}

.rounded-ds-inputerror-single-md {
    border-radius: var(--border-radius-ds-inputerror-single-md)
}

.rounded-t-ds-inputerror-single-md {
    border-top-left-radius: var(--border-radius-ds-inputerror-single-md);
    border-top-right-radius: var(--border-radius-ds-inputerror-single-md)
}

.rounded-b-ds-inputerror-single-md {
    border-bottom-left-radius: var(--border-radius-ds-inputerror-single-md);
    border-bottom-right-radius: var(--border-radius-ds-inputerror-single-md)
}

.rounded-ds-legalnotice {
    border-radius: var(--border-radius-ds-legalnotice)
}

.rounded-ds-menu {
    border-radius: var(--border-radius-ds-menu)
}

.rounded-ds-notification-sm {
    border-radius: var(--border-radius-ds-notification-sm)
}

.rounded-ds-notification-md {
    border-radius: var(--border-radius-ds-notification-md)
}

.rounded-ds-notification-lg {
    border-radius: var(--border-radius-ds-notification-lg)
}

.rounded-ds-pill-sm {
    border-radius: var(--border-radius-ds-pill-sm)
}

.rounded-ds-pill-md {
    border-radius: var(--border-radius-ds-pill-md)
}

.rounded-ds-pill-lg {
    border-radius: var(--border-radius-ds-pill-lg)
}

.rounded-ds-popover {
    border-radius: var(--border-radius-ds-popover)
}

.rounded-ds-segmented-control-xs {
    border-radius: var(--border-radius-ds-segmented-control-xs)
}

.rounded-ds-segmented-control-sm {
    border-radius: var(--border-radius-ds-segmented-control-sm)
}

.rounded-ds-segmented-control-md {
    border-radius: var(--border-radius-ds-segmented-control-md)
}

.rounded-ds-segmented-control-lg {
    border-radius: var(--border-radius-ds-segmented-control-lg)
}

.rounded-ds-segmented-control-xs-container {
    border-radius: var(--border-radius-ds-segmented-control-xs-container)
}

.rounded-ds-segmented-control-sm-container {
    border-radius: var(--border-radius-ds-segmented-control-sm-container)
}

.rounded-ds-segmented-control-md-container {
    border-radius: var(--border-radius-ds-segmented-control-md-container)
}

.rounded-ds-segmented-control-lg-container {
    border-radius: var(--border-radius-ds-segmented-control-lg-container)
}

.rounded-ds-tabs-lg {
    border-radius: var(--border-radius-ds-tabs-lg)
}

.rounded-ds-tabs-md {
    border-radius: var(--border-radius-ds-tabs-md)
}

.rounded-ds-tabs-sm {
    border-radius: var(--border-radius-ds-tabs-sm)
}

.rounded-s-ds-tabs-container-bg {
    border-start-start-radius: var(--border-radius-ds-tabs-container-bg);
    border-end-start-radius: var(--border-radius-ds-tabs-container-bg)
}

.rounded-e-ds-tabs-container-bg {
    border-start-end-radius: var(--border-radius-ds-tabs-container-bg);
    border-end-end-radius: var(--border-radius-ds-tabs-container-bg)
}

.rounded-ds-tabs-container-sm {
    border-radius: var(--border-radius-ds-tabs-container-sm)
}

.rounded-s-ds-tabs-container-sm {
    border-start-start-radius: var(--border-radius-ds-tabs-container-sm);
    border-end-start-radius: var(--border-radius-ds-tabs-container-sm)
}

.rounded-e-ds-tabs-container-sm {
    border-start-end-radius: var(--border-radius-ds-tabs-container-sm);
    border-end-end-radius: var(--border-radius-ds-tabs-container-sm)
}

.rounded-ds-table-row {
    border-radius: var(--border-radius-ds-table-row)
}

.rounded-ds-table-row-group {
    border-radius: var(--border-radius-ds-table-row-group)
}

.rounded-ds-tooltip {
    border-radius: var(--border-radius-ds-tooltip)
}

.border-ds-badge-primary-high {
    border-width: var(--border-width-ds-badge-primary-high)
}

.border-ds-badge-primary-low {
    border-width: var(--border-width-ds-badge-primary-low)
}

.border-ds-badge-neutral-high {
    border-width: var(--border-width-ds-badge-neutral-high)
}

.border-ds-badge-neutral-low {
    border-width: var(--border-width-ds-badge-neutral-low)
}

.border-ds-badge-positive-high {
    border-width: var(--border-width-ds-badge-positive-high)
}

.border-ds-badge-positive-low {
    border-width: var(--border-width-ds-badge-positive-low)
}

.border-ds-badge-negative-high {
    border-width: var(--border-width-ds-badge-negative-high)
}

.border-ds-badge-negative-low {
    border-width: var(--border-width-ds-badge-negative-low)
}

.border-ds-badge-warning-high {
    border-width: var(--border-width-ds-badge-warning-high)
}

.border-ds-badge-warning-low {
    border-width: var(--border-width-ds-badge-warning-low)
}

.border-ds-badge-info-high {
    border-width: var(--border-width-ds-badge-info-high)
}

.border-ds-badge-info-low {
    border-width: var(--border-width-ds-badge-info-low)
}

.border-ds-card-width {
    border-width: var(--border-width-ds-card-width)
}

.border-ds-card-selected-width {
    border-width: var(--border-width-ds-card-selected-width)
}

.border-ds-input-width-default {
    border-width: var(--border-width-ds-input-width-default)
}

.border-b-ds-segmented-control-underline-rail {
    border-bottom-width: var(--border-width-ds-segmented-control-underline-rail)
}

.border-b-ds-segmented-control-underline-active {
    border-bottom-width: var(--border-width-ds-segmented-control-underline-active)
}

.border-b-ds-tabs-selected-width {
    border-bottom-width: var(--border-width-ds-tabs-selected-width)
}

.no-scrollbar::-webkit-scrollbar {
    display: none
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.\[-webkit-appearance\:button\] {
    -webkit-appearance: button
}

.\[animation-play-state\:paused\] {
    animation-play-state: paused
}

.\[appearance\:textfield\] {
    appearance: textfield
}

.\[border-color\:var\(--ds-bg-parent-color\)\] {
    border-color: var(--ds-bg-parent-color)
}

.\[grid-area\:content\] {
    grid-area: content
}

.\[grid-area\:image\] {
    grid-area: image
}

.\[grid-template-areas\:\"content_image\"\]{grid-template-areas:"content image"}.\[grid-template-areas\:\"image_content\"\]{grid-template-areas:"image content"}.\[mask-clip\:content-box\,border-box\]{-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box}.\[mask-clip\:content-box2cborder-box\]{-webkit-mask-clip:content-box2cborder-box;-webkit-mask-clip:content-box2cborder-box;mask-clip:content-box2cborder-box}.\[mask-composite\:exclude\]{-webkit-mask-composite:xor;-webkit-mask-composite:xor;mask-composite:exclude}.\[mask-image\:linear-gradient\(\#000_0_0\)\,linear-gradient\(\#000_0_0\)\]{-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0)}.\[mask-image\:linear-gradient\(\#000_0_0\)2clinear-gradient\(\#000_0_0\)\]{-webkit-mask-image:linear-gradient(#000 0 0)2clinear-gradient(#000 0 0);-webkit-mask-image:linear-gradient(#000 0 0)2clinear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0)2clinear-gradient(#000 0 0)}.\[mask-origin\:content-box\]{-webkit-mask-origin:content-box;mask-origin:content-box}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}input[data-com-onepassword-filled]{-webkit-background-clip:text;background-clip:text}.ds-table-row-grouped .before\:bg-ds-table-sticky:before{content:var(--tw-content);background-image:linear-gradient(color-mix(in srgb,var(--background-color-ds-table-row-group),transparent calc(100% - 100%*1)),color-mix(in srgb,var(--background-color-ds-table-row-group),transparent calc(100% - 100%*1)))}.ds-table-row-highlighted .before\:bg-ds-table-sticky:before{content:var(--tw-content);background-image:linear-gradient(color-mix(in srgb,var(--background-color-ds-table-row-highlighted),transparent calc(100% - 100%*1)),color-mix(in srgb,var(--background-color-ds-table-row-highlighted),transparent calc(100% - 100%*1)))}.ds-table-row-hovered .before\:bg-ds-table-sticky:before{content:var(--tw-content);background-image:linear-gradient(color-mix(in srgb,var(--background-color-ds-table-row-hover),transparent calc(100% - 100%*1)),color-mix(in srgb,var(--background-color-ds-table-row-hover),transparent calc(100% - 100%*1)))}.ds-table-row-zebra:nth-child(2n) .before\:bg-ds-table-sticky:before{content:var(--tw-content);background-image:linear-gradient(color-mix(in srgb,var(--background-color-ds-table-row-even),transparent calc(100% - 100%*1)),color-mix(in srgb,var(--background-color-ds-table-row-even),transparent calc(100% - 100%*1)))}.ds-table-row-hoverable:hover .before\:bg-ds-table-sticky:before{content:var(--tw-content);background-image:linear-gradient(color-mix(in srgb,var(--background-color-ds-table-row-hover),transparent calc(100% - 100%*1)),color-mix(in srgb,var(--background-color-ds-table-row-hover),transparent calc(100% - 100%*1)))}.bg-ds-dialog .before\:bg-ds-table-sticky:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-table-cell-sticky-dialog),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.bg-ds-dialog .bg-ds-container .before\:bg-ds-table-sticky:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-table-cell-sticky-container),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.bg-ds-container .bg-ds-card .before\:bg-ds-table-sticky:before,.bg-ds-base-drawer .bg-ds-card .before\:bg-ds-table-sticky:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-table-cell-sticky-container-card),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.bg-ds-container .before\:bg-ds-table-sticky:before,.bg-ds-base-drawer .before\:bg-ds-table-sticky:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-table-cell-sticky-container),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.ds-table-row-grouped .group\/header:hover .group-hover\/header\:bg-ds-table-sticky{background-image:linear-gradient(color-mix(in srgb,var(--background-color-ds-table-row-group),transparent calc(100% - 100%*1)),color-mix(in srgb,var(--background-color-ds-table-row-group),transparent calc(100% - 100%*1)))}.ds-table-row-highlighted .group\/header:hover .group-hover\/header\:bg-ds-table-sticky{background-image:linear-gradient(color-mix(in srgb,var(--background-color-ds-table-row-highlighted),transparent calc(100% - 100%*1)),color-mix(in srgb,var(--background-color-ds-table-row-highlighted),transparent calc(100% - 100%*1)))}.ds-table-row-hovered .group\/header:hover .group-hover\/header\:bg-ds-table-sticky{background-image:linear-gradient(color-mix(in srgb,var(--background-color-ds-table-row-hover),transparent calc(100% - 100%*1)),color-mix(in srgb,var(--background-color-ds-table-row-hover),transparent calc(100% - 100%*1)))}.ds-table-row-zebra:nth-child(2n) .group\/header:hover .group-hover\/header\:bg-ds-table-sticky{background-image:linear-gradient(color-mix(in srgb,var(--background-color-ds-table-row-even),transparent calc(100% - 100%*1)),color-mix(in srgb,var(--background-color-ds-table-row-even),transparent calc(100% - 100%*1)))}.ds-table-row-hoverable:hover .group\/header:hover .group-hover\/header\:bg-ds-table-sticky{background-image:linear-gradient(color-mix(in srgb,var(--background-color-ds-table-row-hover),transparent calc(100% - 100%*1)),color-mix(in srgb,var(--background-color-ds-table-row-hover),transparent calc(100% - 100%*1)))}.bg-ds-dialog .group\/header:hover .group-hover\/header\:bg-ds-table-sticky{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-table-cell-sticky-dialog),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.bg-ds-dialog .bg-ds-container .group\/header:hover .group-hover\/header\:bg-ds-table-sticky{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-table-cell-sticky-container),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.bg-ds-container .bg-ds-card .group\/header:hover .group-hover\/header\:bg-ds-table-sticky,.bg-ds-base-drawer .bg-ds-card .group\/header:hover .group-hover\/header\:bg-ds-table-sticky{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-table-cell-sticky-container-card),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.bg-ds-container .group\/header:hover .group-hover\/header\:bg-ds-table-sticky,.bg-ds-base-drawer .group\/header:hover .group-hover\/header\:bg-ds-table-sticky{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-table-cell-sticky-container),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.peer:focus~.peer-focus\:text-ds-kraken-12-regular{font-family:Kraken-Product,IBM Plex Sans,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:400;line-height:1rem}@media (min-width:1280px){.xl\:text-ds-kraken-18-semibold{font-family:Kraken-Product,IBM Plex Sans,Helvetica,Arial,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.625rem}}@media not all and (min-width:768px){.bg-ds-dialog .max-md\:\[\&_\[data-scroll\]\]\:bg-ds-container [data-scroll] .bg-ds-table-sticky{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-table-cell-sticky-container),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.max-md\:\[\&_\[data-scroll\]\]\:bg-ds-container [data-scroll] .bg-ds-card .bg-ds-table-sticky{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-table-cell-sticky-container-card),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.max-md\:\[\&_\[data-scroll\]\]\:bg-ds-container [data-scroll] .bg-ds-table-sticky{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-table-cell-sticky-container),transparent calc(100% - 100%*var(--tw-bg-opacity)))}}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-y-0:before{content:var(--tw-content);top:0;bottom:0}.before\:-end-5:before{content:var(--tw-content);inset-inline-end:-1.25rem}.before\:-start-5:before{content:var(--tw-content);inset-inline-start:-1.25rem}.before\:start-0:before{content:var(--tw-content);inset-inline-start:0}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:mr-2:before{content:var(--tw-content);margin-right:.5rem}.before\:h-4:before{content:var(--tw-content);height:1rem}.before\:w-5:before{content:var(--tw-content);width:1.25rem}.before\:w-px:before{content:var(--tw-content);width:1px}.before\:-translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.before\:translate-y-\[-3px\]:before{content:var(--tw-content);--tw-translate-y:-3px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.before\:bg-ds-divider-high:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-divider-high),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.before\:align-baseline:before{content:var(--tw-content);vertical-align:baseline}.before\:content-\[\"\"\]:before{--tw-content:"";content:var(--tw-content)}.before\:content-\[\'•\'\]:before{--tw-content:"•";content:var(--tw-content)}.before\:content-none:before{--tw-content:none;content:var(--tw-content)}.before\:\[mask-image\:linear-gradient\(to_left\,rgba\(0\,0\,0\,0\)\,rgba\(0\,0\,0\,1\)\)\]:before{content:var(--tw-content);-webkit-mask-image:linear-gradient(270deg,#0000,#000);mask-image:linear-gradient(270deg,#0000,#000)}.before\:\[mask-image\:linear-gradient\(to_right\,rgba\(0\,0\,0\,0\)\,rgba\(0\,0\,0\,1\)\)\]:before{content:var(--tw-content);-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.first\:ps-px:first-child{padding-inline-start:1px}.first\:rounded-s-ds-5:first-child{border-start-start-radius:var(--border-radius-ds-5);border-end-start-radius:var(--border-radius-ds-5)}.last\:mb-0:last-child{margin-bottom:0}.last\:pb-ds-5:last-child{padding-bottom:16px}.last\:rounded-e-ds-5:last-child{border-start-end-radius:var(--border-radius-ds-5);border-end-end-radius:var(--border-radius-ds-5)}.even\:bg-ds-table-row-even:nth-child(2n){--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-table-row-even),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.focus-within\:bg-ds-input-error-focused:focus-within{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-input-error-focused),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.focus-within\:bg-ds-input-selected:focus-within{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-input-selected),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.focus-within\:outline:focus-within{outline-style:solid}.focus-within\:outline-ds-input:focus-within{outline-color:var(--outline-color-ds-input)}.focus-within\:outline-ds-input-error-focused:focus-within{outline-color:var(--outline-color-ds-input-error-focused)}.hover\:cursor-default:hover{cursor:default}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-ds-kit-pro-flat-notification-warning:hover{--tw-border-opacity:1;border-color:color-mix(in srgb,var(--border-color-ds-kit-pro-flat-notification-warning),transparent calc(100% - 100%*var(--tw-border-opacity)))}.hover\:border-x-ds-table-header-cell-hover:hover{--tw-border-opacity:1;border-left-color:color-mix(in srgb,var(--border-color-ds-table-header-cell-hover),transparent calc(100% - 100%*var(--tw-border-opacity)));border-right-color:color-mix(in srgb,var(--border-color-ds-table-header-cell-hover),transparent calc(100% - 100%*var(--tw-border-opacity)))}.hover\:bg-blue-500:hover{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.hover\:bg-ds-accordion-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-accordion-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-button-brand-high-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-brand-high-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-button-brand-low-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-brand-low-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-button-brand-medium-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-brand-medium-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-button-info-high-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-info-high-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-button-info-low-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-info-low-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-button-info-medium-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-info-medium-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-button-inverted-high-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-inverted-high-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-button-inverted-low-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-inverted-low-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-button-inverted-medium-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-inverted-medium-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-button-negative-high-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-negative-high-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-button-negative-low-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-negative-low-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-button-negative-medium-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-negative-medium-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-button-neutral-high-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-neutral-high-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-button-neutral-low-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-neutral-low-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-button-neutral-medium-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-neutral-medium-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-button-positive-high-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-positive-high-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-button-positive-low-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-positive-low-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-button-positive-medium-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-positive-medium-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-button-primary-high-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-primary-high-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-button-primary-low-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-primary-low-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-button-primary-medium-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-primary-medium-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-button-warning-high-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-warning-high-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-button-warning-low-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-warning-low-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-button-warning-medium-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-warning-medium-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-calendar-cell-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-calendar-cell-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-calendar-cell-negative-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-calendar-cell-negative-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-calendar-cell-positive-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-calendar-cell-positive-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-card-background-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-card-background-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-card-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-card-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-card-selected-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-card-selected-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-checkbox-checked-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-checkbox-checked-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-checkbox-checked-negative-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-checkbox-checked-negative-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-checkbox-unchecked-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-checkbox-unchecked-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-checkbox-unchecked-negative-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-checkbox-unchecked-negative-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-consumerpagination-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-consumerpagination-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-favourite-button-filled-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-favourite-button-filled-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-favourite-button-unfilled-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-favourite-button-unfilled-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-filteritem-active:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-filteritem-active),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-input-background-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-input-background-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-input-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-input-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-list-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-list-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-menu-active-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-menu-active-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-menu-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-menu-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-notification-info-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-notification-info-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-notification-negative-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-notification-negative-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-notification-neutral-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-notification-neutral-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-notification-positive-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-notification-positive-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-notification-primary-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-notification-primary-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-notification-warning-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-notification-warning-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-radio-checked-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-radio-checked-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-radio-checked-negative-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-radio-checked-negative-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-radio-unchecked-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-radio-unchecked-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-radio-unchecked-negative-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-radio-unchecked-negative-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-selectable-card-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-selectable-card-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-selectable-card-selected-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-selectable-card-selected-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-table-row-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-table-row-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-tabs-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-tabs-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.hover\:bg-ds-button-brand-high-gradient-hover:hover{background-image:var(--background-image-ds-button-brand-high-gradient-hover)}.hover\:bg-ds-button-primary-high-gradient-hover:hover{background-image:var(--background-image-ds-button-primary-high-gradient-hover)}.hover\:p-4:hover{padding:1rem}.hover\:p-8:hover{padding:2rem}.hover\:text-ds-breadcrumbs-default:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-breadcrumbs-default),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-button-brand-low-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-brand-low-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-button-brand-medium-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-brand-medium-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-button-brand-none-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-brand-none-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-button-info-low-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-info-low-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-button-info-medium-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-info-medium-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-button-info-none-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-info-none-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-button-inverted-low-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-inverted-low-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-button-inverted-medium-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-inverted-medium-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-button-inverted-none-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-inverted-none-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-button-negative-low-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-negative-low-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-button-negative-medium-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-negative-medium-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-button-negative-none-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-negative-none-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-button-neutral-low-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-neutral-low-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-button-neutral-medium-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-neutral-medium-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-button-neutral-none-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-neutral-none-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-button-positive-low-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-positive-low-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-button-positive-medium-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-positive-medium-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-button-positive-none-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-positive-none-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-button-primary-low-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-primary-low-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-button-primary-medium-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-primary-medium-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-button-primary-none-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-primary-none-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-button-warning-low-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-warning-low-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-button-warning-medium-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-warning-medium-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-button-warning-none-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-warning-none-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-filteritem-active:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-filteritem-active),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-segmented-control-inactive-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-segmented-control-inactive-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-sidebar-active-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-sidebar-active-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-sidebar-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-sidebar-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-tabs-active:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-tabs-active),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-tabs-onBackgroundActive:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-tabs-on-background-active),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-textlink-hover-brand:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--colors-ds-textlink-hover-brand),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-textlink-hover-negative:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--colors-ds-textlink-hover-negative),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-textlink-hover-neutral:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--colors-ds-textlink-hover-neutral),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-textlink-hover-positive:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--colors-ds-textlink-hover-positive),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-textlink-hover-primary:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--colors-ds-textlink-hover-primary),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-ds-textlink-hover-warning:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--colors-ds-textlink-hover-warning),transparent calc(100% - 100%*var(--tw-text-opacity)))}.hover\:text-inherit:hover{color:inherit}.hover\:underline:hover{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration-line:none}.hover\:\[animation-play-state\:pause\]:hover{animation-play-state:pause}.focus\:pb-0:focus{padding-bottom:0}.focus\:pb-1:focus{padding-bottom:.25rem}.focus\:pb-2:focus{padding-bottom:.5rem}.focus\:pb-\[6px\]:focus{padding-bottom:6px}.focus\:pt-4:focus{padding-top:1rem}.focus\:pt-5:focus{padding-top:1.25rem}.focus\:pt-6:focus{padding-top:1.5rem}.focus\:pt-\[22px\]:focus{padding-top:22px}.focus\:placeholder-ds-input:focus::placeholder{--tw-placeholder-opacity:1;color:color-mix(in srgb,var(--placeholder-color-ds-input),transparent calc(100% - 100%*var(--tw-placeholder-opacity)))}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:outline-ds-accordion:focus{outline-color:var(--outline-color-ds-accordion)}.focus\:outline-ds-button:focus{outline-color:var(--outline-color-ds-button)}.focus-visible\:bg-ds-menu-hover:focus-visible{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-menu-hover),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-1:focus-visible{outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-offset-\[3px\]:focus-visible{outline-offset:3px}.focus-visible\:outline-offset-ds-button:focus-visible,.focus-visible\:outline-offset-ds-notification:focus-visible{outline-offset:-2px}.focus-visible\:outline-ds-card-selected:focus-visible{outline-color:var(--outline-color-ds-card-selected)}.focus-visible\:outline-ds-input:focus-visible{outline-color:var(--outline-color-ds-input)}.focus-visible\:outline-ds-list:focus-visible{outline-color:#7132f5}.focus-visible\:outline-ds-menu:focus-visible{outline-color:var(--outline-color-ds-menu)}.focus-visible\:outline-ds-notification:focus-visible{outline-color:var(--outline-color-ds-notification)}.focus-visible\:outline-ds-segmented-control:focus-visible{outline-color:var(--outline-color-ds-segmented-control)}.focus-visible\:outline-ds-selectable-card:focus-visible{outline-color:var(--outline-color-ds-selectable-card)}.focus-visible\:outline-ds-semantic-focus-ring:focus-visible{outline-color:color-mix(in srgb,var(--colors-ds-semantic-focus-ring),transparent calc(100% - 100%*1))}.focus-visible\:rounded-ds-2:focus-visible{border-radius:var(--border-radius-ds-2)}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-ds-button-brand-low-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-brand-low-active),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.active\:bg-ds-button-brand-medium-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-brand-medium-active),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.active\:bg-ds-button-info-low-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-info-low-active),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.active\:bg-ds-button-info-medium-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-info-medium-active),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.active\:bg-ds-button-negative-low-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-negative-low-active),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.active\:bg-ds-button-negative-medium-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-negative-medium-active),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.active\:bg-ds-button-neutral-low-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-neutral-low-active),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.active\:bg-ds-button-neutral-medium-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-neutral-medium-active),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.active\:bg-ds-button-positive-low-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-positive-low-active),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.active\:bg-ds-button-positive-medium-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-positive-medium-active),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.active\:bg-ds-button-primary-low-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-primary-low-active),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.active\:bg-ds-button-primary-medium-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-primary-medium-active),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.active\:bg-ds-button-warning-low-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-warning-low-active),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.active\:bg-ds-button-warning-medium-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-warning-medium-active),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.active\:bg-ds-menu-pressed:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-menu-pressed),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:text-ds-favourite-button-disabled:disabled{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-favourite-button-disabled),transparent calc(100% - 100%*var(--tw-text-opacity)))}.disabled\:text-ds-grey-400:disabled{color:#c6c7d2}.disabled\:text-ds-sidebar-disabled:disabled{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-sidebar-disabled),transparent calc(100% - 100%*var(--tw-text-opacity)))}.group\/header:hover .group-hover\/header\:visible,.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:h-2{height:.5rem}.group\/header:hover .group-hover\/header\:w-fit{width:fit-content}.group:hover .group-hover\:text-ds-accordion-hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-accordion-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.group:hover .group-hover\:text-ds-dropdown-button-content-placeholder-hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-dropdown-button-content-placeholder-hover),transparent calc(100% - 100%*var(--tw-text-opacity)))}.group:hover .group-hover\:text-ds-primary{--tw-text-opacity:1;color:color-mix(in srgb,var(--colors-ds-primary),transparent calc(100% - 100%*var(--tw-text-opacity)))}.group:hover .group-hover\:opacity-0{opacity:0}.group:hover .group-hover\:opacity-100{opacity:1}.peer:focus~.peer-focus\:top-ds-input-offset-adjusted-lg{top:2px}.peer:focus~.peer-focus\:top-ds-input-offset-adjusted-md,.peer:focus~.peer-focus\:top-ds-input-offset-adjusted-sm{top:-2px}.peer:focus~.peer-focus\:top-ds-input-offset-adjusted-xl{top:4px}.peer:focus~.peer-focus\:top-ds-input-offset-adjusted-xxl{top:6px}.peer:focus~.peer-focus\:inline-flex{display:inline-flex}.peer:focus~.peer-focus\:translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.peer:focus~.peer-focus\:items-center{align-items:center}.peer:focus~.peer-focus\:pb-0{padding-bottom:0}.peer:focus~.peer-focus\:pb-1{padding-bottom:.25rem}.peer:focus~.peer-focus\:pb-2{padding-bottom:.5rem}.peer:focus~.peer-focus\:pb-\[6px\]{padding-bottom:6px}.peer:focus~.peer-focus\:pt-4{padding-top:1rem}.peer:focus~.peer-focus\:pt-5{padding-top:1.25rem}.peer:focus~.peer-focus\:pt-6{padding-top:1.5rem}.peer:focus~.peer-focus\:pt-\[22px\]{padding-top:22px}.aria-selected\:bg-ds-tabs-active[aria-selected=true]{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-tabs-active),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.aria-selected\:bg-ds-tabs-onBackgroundActive[aria-selected=true]{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-tabs-on-background-active),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.aria-selected\:text-ds-tabs-active[aria-selected=true]{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-tabs-active),transparent calc(100% - 100%*var(--tw-text-opacity)))}.aria-selected\:text-ds-tabs-onBackgroundActive[aria-selected=true]{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-tabs-on-background-active),transparent calc(100% - 100%*var(--tw-text-opacity)))}.aria-selected\:shadow-ds-tabs-background-active[aria-selected=true]{--tw-shadow:0px 1px 4px 0px #1018280a;--tw-shadow-colored:0px 1px 4px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[theme\=dark\]\:\[color-scheme\:dark\][data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.data-\[theme\=light\]\:\[color-scheme\:light\][data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (max-width:374px){.max-\[374px\]\:px-3{padding-left:.75rem;padding-right:.75rem}.max-\[374px\]\:text-\[12px\]{font-size:12px}}@media (min-width:480px){.xs\:mt-ds-2{margin-top:4px}.xs\:w-36{width:9rem}.xs\:items-end{align-items:flex-end}}@media (min-width:640px){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-5{height:1.25rem}.sm\:w-40{width:10rem}.sm\:grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}.sm\:justify-end{justify-content:flex-end}.sm\:py-ds-7{padding-top:24px;padding-bottom:24px}.sm\:pe-ds-10{padding-inline-end:40px}.sm\:ps-ds-0{padding-inline-start:0}.sm\:pt-ds-5{padding-top:16px}.sm\:\[grid-template-areas\:\"image_content\"\]{grid-template-areas:"image content"}}@media (min-width:768px){.md\:order-last{order:9999}.md\:col-span-2{grid-column:span 2/span 2}.md\:mb-\[26px\]{margin-bottom:26px}.md\:mt-0{margin-top:0}.md\:mt-7{margin-top:1.75rem}.md\:block{display:block}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-28{height:7rem}.md\:min-h-\[620px\]{min-height:620px}.md\:w-28{width:7rem}.md\:w-48{width:12rem}.md\:max-w-full{max-width:100%}.md\:auto-cols-auto{grid-auto-columns:auto}.md\:grid-flow-col{grid-auto-flow:column}.md\:grid-cols-none{grid-template-columns:none}.md\:grid-rows-none{grid-template-rows:none}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:justify-between{justify-content:space-between}.md\:gap-x-ds-10{-moz-column-gap:40px;column-gap:40px}.md\:text-wrap{text-wrap:wrap}.md\:rounded-\[20px\]{border-radius:20px}.md\:border-solid{border-style:solid}.md\:bg-ds-kit-header-desktop{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-kit-header-desktop),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:px-7{padding-left:1.75rem;padding-right:1.75rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:px-ds-3{padding-left:8px;padding-right:8px}.md\:px-ds-7{padding-left:24px;padding-right:24px}.md\:px-ds-9{padding-left:32px;padding-right:32px}.md\:py-2{padding-top:.5rem;padding-bottom:.5rem}.md\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.md\:py-\[22px\]{padding-top:22px;padding-bottom:22px}.md\:pb-10{padding-bottom:2.5rem}.md\:pb-7{padding-bottom:1.75rem}.md\:pb-\[22px\]{padding-bottom:22px}.md\:pt-4{padding-top:1rem}.md\:pt-9{padding-top:2.25rem}.md\:pt-\[38px\]{padding-top:38px}.md\:text-\[20px\]{font-size:20px}.md\:text-\[28px\]{font-size:28px}.md\:tracking-\[-0\.9px\]{letter-spacing:-.9px}.md\:rounded-ds-5{border-radius:var(--border-radius-ds-5)}}@media (min-width:1024px){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:size-\[124px\]{width:124px;height:124px}.lg\:w-40{width:10rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:items-start{align-items:flex-start}.lg\:justify-end{justify-content:flex-end}}@media (min-width:1280px){.xl\:ms-ds-8{margin-inline-start:28px}.xl\:w-\[240px\]{width:240px}.xl\:flex-row{flex-direction:row}.xl\:flex-nowrap{flex-wrap:nowrap}.xl\:gap-1{gap:.25rem}.xl\:gap-y-ds-0{row-gap:0}.xl\:px-ds-0{padding-left:0;padding-right:0}.xl\:pe-ds-0{padding-inline-end:0}.xl\:pl-4{padding-left:1rem}}@media (min-width:1535px){.\32 xl\:flex{display:flex}.\32 xl\:hidden{display:none}.\32 xl\:min-w-\[280px\]{min-width:280px}.\32 xl\:max-w-\[1300px\]{max-width:1300px}}.rtl\:-translate-x-2:where([dir=rtl],[dir=rtl] *){--tw-translate-x:-.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.rtl\:-translate-x-3:where([dir=rtl],[dir=rtl] *){--tw-translate-x:-.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.rtl\:-translate-x-\[18px\]:where([dir=rtl],[dir=rtl] *){--tw-translate-x:-18px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.rtl\:rotate-180:where([dir=rtl],[dir=rtl] *){--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{appearance:none}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{appearance:none}.\[\&\:\:-webkit-slider-thumb\]\:pointer-events-none::-webkit-slider-thumb{pointer-events:none}.\[\&\:\:-webkit-slider-thumb\]\:bg-ds-slider-thumb::-webkit-slider-thumb{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-slider-thumb),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.\[\&\:\:-webkit-slider-thumb\]\:bg-ds-slider-thumb-disabled::-webkit-slider-thumb{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-slider-thumb-disabled),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.\[\&\:\:-webkit-slider-thumb\]\:focus-visible\:ring-0:focus-visible::-webkit-slider-thumb{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.\[\&\:\:-webkit-slider-thumb\]\:focus-visible\:ring-offset-2:focus-visible::-webkit-slider-thumb{--tw-ring-offset-width:2px}.\[\&\:\:-webkit-slider-thumb\]\:focus-visible\:ring-offset-ds-slider-focused:focus-visible::-webkit-slider-thumb{--tw-ring-offset-color:color-mix(in srgb,var(--ring-offset-color-ds-slider-focused),transparent calc(100% - 100%*1))}.\[\&\:hover\>div\:first-child\]\:opacity-\[0\.08\]:hover>div:first-child{opacity:.08}.\[\&\:not\(\[data-scroll\=\'0\'\]\)\]\:border-b:not([data-scroll="0"]){border-bottom-width:1px}.\[\&\:not\(\[data-scroll\=\'0\'\]\)\]\:bg-opacity-10:not([data-scroll="0"]){--tw-bg-opacity:.1}.\[\&\>\*\]\:shrink-0>*{flex-shrink:0}.\[\&\>\*\]\:overflow-visible>*{overflow:visible}.\[\&\>\.ds-card\:first-child\]\:rounded-t-ds-card>.ds-card:first-child{border-top-left-radius:12px;border-top-right-radius:12px;border-top-left-radius:var(--border-radius-ds-card);border-top-right-radius:var(--border-radius-ds-card)}.\[\&\>\.ds-card\:first-child\]\:rounded-t-ds-card>.ds-card:first-child{border-top-left-radius:var(--border-radius-ds-card);border-top-right-radius:var(--border-radius-ds-card)}.\[\&\>\.ds-card\:first-child\]\:rounded-s-ds-card>.ds-card:first-child{border-start-start-radius:var(--border-radius-ds-card);border-end-start-radius:var(--border-radius-ds-card)}.\[\&\>\.ds-card\:last-child\]\:rounded-b-ds-card>.ds-card:last-child{border-bottom-right-radius:12px;border-bottom-left-radius:12px}.\[\&\>\.ds-card\:last-child\]\:rounded-b-ds-card>.ds-card:last-child{border-bottom-left-radius:var(--border-radius-ds-card);border-bottom-right-radius:var(--border-radius-ds-card)}.\[\&\>\.ds-card\:last-child\]\:rounded-e-ds-card>.ds-card:last-child{border-start-end-radius:var(--border-radius-ds-card);border-end-end-radius:var(--border-radius-ds-card)}.\[\&\>\.ds-card\]\:rounded-ds-card-grouped>.ds-card{border-radius:4px;border-radius:var(--border-radius-ds-card-grouped)}.\[\&\>\.ds-table-cell\:first-child\]\:ps-ds-1>.ds-table-cell:first-child{padding-inline-start:2px}.\[\&\>\.ds-table-cell\:last-child\]\:pe-ds-2>.ds-table-cell:last-child{padding-inline-end:4px}.\[\&\>\.ds-table-cell\:last-child\]\:pe-ds-4>.ds-table-cell:last-child{padding-inline-end:12px}.\[\&\>\.ds-table-cell\:last-child\]\:pe-ds-5>.ds-table-cell:last-child{padding-inline-end:16px}.\[\&\>\.ds-table-cell\:last-child\]\:pe-ds-6>.ds-table-cell:last-child{padding-inline-end:20px}.\[\&\>\.ds-table-cell\:last-child\]\:pe-ds-7>.ds-table-cell:last-child{padding-inline-end:24px}.\[\&\>\.ds-table-cell\:last-child\]\:rounded-e-ds-table-row>.ds-table-cell:last-child{border-start-end-radius:var(--border-radius-ds-table-row);border-end-end-radius:var(--border-radius-ds-table-row)}.\[\&\>div\:first-child\]\:opacity-\[0\.08\]>div:first-child{opacity:.08}.\[\&\>div\:first-child_\[data-progress-bar-indicator\=true\]\]\:rounded-b-ds-round>div:first-child [data-progress-bar-indicator=true]{border-bottom-left-radius:var(--border-radius-ds-round);border-bottom-right-radius:var(--border-radius-ds-round)}.\[\&\>div\:first-child_\[data-progress-bar-indicator\=true\]\]\:rounded-s-ds-round>div:first-child [data-progress-bar-indicator=true]{border-start-start-radius:var(--border-radius-ds-round);border-end-start-radius:var(--border-radius-ds-round)}.\[\&\>div\:first-child_\[data-progress-bar-track\=true\]\]\:rounded-b-ds-round>div:first-child [data-progress-bar-track=true]{border-bottom-left-radius:var(--border-radius-ds-round);border-bottom-right-radius:var(--border-radius-ds-round)}.\[\&\>div\:first-child_\[data-progress-bar-track\=true\]\]\:rounded-s-ds-round>div:first-child [data-progress-bar-track=true]{border-start-start-radius:var(--border-radius-ds-round);border-end-start-radius:var(--border-radius-ds-round)}.\[\&\>div\:last-child_\[data-progress-bar-indicator\=true\]\]\:rounded-t-ds-round>div:last-child [data-progress-bar-indicator=true]{border-top-left-radius:var(--border-radius-ds-round);border-top-right-radius:var(--border-radius-ds-round)}.\[\&\>div\:last-child_\[data-progress-bar-indicator\=true\]\]\:rounded-e-ds-round>div:last-child [data-progress-bar-indicator=true]{border-start-end-radius:var(--border-radius-ds-round);border-end-end-radius:var(--border-radius-ds-round)}.\[\&\>div\:last-child_\[data-progress-bar-track\=true\]\]\:rounded-t-ds-round>div:last-child [data-progress-bar-track=true]{border-top-left-radius:var(--border-radius-ds-round);border-top-right-radius:var(--border-radius-ds-round)}.\[\&\>div\:last-child_\[data-progress-bar-track\=true\]\]\:rounded-e-ds-round>div:last-child [data-progress-bar-track=true]{border-start-end-radius:var(--border-radius-ds-round);border-end-end-radius:var(--border-radius-ds-round)}.\[\&\>div\>div\>div\]\:rounded-none>div>div>div{border-radius:0}.\[\&\>div\]\:w-full>div{width:100%}.\[\&\>iframe\]\:m-auto>iframe{margin:auto}.\[\&\>iframe\]\:h-\[700px\]>iframe{height:700px}.\[\&\>iframe\]\:min-h-\[700px\]>iframe{min-height:700px}.\[\&\>iframe\]\:w-full>iframe{width:100%}.\[\&\>iframe\]\:max-w-screen-xs>iframe{max-width:480px}.\[\&_\[data-ds-component\=Notification\]\]\:min-w-0 [data-ds-component=Notification]{min-width:0}.\[\&_\[data-ds-component\=Notification\]\]\:max-w-full [data-ds-component=Notification]{max-width:100%}.\[\&_\[data-progress-bar-indicator\=true\]\]\:rounded-b-none [data-progress-bar-indicator=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.\[\&_\[data-progress-bar-indicator\=true\]\]\:rounded-e-none [data-progress-bar-indicator=true]{border-start-end-radius:0;border-end-end-radius:0}.\[\&_\[data-progress-bar-indicator\=true\]\]\:rounded-s-none [data-progress-bar-indicator=true]{border-start-start-radius:0;border-end-start-radius:0}.\[\&_\[data-progress-bar-indicator\=true\]\]\:rounded-t-none [data-progress-bar-indicator=true]{border-top-left-radius:0;border-top-right-radius:0}@media not all and (min-width:768px){.max-md\:\[\&_\[data-scroll\]\>div\]\:h-\[55px\] [data-scroll]>div{height:55px}.max-md\:\[\&_\[data-scroll\]\]\:bg-ds-container [data-scroll]{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-container),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.max-md\:\[\&_\[data-scroll\]\]\:pt-0 [data-scroll]{padding-top:0}}.\[\&_a\]\:text-inherit a{color:inherit}.\[\&_button\>span\>span\]\:hidden button>span>span,.\[\&_button\>span\>svg\:last-child\]\:hidden button>span>svg:last-child{display:none}.\[\&_button\>span\]\:px-1\.5 button>span{padding-left:.375rem;padding-right:.375rem}.\[\&_button\>span\]\:py-1 button>span{padding-top:.25rem;padding-bottom:.25rem}.\[\&_button\]\:h-10 button{height:2.5rem}.\[\&_button\]\:h-12 button{height:3rem}.\[\&_button\]\:h-\[46px\] button{height:46px}.\[\&_button\]\:min-h-0 button{min-height:0}.\[\&_button\]\:w-10 button{width:2.5rem}.\[\&_button\]\:w-40 button{width:10rem}.\[\&_button\]\:w-\[46px\] button{width:46px}.\[\&_button\]\:min-w-0 button{min-width:0}.\[\&_button\]\:rounded-full button{border-radius:9999px}.\[\&_button\]\:rounded-none button{border-radius:0}.\[\&_button\]\:border button{border-width:1px}.\[\&_button\]\:border-solid button{border-style:solid}.\[\&_button\]\:border-ds-semantic-border-default button{--tw-border-opacity:1;border-color:color-mix(in srgb,var(--colors-ds-semantic-border-default),transparent calc(100% - 100%*var(--tw-border-opacity)))}.\[\&_button\]\:bg-ds-semantic-content-primary button{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--colors-ds-semantic-content-primary),transparent calc(100% - 100%*var(--tw-bg-opacity)))}.\[\&_button\]\:p-0 button{padding:0}.\[\&_button\]\:p-px button{padding:1px}.\[\&_button\]\:text-ds-semantic-content-inverse button{--tw-text-opacity:1;color:color-mix(in srgb,var(--colors-ds-semantic-content-inverse),transparent calc(100% - 100%*var(--tw-text-opacity)))}.\[\&_button\]\:text-ds-semantic-content-primary button{--tw-text-opacity:1;color:color-mix(in srgb,var(--colors-ds-semantic-content-primary),transparent calc(100% - 100%*var(--tw-text-opacity)))}.\[\&_form\>\*\]\:box-border form>*{box-sizing:border-box}.\[\&_form\>\*\]\:min-w-0 form>*{min-width:0}.\[\&_form\>\*\]\:max-w-full form>*{max-width:100%}.\[\&_form\]\:box-border form{box-sizing:border-box}.\[\&_form\]\:min-w-0 form{min-width:0}.\[\&_form\]\:max-w-full form{max-width:100%}.\[\&_input\]\:box-border input{box-sizing:border-box}.\[\&_input\]\:min-w-0 input{min-width:0}.\[\&_input\]\:max-w-full input{max-width:100%}.\[\&_path\]\:stroke-ds-dropdown-button-content-icon path{stroke:color-mix(in srgb,var(--stroke-ds-dropdown-button-content-icon),transparent calc(100% - 100%*1))}.group:hover .\[\&_path\]\:group-hover\:stroke-ds-dropdown-button-content-icon-hover path{stroke:color-mix(in srgb,var(--stroke-ds-dropdown-button-content-icon-hover),transparent calc(100% - 100%*1))}.\[\&_span\]\:\!text-\[16px\] span{font-size:16px!important}@media (min-width:768px){.md\:\[\&_span\]\:\!text-\[28px\] span{font-size:28px!important}}.\[\&_strong\]\:font-semibold strong{font-weight:600}.\[\&_strong\]\:text-ds-semantic-content-primary strong{--tw-text-opacity:1;color:color-mix(in srgb,var(--colors-ds-semantic-content-primary),transparent calc(100% - 100%*var(--tw-text-opacity)))}.\[\&_svg\]\:h-\[20px\] svg{height:20px}.\[\&_svg\]\:h-\[22px\] svg{height:22px}.\[\&_svg\]\:h-full svg{height:100%}.\[\&_svg\]\:w-\[20px\] svg{width:20px}.\[\&_svg\]\:w-\[22px\] svg{width:22px}.\[\&_svg\]\:w-full svg{width:100%}.\[\&_svg\]\:text-inherit svg{color:inherit}@media (max-width:374px){.max-\[374px\]\:\[\&_svg\]\:h-auto svg{height:auto}.max-\[374px\]\:\[\&_svg\]\:w-\[100px\] svg{width:100px}}.\[\&_svg_mask_path\]\:fill-white svg mask path{fill:#fff}.\[\&_svg_path\]\:fill-current svg path{fill:currentColor}

/*# sourceMappingURL=ce20602e472db915.css.map*/