html {
  font-size: 16px;
}

body {
  min-height: 100vh;
}

*,
::after,
::before {
  box-sizing: border-box;
  border: 0px solid rgb(229, 231, 235);
}

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

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

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

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

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

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

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

b,
strong {
  font-weight: bolder;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

button,
select {
  text-transform: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
  appearance: button;
  background-color: transparent;
  background-image: none;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

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

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

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

summary {
  display: list-item;
}

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

fieldset {
  margin: 0px;
}

fieldset,
legend {
  padding: 0px;
}

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

dialog {
  padding: 0px;
}

textarea {
  resize: vertical;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: rgb(156, 163, 175);
}

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

:disabled {
  cursor: default;
}

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

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

[hidden] {
  display: none;
}

.light-theme {
  --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-divider: rgba(104, 107, 130, .16);
  --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;
  --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-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: hsla(0, 0%, 100%, .24);
  --background-color-ds-accordion: transparent;
  --background-color-ds-accordion-hover: transparent;
  --background-color-ds-badge-primary-high: #7132f5;
  --background-color-ds-badge-primary-low: rgba(133, 91, 251, .16);
  --background-color-ds-badge-neutral-high: #9497a9;
  --background-color-ds-badge-neutral-low: rgba(104, 107, 130, .12);
  --background-color-ds-badge-positive-high: #149e61;
  --background-color-ds-badge-positive-low: rgba(20, 158, 97, .16);
  --background-color-ds-badge-negative-high: #d11d45;
  --background-color-ds-badge-negative-low: rgba(245, 57, 94, .16);
  --background-color-ds-badge-warning-high: #ffcd60;
  --background-color-ds-badge-warning-low: rgba(195, 150, 33, .24);
  --background-color-ds-badge-info-low: rgba(0, 146, 216, .16);
  --background-color-ds-badge-info-high: #0079b4;
  --background-color-ds-badge-new-low: rgba(133, 91, 251, .16);
  --background-color-ds-badge-new-high: #7132f5;
  --background-color-ds-banner: #fff;
  --background-color-ds-base-drawer: #fff;
  --background-color-ds-button-primary-high: #7132f5;
  --background-color-ds-button-primary-high-hover: #5b1ecf;
  --background-color-ds-button-primary-medium: rgba(133, 91, 251, .16);
  --background-color-ds-button-primary-medium-hover: rgba(133, 91, 251, .32);
  --background-color-ds-button-primary-low: transparent;
  --background-color-ds-button-primary-low-hover: rgba(104, 107, 130, .08);
  --background-color-ds-button-primary-none: transparent;
  --background-color-ds-button-neutral-high: #101114;
  --background-color-ds-button-neutral-high-hover: #22232d;
  --background-color-ds-button-neutral-medium: rgba(104, 107, 130, .08);
  --background-color-ds-button-neutral-medium-hover: rgba(104, 107, 130, .12);
  --background-color-ds-button-neutral-low: transparent;
  --background-color-ds-button-neutral-low-hover: rgba(104, 107, 130, .08);
  --background-color-ds-button-neutral-none: transparent;
  --background-color-ds-button-positive-high: #08844f;
  --background-color-ds-button-positive-high-hover: #026b3f;
  --background-color-ds-button-positive-medium: rgba(20, 158, 97, .16);
  --background-color-ds-button-positive-medium-hover: rgba(20, 158, 97, .24);
  --background-color-ds-button-positive-low: transparent;
  --background-color-ds-button-positive-low-hover: rgba(20, 158, 97, .16);
  --background-color-ds-button-positive-none: transparent;
  --background-color-ds-button-negative-high: #d11d45;
  --background-color-ds-button-negative-high-hover: #aa0132;
  --background-color-ds-button-negative-medium: rgba(245, 57, 94, .16);
  --background-color-ds-button-negative-medium-hover: rgba(245, 57, 94, .24);
  --background-color-ds-button-negative-low: transparent;
  --background-color-ds-button-negative-low-hover: rgba(245, 57, 94, .16);
  --background-color-ds-button-negative-none: transparent;
  --background-color-ds-button-warning-high: #e8b100;
  --background-color-ds-button-warning-high-hover: #ffcd60;
  --background-color-ds-button-warning-medium: rgba(195, 150, 33, .16);
  --background-color-ds-button-warning-medium-hover: rgba(195, 150, 33, .24);
  --background-color-ds-button-warning-low: transparent;
  --background-color-ds-button-warning-low-hover: rgba(195, 150, 33, .16);
  --background-color-ds-button-warning-none: transparent;
  --background-color-ds-button-brand-high: #7132f5;
  --background-color-ds-button-brand-high-hover: #5b1ecf;
  --background-color-ds-button-brand-medium: rgba(133, 91, 251, .16);
  --background-color-ds-button-brand-medium-hover: rgba(133, 91, 251, .32);
  --background-color-ds-button-brand-low: transparent;
  --background-color-ds-button-brand-low-hover: rgba(133, 91, 251, .16);
  --background-color-ds-button-brand-none: transparent;
  --background-color-ds-button-info-high: #0079b4;
  --background-color-ds-button-info-high-hover: #00adfe;
  --background-color-ds-button-info-medium: rgba(0, 146, 216, .16);
  --background-color-ds-button-info-medium-hover: rgba(0, 146, 216, .32);
  --background-color-ds-button-info-low: transparent;
  --background-color-ds-button-info-low-hover: rgba(0, 146, 216, .16);
  --background-color-ds-button-info-none: transparent;
  --background-color-ds-button-inverted-high: #fff;
  --background-color-ds-button-inverted-high-hover: hsla(0, 0%, 100%, .88);
  --background-color-ds-button-inverted-medium: hsla(0, 0%, 100%, .16);
  --background-color-ds-button-inverted-medium-hover: hsla(0, 0%, 100%, .24);
  --background-color-ds-button-inverted-low: transparent;
  --background-color-ds-button-inverted-low-hover: hsla(0, 0%, 100%, .16);
  --background-color-ds-button-inverted-none: transparent;
  --background-color-ds-calendar-cell: rgba(104, 107, 130, .08);
  --background-color-ds-calendar-cell-hover: rgba(104, 107, 130, .16);
  --background-color-ds-calendar-cell-positive: rgba(20, 158, 97, .12);
  --background-color-ds-calendar-cell-positive-hover: rgba(20, 158, 97, .24);
  --background-color-ds-calendar-cell-negative: rgba(245, 57, 94, .08);
  --background-color-ds-calendar-cell-negative-hover: rgba(245, 57, 94, .16);
  --background-color-ds-card: rgba(148, 151, 169, .08);
  --background-color-ds-card-disabled: rgba(104, 107, 130, .08);
  --background-color-ds-card-selected: rgba(133, 91, 251, .08);
  --background-color-ds-card-hover: rgba(148, 151, 169, .12);
  --background-color-ds-card-selected-hover: rgba(104, 107, 130, .12);
  --background-color-ds-card-background: #fff;
  --background-color-ds-card-background-hover: hsla(0, 0%, 100%, .72);
  --background-color-ds-checkbox-unchecked: rgba(104, 107, 130, .32);
  --background-color-ds-checkbox-unchecked-hover: rgba(104, 107, 130, .4);
  --background-color-ds-checkbox-checked: #7132f5;
  --background-color-ds-checkbox-checked-hover: #8a61ff;
  --background-color-ds-checkbox-unchecked-negative: rgba(245, 57, 94, .48);
  --background-color-ds-checkbox-unchecked-negative-hover: rgba(245, 57, 94, .48);
  --background-color-ds-checkbox-checked-negative: #d11d45;
  --background-color-ds-checkbox-checked-negative-hover: #d11d45;
  --background-color-ds-checkbox-unchecked-disabled: rgba(104, 107, 130, .4);
  --background-color-ds-checkbox-checked-disabled: rgba(113, 50, 245, .4);
  --background-color-ds-checkboxgroup-error: rgba(245, 57, 94, .08);
  --background-color-ds-circle-primary: rgba(133, 91, 251, .16);
  --background-color-ds-circle-neutral: rgba(104, 107, 130, .12);
  --background-color-ds-circle-negative: rgba(245, 57, 94, .16);
  --background-color-ds-circle-warning: rgba(195, 150, 33, .24);
  --background-color-ds-circle-positive: rgba(20, 158, 97, .16);
  --background-color-ds-circle-info: rgba(0, 146, 216, .16);
  --background-color-ds-container: #fff;
  --background-color-ds-container-glass: rgba(104, 107, 130, .16);
  --background-color-ds-datepicker: #fff;
  --background-color-ds-datepicker-raised: #fff;
  --background-color-ds-datepicker-hover: rgba(104, 107, 130, .12);
  --background-color-ds-datepicker-today: rgba(104, 107, 130, .12);
  --background-color-ds-datepicker-selected-day: #7132f5;
  --background-color-ds-datepicker-selected-day-range: rgba(133, 91, 251, .16);
  --background-color-ds-dialog: #fff;
  --background-color-ds-dialogoverlay: rgba(0, 0, 0, .4);
  --background-color-ds-divider-high: rgba(104, 107, 130, .16);
  --background-color-ds-divider-low: rgba(104, 107, 130, .12);
  --background-color-ds-dot-badge-negative: #f5395e;
  --background-color-ds-dropdown-button: rgba(104, 107, 130, .08);
  --background-color-ds-dropdown-button-hover: rgba(104, 107, 130, .12);
  --background-color-ds-favourite-button-filled-hover: rgba(195, 150, 33, .12);
  --background-color-ds-favourite-button-unfilled-hover: rgba(104, 107, 130, .08);
  --background-color-ds-filteritem: rgba(104, 107, 130, .08);
  --background-color-ds-filteritem-active: rgba(104, 107, 130, .12);
  --background-color-ds-full-screen-dialog: #fff;
  --background-color-ds-input: rgba(104, 107, 130, .08);
  --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: rgba(104, 107, 130, .08);
  --background-color-ds-input-error-focused: rgba(104, 107, 130, .12);
  --background-color-ds-input-focused: rgba(104, 107, 130, .04);
  --background-color-ds-input-hover: rgba(104, 107, 130, .12);
  --background-color-ds-input-selected: rgba(104, 107, 130, .04);
  --background-color-ds-input-error-label: rgba(245, 57, 94, .08);
  --background-color-ds-input-background: #fff;
  --background-color-ds-input-background-hover: hsla(0, 0%, 100%, .8);
  --background-color-ds-input-background-selected: hsla(0, 0%, 100%, .8);
  --background-color-ds-inputerror-label: rgba(245, 57, 94, .08);
  --background-color-ds-legalnotice-neutral: rgba(104, 107, 130, .04);
  --background-color-ds-legalnotice-primary: rgba(133, 91, 251, .08);
  --background-color-ds-legend-item-dimmed: #9497a9;
  --background-color-ds-list-hover: rgba(104, 107, 130, .08);
  --background-color-ds-menu: #fff;
  --background-color-ds-menu-raised: #fff;
  --background-color-ds-menu-hover: rgba(104, 107, 130, .04);
  --background-color-ds-menu-pressed: rgba(104, 107, 130, .08);
  --background-color-ds-menu-active: rgba(104, 107, 130, .08);
  --background-color-ds-menu-active-hover: rgba(104, 107, 130, .08);
  --background-color-ds-notification-primary: rgba(133, 91, 251, .08);
  --background-color-ds-notification-neutral: rgba(104, 107, 130, .08);
  --background-color-ds-notification-negative: rgba(245, 57, 94, .08);
  --background-color-ds-notification-warning: rgba(195, 150, 33, .08);
  --background-color-ds-notification-positive: rgba(20, 158, 97, .08);
  --background-color-ds-notification-info: rgba(0, 146, 216, .08);
  --background-color-ds-notification-primary-hover: rgba(133, 91, 251, .16);
  --background-color-ds-notification-neutral-hover: rgba(104, 107, 130, .16);
  --background-color-ds-notification-negative-hover: rgba(245, 57, 94, .16);
  --background-color-ds-notification-warning-hover: rgba(195, 150, 33, .16);
  --background-color-ds-notification-positive-hover: rgba(20, 158, 97, .16);
  --background-color-ds-notification-info-hover: rgba(0, 146, 216, .16);
  --background-color-ds-pagination: rgba(104, 107, 130, .08);
  --background-color-ds-pill: rgba(133, 91, 251, .16);
  --background-color-ds-popover: #fff;
  --background-color-ds-progressbar-track: rgba(104, 107, 130, .24);
  --background-color-ds-progressbar-fill: #9497a9;
  --background-color-ds-progressbar-primary: #855bfb;
  --background-color-ds-progressbar-positive-indicator: #35df8d;
  --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: rgba(104, 107, 130, .16);
  --background-color-ds-progresstracker-info: rgba(0, 146, 216, .16);
  --background-color-ds-progresstracker-warning: rgba(195, 150, 33, .16);
  --background-color-ds-progresstracker-finished: rgba(20, 158, 97, .16);
  --background-color-ds-radio-unchecked: rgba(104, 107, 130, .32);
  --background-color-ds-radio-unchecked-hover: rgba(104, 107, 130, .4);
  --background-color-ds-radio-checked: #7132f5;
  --background-color-ds-radio-checked-hover: #8a61ff;
  --background-color-ds-radio-unchecked-negative: rgba(245, 57, 94, .48);
  --background-color-ds-radio-unchecked-negative-hover: rgba(245, 57, 94, .48);
  --background-color-ds-radio-checked-negative: #d11d45;
  --background-color-ds-radio-checked-negative-hover: #f5395e;
  --background-color-ds-radio-unchecked-disabled: rgba(104, 107, 130, .32);
  --background-color-ds-radio-checked-disabled: #855bfb;
  --background-color-ds-radio-indicator: #fff;
  --background-color-ds-radiogroup-error: rgba(245, 57, 94, .16);
  --background-color-ds-scrollbar-thumb: rgba(104, 107, 130, .4);
  --background-color-ds-scrollbar-thumb-hover: rgba(104, 107, 130, .24);
  --background-color-ds-scrollbar-track: transparent;
  --background-color-ds-segmented-control-inactive-low: #fff;
  --background-color-ds-segmented-control-inactive-high: rgba(104, 107, 130, .12);
  --background-color-ds-segmented-control-active-primary: #fff;
  --background-color-ds-segmented-control-active-positive: rgba(20, 158, 97, .24);
  --background-color-ds-segmented-control-active-negative: rgba(245, 57, 94, .24);
  --background-color-ds-segmented-control-active-primary-low: rgba(104, 107, 130, .12);
  --background-color-ds-segmented-control-active-positive-low: rgba(20, 158, 97, .24);
  --background-color-ds-segmented-control-active-negative-low: rgba(245, 57, 94, .24);
  --background-color-ds-selectable-card: rgba(148, 151, 169, .08);
  --background-color-ds-selectable-card-selected: rgba(133, 91, 251, .08);
  --background-color-ds-selectable-card-hover: rgba(148, 151, 169, .12);
  --background-color-ds-selectable-card-disabled: rgba(104, 107, 130, .08);
  --background-color-ds-selectable-card-selected-hover: rgba(104, 107, 130, .12);
  --background-color-ds-consumerpagination: #c6c7d2;
  --background-color-ds-consumerpagination-active: #686b82;
  --background-color-ds-consumerpagination-hover: #9497a9;
  --background-color-ds-skeleton-pending: rgba(104, 107, 130, .16);
  --background-color-ds-slider-range-track: rgba(104, 107, 130, .24);
  --background-color-ds-slider-range-track-disabled: rgba(104, 107, 130, .12);
  --background-color-ds-slider-value-track: #686b82;
  --background-color-ds-slider-value-track-disabled: rgba(104, 107, 130, .4);
  --background-color-ds-slider-thumb: #fff;
  --background-color-ds-slider-thumb-disabled: hsla(0, 0%, 100%, .4);
  --background-color-ds-stacked-asset-icons: #e5e6ec;
  --background-color-ds-tabs: rgba(104, 107, 130, .04);
  --background-color-ds-tabs-hover: rgba(104, 107, 130, .08);
  --background-color-ds-tabs-active: rgba(104, 107, 130, .12);
  --background-color-ds-tabs-on-background: transparent;
  --background-color-ds-tabs-on-background-active: #fff;
  --background-color-ds-table-cell-sticky: #fff;
  --background-color-ds-table-cell-sticky-container-card: #f7f7f8;
  --background-color-ds-table-cell-sticky-container-card-hover: #e7e8ea;
  --background-color-ds-table-cell-sticky-container: #fff;
  --background-color-ds-table-cell-sticky-container-hover: #eeeff0;
  --background-color-ds-table-cell-sticky-dialog: #fff;
  --background-color-ds-table-cell-sticky-dialog-hover: #ededf0;
  --background-color-ds-table-cell-sticky-dialog-container: #fff;
  --background-color-ds-table-cell-sticky-dialog-container-hover: #ededf0;
  --background-color-ds-table-header-cell-resize: #5b1ecf;
  --background-color-ds-table-header-cell-sticky: #fff;
  --background-color-ds-table-row-group: rgba(104, 107, 130, .04);
  --background-color-ds-table-row-highlighted: rgba(133, 91, 251, .12);
  --background-color-ds-table-row-even: rgba(104, 107, 130, .04);
  --background-color-ds-table-row-hover: rgba(104, 107, 130, .12);
  --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: rgba(104, 107, 130, .32);
  --background-color-ds-tooltip: #22232d;
  --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-button-primary-high: #fff;
  --text-color-ds-button-primary-medium: #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: #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-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-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-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: #7132f5;
  --text-color-ds-button-brand-low: #7132f5;
  --text-color-ds-button-brand-low-hover: #7132f5;
  --text-color-ds-button-brand-none: #7132f5;
  --text-color-ds-button-brand-none-hover: #5b1ecf;
  --text-color-ds-button-info-high: #fff;
  --text-color-ds-button-info-medium: #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-checkbox-primary: #101114;
  --text-color-ds-checkbox-disabled: rgba(16, 17, 20, .4);
  --text-color-ds-checkbox-description: #686b82;
  --text-color-ds-checkbox-check-mark: #fff;
  --text-color-ds-checkbox-check-mark-disabled: hsla(0, 0%, 100%, .4);
  --text-color-ds-checkboxgroup-primary: #101114;
  --text-color-ds-checkboxgroup-description: #686b82;
  --text-color-ds-checkboxgroup-error: #aa0132;
  --text-color-ds-circle-primary: #7132f5;
  --text-color-ds-circle-neutral: #484b5e;
  --text-color-ds-circle-positive: #026b3f;
  --text-color-ds-circle-warning: #6f5000;
  --text-color-ds-circle-negative: #d11d45;
  --text-color-ds-circle-info: #006394;
  --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: #f7f7fa;
  --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: rgba(0, 0, 0, .04);
  --text-color-ds-legalnotice-neutral: #9497a9;
  --text-color-ds-legalnotice-primary: #101114;
  --text-color-ds-menu: #686b82;
  --text-color-ds-menu-hover: #686b82;
  --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-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-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: #fff;
  --text-color-ds-tooltip-title: #fff;
  --box-shadow-ds-accordion: inset 0 1px 0 0 rgba(104, 107, 130, .12);
  --box-shadow-ds-banner: 0px 1px 4px 0px rgba(0, 0, 0, .04);
  --box-shadow-ds-base-drawer: 0px 4px 150px 0px rgba(0, 0, 0, .5);
  --box-shadow-ds-button-primary-high: inset 0 1px 0 0 hsla(0, 0%, 100%, .2);
  --box-shadow-ds-button-primary-medium: inset 0 1px 0 0 hsla(0, 0%, 100%, .12);
  --box-shadow-ds-container: 0px 1px 4px 0px rgba(16, 24, 40, .04);
  --box-shadow-ds-datepicker: 0px 4px 8px -2px rgba(16, 24, 40, .07);
  --box-shadow-ds-dialog: 0px 12px 16px -4px rgba(16, 24, 40, .06);
  --box-shadow-ds-menu: 0px 4px 8px -2px rgba(0, 0, 0, .15);
  --box-shadow-ds-popover: 0px 4px 8px -2px rgba(16, 24, 40, .06);
  --box-shadow-ds-toggle-on: 0 0 1px 1px rgba(104, 107, 130, .08);
  --box-shadow-ds-toggle-off: 0 0 1px 1px rgba(104, 107, 130, .08);
  --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px rgba(16, 24, 40, .07), 0px 0px 3px -1px rgba(16, 24, 40, .4);
  --stroke-ds-assetprogress: rgba(104, 107, 130, .24);
  --stroke-ds-dropdown-button-content-icon: #9497a9;
  --stroke-ds-dropdown-button-content-icon-hover: #101114;
  --stroke-ds-icon-primary: #7132f5;
  --stroke-ds-icon-neutral: #686b82;
  --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: rgba(104, 107, 130, .08);
  --stroke-ds-progresspie-track: rgba(104, 107, 130, .24);
  --stroke-ds-progresspie-fill: #9497a9;
  --border-color-ds-banner-recommended: rgba(104, 107, 130, .08);
  --border-color-ds-base-drawer: #fff;
  --border-color-ds-card: transparent;
  --border-color-ds-card-selected: #7132f5;
  --border-color-ds-card-disabled: transparent;
  --border-color-ds-checkbox-primary-focus: #7132f5;
  --border-color-ds-datepicker: rgba(104, 107, 130, .08);
  --border-color-ds-dot-badge: #f6f5f9;
  --border-color-ds-legend-item-dimmed: #9497a9;
  --border-color-ds-menu: rgba(104, 107, 130, .08);
  --border-color-ds-menu-divider: rgba(104, 107, 130, .16);
  --border-color-ds-popover: rgba(104, 107, 130, .08);
  --border-color-ds-radio-primary-focus: #7132f5;
  --border-color-ds-selectable-card-selected: #7132f5;
  --border-color-ds-selectable-card: transparent;
  --border-color-ds-selectable-card-disabled: transparent;
  --border-color-ds-table-header: rgba(104, 107, 130, .12);
  --border-color-ds-table-header-cell-hover: #5b1ecf;
  --border-color-ds-timeline: #9497a9;
  --border-radius-ds-banner: 20px;
  --border-radius-ds-dialog: 16px;
  --border-radius-ds-scrollbar: 0.375rem;
  --border-radius-ds-table-row: 0px;
  --border-radius-ds-table-row-group: 6px;
  --ring-color-ds-banner: #7132f5;
  --fill-ds-brand-brand: #7132f5;
  --fill-ds-brand-neutral: #000;
  --fill-ds-brand-inverted: #fff;
  --fill-ds-brand-white: #fff;
  --fill-ds-icon-primary: #7132f5;
  --fill-ds-icon-neutral: #686b82;
  --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: #7132f5;
  --background-image-ds-button-primary-high-gradient-hover: #5b1ecf;
  --background-image-ds-dialog-gradient: linear-gradient(0deg, #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;
  --ring-offset-color-ds-slider-focused: #7132f5;
  --opacity-ds-table-cell-dimmed: 0.4;
  --line-height-ds-table-header-cell-icon: 0px;
  --text-decoration-color-ds-text-dashed: rgba(104, 107, 130, .56);
}

.dark-theme {
  --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-divider: rgba(104, 107, 130, .32);
  --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;
  --outline-color-ds-accordion: #8a61ff;
  --outline-color-ds-button: #8a61ff;
  --outline-color-ds-card-selected: #7132f5;
  --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-popover: #8a61ff;
  --outline-color-ds-segmented-control: #8a61ff;
  --outline-color-ds-selectable-card: #7132f5;
  --outline-color-ds-tabs: #8a61ff;
  --outline-color-ds-table-header-cell: #8a61ff;
  --outline-color-ds-textlink: #8a61ff;
  --outline-color-ds-toggle: hsla(0, 0%, 100%, .24);
  --background-color-ds-accordion: transparent;
  --background-color-ds-accordion-hover: transparent;
  --background-color-ds-badge-primary-high: #7132f5;
  --background-color-ds-badge-primary-low: rgba(133, 91, 251, .16);
  --background-color-ds-badge-neutral-high: #686b82;
  --background-color-ds-badge-neutral-low: rgba(104, 107, 130, .16);
  --background-color-ds-badge-positive-high: #149e61;
  --background-color-ds-badge-positive-low: rgba(20, 158, 97, .16);
  --background-color-ds-badge-negative-high: #d11d45;
  --background-color-ds-badge-negative-low: rgba(245, 57, 94, .16);
  --background-color-ds-badge-warning-high: #ffcd60;
  --background-color-ds-badge-warning-low: rgba(195, 150, 33, .16);
  --background-color-ds-badge-info-low: rgba(0, 146, 216, .16);
  --background-color-ds-badge-info-high: #0092d8;
  --background-color-ds-badge-new-low: rgba(133, 91, 251, .16);
  --background-color-ds-badge-new-high: #7132f5;
  --background-color-ds-banner: #1a1b22;
  --background-color-ds-base-drawer: #16121f;
  --background-color-ds-button-primary-high: #7132f5;
  --background-color-ds-button-primary-high-hover: #8a61ff;
  --background-color-ds-button-primary-medium: rgba(133, 91, 251, .16);
  --background-color-ds-button-primary-medium-hover: rgba(133, 91, 251, .32);
  --background-color-ds-button-primary-low: transparent;
  --background-color-ds-button-primary-low-hover: rgba(104, 107, 130, .16);
  --background-color-ds-button-primary-none: transparent;
  --background-color-ds-button-neutral-high: #f7f7fa;
  --background-color-ds-button-neutral-high-hover: #e5e6ec;
  --background-color-ds-button-neutral-medium: rgba(104, 107, 130, .16);
  --background-color-ds-button-neutral-medium-hover: rgba(104, 107, 130, .32);
  --background-color-ds-button-neutral-low: transparent;
  --background-color-ds-button-neutral-low-hover: rgba(104, 107, 130, .16);
  --background-color-ds-button-neutral-none: transparent;
  --background-color-ds-button-positive-high: #35df8d;
  --background-color-ds-button-positive-high-hover: #44fc9e;
  --background-color-ds-button-positive-medium: rgba(20, 158, 97, .16);
  --background-color-ds-button-positive-medium-hover: rgba(20, 158, 97, .32);
  --background-color-ds-button-positive-low: transparent;
  --background-color-ds-button-positive-low-hover: rgba(20, 158, 97, .16);
  --background-color-ds-button-positive-none: transparent;
  --background-color-ds-button-negative-high: #f5395e;
  --background-color-ds-button-negative-high-hover: #ff7386;
  --background-color-ds-button-negative-medium: rgba(245, 57, 94, .16);
  --background-color-ds-button-negative-medium-hover: rgba(245, 57, 94, .32);
  --background-color-ds-button-negative-low: transparent;
  --background-color-ds-button-negative-low-hover: rgba(245, 57, 94, .16);
  --background-color-ds-button-negative-none: transparent;
  --background-color-ds-button-warning-high: #e8b100;
  --background-color-ds-button-warning-high-hover: #ffcd60;
  --background-color-ds-button-warning-medium: rgba(195, 150, 33, .16);
  --background-color-ds-button-warning-medium-hover: rgba(195, 150, 33, .32);
  --background-color-ds-button-warning-low: transparent;
  --background-color-ds-button-warning-low-hover: rgba(195, 150, 33, .16);
  --background-color-ds-button-warning-none: transparent;
  --background-color-ds-button-brand-high: #7132f5;
  --background-color-ds-button-brand-high-hover: #8a61ff;
  --background-color-ds-button-brand-medium: rgba(133, 91, 251, .16);
  --background-color-ds-button-brand-medium-hover: rgba(133, 91, 251, .32);
  --background-color-ds-button-brand-low: transparent;
  --background-color-ds-button-brand-low-hover: rgba(133, 91, 251, .16);
  --background-color-ds-button-brand-none: transparent;
  --background-color-ds-button-info-high: #0092d8;
  --background-color-ds-button-info-high-hover: #90c9ff;
  --background-color-ds-button-info-medium: rgba(0, 146, 216, .16);
  --background-color-ds-button-info-medium-hover: rgba(0, 146, 216, .32);
  --background-color-ds-button-info-low: transparent;
  --background-color-ds-button-info-low-hover: rgba(0, 146, 216, .16);
  --background-color-ds-button-info-none: transparent;
  --background-color-ds-button-inverted-high: #000;
  --background-color-ds-button-inverted-high-hover: rgba(0, 0, 0, .56);
  --background-color-ds-button-inverted-medium: rgba(0, 0, 0, .08);
  --background-color-ds-button-inverted-medium-hover: rgba(0, 0, 0, .16);
  --background-color-ds-button-inverted-low: transparent;
  --background-color-ds-button-inverted-low-hover: rgba(0, 0, 0, .08);
  --background-color-ds-button-inverted-none: transparent;
  --background-color-ds-calendar-cell: rgba(104, 107, 130, .08);
  --background-color-ds-calendar-cell-hover: rgba(104, 107, 130, .16);
  --background-color-ds-calendar-cell-positive: rgba(20, 158, 97, .12);
  --background-color-ds-calendar-cell-positive-hover: rgba(20, 158, 97, .24);
  --background-color-ds-calendar-cell-negative: rgba(245, 57, 94, .08);
  --background-color-ds-calendar-cell-negative-hover: rgba(245, 57, 94, .16);
  --background-color-ds-card: rgba(104, 107, 130, .12);
  --background-color-ds-card-disabled: rgba(104, 107, 130, .08);
  --background-color-ds-card-selected: rgba(133, 91, 251, .04);
  --background-color-ds-card-hover: rgba(104, 107, 130, .24);
  --background-color-ds-card-selected-hover: rgba(104, 107, 130, .24);
  --background-color-ds-card-background: rgba(104, 107, 130, .12);
  --background-color-ds-card-background-hover: rgba(104, 107, 130, .24);
  --background-color-ds-checkbox-unchecked: rgba(104, 107, 130, .32);
  --background-color-ds-checkbox-unchecked-hover: rgba(104, 107, 130, .4);
  --background-color-ds-checkbox-checked: #7132f5;
  --background-color-ds-checkbox-checked-hover: #8a61ff;
  --background-color-ds-checkbox-unchecked-negative: rgba(245, 57, 94, .48);
  --background-color-ds-checkbox-unchecked-negative-hover: rgba(245, 57, 94, .48);
  --background-color-ds-checkbox-checked-negative: #d11d45;
  --background-color-ds-checkbox-checked-negative-hover: #d11d45;
  --background-color-ds-checkbox-unchecked-disabled: rgba(104, 107, 130, .4);
  --background-color-ds-checkbox-checked-disabled: rgba(113, 50, 245, .4);
  --background-color-ds-checkboxgroup-error: rgba(245, 57, 94, .16);
  --background-color-ds-circle-primary: rgba(133, 91, 251, .16);
  --background-color-ds-circle-neutral: rgba(104, 107, 130, .16);
  --background-color-ds-circle-negative: rgba(245, 57, 94, .16);
  --background-color-ds-circle-warning: rgba(195, 150, 33, .16);
  --background-color-ds-circle-positive: rgba(20, 158, 97, .16);
  --background-color-ds-circle-info: rgba(0, 146, 216, .16);
  --background-color-ds-container: #16121f;
  --background-color-ds-container-glass: rgba(104, 107, 130, .16);
  --background-color-ds-datepicker: #16121f;
  --background-color-ds-datepicker-raised: #272532;
  --background-color-ds-datepicker-hover: rgba(104, 107, 130, .12);
  --background-color-ds-datepicker-today: rgba(104, 107, 130, .12);
  --background-color-ds-datepicker-selected-day: #7132f5;
  --background-color-ds-datepicker-selected-day-range: rgba(133, 91, 251, .16);
  --background-color-ds-dialog: #1f1b27;
  --background-color-ds-dialogoverlay: rgba(0, 0, 0, .4);
  --background-color-ds-divider-high: rgba(104, 107, 130, .32);
  --background-color-ds-divider-low: rgba(104, 107, 130, .12);
  --background-color-ds-dot-badge-negative: #f5395e;
  --background-color-ds-dropdown-button: rgba(104, 107, 130, .16);
  --background-color-ds-dropdown-button-hover: rgba(104, 107, 130, .32);
  --background-color-ds-favourite-button-filled-hover: rgba(195, 150, 33, .12);
  --background-color-ds-favourite-button-unfilled-hover: rgba(104, 107, 130, .08);
  --background-color-ds-filteritem: rgba(104, 107, 130, .16);
  --background-color-ds-filteritem-active: rgba(104, 107, 130, .32);
  --background-color-ds-full-screen-dialog: #0b0611;
  --background-color-ds-input: rgba(104, 107, 130, .16);
  --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: rgba(104, 107, 130, .16);
  --background-color-ds-input-error-focused: rgba(104, 107, 130, .08);
  --background-color-ds-input-focused: rgba(104, 107, 130, .08);
  --background-color-ds-input-hover: rgba(104, 107, 130, .08);
  --background-color-ds-input-selected: rgba(104, 107, 130, .08);
  --background-color-ds-input-error-label: rgba(245, 57, 94, .16);
  --background-color-ds-input-background: rgba(104, 107, 130, .16);
  --background-color-ds-input-background-hover: rgba(104, 107, 130, .12);
  --background-color-ds-input-background-selected: rgba(104, 107, 130, .12);
  --background-color-ds-inputerror-label: rgba(245, 57, 94, .16);
  --background-color-ds-legalnotice-neutral: rgba(104, 107, 130, .04);
  --background-color-ds-legalnotice-primary: rgba(133, 91, 251, .08);
  --background-color-ds-legend-item-dimmed: #686b82;
  --background-color-ds-list-hover: rgba(104, 107, 130, .08);
  --background-color-ds-menu: #1f1b27;
  --background-color-ds-menu-raised: #272532;
  --background-color-ds-menu-hover: rgba(104, 107, 130, .08);
  --background-color-ds-menu-pressed: rgba(133, 91, 251, .12);
  --background-color-ds-menu-active: rgba(104, 107, 130, .16);
  --background-color-ds-menu-active-hover: rgba(104, 107, 130, .12);
  --background-color-ds-notification-primary: rgba(133, 91, 251, .16);
  --background-color-ds-notification-neutral: rgba(104, 107, 130, .16);
  --background-color-ds-notification-negative: rgba(245, 57, 94, .16);
  --background-color-ds-notification-warning: rgba(195, 150, 33, .16);
  --background-color-ds-notification-positive: rgba(20, 158, 97, .16);
  --background-color-ds-notification-info: rgba(0, 146, 216, .16);
  --background-color-ds-notification-primary-hover: rgba(133, 91, 251, .24);
  --background-color-ds-notification-neutral-hover: rgba(104, 107, 130, .24);
  --background-color-ds-notification-negative-hover: rgba(245, 57, 94, .24);
  --background-color-ds-notification-warning-hover: rgba(195, 150, 33, .24);
  --background-color-ds-notification-positive-hover: rgba(20, 158, 97, .24);
  --background-color-ds-notification-info-hover: rgba(0, 146, 216, .24);
  --background-color-ds-pagination: rgba(104, 107, 130, .12);
  --background-color-ds-pill: rgba(133, 91, 251, .16);
  --background-color-ds-popover: #1f1b27;
  --background-color-ds-progressbar-track: rgba(104, 107, 130, .24);
  --background-color-ds-progressbar-fill: #9497a9;
  --background-color-ds-progressbar-primary: #855bfb;
  --background-color-ds-progressbar-positive-indicator: #35df8d;
  --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: rgba(104, 107, 130, .16);
  --background-color-ds-progresstracker-finished: #08844f;
  --background-color-ds-radio-unchecked: rgba(104, 107, 130, .32);
  --background-color-ds-radio-unchecked-hover: rgba(104, 107, 130, .4);
  --background-color-ds-radio-checked: #7132f5;
  --background-color-ds-radio-checked-hover: #8a61ff;
  --background-color-ds-radio-unchecked-negative: rgba(245, 57, 94, .48);
  --background-color-ds-radio-unchecked-negative-hover: rgba(245, 57, 94, .48);
  --background-color-ds-radio-checked-negative: #d11d45;
  --background-color-ds-radio-checked-negative-hover: #f5395e;
  --background-color-ds-radio-unchecked-disabled: rgba(104, 107, 130, .32);
  --background-color-ds-radio-checked-disabled: #7132f5;
  --background-color-ds-radio-indicator: #fff;
  --background-color-ds-radiogroup-error: rgba(245, 57, 94, .16);
  --background-color-ds-scrollbar-thumb: rgba(104, 107, 130, .64);
  --background-color-ds-scrollbar-thumb-hover: rgba(104, 107, 130, .48);
  --background-color-ds-scrollbar-track: transparent;
  --background-color-ds-segmented-control-inactive-low: #16121f;
  --background-color-ds-segmented-control-inactive-high: rgba(104, 107, 130, .12);
  --background-color-ds-segmented-control-active-primary: rgba(104, 107, 130, .24);
  --background-color-ds-segmented-control-active-positive: rgba(20, 158, 97, .24);
  --background-color-ds-segmented-control-active-negative: rgba(245, 57, 94, .24);
  --background-color-ds-segmented-control-active-primary-low: rgba(104, 107, 130, .24);
  --background-color-ds-segmented-control-active-positive-low: rgba(20, 158, 97, .24);
  --background-color-ds-segmented-control-active-negative-low: rgba(245, 57, 94, .24);
  --background-color-ds-selectable-card: rgba(104, 107, 130, .12);
  --background-color-ds-selectable-card-selected: rgba(133, 91, 251, .04);
  --background-color-ds-selectable-card-hover: rgba(104, 107, 130, .24);
  --background-color-ds-selectable-card-disabled: rgba(104, 107, 130, .08);
  --background-color-ds-selectable-card-selected-hover: rgba(104, 107, 130, .24);
  --background-color-ds-consumerpagination: hsla(0, 0%, 100%, .24);
  --background-color-ds-consumerpagination-active: hsla(0, 0%, 100%, .96);
  --background-color-ds-consumerpagination-hover: hsla(0, 0%, 100%, .4);
  --background-color-ds-skeleton-pending: rgba(104, 107, 130, .16);
  --background-color-ds-slider-range-track: rgba(104, 107, 130, .24);
  --background-color-ds-slider-range-track-disabled: rgba(104, 107, 130, .12);
  --background-color-ds-slider-value-track: #686b82;
  --background-color-ds-slider-value-track-disabled: rgba(104, 107, 130, .4);
  --background-color-ds-slider-thumb: #fff;
  --background-color-ds-slider-thumb-disabled: hsla(0, 0%, 100%, .4);
  --background-color-ds-stacked-asset-icons: #353746;
  --background-color-ds-tabs: rgba(104, 107, 130, .12);
  --background-color-ds-tabs-hover: rgba(104, 107, 130, .16);
  --background-color-ds-tabs-active: rgba(104, 107, 130, .24);
  --background-color-ds-tabs-on-background: transparent;
  --background-color-ds-tabs-on-background-active: rgba(104, 107, 130, .24);
  --background-color-ds-table-cell-sticky: #16121f;
  --background-color-ds-table-cell-sticky-container-card: #21202c;
  --background-color-ds-table-cell-sticky-container-card-hover: #292a37;
  --background-color-ds-table-cell-sticky-container: #16121f;
  --background-color-ds-table-cell-sticky-container-hover: #21202c;
  --background-color-ds-table-cell-sticky-dialog: #1f1b27;
  --background-color-ds-table-cell-sticky-dialog-hover: #272532;
  --background-color-ds-table-cell-sticky-dialog-container: #16121f;
  --background-color-ds-table-cell-sticky-dialog-container-hover: #1f1f28;
  --background-color-ds-table-header-cell-resize: #5b1ecf;
  --background-color-ds-table-header-cell-sticky: #16121f;
  --background-color-ds-table-row-group: rgba(104, 107, 130, .08);
  --background-color-ds-table-row-highlighted: rgba(133, 91, 251, .12);
  --background-color-ds-table-row-even: rgba(104, 107, 130, .08);
  --background-color-ds-table-row-hover: rgba(104, 107, 130, .12);
  --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: rgba(104, 107, 130, .32);
  --background-color-ds-tooltip: #eeeff3;
  --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-button-primary-high: #fff;
  --text-color-ds-button-primary-medium: #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-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-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-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-low: #8a61ff;
  --text-color-ds-button-brand-low-hover: #8a61ff;
  --text-color-ds-button-brand-none: #8a61ff;
  --text-color-ds-button-brand-none-hover: #7132f5;
  --text-color-ds-button-info-high: #002940;
  --text-color-ds-button-info-medium: #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-checkbox-primary: #fff;
  --text-color-ds-checkbox-disabled: hsla(0, 0%, 100%, .4);
  --text-color-ds-checkbox-description: #9497a9;
  --text-color-ds-checkbox-check-mark: #fff;
  --text-color-ds-checkbox-check-mark-disabled: hsla(0, 0%, 100%, .4);
  --text-color-ds-checkboxgroup-primary: #fff;
  --text-color-ds-checkboxgroup-description: #9497a9;
  --text-color-ds-checkboxgroup-error: #ff7386;
  --text-color-ds-circle-primary: #9d82fe;
  --text-color-ds-circle-neutral: #9497a9;
  --text-color-ds-circle-positive: #35df8d;
  --text-color-ds-circle-warning: #ffcd60;
  --text-color-ds-circle-negative: #ff7386;
  --text-color-ds-circle-info: #00adfe;
  --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: #eeeff3;
  --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: hsla(0, 0%, 100%, .04);
  --text-color-ds-legalnotice-neutral: #9497a9;
  --text-color-ds-legalnotice-primary: #fff;
  --text-color-ds-menu: #fff;
  --text-color-ds-menu-hover: #fff;
  --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-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-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: #101114;
  --text-color-ds-tooltip-title: #101114;
  --box-shadow-ds-accordion: inset 0 1px 0 0 rgba(104, 107, 130, .12);
  --box-shadow-ds-banner: 0px 1px 4px 0px rgba(0, 0, 0, .04);
  --box-shadow-ds-base-drawer: 0px 4px 150px 0px #000;
  --box-shadow-ds-button-primary-high: inset 0 1px 0 0 hsla(0, 0%, 100%, .2);
  --box-shadow-ds-button-primary-medium: inset 0 1px 0 0 hsla(0, 0%, 100%, .12);
  --box-shadow-ds-container: 0px 1px 4px 0px rgba(16, 24, 40, .04);
  --box-shadow-ds-datepicker: 0px 4px 8px -2px rgba(0, 0, 0, .15), 0px 4px 8px -2px rgba(0, 0, 0, .15);
  --box-shadow-ds-dialog: 0px 12px 16px -4px rgba(16, 24, 40, .06);
  --box-shadow-ds-menu: 0px 4px 8px -2px rgba(16, 24, 40, .07), 0px 0px 3px -1px rgba(16, 24, 40, .4);
  --box-shadow-ds-popover: 0px 4px 8px -2px rgba(16, 24, 40, .06);
  --box-shadow-ds-toggle-on: 0 0 1px 1px rgba(104, 107, 130, .08);
  --box-shadow-ds-toggle-off: 0 0 1px 1px rgba(104, 107, 130, .08);
  --box-shadow-ds-tooltip-popup: 0px 4px 8px -2px rgba(0, 0, 0, .15);
  --stroke-ds-assetprogress: rgba(104, 107, 130, .16);
  --stroke-ds-dropdown-button-content-icon: #686b82;
  --stroke-ds-dropdown-button-content-icon-hover: #fff;
  --stroke-ds-icon-primary: #9d82fe;
  --stroke-ds-icon-neutral: #9497a9;
  --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: hsla(0, 0%, 100%, 0);
  --stroke-ds-progresspie-track: rgba(104, 107, 130, .24);
  --stroke-ds-progresspie-fill: #9497a9;
  --border-color-ds-banner-recommended: rgba(104, 107, 130, .08);
  --border-color-ds-base-drawer: hsla(0, 0%, 100%, .08);
  --border-color-ds-card: transparent;
  --border-color-ds-card-selected: #7132f5;
  --border-color-ds-card-disabled: transparent;
  --border-color-ds-checkbox-primary-focus: #8a61ff;
  --border-color-ds-datepicker: hsla(0, 0%, 100%, 0);
  --border-color-ds-dot-badge: #0b0611;
  --border-color-ds-legend-item-dimmed: #686b82;
  --border-color-ds-menu: hsla(0, 0%, 100%, 0);
  --border-color-ds-menu-divider: rgba(104, 107, 130, .32);
  --border-color-ds-popover: hsla(0, 0%, 100%, 0);
  --border-color-ds-radio-primary-focus: #8a61ff;
  --border-color-ds-selectable-card-selected: #7132f5;
  --border-color-ds-selectable-card: transparent;
  --border-color-ds-selectable-card-disabled: transparent;
  --border-color-ds-table-header-cell-hover: #5b1ecf;
  --border-color-ds-timeline: #9497a9;
  --border-radius-ds-banner: 20px;
  --border-radius-ds-dialog: 16px;
  --border-radius-ds-scrollbar: 0.375rem;
  --border-radius-ds-table-row: 0px;
  --border-radius-ds-table-row-group: 6px;
  --ring-color-ds-banner: #7132f5;
  --fill-ds-brand-brand: #855bfb;
  --fill-ds-brand-neutral: #fff;
  --fill-ds-brand-inverted: #000;
  --fill-ds-brand-white: #fff;
  --fill-ds-icon-primary: #9d82fe;
  --fill-ds-icon-neutral: #9497a9;
  --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: #7132f5;
  --background-image-ds-button-primary-high-gradient-hover: #5b1ecf;
  --background-image-ds-dialog-gradient: linear-gradient(0deg, #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;
  --ring-offset-color-ds-slider-focused: #8a61ff;
  --opacity-ds-table-cell-dimmed: 0.5;
  --line-height-ds-table-header-cell-icon: 0px;
  --text-decoration-color-ds-text-dashed: hsla(0, 0%, 100%, .32);
}

.pro-text-theme,
:root {
  --fontFamily-ds-body1: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
  --fontFamily-ds-body2: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
  --fontFamily-ds-body3: 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-label2: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
  --fontFamily-ds-label3: 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;
  --fontSize-ds-body1: 1rem;
  --fontSize-ds-body2: 0.875rem;
  --fontSize-ds-body3: 0.75rem;
  --fontSize-ds-body4: 0.625rem;
  --fontSize-ds-bodyMono1: 1rem;
  --fontSize-ds-bodyMono2: 0.875rem;
  --fontSize-ds-bodyMono3: 0.75rem;
  --fontSize-ds-brand1: 22.5rem;
  --fontSize-ds-brand2: 16.25rem;
  --fontSize-ds-brand3: 7.5rem;
  --fontSize-ds-brand4: 3.5rem;
  --fontSize-ds-caption1: 0.75rem;
  --fontSize-ds-caption2: 0.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: 2.625rem;
  --fontSize-ds-label1: 1rem;
  --fontSize-ds-label2: 0.875rem;
  --fontSize-ds-label3: 0.75rem;
  --fontSize-ds-labelMono1: 1rem;
  --fontSize-ds-labelMono2: 0.875rem;
  --fontSize-ds-labelMono3: 0.75rem;
  --lineHeight-ds-body1: 1.375rem;
  --lineHeight-ds-body2: 1.25rem;
  --lineHeight-ds-body3: 1rem;
  --lineHeight-ds-body4: 0.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: 0.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.875rem;
  --lineHeight-ds-label1: 1.375rem;
  --lineHeight-ds-label2: 1.25rem;
  --lineHeight-ds-label3: 1rem;
  --lineHeight-ds-labelMono1: 1.375rem;
  --lineHeight-ds-labelMono2: 1.25rem;
  --lineHeight-ds-labelMono3: 1rem;
  --fontWeight-ds-body1: 400;
  --fontWeight-ds-body2: 400;
  --fontWeight-ds-body3: 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-label2: 500;
  --fontWeight-ds-label3: 500;
  --fontWeight-ds-labelMono1: 500;
  --fontWeight-ds-labelMono2: 500;
  --fontWeight-ds-labelMono3: 500;
  --letterSpacing-ds-caption2: 0.8px;
}

.default-shape-theme,
:root {
  --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-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-pill-sm: 6px;
  --border-radius-ds-pill-md: 8px;
  --border-radius-ds-pill-lg: 12px;
}

.light-theme {
  --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
  --background-color-ds-kit-header-progress: rgba(104, 107, 130, .16);
  --background-color-ds-kit-header-mobile: #fff;
  --background-color-ds-kit-header-desktop: #f6f5f9;
}

.dark-theme {
  --background-image-ds-kit-header-progress-gradient: linear-gradient(90deg, #7132f5, #ef70ff);
  --background-color-ds-kit-header-progress: rgba(104, 107, 130, .16);
  --background-color-ds-kit-header-mobile: #1a1b22;
  --background-color-ds-kit-header-desktop: #0b0611;
}

*,
::after,
::before {
  --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: rgba(59, 130, 246, .5);
  --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: ;
}

::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: rgba(59, 130, 246, .5);
  --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-kraken-10-medium {
  font-weight: 500;
}

.text-ds-kraken-10-medium,
.text-ds-kraken-10-semibold {
  font-size: 0.625rem;
  line-height: 0.875rem;
  font-family: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
}

.text-ds-kraken-10-semibold {
  font-weight: 600;
  letter-spacing: 0.05px;
}

.text-ds-kraken-12-regular {
  font-weight: 400;
}

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

.text-ds-kraken-12-medium {
  font-weight: 500;
}

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

.text-ds-kraken-14-regular {
  font-weight: 400;
}

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

.text-ds-kraken-14-medium {
  font-weight: 500;
}

.text-ds-kraken-16-regular {
  font-weight: 400;
}

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

.text-ds-kraken-16-medium {
  font-weight: 500;
}

.text-ds-kraken-16-semibold {
  font-size: 1rem;
  line-height: 1.375rem;
}

.text-ds-kraken-16-semibold,
.text-ds-kraken-18-semibold {
  font-weight: 600;
  font-family: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
}

.text-ds-kraken-18-semibold {
  font-size: 1.125rem;
  line-height: 1.625rem;
}

.text-ds-kraken-20-medium {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75rem;
}

.text-ds-kraken-20-medium,
.text-ds-kraken-24-regular {
  font-family: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
}

.text-ds-kraken-24-regular {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
}

.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-sm,
.text-ds-circle-text-xs,
.text-ds-circle-text-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);
}

.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);
}

.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);
}

.text-ds-legalnotice-sm {
  font-size: 0.75rem;
  line-height: 1rem;
}

.text-ds-legalnotice-md,
.text-ds-legalnotice-sm {
  font-weight: 400;
  font-family: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
}

.text-ds-legalnotice-md {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.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-sm,
.text-ds-segmented-control-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);
}

.text-ds-segmented-control-lg,
.text-ds-segmented-control-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-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-lg,
.text-ds-tabs-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);
}

.default-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);
}

.default-text-theme .text-ds-button-lg,
.default-text-theme .text-ds-button-md,
.default-text-theme .text-ds-button-sm,
.default-text-theme .text-ds-button-xs {
  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-sm,
.default-text-theme .text-ds-button-v-xs,
.default-text-theme .text-ds-button-v-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);
}

.default-text-theme .text-ds-button-v-lg,
.default-text-theme .text-ds-button-v-md,
.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);
}

.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-lg,
.marketing-text-theme .text-ds-button-md,
.marketing-text-theme .text-ds-button-sm,
.marketing-text-theme .text-ds-button-xs {
  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-sm,
.marketing-text-theme .text-ds-button-v-xs,
.marketing-text-theme .text-ds-button-v-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-v-lg,
.marketing-text-theme .text-ds-button-v-md,
.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-lg,
  .marketing-text-theme .text-ds-button-md,
  .marketing-text-theme .text-ds-button-sm,
  .marketing-text-theme .text-ds-button-xs {
    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-sm,
  .marketing-text-theme .text-ds-button-v-xs,
  .marketing-text-theme .text-ds-button-v-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-v-lg,
  .marketing-text-theme .text-ds-button-v-md,
  .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);
  }
}

:root .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);
}

:root .text-ds-button-lg,
:root .text-ds-button-md,
:root .text-ds-button-sm,
:root .text-ds-button-xs {
  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-sm,
:root .text-ds-button-v-xs,
:root .text-ds-button-v-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);
}

:root .text-ds-button-v-lg,
:root .text-ds-button-v-md,
: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 {
  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-lg,
.pro-text-theme .text-ds-button-md,
.pro-text-theme .text-ds-button-sm,
.pro-text-theme .text-ds-button-xs {
  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-sm,
.pro-text-theme .text-ds-button-v-xs,
.pro-text-theme .text-ds-button-v-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);
}

.pro-text-theme .text-ds-button-v-lg,
.pro-text-theme .text-ds-button-v-md,
.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);
}

.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-lg,
.trade-text-theme .text-ds-button-md,
.trade-text-theme .text-ds-button-sm,
.trade-text-theme .text-ds-button-xl,
.trade-text-theme .text-ds-button-xs,
.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-sm,
.trade-text-theme .text-ds-button-v-xs,
.trade-text-theme .text-ds-button-v-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-v-lg,
.trade-text-theme .text-ds-button-v-md,
.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);
}

.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-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-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-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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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-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-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-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);
}

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

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

.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 .hover\:bg-ds-table-row-hover:hover .bg-ds-table-sticky {
  --tw-bg-opacity: 1;
  background-color: color-mix(in srgb, var(--background-color-ds-table-cell-sticky-dialog-hover), 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-dialog .bg-ds-container .hover\:bg-ds-table-row-hover:hover .bg-ds-table-sticky {
  --tw-bg-opacity: 1;
  background-color: color-mix(in srgb, var(--background-color-ds-table-cell-sticky-container-hover), transparent calc(100% - 100% * var(--tw-bg-opacity)));
}

.bg-ds-container .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-card .hover\:bg-ds-table-row-hover:hover .bg-ds-table-sticky {
  --tw-bg-opacity: 1;
  background-color: color-mix(in srgb, var(--background-color-ds-table-cell-sticky-container-card-hover), transparent calc(100% - 100% * var(--tw-bg-opacity)));
}

.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 .hover\:bg-ds-table-row-hover:hover .bg-ds-table-sticky {
  --tw-bg-opacity: 1;
  background-color: color-mix(in srgb, var(--background-color-ds-table-cell-sticky-container-hover), transparent calc(100% - 100% * var(--tw-bg-opacity)));
}

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

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

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

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

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

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

.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) {
  border-radius: 0.75rem;
  --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)));
}

.rdp.rdp_mode-single .rdp-day_selected:not(.rdp-day_disabled):not(.rdp-day_outside) .rdp-day_label {
  border-radius: 0.75rem;
  --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)));
}

.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: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.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: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

.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: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.rdp.rdp_mode-range .rdp-day_selected.rdp-day_range_start .rdp-day_label {
  border-radius: 0.75rem;
  --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)));
}

.rdp.rdp_mode-range .rdp-day_selected.rdp-day_range_end {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

.rdp.rdp_mode-range .rdp-day_selected.rdp-day_range_end .rdp-day_label {
  border-radius: 0.75rem;
  --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)));
}

.rdp.rdp_mode-range .rdp-day_selected.rdp-day_range_start .rdp.rdp_mode-range .rdp-day_selected.rdp-day_range_end {
  border-radius: 0.75rem;
}

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

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

.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: 0px;
  padding: 0px;
}

.rdp *,
.rdp ::after,
.rdp ::before {
  border: 0px solid rgb(229, 231, 235);
  box-sizing: border-box;
}

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

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

.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: 0px;
}

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

.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-0 {
  top: 0px;
  bottom: 0px;
}

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

.-bottom-1 {
  bottom: -0.25rem;
}

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

.-left-1 {
  left: -0.25rem;
}

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

.-right-1 {
  right: -0.25rem;
}

.-top-1 {
  top: -0.25rem;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-11 {
  bottom: 2.75rem;
}

.bottom-2 {
  bottom: 0.5rem;
}

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

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

.bottom-ds-0 {
  bottom: 0px;
}

.bottom-full {
  bottom: 100%;
}

.left-0 {
  left: 0px;
}

.left-0\.5 {
  left: 0.125rem;
}

.left-1 {
  left: 0.25rem;
}

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

.left-2 {
  left: 0.5rem;
}

.left-4 {
  left: 1rem;
}

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

.left-ds-0 {
  left: 0px;
}

.left-ds-5 {
  left: 16px;
}

.left-full {
  left: 100%;
}

.right-0 {
  right: 0px;
}

.right-2 {
  right: 0.5rem;
}

.right-\[-4px\] {
  right: -4px;
}

.right-ds-3 {
  right: 8px;
}

.right-ds-5 {
  right: 16px;
}

.right-full {
  right: 100%;
}

.top-0 {
  top: 0px;
}

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

.top-2 {
  top: 0.5rem;
}

.top-4 {
  top: 1rem;
}

.top-\[2px\] {
  top: 2px;
}

.top-\[3px\] {
  top: 3px;
}

.top-\[4px\] {
  top: 4px;
}

.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%;
}

.isolate {
  isolation: isolate;
}

.-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-right {
  float: right;
}

.m-0 {
  margin: 0px;
}

.m-1 {
  margin: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.m-4 {
  margin: 1rem;
}

.m-ds-0 {
  margin: 0px;
}

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

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

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

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

.-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.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: -0.5rem;
  margin-bottom: -0.5rem;
}

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

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.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: 0px;
  margin-bottom: 0px;
}

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

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

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

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

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.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-px {
  margin-top: 1px;
  margin-bottom: 1px;
}

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

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

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

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

.-mt-2 {
  margin-top: -0.5rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

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

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-3\.5 {
  margin-bottom: 0.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: -0.08rem;
}

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

.mb-\[0\.4rem\] {
  margin-bottom: 0.4rem;
}

.mb-auto {
  margin-bottom: auto;
}

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

.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-ds-0 {
  margin-inline-end: 0px;
}

.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-0 {
  margin-left: 0px;
}

.ml-0\.5 {
  margin-left: 0.125rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

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

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

.ml-auto {
  margin-left: auto;
}

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

.ml-ds-3 {
  margin-left: 8px;
}

.mr-0 {
  margin-right: 0px;
}

.mr-0\.5 {
  margin-right: 0.125rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

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

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

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

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

.mr-ds-3 {
  margin-right: 8px;
}

.mr-ds-4 {
  margin-right: 12px;
}

.mr-ds-5 {
  margin-right: 16px;
}

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

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

.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: 0px;
}

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

.mt-1 {
  margin-top: 0.25rem;
}

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

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

.mt-2 {
  margin-top: 0.5rem;
}

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

.mt-3 {
  margin-top: 0.75rem;
}

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

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

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

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

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

.mt-auto {
  margin-top: auto;
}

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

.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 !important;
}

.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;
}

.inline-grid {
  display: inline-grid;
}

.contents {
  display: contents;
}

.list-item {
  display: list-item;
}

.\!hidden {
  display: none !important;
}

.hidden {
  display: none;
}

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

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

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

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

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

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

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

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

.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,
.size-ds-button-xs-icon,
.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 {}

.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,
.size-ds-dropdown-button-icon-size-xs,
.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 {}

.size-ds-dropdown-button-md {}

.size-ds-dropdown-button-sm {}

.size-ds-dropdown-button-xl {}

.size-ds-dropdown-button-xs {}

.size-ds-dropdown-button-xxl {}

.size-ds-dropdown-button-xxs {}

.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: 0px;
}

.h-0\.5 {
  height: 0.125rem;
}

.h-1 {
  height: 0.25rem;
}

.h-10 {
  height: 2.5rem;
}

.h-14 {
  height: 3.5rem;
}

.h-2 {
  height: 0.5rem;
}

.h-3 {
  height: 0.75rem;
}

.h-4 {
  height: 1rem;
}

.h-40 {
  height: 10rem;
}

.h-48 {
  height: 12rem;
}

.h-6 {
  height: 1.5rem;
}

.h-64 {
  height: 16rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

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

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

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

.h-\[240px\] {
  height: 240px;
}

.h-\[3\.375rem\] {
  height: 3.375rem;
}

.h-\[350px\] {
  height: 350px;
}

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

.h-auto {
  height: auto;
}

.h-ds-3 {
  height: 8px;
}

.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: 0px;
}

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

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

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

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

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

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

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

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

.w-0 {
  width: 0px;
}

.w-10 {
  width: 2.5rem;
}

.w-11 {
  width: 2.75rem;
}

.w-11\/12 {
  width: 91.6667%;
}

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

.w-3 {
  width: 0.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-\[192px\] {
  width: 192px;
}

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

.w-\[210px\] {
  width: 210px;
}

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

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

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

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

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

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

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

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

.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% - 0.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-3 {
  width: 8px;
}

.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;
}

.w-px {
  width: 1px;
}

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

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

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

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

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

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

.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-\[210px\] {
  max-width: 210px;
}

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

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

.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 1 0%;
}

.flex-shrink {
  flex-shrink: 1;
}

.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;
}

.table-auto {
  table-layout: auto;
}

.border-collapse {
  border-collapse: collapse;
}

.origin-left {
  transform-origin: left center;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
}

.-translate-x-1\/2,
.-translate-y-1\/2 {
  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%;
}

.-translate-y-full {
  --tw-translate-y: -100%;
}

.-translate-y-full,
.translate-x-0 {
  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-0 {
  --tw-translate-x: 0px;
}

.translate-x-2 {
  --tw-translate-x: 0.5rem;
}

.translate-x-2,
.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-\[18px\] {
  --tw-translate-x: 18px;
}

.translate-x-\[calc\(var\(--value-percent\)\*-1\*100\%\)\] {
  --tw-translate-x: calc(var(--value-percent) * -1 * 100%);
}

.translate-x-\[calc\(var\(--value-percent\)\*-1\*100\%\)\],
.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-x-\[calc\(var\(--value-percent\)\*100\%\)\] {
  --tw-translate-x: calc(var(--value-percent) * 100%);
}

.-rotate-90 {
  --tw-rotate: -90deg;
}

.-rotate-90,
.rotate-180 {
  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;
}

.rotate-90 {
  --tw-rotate: 90deg;
}

.rotate-90,
.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(0.9);
  }

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

.animate-\[ds-menu-fadeIn_0\.2s_ease-in-out\] {
  animation: 0.2s ease-in-out 0s 1 normal none running ds-menu-fadeIn;
}

@keyframes ds-popover-fadeIn {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }

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

.animate-\[ds-popover-fadeIn_0\.2s_ease-in-out\] {
  animation: 0.2s ease-in-out 0s 1 normal none running ds-popover-fadeIn;
}

@keyframes ds-toast-animated-notification-slide-left {
  0% {
    transform: translateX(0px);
  }

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

.animate-\[ds-toast-animated-notification-slide-left_linear_forwards\] {
  animation: auto linear 0s 1 normal forwards running ds-toast-animated-notification-slide-left;
}

@keyframes ds-base-drawer-slideFromLeft {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }

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

.animate-ds-base-drawer-slideFromLeft {
  animation: 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0s 1 normal none running ds-base-drawer-slideFromLeft;
}

@keyframes ds-base-drawer-slideFromRight {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }

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

.animate-ds-base-drawer-slideFromRight {
  animation: 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0s 1 normal none running ds-base-drawer-slideFromRight;
}

@keyframes ds-dialog-fadeIn {
  0% {
    transform: scale(0.95);
    opacity: 0;
  }

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

.animate-ds-dialog-fadeIn {
  animation: 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s 1 normal none running ds-dialog-fadeIn;
}

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

  100% {
    transform: scale(0.95);
    opacity: 0;
  }
}

.animate-ds-dialog-fadeOut {
  animation: 0.15s cubic-bezier(0.165, 0.84, 0.44, 1) 0s 1 normal forwards running ds-dialog-fadeOut;
}

@keyframes ds-dialogoverlay-fadeIn {
  0% {
    background-color: transparent;
    opacity: 0;
  }

  100% {
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 1;
  }
}

.animate-ds-dialogoverlay-fadeIn {
  animation: 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s 1 normal none running ds-dialogoverlay-fadeIn;
}

@keyframes ds-dialogoverlay-fadeOut {
  100% {
    background-color: transparent;
    opacity: 0;
  }

  0% {
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 1;
  }
}

.animate-ds-dialogoverlay-fadeOut {
  animation: 0.15s cubic-bezier(0.165, 0.84, 0.44, 1) 0s 1 normal forwards running ds-dialogoverlay-fadeOut;
}

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

  100% {
    opacity: 1;
  }
}

.animate-ds-kit-drawer-fadeIn {
  animation: 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0s 1 normal none running ds-kit-drawer-fadeIn;
}

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

.animate-pulse {
  animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running pulse;
}

@keyframes spin {
  100% {
    transform: rotate(1turn);
  }
}

.animate-spin {
  animation: 1s linear 0s infinite normal none running spin;
}

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

.cursor-default {
  cursor: default;
}

.cursor-grab {
  cursor: grab;
}

.cursor-grabbing {
  cursor: grabbing;
}

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

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

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

.resize-none {
  resize: none;
}

.resize {
  resize: both;
}

.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}

.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}

.snap-start {
  scroll-snap-align: start;
}

.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(0px, 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(0px, 1fr));
}

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

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

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

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

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

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

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

.flex-wrap {
  flex-wrap: wrap;
}

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

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

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

.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: 0px;
}

.gap-0\.5 {
  gap: 0.125rem;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-1\.5 {
  gap: 0.375rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-\[18\] {}

.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-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-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: 0px;
}

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

.gap-x-1 {
  column-gap: 0.25rem;
}

.gap-x-2 {
  column-gap: 0.5rem;
}

.gap-x-3 {
  column-gap: 0.75rem;
}

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

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

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

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

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

.gap-y-1 {
  row-gap: 0.25rem;
}

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

.gap-y-2 {
  row-gap: 0.5rem;
}

.gap-y-3 {
  row-gap: 0.75rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

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

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

.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-3> :not([hidden])~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(.75rem * var(--tw-space-x-reverse));
  margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)));
}

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

.space-x-6> :not([hidden])~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * 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-0> :not([hidden])~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}

.space-y-0\.5> :not([hidden])~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.125rem * var(--tw-space-y-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));
}

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

.space-y-6> :not([hidden])~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.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-x-auto {
  overflow-x: auto;
}

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

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

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

.scroll-smooth {
  scroll-behavior: smooth;
}

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

.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;
}

.rounded {
  border-radius: 0.25rem;
}

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

.rounded-\[inherit\] {
  border-radius: inherit;
}

.rounded-ds-0 {
  border-radius: 0px;
}

.rounded-ds-2 {
  border-radius: 4px;
}

.rounded-ds-3 {
  border-radius: 6px;
}

.rounded-ds-4 {
  border-radius: 8px;
}

.rounded-ds-5,
.rounded-ds-badge-lg {
  border-radius: 12px;
}

.rounded-ds-badge-md {
  border-radius: 8px;
}

.rounded-ds-badge-sm {
  border-radius: 6px;
}

.rounded-ds-banner {
  border-radius: var(--border-radius-ds-banner);
}

.rounded-ds-card {
  border-radius: 12px;
}

.rounded-ds-container,
.rounded-ds-datepicker {
  border-radius: 20px;
}

.rounded-ds-dialog {
  border-radius: var(--border-radius-ds-dialog);
}

.rounded-ds-input-lg,
.rounded-ds-input-md {
  border-radius: 12px;
}

.rounded-ds-input-sm {
  border-radius: 8px;
}

.rounded-ds-input-stacked {
  border-radius: 4px;
}

.rounded-ds-input-xl {
  border-radius: 12px;
}

.rounded-ds-input-xs {
  border-radius: 8px;
}

.rounded-ds-input-xxl {
  border-radius: 12px;
}

.rounded-ds-input-xxs {
  border-radius: 8px;
}

.rounded-ds-menu {
  border-radius: 12px;
}

.rounded-ds-notification-lg,
.rounded-ds-notification-md {
  border-radius: 16px;
}

.rounded-ds-notification-sm {
  border-radius: 12px;
}

.rounded-ds-popover {
  border-radius: 20px;
}

.rounded-ds-round {
  border-radius: 9999px;
}

.rounded-ds-segmented-control-lg {
  border-radius: 10px;
}

.rounded-ds-segmented-control-lg-container {
  border-radius: 12px;
}

.rounded-ds-segmented-control-md {
  border-radius: 10px;
}

.rounded-ds-segmented-control-md-container {
  border-radius: 12px;
}

.rounded-ds-segmented-control-sm {
  border-radius: 10px;
}

.rounded-ds-segmented-control-sm-container {
  border-radius: 12px;
}

.rounded-ds-segmented-control-xs {
  border-radius: 8px;
}

.rounded-ds-segmented-control-xs-container {
  border-radius: 10px;
}

.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-tabs-lg {
  border-radius: 16px;
}

.rounded-ds-tabs-md {
  border-radius: 12px;
}

.rounded-ds-tabs-sm {
  border-radius: 8px;
}

.rounded-ds-tooltip {
  border-radius: 12px;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-none {
  border-radius: 0px;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-b-ds-2 {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.rounded-b-ds-dialog {
  border-bottom-right-radius: var(--border-radius-ds-dialog);
  border-bottom-left-radius: var(--border-radius-ds-dialog);
}

.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-l-ds-4 {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.rounded-l-ds-5 {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.rounded-l-ds-datepicker-small {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.rounded-l-ds-input-lg,
.rounded-l-ds-input-md {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.rounded-l-ds-input-sm {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.rounded-l-ds-input-stacked {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.rounded-l-ds-input-xl {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.rounded-l-ds-input-xs {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.rounded-l-ds-input-xxl {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.rounded-l-ds-input-xxs {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.rounded-l-xl {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.rounded-r-ds-4 {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.rounded-r-ds-5 {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.rounded-r-ds-datepicker-small {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.rounded-r-ds-input-lg,
.rounded-r-ds-input-md {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.rounded-r-ds-input-sm {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.rounded-r-ds-input-stacked {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.rounded-r-ds-input-xl {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.rounded-r-ds-input-xs {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.rounded-r-ds-input-xxl {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.rounded-r-ds-input-xxs {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.rounded-r-xl {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

.rounded-s {
  border-start-start-radius: 0.25rem;
  border-end-start-radius: 0.25rem;
}

.rounded-s-sm {
  border-start-start-radius: 0.125rem;
  border-end-start-radius: 0.125rem;
}

.rounded-t-ds-2 {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.rounded-t-ds-input-lg,
.rounded-t-ds-input-md {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.rounded-t-ds-input-sm {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.rounded-t-ds-input-stacked {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.rounded-t-ds-input-xl {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.rounded-t-ds-input-xs {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.rounded-t-ds-input-xxl {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.rounded-t-ds-input-xxs {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.rounded-bl-\[4px\] {
  border-bottom-left-radius: 4px;
}

.rounded-bl-ds-input-lg,
.rounded-bl-ds-input-md {
  border-bottom-left-radius: 12px;
}

.rounded-bl-ds-input-sm {
  border-bottom-left-radius: 8px;
}

.rounded-bl-ds-input-xl {
  border-bottom-left-radius: 12px;
}

.rounded-bl-ds-input-xs {
  border-bottom-left-radius: 8px;
}

.rounded-bl-ds-input-xxl {
  border-bottom-left-radius: 12px;
}

.rounded-bl-ds-input-xxs {
  border-bottom-left-radius: 8px;
}

.rounded-bl-xl {
  border-bottom-left-radius: 0.75rem;
}

.rounded-br-\[4px\] {
  border-bottom-right-radius: 4px;
}

.rounded-br-ds-input-lg,
.rounded-br-ds-input-md {
  border-bottom-right-radius: 12px;
}

.rounded-br-ds-input-sm {
  border-bottom-right-radius: 8px;
}

.rounded-br-ds-input-xl {
  border-bottom-right-radius: 12px;
}

.rounded-br-ds-input-xs {
  border-bottom-right-radius: 8px;
}

.rounded-br-ds-input-xxl {
  border-bottom-right-radius: 12px;
}

.rounded-br-ds-input-xxs {
  border-bottom-right-radius: 8px;
}

.rounded-tl-\[4px\] {
  border-top-left-radius: 4px;
}

.rounded-tl-ds-input-lg,
.rounded-tl-ds-input-md {
  border-top-left-radius: 12px;
}

.rounded-tl-ds-input-sm {
  border-top-left-radius: 8px;
}

.rounded-tl-ds-input-xl {
  border-top-left-radius: 12px;
}

.rounded-tl-ds-input-xs {
  border-top-left-radius: 8px;
}

.rounded-tl-ds-input-xxl {
  border-top-left-radius: 12px;
}

.rounded-tl-ds-input-xxs {
  border-top-left-radius: 8px;
}

.rounded-tr-\[4px\] {
  border-top-right-radius: 4px;
}

.rounded-tr-ds-input-lg,
.rounded-tr-ds-input-md {
  border-top-right-radius: 12px;
}

.rounded-tr-ds-input-sm {
  border-top-right-radius: 8px;
}

.rounded-tr-ds-input-xl {
  border-top-right-radius: 12px;
}

.rounded-tr-ds-input-xs {
  border-top-right-radius: 8px;
}

.rounded-tr-ds-input-xxl {
  border-top-right-radius: 12px;
}

.rounded-tr-ds-input-xxs {
  border-top-right-radius: 8px;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0px;
}

.border-2 {
  border-width: 2px;
}

.border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}

.border-x-0 {
  border-left-width: 0px;
  border-right-width: 0px;
}

.border-y-0,
.border-y-\[0px\] {
  border-top-width: 0px;
  border-bottom-width: 0px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-0 {
  border-bottom-width: 0px;
}

.border-b-\[1px\] {
  border-bottom-width: 1px;
}

.border-b-\[thin\] {
  border-bottom-width: thin;
}

.border-l {
  border-left-width: 1px;
}

.border-l-0 {
  border-left-width: 0px;
}

.border-l-\[1px\] {
  border-left-width: 1px;
}

.border-r {
  border-right-width: 1px;
}

.border-r-0,
.border-r-\[0px\] {
  border-right-width: 0px;
}

.border-t {
  border-top-width: 1px;
}

.border-t-0,
.border-t-\[0px\] {
  border-top-width: 0px;
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-none {
  border-style: none;
}

.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-dot-badge {
  --tw-border-opacity: 1;
  border-color: color-mix(in srgb, var(--border-color-ds-dot-badge), 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-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-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-transparent {
  border-color: transparent;
}

.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: rgba(104, 107, 130, 0.12);
}

.border-r-ds-grey-opacity-12 {
  border-right-color: rgba(104, 107, 130, 0.12);
}

.\!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: transparent !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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-disabled {
  --tw-bg-opacity: 1;
  background-color: color-mix(in srgb, var(--background-color-ds-checkbox-checked-disabled), 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-disabled {
  --tw-bg-opacity: 1;
  background-color: color-mix(in srgb, var(--background-color-ds-checkbox-unchecked-disabled), 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 {
  --tw-bg-opacity: 1;
  background-color: color-mix(in srgb, var(--background-color-ds-circle-info), transparent calc(100% - 100% * var(--tw-bg-opacity)));
}

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

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

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

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

.bg-ds-circle-warning {
  --tw-bg-opacity: 1;
  background-color: color-mix(in srgb, var(--background-color-ds-circle-warning), 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-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-divider {
  --tw-bg-opacity: 1;
  background-color: color-mix(in srgb, var(--colors-ds-divider), 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 {
  --tw-bg-opacity: 1;
  background-color: color-mix(in srgb, var(--background-color-ds-pill), 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-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-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-container-card-hover {
  --tw-bg-opacity: 1;
  background-color: color-mix(in srgb, var(--background-color-ds-table-cell-sticky-container-card-hover), transparent calc(100% - 100% * var(--tw-bg-opacity)));
}

.bg-ds-table-cell-sticky-container-hover {
  --tw-bg-opacity: 1;
  background-color: color-mix(in srgb, var(--background-color-ds-table-cell-sticky-container-hover), 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-cell-sticky-dialog-hover {
  --tw-bg-opacity: 1;
  background-color: color-mix(in srgb, var(--background-color-ds-table-cell-sticky-dialog-hover), 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: transparent;
}

.bg-ds-white-opacity-24 {
  background-color: rgba(255, 255, 255, 0.24);
}

.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: transparent;
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
}

.bg-white\/\[\.04\] {
  background-color: rgba(255, 255, 255, 0.04);
}

.bg-opacity-10 {
  --tw-bg-opacity: 0.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\)\)\] {}

.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: transparent 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-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: transparent;
}

.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: transparent;
}

.stroke-\[3px\] {
  stroke-width: 3px;
}

.object-cover {
  object-fit: cover;
}

.object-scale-down {
  object-fit: scale-down;
}

.\!p-4 {
  padding: 1rem !important;
}

.\!p-8 {
  padding: 2rem !important;
}

.\!p-ds-0 {
  padding: 0px !important;
}

.p-0 {
  padding: 0px;
}

.p-0\.5 {
  padding: 0.125rem;
}

.p-1 {
  padding: 0.25rem;
}

.p-1\.5 {
  padding: 0.375rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-\[2px\] {
  padding: 2px;
}

.p-\[calc\(theme\(spacing\.2\)-2px\)\] {
  padding: calc(-2px + 0.5rem);
}

.p-\[calc\(theme\(spacing\.3\)-2px\)\] {
  padding: calc(-2px + 0.75rem);
}

.p-\[calc\(theme\(spacing\.4\)-2px\)\] {
  padding: calc(-2px + 1rem);
}

.p-\[calc\(theme\(spacing\.6\)-2px\)\] {
  padding: calc(-2px + 1.5rem);
}

.p-ds-0 {
  padding: 0px;
}

.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: 0px;
}

.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: 6px 12px;
}

.p-ds-button-xxl {
  padding: 15px 16px;
}

.p-ds-button-xxs {
  padding: 6px 8px;
}

.p-ds-circle-lg {
  padding: 8px;
}

.p-ds-circle-md {
  padding: 6px;
}

.p-ds-circle-sm {
  padding: 4px;
}

.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-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-ds-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.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: 0px;
  padding-right: 0px;
}

.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;
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.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: 0px;
  padding-bottom: 0px;
}

.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: 0px;
  padding-bottom: 0px;
}

.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-\[4px\] {
  padding-left: 4px !important;
}

.\!pl-\[6px\] {
  padding-left: 6px !important;
}

.\!pl-\[7px\] {
  padding-left: 7px !important;
}

.\!pl-\[8px\] {
  padding-left: 8px !important;
}

.\!pr-\[4px\] {
  padding-right: 4px !important;
}

.\!pr-\[5px\] {
  padding-right: 5px !important;
}

.\!pr-\[6px\] {
  padding-right: 6px !important;
}

.\!pr-\[7px\] {
  padding-right: 7px !important;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-0\.5 {
  padding-bottom: 0.125rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pb-\[6px\] {
  padding-bottom: 6px;
}

.pb-ds-2 {
  padding-bottom: 4px;
}

.pb-ds-3 {
  padding-bottom: 8px;
}

.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;
}

.pl-0 {
  padding-left: 0px;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pl-ds-2 {
  padding-left: 4px;
}

.pl-ds-4 {
  padding-left: 12px;
}

.pl-ds-5 {
  padding-left: 16px;
}

.pl-ds-6 {
  padding-left: 20px;
}

.pl-ds-7 {
  padding-left: 24px;
}

.pl-ds-input-lg,
.pl-ds-input-md {
  padding-left: 12px;
}

.pl-ds-input-offset-adjusted-lg,
.pl-ds-input-offset-adjusted-md,
.pl-ds-input-offset-adjusted-sm,
.pl-ds-input-offset-adjusted-xl,
.pl-ds-input-offset-adjusted-xs,
.pl-ds-input-offset-adjusted-xxl {
  padding-left: 10px;
}

.pl-ds-input-offset-adjusted-xxs {
  padding-left: 6px;
}

.pl-ds-input-sm,
.pl-ds-input-xl,
.pl-ds-input-xs,
.pl-ds-input-xxl {
  padding-left: 12px;
}

.pl-ds-input-xxs {
  padding-left: 8px;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-ds-0 {
  padding-right: 0px;
}

.pr-ds-3 {
  padding-right: 8px;
}

.pr-ds-input-lg,
.pr-ds-input-md,
.pr-ds-input-sm,
.pr-ds-input-xl,
.pr-ds-input-xs,
.pr-ds-input-xxl {
  padding-right: 12px;
}

.pr-ds-input-xxs {
  padding-right: 8px;
}

.pt-2 {
  padding-top: 0.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-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-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

.align-top {
  vertical-align: top;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.normal-case {
  text-transform: none;
}

.italic {
  font-style: italic;
}

.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.leading-9 {
  line-height: 2.25rem;
}

.leading-ds-table-header-cell-icon {
  line-height: var(--line-height-ds-table-header-cell-icon);
}

.leading-none {
  line-height: 1;
}

.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-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-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-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-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-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-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-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-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-check-mark-disabled {
  --tw-text-opacity: 1;
  color: color-mix(in srgb, var(--text-color-ds-checkbox-check-mark-disabled), 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-disabled {
  --tw-text-opacity: 1;
  color: color-mix(in srgb, var(--text-color-ds-checkbox-disabled), 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-info {
  --tw-text-opacity: 1;
  color: color-mix(in srgb, var(--text-color-ds-circle-info), transparent calc(100% - 100% * var(--tw-text-opacity)));
}

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

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

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

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

.text-ds-circle-warning {
  --tw-text-opacity: 1;
  color: color-mix(in srgb, var(--text-color-ds-circle-warning), 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-grey-600 {
  color: rgb(104, 107, 130);
}

.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-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-hover {
  --tw-text-opacity: 1;
  color: color-mix(in srgb, var(--text-color-ds-menu-hover), 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 {
  --tw-text-opacity: 1;
  color: color-mix(in srgb, var(--text-color-ds-pill), 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-purple-500 {
  color: rgb(113, 50, 245);
}

.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-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-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-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-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-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));
}

.underline {
  text-decoration-line: underline;
}

.line-through {
  text-decoration-line: line-through;
}

.no-underline {
  text-decoration-line: none;
}

.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;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
}

.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: transparent;
}

.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: 0.4;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-\[0\.08\] {
  opacity: 0.08;
}

.opacity-\[0\] {
  opacity: 0;
}

.opacity-ds-disabled {
  opacity: 0.4;
}

.opacity-ds-table-cell-dimmed {
  opacity: var(--opacity-ds-table-cell-dimmed);
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
}

.shadow,
.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-accordion {
  --tw-shadow: var(--box-shadow-ds-accordion);
  --tw-shadow-colored: var(--box-shadow-ds-accordion);
}

.shadow-ds-banner {
  --tw-shadow: var(--box-shadow-ds-banner);
  --tw-shadow-colored: var(--box-shadow-ds-banner);
}

.shadow-ds-banner,
.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-base-drawer {
  --tw-shadow: var(--box-shadow-ds-base-drawer);
  --tw-shadow-colored: var(--box-shadow-ds-base-drawer);
}

.shadow-ds-button-primary-high {
  --tw-shadow: var(--box-shadow-ds-button-primary-high);
  --tw-shadow-colored: var(--box-shadow-ds-button-primary-high);
}

.shadow-ds-button-primary-high,
.shadow-ds-button-primary-medium {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-ds-button-primary-medium {
  --tw-shadow: var(--box-shadow-ds-button-primary-medium);
  --tw-shadow-colored: var(--box-shadow-ds-button-primary-medium);
}

.shadow-ds-container {
  --tw-shadow: var(--box-shadow-ds-container);
  --tw-shadow-colored: var(--box-shadow-ds-container);
}

.shadow-ds-container,
.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-datepicker {
  --tw-shadow: var(--box-shadow-ds-datepicker);
  --tw-shadow-colored: var(--box-shadow-ds-datepicker);
}

.shadow-ds-dialog {
  --tw-shadow: var(--box-shadow-ds-dialog);
  --tw-shadow-colored: var(--box-shadow-ds-dialog);
}

.shadow-ds-dialog,
.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-menu {
  --tw-shadow: var(--box-shadow-ds-menu);
  --tw-shadow-colored: var(--box-shadow-ds-menu);
}

.shadow-ds-popover {
  --tw-shadow: var(--box-shadow-ds-popover);
  --tw-shadow-colored: var(--box-shadow-ds-popover);
}

.shadow-ds-popover,
.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-segmented-control-active {
  --tw-shadow: 0px 1px 4px 0px rgba(16, 24, 40, .15);
  --tw-shadow-colored: 0px 1px 4px 0px var(--tw-shadow-color);
}

.shadow-ds-toggle-off {
  --tw-shadow: var(--box-shadow-ds-toggle-off);
  --tw-shadow-colored: var(--box-shadow-ds-toggle-off);
}

.shadow-ds-toggle-off,
.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-toggle-on {
  --tw-shadow: var(--box-shadow-ds-toggle-on);
  --tw-shadow-colored: var(--box-shadow-ds-toggle-on);
}

.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);
}

.outline-none {
  outline: transparent solid 2px;
  outline-offset: 2px;
}

.outline {
  outline-style: solid;
}

.outline-0 {
  outline-width: 0px;
}

.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-button,
.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: rgb(113, 50, 245);
}

.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);
}

.blur {
  --tw-blur: blur(8px);
}

.blur,
.grayscale {
  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);
}

.grayscale {
  --tw-grayscale: grayscale(100%);
}

.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);
}

.backdrop-blur-2xl,
.backdrop-blur-ds-dialog {
  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));
}

.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
}

.backdrop-blur-xl,
.backdrop-filter {
  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, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.transition-\[height\,width\] {
  transition-property: height, width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.transition-\[height2cwidth\] {
  transition-property: height2cwidth;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.transition-\[height\] {
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.transition-\[width\] {
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.duration-100 {
  transition-duration: 0.1s;
}

.duration-1000 {
  transition-duration: 1s;
}

.duration-150 {
  transition-duration: 0.15s;
}

.duration-200 {
  transition-duration: 0.2s;
}

.duration-300 {
  transition-duration: 0.3s;
}

.duration-ds-segmented-control,
.duration-ds-tabs {
  transition-duration: 0.2s;
}

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.will-change-\[width\] {
  will-change: width;
}

.ds-light-bg {
  background-color: rgb(246, 245, 249);
  --ds-bg-color: #f6f5f9;
}

.ds-dark-bg {
  background-color: rgb(11, 6, 17);
  --ds-bg-color: #0b0611;
}

.ss04 {
  font-feature-settings: "ss04";
}

.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-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-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);
}

::-webkit-scrollbar {
  width: var(--width-ds-scrollbar, auto);
  height: var(--height-ds-scrollbar, auto);
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  scrollbar-width: none;
}

.\[-webkit-appearance\:button\] {
  appearance: button;
}

.\[animation-play-state\:paused\] {
  animation-play-state: paused;
}

.\[appearance\:textfield\] {
  appearance: textfield;
}

.\[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\] {
  mask-clip: content-box, border-box;
}

.\[mask-clip\:content-box2cborder-box\] {}

.\[mask-composite\:exclude\] {
  mask-composite: exclude;
}

.\[mask-image\:linear-gradient\(\#000_0_0\)\,linear-gradient\(\#000_0_0\)\] {
  mask-image: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px), linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px);
}

.\[mask-image\:linear-gradient\(\#000_0_0\)2clinear-gradient\(\#000_0_0\)\] {}

.\[mask-origin\:content-box\] {
  mask-origin: content-box;
}

.\[used_by\:marketing\] {}

.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 .hover\:bg-ds-table-row-hover:hover .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-hover), 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-dialog .bg-ds-container .hover\:bg-ds-table-row-hover:hover .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-hover), transparent calc(100% - 100% * var(--tw-bg-opacity)));
}

.bg-ds-container .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 .bg-ds-card .hover\:bg-ds-table-row-hover:hover .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-hover), transparent calc(100% - 100% * var(--tw-bg-opacity)));
}

.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 .hover\:bg-ds-table-row-hover:hover .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-hover), transparent calc(100% - 100% * var(--tw-bg-opacity)));
}

.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 .hover\:bg-ds-table-row-hover:hover .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-hover), 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-dialog .bg-ds-container .hover\:bg-ds-table-row-hover:hover .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-hover), transparent calc(100% - 100% * var(--tw-bg-opacity)));
}

.bg-ds-container .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 .bg-ds-card .hover\:bg-ds-table-row-hover:hover .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-hover), transparent calc(100% - 100% * var(--tw-bg-opacity)));
}

.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 .hover\:bg-ds-table-row-hover:hover .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-hover), transparent calc(100% - 100% * var(--tw-bg-opacity)));
}

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

@media (min-width: 1280px) {
  .xl\:text-ds-kraken-18-semibold {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.625rem;
    font-family: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
  }
}

.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}

.before\:inset-y-0::before {
  content: var(--tw-content);
  top: 0px;
  bottom: 0px;
}

.before\:-left-5::before {
  content: var(--tw-content);
  left: -1.25rem;
}

.before\:-right-5::before {
  content: var(--tw-content);
  right: -1.25rem;
}

.before\:mr-2::before {
  content: var(--tw-content);
  margin-right: 0.5rem;
}

.before\:w-5::before {
  content: var(--tw-content);
  width: 1.25rem;
}

.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\: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);
  mask-image: linear-gradient(270deg, transparent, rgb(0, 0, 0));
}

.before\:\[mask-image\:linear-gradient\(to_right\,rgba\(0\,0\,0\,0\)\,rgba\(0\,0\,0\,1\)\)\]::before {
  content: var(--tw-content);
  mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0));
}

.first\:rounded-l-ds-5:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.first\:pl-px:first-child {
  padding-left: 1px;
}

.last\:mb-0:last-child {
  margin-bottom: 0px;
}

.last\:rounded-r-ds-5:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.last\:pb-ds-5:last-child {
  padding-bottom: 16px;
}

.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-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-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-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-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-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-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-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-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-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-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-grey-1200:hover {
  color: rgb(16, 17, 20);
}

.hover\:text-ds-menu-hover:hover {
  --tw-text-opacity: 1;
  color: color-mix(in srgb, var(--text-color-ds-menu-hover), transparent calc(100% - 100% * var(--tw-text-opacity)));
}

.hover\:text-ds-purple-600:hover {
  color: rgb(91, 30, 207);
}

.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-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 {}

.focus\:pb-0:focus {
  padding-bottom: 0px;
}

.focus\:pb-1:focus {
  padding-bottom: 0.25rem;
}

.focus\:pb-2:focus {
  padding-bottom: 0.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: transparent solid 2px;
  outline-offset: 2px;
}

.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\:rounded-ds-2:focus-visible {
  border-radius: 4px;
}

.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: transparent solid 2px;
  outline-offset: 2px;
}

.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-ds-input:focus-visible {
  outline-color: var(--outline-color-ds-input);
}

.focus-visible\:outline-ds-list:focus-visible {
  outline-color: rgb(113, 50, 245);
}

.focus-visible\:outline-ds-menu:focus-visible {
  outline-color: var(--outline-color-ds-menu);
}

.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);
}

.active\:cursor-grabbing:active {
  cursor: grabbing;
}

.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: rgb(198, 199, 210);
}

.group:hover .group-hover\:visible,
.group\/header:hover .group-hover\/header\:visible {
  visibility: visible;
}

.group:hover .group-hover\:h-2 {
  height: 0.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\:items-center {
  align-items: center;
}

.peer:focus~.peer-focus\:pb-0 {
  padding-bottom: 0px;
}

.peer:focus~.peer-focus\:pb-1 {
  padding-bottom: 0.25rem;
}

.peer:focus~.peer-focus\:pb-2 {
  padding-bottom: 0.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 rgba(16, 24, 40, .04);
  --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);
}

@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\:flex {
    display: flex;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-5 {
    height: 1.25rem;
  }

  .sm\:h-\[302px\] {
    height: 302px;
  }

  .sm\:w-40 {
    width: 10rem;
  }

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

  .sm\:items-end {
    align-items: flex-end;
  }

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

  .sm\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .sm\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .sm\:py-ds-7 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .sm\:pl-5 {
    padding-left: 1.25rem;
  }

  .sm\:pl-ds-0 {
    padding-left: 0px;
  }

  .sm\:pr-ds-10 {
    padding-right: 40px;
  }

  .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\:grid {
    display: grid;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-80 {
    height: 20rem;
  }

  .md\:w-48 {
    width: 12rem;
  }

  .md\:auto-cols-auto {
    grid-auto-columns: auto;
  }

  .md\:grid-flow-col {
    grid-auto-flow: column;
  }

  .md\:grid-cols-\[1fr_9fr\] {
    grid-template-columns: 1fr 9fr;
  }

  .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 {
    column-gap: 40px;
  }

  .md\:rounded-ds-5 {
    border-radius: 12px;
  }

  .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-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: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .md\:pl-0 {
    padding-left: 0px;
  }
}

@media (min-width: 1024px) {
  .lg\:order-first {
    order: -9999;
  }

  .lg\:order-last {
    order: 9999;
  }

  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }

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

  .lg\:w-40 {
    width: 10rem;
  }

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

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:justify-end {
    justify-content: flex-end;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }
}

@media (min-width: 1280px) {
  .xl\:ml-ds-8 {
    margin-left: 28px;
  }

  .xl\:w-\[240px\] {
    width: 240px;
  }

  .xl\:flex-row {
    flex-direction: row;
  }

  .xl\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .xl\:gap-1 {
    gap: 0.25rem;
  }

  .xl\:gap-y-ds-0 {
    row-gap: 0px;
  }

  .xl\:px-ds-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .xl\:pl-4 {
    padding-left: 1rem;
  }

  .xl\:pr-ds-0 {
    padding-right: 0px;
  }
}

@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;
  }
}

@media (min-height: 900px) {
  .yLg\:mt-\[5\%\] {
    margin-top: 5%;
  }
}

.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button,
.\[\&\:\:-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: 0.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: 0.1;
}

.\[\&\>\*\]\:overflow-visible>* {
  overflow: visible;
}

.\[\&\>\.ds-card\:first-child\]\:rounded-l-ds-card>.ds-card:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.\[\&\>\.ds-card\:first-child\]\:rounded-t-ds-card>.ds-card:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.\[\&\>\.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-r-ds-card>.ds-card:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.\[\&\>\.ds-card\]\:rounded-ds-card-grouped>.ds-card {
  border-radius: 4px;
}

.\[\&\>\.ds-table-cell\:first-child\]\:pl-ds-1>.ds-table-cell:first-child {
  padding-left: 2px;
}

.\[\&\>\.ds-table-cell\:last-child\]\:pr-ds-2>.ds-table-cell:last-child {
  padding-right: 4px;
}

.\[\&\>\.ds-table-cell\:last-child\]\:pr-ds-4>.ds-table-cell:last-child {
  padding-right: 12px;
}

.\[\&\>\.ds-table-cell\:last-child\]\:pr-ds-5>.ds-table-cell:last-child {
  padding-right: 16px;
}

.\[\&\>\.ds-table-cell\:last-child\]\:pr-ds-6>.ds-table-cell:last-child {
  padding-right: 20px;
}

.\[\&\>\.ds-table-cell\:last-child\]\:pr-ds-7>.ds-table-cell:last-child {
  padding-right: 24px;
}

.\[\&\>div\:first-child\]\:opacity-\[0\.08\]>div:first-child {
  opacity: 0.08;
}

.\[\&\>iframe\]\:m-auto>iframe {
  margin: auto;
}

.\[\&\>iframe\]\:h-\[700px\]>iframe {
  height: 700px;
}

.\[\&\>iframe\]\:w-full>iframe {
  width: 100%;
}

.\[\&\>iframe\]\:max-w-screen-xs>iframe {
  max-width: 480px;
}

.hover\:\[\&\>span\]\:text-\[\#101114\]>span:hover {
  --tw-text-opacity: 1;
  color: rgb(16 17 20/var(--tw-text-opacity));
}

.\[\&_a\]\:text-inherit a {
  color: inherit;
}

.\[\&_button\]\:h-12 button {
  height: 3rem;
}

.\[\&_button\]\:w-40 button {
  width: 10rem;
}

.\[\&_button\]\:rounded-none button {
  border-radius: 0px;
}

.\[\&_button\]\:px-2 button {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.\[\&_button\]\:py-1 button {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.\[\&_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));
}