@font-face {
    font-family: Kraken-Product-Fallback;
    src: local(Arial), local(Helvetica);
    ascent-override: 94%;
    descent-override: 22%;
    line-gap-override: 0%;
    size-adjust: 102%
}

@font-face {
    font-family: IBM-Plex-Sans-Fallback;
    src: local(Arial), local(Helvetica);
    ascent-override: 100%;
    descent-override: 26%;
    line-gap-override: 0%;
    size-adjust: 101%
}

@font-face {
    font-family: Kraken-Product;
    src: url(/id/statics/fonts/Kraken-Product-Regular.87314a06.woff2)format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: optional
}

@font-face {
    font-family: Kraken-Product;
    src: url(/id/statics/fonts/Kraken-Product-Medium.4e284e61.woff2)format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: optional
}

@font-face {
    font-family: Kraken-Product;
    src: url(/id/statics/fonts/Kraken-Product-Medium.4e284e61.woff2)format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: optional
}

@font-face {
    font-family: Kraken-Product;
    src: url(/id/statics/fonts/Kraken-Product-Medium.4e284e61.woff2)format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: optional
}

@font-face {
    font-family: IBM Plex Sans;
    src: url(/id/statics/fonts/IBMPlexSans-Regular-Latin1.114b8c54.woff2)format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: optional;
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: IBM Plex Sans;
    src: url(/id/statics/fonts/IBMPlexSans-Regular-Latin1.114b8c54.woff2)format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: optional;
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Tajawal Arabic;
    src: url(/id/statics/s/tajawal/v12/Iura6YBj_oCad4k1nzSBC5xLhLFw4Q.woff2)format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+6??, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF
}

@font-face {
    font-family: Tajawal Arabic;
    src: url(/id/statics/s/tajawal/v12/Iurf6YBj_oCad4k1l8KiHrRpiZtK6GwN9w.woff2)format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: U+6??, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF
}

@font-face {
    font-family: Tajawal Arabic;
    src: url(/id/statics/s/tajawal/v12/Iurf6YBj_oCad4k1l4qkHrRpiZtK6GwN9w.woff2)format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    unicode-range: U+6??, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF
}

:lang(ar) {
    font-family: Tajawal Arabic, Kraken-Product, Kraken-Product-Fallback, Celias, Helvetica, Arial, sans-serif
}

html {
    scrollbar-gutter: stable;
    font-size: 16px;
    overflow-y: scroll
}

body {
    height: 100%;
    overflow-x: initial;
    font-variant-numeric: lining-nums tabular-nums;
    font-family: Kraken-Product, Tajawal Arabic, Kraken-Product-Fallback, Celias, Helvetica, Arial, sans-serif
}

@media (max-width:768px) {
    html,
    body {
        overscroll-behavior-x: none;
        pointer-events: all !important
    }
}

.app .navigation {
    width: auto
}

.app {
    flex-direction: column;
    min-height: calc(100vh + 20px);
    display: flex
}

.app .content {
    flex-direction: column;
    flex-grow: 1;
    display: flex
}

[data-portaled-element] {
    z-index: 100000
}

:root {
    --modal-z-index: 9
}

.overflow-x-hidden {
    width: 100%;
    overflow-x: hidden
}

.enable-tab-highlights [data-focus-visible-added]:not(.no-tab-highlight):not(.text-tab-highlight) {
    outline: none !important
}

.enable-tab-highlights [data-focus-visible-added]:not(.no-tab-highlight):not(.text-tab-highlight):not(.absolute):not(.fixed) {
    position: relative
}

.enable-tab-highlights [data-focus-visible-added]:not(.no-tab-highlight):not(.text-tab-highlight):after {
    content: "";
    border: 1px solid sb-color("B100");
    width: 100%;
    height: 100%;
    box-sizing: inherit;
    border-radius: inherit;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    background: #69f3ff33;
    position: absolute;
    top: 0;
    left: 0
}

.enable-tab-highlights [data-focus-visible-added]:not(.no-tab-highlight).text-tab-highlight {
    outline: 1px solid sb-color("B100");
    outline-offset: -1px;
    background: #69f3ff33
}

.visx-tooltip-glyph svg {
    width: 10px;
    height: 10px
}

.paywithmybank-learnMore {
    z-index: 2147483647;
    position: absolute
}

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

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

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

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

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

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

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

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

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

button,
select {
    text-transform: none
}

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

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

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

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

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

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

summary {
    display: list-item
}

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

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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

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

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.\ !container {
    width: 100% !important
}

.container {
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-ds-kraken-24-regular {
    font-family: Kraken-Product, Tajawal Arabic, IBM Plex Sans, Helvetica, Arial, sans-serif;
    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-xxs,
.text-ds-circle-text-xs,
.text-ds-circle-text-sm {
    font-size: var(--fontSize-ds-label3);
    font-weight: var(--fontWeight-ds-label3);
    line-height: var(--lineHeight-ds-label3);
    letter-spacing: var(--letterSpacing-ds-label3);
    font-family: var(--fontFamily-ds-label3)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.trade-fe-dark-theme :is(.bg-ds-card, .bg-ds-card-background, .bg-ds-card-selected).ds-slider input[type=range]::-webkit-slider-thumb:not([role=dialog] *) {
    box-shadow: var(--box-shadow-ds-container);
    --background-color-ds-card-hover: var(--background-color-ds-card);
    --background-color-ds-card-background-hover: var(--background-color-ds-card);
    --background-color-ds-card-selected-hover: var(--background-color-ds-card-selected);
    transition: box-shadow .2s
}

.trade-fe-light-theme :is(.bg-ds-card, .bg-ds-card-background, .bg-ds-card-selected).ds-slider input[type=range]::-webkit-slider-thumb:not([role=dialog] *) {
    box-shadow: var(--box-shadow-ds-container);
    --background-color-ds-card-hover: var(--background-color-ds-card);
    --background-color-ds-card-background-hover: var(--background-color-ds-card);
    --background-color-ds-card-selected-hover: var(--background-color-ds-card-selected);
    transition: box-shadow .2s
}

.trade-fe-dark-theme :is(.bg-ds-card, .bg-ds-card-background, .bg-ds-card-selected).ds-slider input[type=range]::-webkit-slider-thumb:not([role=dialog] *):hover {
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a
}

.trade-fe-light-theme :is(.bg-ds-card, .bg-ds-card-background, .bg-ds-card-selected).ds-slider input[type=range]::-webkit-slider-thumb:not([role=dialog] *):hover {
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a
}

.ds-slider input[type=range]::-webkit-slider-thumb {
    border-width: var(--thumb-border-width);
    width: var(--thumb-size);
    height: var(--thumb-size);
    background-clip: content-box;
    border-color: #00000029
}

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

.trade-fe-dark-theme :is(.bg-ds-card, .bg-ds-card-background, .bg-ds-card-selected).ds-slider input[type=range]::-moz-range-thumb:not([role=dialog] *) {
    box-shadow: var(--box-shadow-ds-container);
    --background-color-ds-card-hover: var(--background-color-ds-card);
    --background-color-ds-card-background-hover: var(--background-color-ds-card);
    --background-color-ds-card-selected-hover: var(--background-color-ds-card-selected);
    transition: box-shadow .2s
}

.trade-fe-light-theme :is(.bg-ds-card, .bg-ds-card-background, .bg-ds-card-selected).ds-slider input[type=range]::-moz-range-thumb:not([role=dialog] *) {
    box-shadow: var(--box-shadow-ds-container);
    --background-color-ds-card-hover: var(--background-color-ds-card);
    --background-color-ds-card-background-hover: var(--background-color-ds-card);
    --background-color-ds-card-selected-hover: var(--background-color-ds-card-selected);
    transition: box-shadow .2s
}

.trade-fe-dark-theme :is(.bg-ds-card, .bg-ds-card-background, .bg-ds-card-selected).ds-slider input[type=range]::-moz-range-thumb:not([role=dialog] *):hover {
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a
}

.trade-fe-light-theme :is(.bg-ds-card, .bg-ds-card-background, .bg-ds-card-selected).ds-slider input[type=range]::-moz-range-thumb:not([role=dialog] *):hover {
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a
}

.ds-slider input[type=range]::-moz-range-thumb {
    border-width: var(--thumb-border-width);
    width: var(--thumb-size);
    height: var(--thumb-size);
    background-clip: content-box;
    border-color: #00000029
}

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

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

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

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

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

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

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

.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)calc(100%*var(--tw-bg-opacity)), transparent)
}

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

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

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

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

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

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

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

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

.trade-fe-dark-theme :is(.bg-ds-card, .bg-ds-card-background, .bg-ds-card-selected).rdp .rdp-day:not(.rdp-day_outside):not(.rdp-day_disabled):hover .rdp-day_label:not([role=dialog] *),
.trade-fe-light-theme :is(.bg-ds-card, .bg-ds-card-background, .bg-ds-card-selected).rdp .rdp-day:not(.rdp-day_outside):not(.rdp-day_disabled):hover .rdp-day_label:not([role=dialog] *) {
    box-shadow: var(--box-shadow-ds-container);
    --background-color-ds-card-hover: var(--background-color-ds-card);
    --background-color-ds-card-background-hover: var(--background-color-ds-card);
    --background-color-ds-card-selected-hover: var(--background-color-ds-card-selected);
    transition: box-shadow .2s
}

.trade-fe-dark-theme :is(.bg-ds-card, .bg-ds-card-background, .bg-ds-card-selected).rdp .rdp-day:not(.rdp-day_outside):not(.rdp-day_disabled):hover .rdp-day_label:not([role=dialog] *):hover,
.trade-fe-light-theme :is(.bg-ds-card, .bg-ds-card-background, .bg-ds-card-selected).rdp .rdp-day:not(.rdp-day_outside):not(.rdp-day_disabled):hover .rdp-day_label:not([role=dialog] *):hover {
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a
}

.rdp .rdp-day:not(.rdp-day_outside):not(.rdp-day_disabled):hover .rdp-day_label {
    border-radius: var(--border-radius-ds-datepicker-day, 12px)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.\ !pointer-events-none {
    pointer-events: none !important
}

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

.\ !pointer-events-auto {
    pointer-events: auto !important
}

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

.\ !visible {
    visibility: visible !important
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.inset-\[-2px\] {
    inset: -2px
}

.inset-\[-3px\] {
    inset: -3px
}

.-inset-x-10 {
    left: -2.5rem;
    right: -2.5rem
}

.-inset-y-8 {
    top: -2rem;
    bottom: -2rem
}

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

.inset-x-3 {
    left: .75rem;
    right: .75rem
}

.inset-x-4 {
    left: 1rem;
    right: 1rem
}

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

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

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

.-bottom-1 {
    bottom: -.25rem
}

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

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

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

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

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

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

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

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

.-right-1 {
    right: -.25rem
}

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

.-right-6 {
    right: -1.5rem
}

.-right-px {
    right: -1px
}

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

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

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

.-top-9 {
    top: -2.25rem
}

.-top-\[1\.25rem\] {
    top: -1.25rem
}

.bottom-0 {
    bottom: 0
}

.bottom-11 {
    bottom: 2.75rem
}

.bottom-2 {
    bottom: .5rem
}

.bottom-3 {
    bottom: .75rem
}

.bottom-4 {
    bottom: 1rem
}

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

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

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

.bottom-ds-0 {
    bottom: 0
}

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

.bottom-full {
    bottom: 100%
}

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

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

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

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

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

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

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

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

.end-ds-6 {
    inset-inline-end: 20px
}

.left-0 {
    left: 0
}

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

.left-14 {
    left: 3.5rem
}

.left-2 {
    left: .5rem
}

.left-3 {
    left: .75rem
}

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

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

.left-\[50\%\] {
    left: 50%
}

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

.left-full {
    left: 100%
}

.right-0 {
    right: 0
}

.right-2 {
    right: .5rem
}

.right-3 {
    right: .75rem
}

.right-4 {
    right: 1rem
}

.right-6 {
    right: 1.5rem
}

.right-\[2px\],
.right-ds-1 {
    right: 2px
}

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

.right-full {
    right: 100%
}

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

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

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

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

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

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

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

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

.start-ds-7 {
    inset-inline-start: 24px
}

.top-0 {
    top: 0
}

.top-1 {
    top: .25rem
}

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

.top-2 {
    top: .5rem
}

.top-3 {
    top: .75rem
}

.top-4 {
    top: 1rem
}

.top-6 {
    top: 1.5rem
}

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

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

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

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

.top-\[50\%\] {
    top: 50%
}

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

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

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

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

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

.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-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

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

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

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

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

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

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

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

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

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

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

.-order-1 {
    order: -1
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-first {
    order: -9999
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-3 {
    grid-column: span 3/span 3
}

.col-span-4 {
    grid-column: span 4/span 4
}

.col-span-full {
    grid-column: 1/-1
}

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

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

.row-span-2 {
    grid-row: span 2/span 2
}

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

.float-end {
    float: inline-end
}

.\ !m-0 {
    margin: 0 !important
}

.-m-2 {
    margin: -.5rem
}

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

.m-0 {
    margin: 0
}

.m-1 {
    margin: .25rem
}

.m-4 {
    margin: 1rem
}

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

.m-auto {
    margin: auto
}

.m-ds-0 {
    margin: 0
}

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

.m-ds-10 {
    margin: 40px
}

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

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

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

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

.m-ds-6 {
    margin: 20px
}

.m-ds-7 {
    margin: 24px
}

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

.m-ds-9 {
    margin: 32px
}

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

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

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

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

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

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

.-mx-\[12px\] {
    margin-left: -12px;
    margin-right: -12px
}

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

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

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

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

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

.-my-\[34px\] {
    margin-top: -34px;
    margin-bottom: -34px
}

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

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

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

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

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

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

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

.mx-\[-12px\] {
    margin-left: -12px;
    margin-right: -12px
}

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

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

.mx-ds-10 {
    margin-left: 40px;
    margin-right: 40px
}

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

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

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

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

.mx-ds-6 {
    margin-left: 20px;
    margin-right: 20px
}

.mx-ds-7 {
    margin-left: 24px;
    margin-right: 24px
}

.mx-ds-8 {
    margin-left: 28px;
    margin-right: 28px
}

.mx-ds-9 {
    margin-left: 32px;
    margin-right: 32px
}

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

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

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

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

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

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

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

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.my-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem
}

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

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

.my-ds-1 {
    margin-top: 2px;
    margin-bottom: 2px
}

.my-ds-10 {
    margin-top: 40px;
    margin-bottom: 40px
}

.my-ds-2 {
    margin-top: 4px;
    margin-bottom: 4px
}

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

.my-ds-4 {
    margin-top: 12px;
    margin-bottom: 12px
}

.my-ds-5 {
    margin-top: 16px;
    margin-bottom: 16px
}

.my-ds-6 {
    margin-top: 20px;
    margin-bottom: 20px
}

.my-ds-7 {
    margin-top: 24px;
    margin-bottom: 24px
}

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

.my-ds-9 {
    margin-top: 32px;
    margin-bottom: 32px
}

.my-px {
    margin-top: 1px;
    margin-bottom: 1px
}

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

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

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

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

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

.-ml-6 {
    margin-left: -1.5rem
}

.-ml-\[1\.25px\] {
    margin-left: -1.25px
}

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

.-mr-\[20px\] {
    margin-right: -20px
}

.-ms-2 {
    margin-inline-start: -.5rem
}

.-ms-\[7px\] {
    margin-inline-start: -7px
}

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

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

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

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

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

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

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

.mb-0 {
    margin-bottom: 0
}

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

.mb-10 {
    margin-bottom: 2.5rem
}

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

.mb-14 {
    margin-bottom: 3.5rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb-auto {
    margin-bottom: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.me-5 {
    margin-inline-end: 1.25rem
}

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

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

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

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

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

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

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

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

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

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

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

.ml-0 {
    margin-left: 0
}

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

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

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

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

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

.ml-\[10px\] {
    margin-left: 10px
}

.ml-\[6px\] {
    margin-left: 6px
}

.ml-auto {
    margin-left: auto
}

.ml-ds-1 {
    margin-left: 2px
}

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

.ml-ds-4 {
    margin-left: 12px
}

.ml-ds-5 {
    margin-left: 16px
}

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

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

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

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

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

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

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

.mr-\[20\%\] {
    margin-right: 20%
}

.mr-auto {
    margin-right: auto
}

.mr-ds-2 {
    margin-right: 4px
}

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

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

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

.ms-2 {
    margin-inline-start: .5rem
}

.ms-3 {
    margin-inline-start: .75rem
}

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

.ms-5 {
    margin-inline-start: 1.25rem
}

.ms-9 {
    margin-inline-start: 2.25rem
}

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

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

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

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

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

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

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

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

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

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

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

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

.mt-0 {
    margin-top: 0
}

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

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

.mt-1\.5 {
    margin-top: .375rem
}

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

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

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

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

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

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

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

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

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

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

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

.mt-9 {
    margin-top: 2.25rem
}

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

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

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

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

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

.mt-auto {
    margin-top: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.line-clamp-4 {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.line-clamp-6 {
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.\ !flex {
    display: flex !important
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.table-cell {
    display: table-cell
}

.table-row {
    display: table-row
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.list-item {
    display: list-item
}

.hidden {
    display: none
}

.aspect-\[16\/10\] {
    aspect-ratio: 16/10
}

.aspect-square {
    aspect-ratio: 1
}

.aspect-video {
    aspect-ratio: 16/9
}

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

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

.size-1\.5 {
    width: .375rem;
    height: .375rem
}

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

.size-11 {
    width: 2.75rem;
    height: 2.75rem
}

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

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

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

.size-24 {
    width: 6rem;
    height: 6rem
}

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

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

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

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

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

.size-6 {
    width: 1.5rem;
    height: 1.5rem
}

.size-7 {
    width: 1.75rem;
    height: 1.75rem
}

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

.size-9 {
    width: 2.25rem;
    height: 2.25rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.\ !h-\[4rem\] {
    height: 4rem !important
}

.\ !h-auto {
    height: auto !important
}

.\ !h-full {
    height: 100% !important
}

.\ !h-max {
    height: max-content !important
}

.h-0 {
    height: 0
}

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

.h-1 {
    height: .25rem
}

.h-10 {
    height: 2.5rem
}

.h-11 {
    height: 2.75rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-2\.5 {
    height: .625rem
}

.h-20 {
    height: 5rem
}

.h-24 {
    height: 6rem
}

.h-28 {
    height: 7rem
}

.h-3 {
    height: .75rem
}

.h-3\.5 {
    height: .875rem
}

.h-32 {
    height: 8rem
}

.h-4 {
    height: 1rem
}

.h-40 {
    height: 10rem
}

.h-48 {
    height: 12rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-60 {
    height: 15rem
}

.h-64 {
    height: 16rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

.h-\[1\.2em\] {
    height: 1.2em
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-\[2\.5rem\] {
    height: 2.5rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-\[32rem\] {
    height: 32rem
}

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

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

.h-\[34rem\] {
    height: 34rem
}

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

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

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

.h-\[4\.5rem\] {
    height: 4.5rem
}

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

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

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

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

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

.h-\[4rem\] {
    height: 4rem
}

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

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

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

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

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

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

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

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

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

.h-\[calc\(100dvh-64px-var\(--shell-bottom-bar-h\, 0px\)\)\] {
    height: calc(100dvh - 64px - var(--shell-bottom-bar-h, 0px))
}

.h-\[calc\(100vh-10rem\)\] {
    height: calc(100vh - 10rem)
}

.h-\[calc\(46px\+max\(1rem\, env\(safe-area-inset-bottom\)\)\)\] {
    height: calc(46px + max(1rem, env(safe-area-inset-bottom)))
}

.h-\[clamp\(240px\, calc\(85vh_-_780px\)\, 340px\)\] {
    height: clamp(240px, 85vh - 780px, 340px)
}

.h-auto {
    height: auto
}

.h-ds-1 {
    height: 2px
}

.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-fit {
    height: fit-content
}

.h-full {
    height: 100%
}

.h-min {
    height: min-content
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

.\ !max-h-max {
    max-height: max-content !important
}

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

.max-h-52 {
    max-height: 13rem
}

.max-h-8 {
    max-height: 2rem
}

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

.max-h-\[144px\] {
    max-height: 144px
}

.max-h-\[224px\] {
    max-height: 224px
}

.max-h-\[270px\] {
    max-height: 270px
}

.max-h-\[320px\] {
    max-height: 320px
}

.max-h-\[400px\] {
    max-height: 400px
}

.max-h-\[40dvh\] {
    max-height: 40dvh
}

.max-h-\[480px\] {
    max-height: 480px
}

.max-h-\[500px\] {
    max-height: 500px
}

.max-h-\[700px\] {
    max-height: 700px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.min-h-60 {
    min-height: 15rem
}

.min-h-8 {
    min-height: 2rem
}

.min-h-\[1\.5em\] {
    min-height: 1.5em
}

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

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

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

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

.min-h-\[17rem\] {
    min-height: 17rem
}

.min-h-\[2\.4em\] {
    min-height: 2.4em
}

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

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

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

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

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

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

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

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

.min-h-\[38rem\] {
    min-height: 38rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.min-h-\[8rem\] {
    min-height: 8rem
}

.min-h-\[calc\(100dvh-64px\)\] {
    min-height: calc(100dvh - 64px)
}

.min-h-\[inherit\] {
    min-height: inherit
}

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

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

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

.\ !w-\[90vw\] {
    width: 90vw !important
}

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

.w-0 {
    width: 0
}

.w-1 {
    width: .25rem
}

.w-1\/2 {
    width: 50%
}

.w-1\/3 {
    width: 33.3333%
}

.w-1\/4 {
    width: 25%
}

.w-1\/5 {
    width: 20%
}

.w-10 {
    width: 2.5rem
}

.w-11 {
    width: 2.75rem
}

.w-12 {
    width: 3rem
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

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

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-28 {
    width: 7rem
}

.w-3 {
    width: .75rem
}

.w-3\/4 {
    width: 75%
}

.w-32 {
    width: 8rem
}

.w-36 {
    width: 9rem
}

.w-4 {
    width: 1rem
}

.w-4\/5 {
    width: 80%
}

.w-40 {
    width: 10rem
}

.w-44 {
    width: 11rem
}

.w-48 {
    width: 12rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-60 {
    width: 15rem
}

.w-64 {
    width: 16rem
}

.w-7 {
    width: 1.75rem
}

.w-8 {
    width: 2rem
}

.w-9 {
    width: 2.25rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-\[4rem\] {
    width: 4rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-\[calc\(\(100\%-0\.5rem\)\/3\)\] {
    width: calc(33.3333% - .166667rem)
}

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

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

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

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

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

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

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

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

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

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

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

.w-\[clamp\(320px\, 25vw\, 397px\)\] {
    width: clamp(320px, 25vw, 397px)
}

.w-auto {
    width: auto
}

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

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

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

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

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

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

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

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

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

.w-fit {
    width: fit-content
}

.w-full {
    width: 100%
}

.w-min {
    width: min-content
}

.w-px {
    width: 1px
}

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

.min-w-24 {
    min-width: 6rem
}

.min-w-8 {
    min-width: 2rem
}

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

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

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

.min-w-\[20\.5rem\] {
    min-width: 20.5rem
}

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

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

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

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

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

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

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

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

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

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

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

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

.min-w-\[min\(496px\, calc\(100vw-2rem\)\)\] {
    min-width: min(496px, 100vw - 2rem)
}

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

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

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

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

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

.min-w-px {
    min-width: 1px
}

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

.max-w-3xl {
    max-width: 48rem
}

.max-w-52 {
    max-width: 13rem
}

.max-w-5xl {
    max-width: 64rem
}

.max-w-60 {
    max-width: 15rem
}

.max-w-72 {
    max-width: 18rem
}

.max-w-8 {
    max-width: 2rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-\[50\%\] {
    max-width: 50%
}

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

.max-w-\[55\%\] {
    max-width: 55%
}

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

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

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

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

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

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

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

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

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

.max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem)
}

.max-w-\[min\(720px\, 100\%\)\] {
    max-width: min(720px, 100%)
}

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

.max-w-md {
    max-width: 28rem
}

.max-w-none {
    max-width: none
}

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

.flex-1,
.flex-\[1\] {
    flex: 1
}

.flex-\[3\] {
    flex: 3
}

.flex-auto {
    flex: auto
}

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

.basis-0 {
    flex-basis: 0
}

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

.table-auto {
    table-layout: auto
}

.border-collapse {
    border-collapse: collapse
}

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

.origin-left {
    transform-origin: 0
}

.origin-top-left {
    transform-origin: 0 0
}

.origin-top-right {
    transform-origin: 100% 0
}

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

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

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

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

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

.-translate-y-\[3\%\] {
    --tw-translate-y: -3%;
    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-full {
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

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

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

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

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

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

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

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

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

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

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

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

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

.translate-y-\[1\.5px\] {
    --tw-translate-y: 1.5px;
    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-\[14px\] {
    --tw-translate-y: 14px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

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

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

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

.rotate-\[32\.96deg\] {
    --tw-rotate: 32.96deg;
    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-\[99\.15deg\] {
    --tw-rotate: 99.15deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

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

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

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

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

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

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

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

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

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

.animate-\[lootbox-slot-bounce_1\.8s_linear_3\] {
    animation: 1.8s linear 3 lootbox-slot-bounce
}

.animate-\[social-proof-gift-jump_700ms_cubic-bezier\(0\.34\, 1\.56\, 0\.64\, 1\)\] {
    animation: .7s cubic-bezier(.34, 1.56, .64, 1) social-proof-gift-jump
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cursor-default {
    cursor: default
}

.cursor-grab {
    cursor: grab
}

.cursor-grabbing {
    cursor: grabbing
}

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

.cursor-pointer {
    cursor: pointer
}

.cursor-text {
    cursor: text
}

.touch-none {
    touch-action: none
}

.touch-manipulation {
    touch-action: manipulation
}

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

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

.resize-none {
    resize: none
}

.resize {
    resize: both
}

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

.scroll-mx-4 {
    scroll-margin-left: 1rem;
    scroll-margin-right: 1rem
}

.scroll-mx-\[34px\] {
    scroll-margin-left: 34px;
    scroll-margin-right: 34px
}

.list-inside {
    list-style-position: inside
}

.list-decimal {
    list-style-type: decimal
}

.list-disc {
    list-style-type: disc
}

.list-none {
    list-style-type: none
}

.appearance-none {
    appearance: none
}

.auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr)
}

.grid-flow-row {
    grid-auto-flow: row
}

.grid-flow-col {
    grid-auto-flow: column
}

.auto-rows-min {
    grid-auto-rows: min-content
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

.grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto
}

.grid-cols-\[2\.5rem_1fr_2\.5rem\] {
    grid-template-columns: 2.5rem 1fr 2.5rem
}

.grid-cols-\[32px_1fr_32px\] {
    grid-template-columns: 32px 1fr 32px
}

.grid-cols-\[52px_44px\] {
    grid-template-columns: 52px 44px
}

.grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr
}

.grid-cols-\[minmax\(0\, 1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto
}

.grid-cols-\[minmax\(0\, 1fr\)_auto_auto\] {
    grid-template-columns: minmax(0, 1fr) auto auto
}

.grid-cols-\[minmax\(100px\, 1\.6fr\)_minmax\(120px\, 1\.2fr\)_minmax\(100px\, 1fr\)\] {
    grid-template-columns: minmax(100px, 1.6fr) minmax(120px, 1.2fr) minmax(100px, 1fr)
}

.grid-cols-\[minmax\(140px\, 1\.6fr\)_minmax\(110px\, 1\.2fr\)\] {
    grid-template-columns: minmax(140px, 1.6fr) minmax(110px, 1.2fr)
}

.grid-cols-\[minmax\(140px\, 1\.6fr\)_minmax\(110px\, 1\.2fr\)_110px\] {
    grid-template-columns: minmax(140px, 1.6fr) minmax(110px, 1.2fr) 110px
}

.grid-cols-\[minmax\(140px\, 160px\)_minmax\(120px\, 1fr\)_32px\] {
    grid-template-columns: minmax(140px, 160px) minmax(120px, 1fr) 32px
}

.grid-cols-\[minmax\(140px\, 180px\)_minmax\(110px\, 1\.2fr\)_32px\] {
    grid-template-columns: minmax(140px, 180px) minmax(110px, 1.2fr) 32px
}

.grid-cols-\[minmax\(140px\, 180px\)_minmax\(120px\, 1\.3fr\)_minmax\(110px\, 1\.2fr\)\] {
    grid-template-columns: minmax(140px, 180px) minmax(120px, 1.3fr) minmax(110px, 1.2fr)
}

.grid-cols-\[minmax\(160px\, 220px\)_minmax\(110px\, 1\.2fr\)_32px\] {
    grid-template-columns: minmax(160px, 220px) minmax(110px, 1.2fr) 32px
}

.grid-cols-\[repeat\(auto-fit\, minmax\(220px\, 1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))
}

.grid-cols-\[repeat\(auto-fit\, minmax\(300px\, 1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
}

.grid-cols-\[repeat\(auto-fit\, minmax\(min\(100\%\, 320px\)\, 1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr))
}

.grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr))
}

.grid-rows-\[0fr\] {
    grid-template-rows: 0fr
}

.grid-rows-\[1fr\] {
    grid-template-rows: 1fr
}

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.flex-nowrap {
    flex-wrap: nowrap
}

.place-content-center {
    place-content: center
}

.place-content-start {
    place-content: start
}

.place-items-start {
    place-items: start
}

.place-items-center {
    place-items: center
}

.content-center {
    align-content: center
}

.\ !items-start {
    align-items: flex-start !important
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.justify-normal {
    justify-content: normal
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}

.justify-stretch {
    justify-content: stretch
}

.justify-items-end {
    justify-items: end
}

.justify-items-center {
    justify-items: center
}

.\ !gap-0 {
    gap: 0 !important
}

.\ !gap-ds-2 {
    gap: 4px !important
}

.gap-0 {
    gap: 0
}

.gap-0\.5 {
    gap: .125rem
}

.gap-1 {
    gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-2 {
    gap: .5rem
}

.gap-2\.5 {
    gap: .625rem
}

.gap-3 {
    gap: .75rem
}

.gap-3\.5 {
    gap: .875rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-8 {
    gap: 2rem
}

.gap-\[0\.1rem\] {
    gap: .1rem
}

.gap-\[1\.25rem\] {
    gap: 1.25rem
}

.gap-\[10px\] {
    gap: 10px
}

.gap-\[18\] {
    gap: 18px
}

.gap-\[2px\] {
    gap: 2px
}

.gap-\[3px\] {
    gap: 3px
}

.gap-\[7px\] {
    gap: 7px
}

.gap-\[clamp\(16px\, 2vw_-_26px\, 52px\)\] {
    gap: clamp(16px, 2vw - 26px, 52px)
}

.gap-ds-1 {
    gap: 2px
}

.gap-ds-10 {
    gap: 40px
}

.gap-ds-2 {
    gap: 4px
}

.gap-ds-3 {
    gap: 8px
}

.gap-ds-4 {
    gap: 12px
}

.gap-ds-5 {
    gap: 16px
}

.gap-ds-6 {
    gap: 20px
}

.gap-ds-7 {
    gap: 24px
}

.gap-ds-8 {
    gap: 28px
}

.gap-ds-9 {
    gap: 32px
}

.gap-ds-badge-lg,
.gap-ds-badge-md,
.gap-ds-badge-sm,
.gap-ds-button-emphasis-none-lg,
.gap-ds-button-emphasis-none-md,
.gap-ds-button-emphasis-none-sm,
.gap-ds-button-emphasis-none-xl,
.gap-ds-button-emphasis-none-xs,
.gap-ds-button-emphasis-none-xxl,
.gap-ds-button-emphasis-none-xxs {
    gap: 4px
}

.gap-ds-button-lg {
    gap: 8px
}

.gap-ds-button-md,
.gap-ds-button-sm {
    gap: 6px
}

.gap-ds-button-vertical-lg {
    gap: 8px
}

.gap-ds-button-vertical-md {
    gap: 4px
}

.gap-ds-button-vertical-sm {
    gap: 2px
}

.gap-ds-button-vertical-xl {
    gap: 8px
}

.gap-ds-button-vertical-xs {
    gap: 2px
}

.gap-ds-button-vertical-xxl {
    gap: 8px
}

.gap-ds-button-vertical-xxs {
    gap: 2px
}

.gap-ds-button-xl {
    gap: 8px
}

.gap-ds-button-xs {
    gap: 6px
}

.gap-ds-button-xxl {
    gap: 8px
}

.gap-ds-button-xxs {
    gap: 4px
}

.gap-ds-card {
    gap: 2px
}

.gap-ds-carousel-wrapper {
    gap: 12px
}

.gap-ds-dropdown-button-emphasis-none {
    gap: 6px
}

.gap-ds-dropdown-button-lg {
    gap: 8px
}

.gap-ds-dropdown-button-md,
.gap-ds-dropdown-button-sm {
    gap: 6px
}

.gap-ds-dropdown-button-xl {
    gap: 8px
}

.gap-ds-dropdown-button-xs {
    gap: 6px
}

.gap-ds-dropdown-button-xxl {
    gap: 8px
}

.gap-ds-dropdown-button-xxs {
    gap: 4px
}

.gap-ds-input-lg,
.gap-ds-input-md,
.gap-ds-input-sm,
.gap-ds-input-xl,
.gap-ds-input-xs,
.gap-ds-input-xxl,
.gap-ds-input-xxs,
.gap-ds-inputerror-md {
    gap: 8px
}

.gap-ds-inputerror-sm {
    gap: 4px
}

.gap-ds-notification-non-stacked-buttons {
    gap: 12px
}

.gap-ds-notification-non-stacked-lg {
    gap: 16px
}

.gap-ds-notification-non-stacked-md {
    gap: 12px
}

.gap-ds-notification-non-stacked-sm {
    gap: 8px
}

.gap-ds-notification-stacked-buttons {
    gap: 12px
}

.gap-ds-notification-stacked-lg {
    gap: 16px
}

.gap-ds-notification-stacked-md {
    gap: 12px
}

.gap-ds-notification-stacked-sm {
    gap: 8px
}

.gap-ds-notification-vertical-non-stacked,
.gap-ds-notification-vertical-stacked,
.gap-ds-pill-lg,
.gap-ds-pill-md,
.gap-ds-pill-sm {
    gap: 4px
}

.gap-ds-segmented-control {
    gap: 0
}

.gap-ds-segmented-control-lg,
.gap-ds-segmented-control-md,
.gap-ds-segmented-control-sm,
.gap-ds-segmented-control-xs {
    gap: 6px
}

.gap-ds-tabs-underlineIconGap {
    gap: 4px
}

.gap-ds-tabs-underlineIconGapLg {
    gap: 8px
}

.gap-px {
    gap: 1px
}

.gap-x-1 {
    column-gap: .25rem
}

.gap-x-2 {
    column-gap: .5rem
}

.gap-x-3 {
    column-gap: .75rem
}

.gap-x-4 {
    column-gap: 1rem
}

.gap-x-6 {
    column-gap: 1.5rem
}

.gap-x-8 {
    column-gap: 2rem
}

.gap-x-ds-1 {
    column-gap: 2px
}

.gap-x-ds-2 {
    column-gap: 4px
}

.gap-x-ds-3 {
    column-gap: 8px
}

.gap-x-ds-4 {
    column-gap: 12px
}

.gap-x-ds-5 {
    column-gap: 16px
}

.gap-x-ds-7 {
    column-gap: 24px
}

.gap-x-ds-tabs-underlineGroup {
    column-gap: 16px
}

.gap-y-0 {
    row-gap: 0
}

.gap-y-0\.5 {
    row-gap: .125rem
}

.gap-y-1 {
    row-gap: .25rem
}

.gap-y-1\.5 {
    row-gap: .375rem
}

.gap-y-16 {
    row-gap: 4rem
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-3 {
    row-gap: .75rem
}

.gap-y-4 {
    row-gap: 1rem
}

.gap-y-5 {
    row-gap: 1.25rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

.gap-y-7 {
    row-gap: 1.75rem
}

.gap-y-8 {
    row-gap: 2rem
}

.gap-y-ds-1 {
    row-gap: 2px
}

.gap-y-ds-2 {
    row-gap: 4px
}

.gap-y-ds-3 {
    row-gap: 8px
}

.gap-y-ds-4 {
    row-gap: 12px
}

.gap-y-ds-5 {
    row-gap: 16px
}

.gap-y-ds-6 {
    row-gap: 20px
}

.gap-y-ds-7 {
    row-gap: 24px
}

.gap-y-ds-9 {
    row-gap: 32px
}

.space-x-0\.5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.125rem*var(--tw-space-x-reverse));
    margin-left: calc(.125rem*calc(1 - var(--tw-space-x-reverse)))
}

.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-\[-4px\]>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-4px*var(--tw-space-x-reverse));
    margin-left: calc(-4px*calc(1 - var(--tw-space-x-reverse)))
}

.space-x-\[-5px\]>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-5px*var(--tw-space-x-reverse));
    margin-left: calc(-5px*calc(1 - var(--tw-space-x-reverse)))
}

.space-x-\[-6px\]>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-6px*var(--tw-space-x-reverse));
    margin-left: calc(-6px*calc(1 - var(--tw-space-x-reverse)))
}

.space-y-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-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem*calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem*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))
}

.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px*calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse))
}

.divide-ds-divider>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: color-mix(in srgb, var(--colors-ds-divider)calc(100%*var(--tw-divide-opacity)), transparent)
}

.divide-white\/10>:not([hidden])~:not([hidden]) {
    border-color: #ffffff1a
}

.place-self-center {
    place-self: center
}

.self-auto {
    align-self: auto
}

.self-start {
    align-self: flex-start
}

.self-end {
    align-self: flex-end
}

.self-center {
    align-self: center
}

.self-stretch {
    align-self: stretch
}

.self-baseline {
    align-self: baseline
}

.justify-self-auto {
    justify-self: auto
}

.justify-self-start {
    justify-self: start
}

.justify-self-end {
    justify-self: end
}

.justify-self-center {
    justify-self: center
}

.justify-self-stretch {
    justify-self: stretch
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-clip {
    overflow: clip
}

.overflow-visible {
    overflow: visible
}

.overflow-scroll {
    overflow: scroll
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-x-clip {
    overflow-x: clip
}

.overflow-y-clip {
    overflow-y: clip
}

.overflow-x-visible {
    overflow-x: visible
}

.overflow-y-visible {
    overflow-y: visible
}

.overflow-x-scroll {
    overflow-x: scroll
}

.overflow-y-scroll {
    overflow-y: scroll
}

.overscroll-contain {
    overscroll-behavior: contain
}

.truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.overflow-ellipsis,
.text-ellipsis {
    text-overflow: ellipsis
}

.text-clip {
    text-overflow: clip
}

.whitespace-normal {
    white-space: normal
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre-line {
    white-space: pre-line
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

.whitespace-break-spaces {
    white-space: break-spaces
}

.text-wrap {
    text-wrap: wrap
}

.text-nowrap {
    text-wrap: nowrap
}

.text-balance {
    text-wrap: balance
}

.text-pretty {
    text-wrap: pretty
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.\ !rounded-\[inherit\] {
    border-radius: inherit !important
}

.\ !rounded-none {
    border-radius: 0 !important
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-3xl {
    border-radius: 1.5rem
}

.rounded-\[10px\] {
    border-radius: 10px
}

.rounded-\[12px\] {
    border-radius: 12px
}

.rounded-\[16px\] {
    border-radius: 16px
}

.rounded-\[18px\] {
    border-radius: 18px
}

.rounded-\[20px\] {
    border-radius: 20px
}

.rounded-\[22px\] {
    border-radius: 22px
}

.rounded-\[3px\] {
    border-radius: 3px
}

.rounded-\[6\.25rem\] {
    border-radius: 6.25rem
}

.rounded-\[7px\] {
    border-radius: 7px
}

.rounded-\[inherit\] {
    border-radius: inherit
}

.rounded-ds-banner {
    border-radius: var(--border-radius-ds-banner)
}

.rounded-ds-dialog {
    border-radius: var(--border-radius-ds-dialog)
}

.rounded-ds-input-lg,
.rounded-ds-input-md {
    border-radius: 12px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-none {
    border-radius: 0
}

.rounded-sm {
    border-radius: .125rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-b-2xl {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem
}

.rounded-b-3xl {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem
}

.rounded-b-\[20px\] {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px
}

.rounded-b-ds-card {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px
}

.rounded-b-ds-card-grouped {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.rounded-b-ds-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-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.rounded-e-ds-input-lg,
.rounded-e-ds-input-md {
    border-start-end-radius: 12px;
    border-end-end-radius: 12px
}

.rounded-e-none {
    border-start-end-radius: 0;
    border-end-end-radius: 0
}

.rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-l-2xl {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem
}

.rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.rounded-r-2xl {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem
}

.rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px
}

.rounded-s {
    border-start-start-radius: .25rem;
    border-end-start-radius: .25rem
}

.rounded-s-ds-input-lg,
.rounded-s-ds-input-md {
    border-start-start-radius: 12px;
    border-end-start-radius: 12px
}

.rounded-s-none {
    border-start-start-radius: 0;
    border-end-start-radius: 0
}

.rounded-s-sm {
    border-start-start-radius: .125rem;
    border-end-start-radius: .125rem
}

.rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.rounded-t-\[20px\] {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.rounded-t-ds-input-lg,
.rounded-t-ds-input-md {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.rounded-bl-xl {
    border-bottom-left-radius: .75rem
}

.rounded-ee-\[4px\] {
    border-end-end-radius: 4px
}

.rounded-ee-ds-card,
.rounded-ee-ds-input-lg,
.rounded-ee-ds-input-md {
    border-end-end-radius: 12px
}

.rounded-es-\[4px\] {
    border-end-start-radius: 4px
}

.rounded-es-ds-card,
.rounded-es-ds-input-lg,
.rounded-es-ds-input-md {
    border-end-start-radius: 12px
}

.rounded-se-\[4px\] {
    border-start-end-radius: 4px
}

.rounded-se-ds-card,
.rounded-se-ds-input-lg,
.rounded-se-ds-input-md {
    border-start-end-radius: 12px
}

.rounded-ss-\[4px\] {
    border-start-start-radius: 4px
}

.rounded-ss-ds-card,
.rounded-ss-ds-input-lg,
.rounded-ss-ds-input-md {
    border-start-start-radius: 12px
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-2 {
    border-width: 2px
}

.border-4 {
    border-width: 4px
}

.border-\[2\.5px\] {
    border-width: 2.5px
}

.border-\[6px\] {
    border-width: 6px
}

.border-x {
    border-left-width: 1px;
    border-right-width: 1px
}

.border-x-0 {
    border-left-width: 0;
    border-right-width: 0
}

.border-y-0,
.border-y-\[0px\] {
    border-top-width: 0;
    border-bottom-width: 0
}

.border-b {
    border-bottom-width: 1px
}

.border-b-0 {
    border-bottom-width: 0
}

.border-b-\[1px\] {
    border-bottom-width: 1px
}

.border-b-\[thin\] {
    border-bottom-width: thin
}

.border-e {
    border-inline-end-width: 1px
}

.border-e-0 {
    border-inline-end-width: 0
}

.border-l {
    border-left-width: 1px
}

.border-l-2 {
    border-left-width: 2px
}

.border-l-\[1px\] {
    border-left-width: 1px
}

.border-r-\[0px\] {
    border-right-width: 0
}

.border-s {
    border-inline-start-width: 1px
}

.border-s-0 {
    border-inline-start-width: 0
}

.border-t {
    border-top-width: 1px
}

.border-t-0,
.border-t-\[0px\] {
    border-top-width: 0
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-dotted {
    border-style: dotted
}

.border-none {
    border-style: none
}

.border-\[--kds-neutral\] {
    border-color: var(--kds-neutral)
}

.border-\[color\:var\(--colors-ds-divider\)\] {
    border-color: var(--colors-ds-divider)
}

.border-\[color\:var\(--colors-ds-inverted\)\] {
    border-color: var(--colors-ds-inverted)
}

.border-current {
    border-color: currentColor
}

.border-ds-asset-conversion-icons-primary {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-asset-conversion-icons-primary)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-badge-info-high {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-badge-info-high)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-badge-info-low {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-badge-info-low)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-badge-negative-high {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-badge-negative-high)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-badge-negative-low {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-badge-negative-low)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-badge-neutral-high {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-badge-neutral-high)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-badge-neutral-low {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-badge-neutral-low)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-badge-positive-high {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-badge-positive-high)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-badge-positive-low {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-badge-positive-low)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-badge-primary-high {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-badge-primary-high)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-badge-primary-low {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-badge-primary-low)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-badge-warning-high {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-badge-warning-high)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-badge-warning-low {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-badge-warning-low)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-base-drawer {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-base-drawer)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-card {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-card)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-card-disabled {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-card-disabled)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-card-selected {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-card-selected)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-checkbox-primary-focus {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-checkbox-primary-focus)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-datepicker {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-datepicker)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-divider {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--colors-ds-divider)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-grey-500 {
    border-color: #9497a9
}

.border-ds-grey-opacity-16 {
    border-color: #686b8229
}

.border-ds-grey-opacity-24 {
    border-color: #686b823d
}

.border-ds-grey-opacity-8 {
    border-color: #686b8214
}

.border-ds-legend-item-dimmed {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-legend-item-dimmed)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-menu {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-menu)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-menu-divider {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-menu-divider)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-neutral {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--colors-ds-neutral)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-popover {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-popover)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-radio-primary-focus {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-radio-primary-focus)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-selectable-card {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-selectable-card)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-selectable-card-disabled {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-selectable-card-disabled)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-selectable-card-selected {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-selectable-card-selected)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-table-header {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-table-header)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-tabs-selected {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-tabs-selected)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-timeline {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--border-color-ds-timeline)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-ds-transparent {
    border-color: #0000
}

.border-ds-white-opacity-16 {
    border-color: #ffffff29
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity))
}

.border-red-400\/25 {
    border-color: #f8717140
}

.border-transparent {
    border-color: #0000
}

.border-white\/10 {
    border-color: #ffffff1a
}

.border-white\/15 {
    border-color: #ffffff26
}

.border-white\/20 {
    border-color: #fff3
}

.border-white\/\[0\.08\] {
    border-color: #ffffff14
}

.border-yellow-400\/25 {
    border-color: #facc1540
}

.border-yellow-600 {
    --tw-border-opacity: 1;
    border-color: rgb(202 138 4/var(--tw-border-opacity))
}

.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)calc(100%*var(--tw-border-opacity)), transparent);
    border-right-color: color-mix(in srgb, var(--border-color-ds-table-header-cell-hover)calc(100%*var(--tw-border-opacity)), transparent)
}

.border-b-\[var\(--tb-hairline\)\] {
    border-bottom-color: var(--tb-hairline)
}

.border-b-ds-grey-opacity-12 {
    border-bottom-color: #686b821f
}

.border-b-ds-grey-opacity-24 {
    border-bottom-color: #686b823d
}

.border-e-ds-grey-opacity-12 {
    border-inline-end-color: #686b821f
}

.border-t-\[var\(--tb-hairline\)\] {
    border-top-color: var(--tb-hairline)
}

.border-t-purple-600 {
    --tw-border-opacity: 1;
    border-top-color: rgb(147 51 234/var(--tw-border-opacity))
}

.border-opacity-20 {
    --tw-border-opacity: .2
}

.\ !bg-\[rgba\(148\, 151\, 169\, 0\.08\)\] {
    background-color: #9497a914 !important
}

.\ !bg-ds-container {
    --tw-bg-opacity: 1 !important;
    background-color: color-mix(in srgb, var(--background-color-ds-container)calc(100%*var(--tw-bg-opacity)), transparent) !important
}

.\ !bg-ds-menu-active-hover {
    --tw-bg-opacity: 1 !important;
    background-color: color-mix(in srgb, var(--background-color-ds-menu-active-hover)calc(100%*var(--tw-bg-opacity)), transparent) !important
}

.\ !bg-ds-transparent,
.\ !bg-transparent {
    background-color: #0000 !important
}

.bg-\[\#1B1B1B\] {
    --tw-bg-opacity: 1;
    background-color: rgb(27 27 27/var(--tw-bg-opacity))
}

.bg-\[\#1f1b27\] {
    --tw-bg-opacity: 1;
    background-color: rgb(31 27 39/var(--tw-bg-opacity))
}

.bg-\[\#252525\] {
    --tw-bg-opacity: 1;
    background-color: rgb(37 37 37/var(--tw-bg-opacity))
}

.bg-\[\#8A61FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(138 97 255/var(--tw-bg-opacity))
}

.bg-\[\#a6a6a6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(166 166 166/var(--tw-bg-opacity))
}

.bg-\[\#c4c4c4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(196 196 196/var(--tw-bg-opacity))
}

.bg-\[color-mix\(in_srgb\, var\(--colors-ds-divider\)_35\%\, transparent\)\] {
    background-color: color-mix(in srgb, var(--colors-ds-divider)35%, transparent)
}

.bg-\[color-mix\(in_srgb\, var\(--colors-ds-divider\)_35\%\, var\(--colors-ds-inverted\)\)\] {
    background-color: color-mix(in srgb, var(--colors-ds-divider)35%, var(--colors-ds-inverted))
}

.bg-\[color-mix\(in_srgb\, var\(--colors-ds-divider\)_50\%\, transparent\)\] {
    background-color: color-mix(in srgb, var(--colors-ds-divider)50%, transparent)
}

.bg-\[color\:color-mix\(in_srgb\, var\(--colors-ds-inverted\)_20\%\, transparent\)\] {
    background-color: color-mix(in srgb, var(--colors-ds-inverted)20%, transparent)
}

.bg-\[color\:color-mix\(in_srgb\, var\(--colors-ds-strong\)_4\%\, var\(--colors-ds-inverted\)\)\] {
    background-color: color-mix(in srgb, var(--colors-ds-strong)4%, var(--colors-ds-inverted))
}

.bg-\[color\:var\(--colors-ds-divider\)\] {
    background-color: var(--colors-ds-divider)
}

.bg-\[color\:var\(--colors-ds-inverted\)\] {
    background-color: var(--colors-ds-inverted)
}

.bg-\[color\:var\(--colors-ds-negative\)\] {
    background-color: var(--colors-ds-negative)
}

.bg-\[color\:var\(--colors-ds-neutral\)\] {
    background-color: var(--colors-ds-neutral)
}

.bg-\[color\:var\(--colors-ds-positive\)\] {
    background-color: var(--colors-ds-positive)
}

.bg-\[color\:var\(--colors-ds-strong\)\] {
    background-color: var(--colors-ds-strong)
}

.bg-\[color\:var\(--colors-ds-warning\)\] {
    background-color: var(--colors-ds-warning)
}

.bg-\[rgba\(104\, 107\, 130\, 0\.12\)\] {
    background-color: #686b821f
}

.bg-\[rgba\(104\, 107\, 130\, 0\.16\)\] {
    background-color: #686b8229
}

.bg-\[rgba\(133\, 91\, 251\, 0\.08\)\] {
    background-color: #855bfb14
}

.bg-\[rgba\(20\, 158\, 97\, 0\.16\)\] {
    background-color: #149e6129
}

.bg-\[rgba\(245\, 57\, 94\, 0\.16\)\] {
    background-color: #f5395e29
}

.bg-\[var\(--background-color-ds-circle-info-low\)\] {
    background-color: var(--background-color-ds-circle-info-low)
}

.bg-\[var\(--background-color-ds-circle-negative-low\)\] {
    background-color: var(--background-color-ds-circle-negative-low)
}

.bg-\[var\(--background-color-ds-circle-neutral-low\)\] {
    background-color: var(--background-color-ds-circle-neutral-low)
}

.bg-\[var\(--background-color-ds-circle-positive-low\)\] {
    background-color: var(--background-color-ds-circle-positive-low)
}

.bg-\[var\(--background-color-ds-circle-primary-low\)\] {
    background-color: var(--background-color-ds-circle-primary-low)
}

.bg-\[var\(--background-color-ds-circle-warning-low\)\] {
    background-color: var(--background-color-ds-circle-warning-low)
}

.bg-\[var\(--tb-bg\)\] {
    background-color: var(--tb-bg)
}

.bg-\[var\(--tb-buy-bg\)\] {
    background-color: var(--tb-buy-bg)
}

.bg-\[var\(--tb-fill-1\)\] {
    background-color: var(--tb-fill-1)
}

.bg-\[var\(--tb-fill-2\)\] {
    background-color: var(--tb-fill-2)
}

.bg-\[var\(--tb-ink\)\] {
    background-color: var(--tb-ink)
}

.bg-\[var\(--tb-panel\)\] {
    background-color: var(--tb-panel)
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-black\/40 {
    background-color: #0006
}

.bg-black\/5 {
    background-color: #0000000d
}

.bg-current {
    background-color: currentColor
}

.bg-ds-accordion {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-accordion)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-badge-info-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-info-high)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-badge-info-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-info-low)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-badge-negative-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-negative-high)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-badge-negative-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-negative-low)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-badge-neutral-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-neutral-high)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-badge-neutral-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-neutral-low)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-badge-new-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-new-high)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-badge-new-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-new-low)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-badge-positive-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-positive-high)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-badge-positive-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-positive-low)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-badge-primary-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-primary-high)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-badge-primary-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-primary-low)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-badge-warning-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-warning-high)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-badge-warning-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-badge-warning-low)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-banner {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-banner)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-base-drawer {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-base-drawer)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-brand {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--colors-ds-brand)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-brand-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-brand-high)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-brand-high-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-brand-high-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-brand-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-brand-low)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-brand-low-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-brand-low-active)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-brand-low-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-brand-low-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-brand-medium {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-brand-medium)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-brand-medium-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-brand-medium-active)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-brand-medium-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-brand-medium-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-brand-none {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-brand-none)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-info-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-info-high)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-info-high-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-info-high-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-info-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-info-low)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-info-low-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-info-low-active)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-info-low-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-info-low-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-info-medium {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-info-medium)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-info-medium-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-info-medium-active)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-info-medium-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-info-medium-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-info-none {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-info-none)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-inverted-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-inverted-high)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-inverted-high-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-inverted-high-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-inverted-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-inverted-low)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-inverted-low-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-inverted-low-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-inverted-medium {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-inverted-medium)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-inverted-medium-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-inverted-medium-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-inverted-none {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-inverted-none)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-negative-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-negative-high)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-negative-high-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-negative-high-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-negative-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-negative-low)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-negative-low-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-negative-low-active)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-negative-low-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-negative-low-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-negative-medium {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-negative-medium)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-negative-medium-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-negative-medium-active)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-negative-medium-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-negative-medium-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-negative-none {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-negative-none)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-neutral-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-neutral-high)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-neutral-high-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-neutral-high-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-neutral-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-neutral-low)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-neutral-low-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-neutral-low-active)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-neutral-low-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-neutral-low-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-neutral-medium {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-neutral-medium)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-neutral-medium-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-neutral-medium-active)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-neutral-medium-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-neutral-medium-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-neutral-none {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-neutral-none)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-positive-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-positive-high)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-positive-high-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-positive-high-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-positive-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-positive-low)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-positive-low-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-positive-low-active)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-positive-low-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-positive-low-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-positive-medium {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-positive-medium)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-positive-medium-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-positive-medium-active)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-positive-medium-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-positive-medium-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-positive-none {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-positive-none)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-primary-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-primary-high)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-primary-high-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-primary-high-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-primary-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-primary-low)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-primary-low-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-primary-low-active)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-primary-low-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-primary-low-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-primary-medium {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-primary-medium)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-primary-medium-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-primary-medium-active)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-primary-medium-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-primary-medium-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-primary-none {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-primary-none)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-warning-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-warning-high)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-warning-high-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-warning-high-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-warning-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-warning-low)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-warning-low-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-warning-low-active)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-warning-low-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-warning-low-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-warning-medium {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-warning-medium)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-warning-medium-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-warning-medium-active)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-warning-medium-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-warning-medium-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-button-warning-none {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-button-warning-none)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-calendar-cell {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-calendar-cell)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-calendar-cell-negative {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-calendar-cell-negative)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-calendar-cell-positive {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-calendar-cell-positive)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-card {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-card)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-card-background {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-card-background)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-card-disabled {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-card-disabled)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-card-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-card-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-card-selected {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-card-selected)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-checkbox-checked {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-checkbox-checked)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-checkbox-checked-negative {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-checkbox-checked-negative)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-checkbox-unchecked {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-checkbox-unchecked)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-checkbox-unchecked-negative {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-checkbox-unchecked-negative)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-circle-info-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-circle-info-high)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-circle-info-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-circle-info-low)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-circle-negative-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-circle-negative-high)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-circle-negative-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-circle-negative-low)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-circle-neutral-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-circle-neutral-high)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-circle-neutral-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-circle-neutral-low)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-circle-positive-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-circle-positive-high)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-circle-positive-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-circle-positive-low)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-circle-primary-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-circle-primary-high)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-circle-primary-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-circle-primary-low)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-circle-warning-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-circle-warning-high)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-circle-warning-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-circle-warning-low)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-consumerpagination {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-consumerpagination)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-consumerpagination-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-consumerpagination-active)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-container {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-container)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-datepicker {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-datepicker)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-datepicker-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-datepicker-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-datepicker-selected-day {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-datepicker-selected-day)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-datepicker-selected-day-range {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-datepicker-selected-day-range)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-datepicker-today {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-datepicker-today)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-dialog {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-dialog)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-dialogoverlay {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-dialogoverlay)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-divider\/50 {
    background-color: color-mix(in srgb, var(--colors-ds-divider)calc(100%*.5), transparent)
}

.bg-ds-divider\/75 {
    background-color: color-mix(in srgb, var(--colors-ds-divider)calc(100%*.75), transparent)
}

.bg-ds-dot-badge-negative {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-dot-badge-negative)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-filteritem-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-filteritem-active)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-fullScreenDialog {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-full-screen-dialog)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-grey-opacity-12 {
    background-color: #686b821f
}

.bg-ds-grey-opacity-16 {
    background-color: #686b8229
}

.bg-ds-grey-opacity-8 {
    background-color: #686b8214
}

.bg-ds-input {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-input)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-input-background {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-input-background)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-input-background-selected {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-input-background-selected)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-input-error {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-input-error)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-input-selected {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-input-selected)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-inputerror-label {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-inputerror-label)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-inverted {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--colors-ds-inverted)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-kit-header-desktop {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-kit-header-desktop)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-kit-header-mobile {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-kit-header-mobile)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-kit-header-progress {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-kit-header-progress)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-legalnotice-neutral {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-legalnotice-neutral)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-legalnotice-primary {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-legalnotice-primary)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-legend-item-dimmed {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-legend-item-dimmed)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-menu {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-menu)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-menu-active {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-menu-active)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-menu-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-menu-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-menu-raised {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-menu-raised)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-notification-info {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-notification-info)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-notification-negative {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-notification-negative)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-notification-neutral {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-notification-neutral)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-notification-positive {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-notification-positive)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-notification-primary {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-notification-primary)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-notification-warning {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-notification-warning)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-pagination {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-pagination)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-pill-neutral {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-pill-neutral)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-pill-primary {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-pill-primary)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-popover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-popover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-progressbar-fill {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-progressbar-fill)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-progressbar-negative-indicator {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-progressbar-negative-indicator)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-progressbar-positive-indicator {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-progressbar-positive-indicator)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-progressbar-primary {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-progressbar-primary)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-progressbar-track {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-progressbar-track)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-progressbar-warning-indicator {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-progressbar-warning-indicator)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-progresstracker-finished {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-progresstracker-finished)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-progresstracker-in-progress {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-progresstracker-in-progress)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-progresstracker-info {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-progresstracker-info)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-progresstracker-waiting {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-progresstracker-waiting)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-progresstracker-warning {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-progresstracker-warning)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-radio-checked {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-radio-checked)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-radio-checked-disabled {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-radio-checked-disabled)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-radio-checked-negative {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-radio-checked-negative)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-radio-indicator {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-radio-indicator)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-radio-unchecked {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-radio-unchecked)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-radio-unchecked-disabled {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-radio-unchecked-disabled)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-radio-unchecked-negative {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-radio-unchecked-negative)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-radiogroup-error {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-radiogroup-error)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-segmented-control-active-negative {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-segmented-control-active-negative)calc(100%*var(--tw-bg-opacity)), transparent)
}

.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)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-segmented-control-active-positive {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-segmented-control-active-positive)calc(100%*var(--tw-bg-opacity)), transparent)
}

.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)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-segmented-control-active-primary {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-segmented-control-active-primary)calc(100%*var(--tw-bg-opacity)), transparent)
}

.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)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-segmented-control-inactive-high {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-segmented-control-inactive-high)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-segmented-control-inactive-low {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-segmented-control-inactive-low)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-selectable-card {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-selectable-card)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-selectable-card-disabled {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-selectable-card-disabled)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-selectable-card-selected {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-selectable-card-selected)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-skeleton-pending {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-skeleton-pending)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-slider-rangeTrack {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-slider-range-track)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-slider-rangeTrack-disabled {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-slider-range-track-disabled)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-slider-valueTrack {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-slider-value-track)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-slider-valueTrack-disabled {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-slider-value-track-disabled)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-slider-valueTrack-negative {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-slider-value-track-negative)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-slider-valueTrack-negativeDisabled {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-slider-value-track-negative-disabled)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-slider-valueTrack-positive {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-slider-value-track-positive)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-slider-valueTrack-positiveDisabled {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-slider-value-track-positive-disabled)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-slider-valueTrack-primary {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-slider-value-track-primary)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-slider-valueTrack-primaryDisabled {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-slider-value-track-primary-disabled)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-stacked-asset-icons {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-stacked-asset-icons)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-table-cell-sticky {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-table-cell-sticky)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-table-cell-sticky-container {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-table-cell-sticky-container)calc(100%*var(--tw-bg-opacity)), transparent)
}

.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)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-table-cell-sticky-dialog {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-table-cell-sticky-dialog)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-table-header-cell-resize {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-table-header-cell-resize)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-table-row {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-table-row)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-table-row-group {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-table-row-group)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-table-row-highlighted {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-table-row-highlighted)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-table-row-hover {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-table-row-hover)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-tabs {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-tabs)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-tabs-onBackground {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-tabs-on-background)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-tabs-onBackgroundActive {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-tabs-on-background-active)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-toggle-handle-off {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-toggle-handle-off)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-toggle-handle-on {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-toggle-handle-on)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-toggle-track-off {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-toggle-track-off)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-toggle-track-on {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-toggle-track-on)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-tooltip {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--background-color-ds-tooltip)calc(100%*var(--tw-bg-opacity)), transparent)
}

.bg-ds-transparent {
    background-color: #0000
}

.bg-ds-white-opacity-24 {
    background-color: #ffffff3d
}

.bg-ds-white-pure {
    background-color: #fff
}

.bg-ds-yellow-opacity-16 {
    background-color: #c3962129
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94/var(--tw-bg-opacity))
}

.bg-green-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(5 46 22/var(--tw-bg-opacity))
}

.bg-inherit {
    background-color: inherit
}

.bg-neutral-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity))
}

.bg-red-400\/10 {
    background-color: #f871711a
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity))
}

.bg-red-900\/40 {
    background-color: #7f1d1d66
}

.bg-red-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(69 10 10/var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: #0000
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-white\/10 {
    background-color: #ffffff1a
}

.bg-white\/15 {
    background-color: #ffffff26
}

.bg-white\/20 {
    background-color: #fff3
}

.bg-white\/25 {
    background-color: #ffffff40
}

.bg-white\/5 {
    background-color: #ffffff0d
}

.bg-white\/\[\.04\],
.bg-white\/\[0\.04\] {
    background-color: #ffffff0a
}

.bg-white\/\[0\.08\] {
    background-color: #ffffff14
}

.bg-yellow-400\/10 {
    background-color: #facc151a
}

.bg-zinc-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42/var(--tw-bg-opacity))
}

.bg-zinc-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27/var(--tw-bg-opacity))
}

.bg-opacity-10 {
    --tw-bg-opacity: .1
}

.bg-opacity-80 {
    --tw-bg-opacity: .8
}

.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-\[linear-gradient\(180deg\, _\#FFC682_0\%\, _\#F7931A_100\%\)\] {
    background-image: linear-gradient(#ffc682 0%, #f7931a 100%)
}

.bg-\[linear-gradient\(90deg\, \#1f1b27_0\%\, \#1f1b27_100\%\)\] {
    background-image: linear-gradient(90deg, #1f1b27 0% 100%)
}

.bg-\[linear-gradient\(90deg\, rgba\(247\, 210\, 254\, 0\)_0\%\, \#F7D2FE_50\%\, rgba\(247\, 210\, 254\, 0\)_100\%\)\] {
    background-image: linear-gradient(90deg, #f7d2fe00 0%, #f7d2fe 50%, #f7d2fe00 100%)
}

.bg-\[linear-gradient\(to_bottom_left\, rgba\(110\, 199\, 226\, 0\.16\)\, rgba\(31\, 213\, 154\, 0\.16\)\)\] {
    background-image: linear-gradient(to bottom left, #6ec7e229, #1fd59a29)
}

.bg-\[radial-gradient\(118\%_110\%_at_84\%_-4\%\, rgba\(77\, 72\, 84\, 0\.4\)_0\%\, rgba\(60\, 54\, 69\, 0\.3\)_25\%\, rgba\(43\, 37\, 53\, 0\.2\)_50\%\, rgba\(26\, 19\, 38\, 0\.1\)_75\%\, rgba\(9\, 2\, 22\, 0\)_100\%\)\] {
    background-image: radial-gradient(118% 110% at 84% -4%, #4d485466 0%, #3c36454d 25%, #2b253533 50%, #1a13261a 75%, #09021600 100%)
}

.bg-\[radial-gradient\(75\.54\%_111\.75\%_at_50\.13\%_0\%\, rgba\(157\, 130\, 254\, 0\.08\)_0\%\, rgba\(157\, 130\, 254\, 0\)_100\%\)\] {
    background-image: radial-gradient(75.54% 111.75% at 50.13% 0, #9d82fe14 0%, #9d82fe00 100%)
}

.bg-ds-button-brand-high-gradient {
    background-image: var(--background-image-ds-button-brand-high-gradient)
}

.bg-ds-button-brand-high-gradient-hover {
    background-image: var(--background-image-ds-button-brand-high-gradient-hover)
}

.bg-ds-button-primary-high-gradient {
    background-image: var(--background-image-ds-button-primary-high-gradient)
}

.bg-ds-button-primary-high-gradient-hover {
    background-image: var(--background-image-ds-button-primary-high-gradient-hover)
}

.bg-ds-dialog-gradient {
    background-image: var(--background-image-ds-dialog-gradient)
}

.bg-ds-kit-header-progress-gradient {
    background-image: var(--background-image-ds-kit-header-progress-gradient)
}

.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

.from-\[\#181522\] {
    --tw-gradient-from: #181522 var(--tw-gradient-from-position);
    --tw-gradient-to: #18152200 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: #0000 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-\[\#181522\]\/80 {
    --tw-gradient-to: #18152200 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #181522cc var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.to-current {
    --tw-gradient-to: currentColor var(--tw-gradient-to-position)
}

.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.bg-cover {
    background-size: cover
}

.bg-clip-text {
    background-clip: text
}

.bg-center {
    background-position: 50%
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.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)calc(100%*1), transparent)
}

.fill-ds-brand-breakout {
    fill: color-mix(in srgb, var(--fill-ds-brand-breakout)calc(100%*1), transparent)
}

.fill-ds-brand-inverted {
    fill: color-mix(in srgb, var(--fill-ds-brand-inverted)calc(100%*1), transparent)
}

.fill-ds-brand-neutral {
    fill: color-mix(in srgb, var(--fill-ds-brand-neutral)calc(100%*1), transparent)
}

.fill-ds-brand-white {
    fill: color-mix(in srgb, var(--fill-ds-brand-white)calc(100%*1), transparent)
}

.fill-ds-icon-brand {
    fill: color-mix(in srgb, var(--fill-ds-icon-brand)calc(100%*1), transparent)
}

.fill-ds-icon-dimmed {
    fill: color-mix(in srgb, var(--fill-ds-icon-dimmed)calc(100%*1), transparent)
}

.fill-ds-icon-disabled {
    fill: color-mix(in srgb, var(--fill-ds-icon-disabled)calc(100%*1), transparent)
}

.fill-ds-icon-info {
    fill: color-mix(in srgb, var(--fill-ds-icon-info)calc(100%*1), transparent)
}

.fill-ds-icon-negative {
    fill: color-mix(in srgb, var(--fill-ds-icon-negative)calc(100%*1), transparent)
}

.fill-ds-icon-neutral {
    fill: color-mix(in srgb, var(--fill-ds-icon-neutral)calc(100%*1), transparent)
}

.fill-ds-icon-positive {
    fill: color-mix(in srgb, var(--fill-ds-icon-positive)calc(100%*1), transparent)
}

.fill-ds-icon-primary {
    fill: color-mix(in srgb, var(--fill-ds-icon-primary)calc(100%*1), transparent)
}

.fill-ds-icon-warning {
    fill: color-mix(in srgb, var(--fill-ds-icon-warning)calc(100%*1), transparent)
}

.fill-ds-overlay-arrow {
    fill: color-mix(in srgb, var(--fill-ds-overlay-arrow)calc(100%*1), transparent)
}

.fill-none {
    fill: none
}

.fill-transparent {
    fill: #0000
}

.stroke-current {
    stroke: currentColor
}

.stroke-ds-assetprogress {
    stroke: color-mix(in srgb, var(--stroke-ds-assetprogress)calc(100%*1), transparent)
}

.stroke-ds-icon-brand {
    stroke: color-mix(in srgb, var(--stroke-ds-icon-brand)calc(100%*1), transparent)
}

.stroke-ds-icon-dimmed {
    stroke: color-mix(in srgb, var(--stroke-ds-icon-dimmed)calc(100%*1), transparent)
}

.stroke-ds-icon-disabled {
    stroke: color-mix(in srgb, var(--stroke-ds-icon-disabled)calc(100%*1), transparent)
}

.stroke-ds-icon-info {
    stroke: color-mix(in srgb, var(--stroke-ds-icon-info)calc(100%*1), transparent)
}

.stroke-ds-icon-negative {
    stroke: color-mix(in srgb, var(--stroke-ds-icon-negative)calc(100%*1), transparent)
}

.stroke-ds-icon-neutral {
    stroke: color-mix(in srgb, var(--stroke-ds-icon-neutral)calc(100%*1), transparent)
}

.stroke-ds-icon-positive {
    stroke: color-mix(in srgb, var(--stroke-ds-icon-positive)calc(100%*1), transparent)
}

.stroke-ds-icon-primary {
    stroke: color-mix(in srgb, var(--stroke-ds-icon-primary)calc(100%*1), transparent)
}

.stroke-ds-icon-warning {
    stroke: color-mix(in srgb, var(--stroke-ds-icon-warning)calc(100%*1), transparent)
}

.stroke-ds-overlay-arrow {
    stroke: color-mix(in srgb, var(--stroke-ds-overlay-arrow)calc(100%*1), transparent)
}

.stroke-ds-progresspie-fill {
    stroke: color-mix(in srgb, var(--stroke-ds-progresspie-fill)calc(100%*1), transparent)
}

.stroke-ds-progresspie-track {
    stroke: color-mix(in srgb, var(--stroke-ds-progresspie-track)calc(100%*1), transparent)
}

.stroke-transparent {
    stroke: #0000
}

.stroke-\[3px\] {
    stroke-width: 3px
}

.object-contain {
    object-fit: contain
}

.object-cover {
    object-fit: cover
}

.object-scale-down {
    object-fit: scale-down
}

.object-bottom {
    object-position: bottom
}

.object-center {
    object-position: center
}

.object-right {
    object-position: right
}

.object-top {
    object-position: top
}

.\ !p-0,
.\ !p-ds-0 {
    padding: 0 !important
}

.p-0 {
    padding: 0
}

.p-0\.5 {
    padding: .125rem
}

.p-1 {
    padding: .25rem
}

.p-1\.5 {
    padding: .375rem
}

.p-12 {
    padding: 3rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.p-9 {
    padding: 2.25rem
}

.p-\[2px\] {
    padding: 2px
}

.p-\[40px\] {
    padding: 40px
}

.p-\[6px\] {
    padding: 6px
}

.p-\[calc\(theme\(spacing\.2\)-2px\)\] {
    padding: calc(.5rem - 2px)
}

.p-\[calc\(theme\(spacing\.3\)-2px\)\] {
    padding: calc(.75rem - 2px)
}

.p-\[calc\(theme\(spacing\.4\)-2px\)\] {
    padding: calc(1rem - 2px)
}

.p-\[calc\(theme\(spacing\.6\)-2px\)\] {
    padding: calc(1.5rem - 2px)
}

.p-ds-0 {
    padding: 0
}

.p-ds-1 {
    padding: 2px
}

.p-ds-10 {
    padding: 40px
}

.p-ds-2 {
    padding: 4px
}

.p-ds-3 {
    padding: 8px
}

.p-ds-4 {
    padding: 12px
}

.p-ds-5 {
    padding: 16px
}

.p-ds-6 {
    padding: 20px
}

.p-ds-badge-lg {
    padding: 8px 12px
}

.p-ds-badge-md {
    padding: 4px 8px
}

.p-ds-badge-sm {
    padding: 1px 4px
}

.p-ds-button-emphasis-none-lg,
.p-ds-button-emphasis-none-md,
.p-ds-button-emphasis-none-sm,
.p-ds-button-emphasis-none-xl,
.p-ds-button-emphasis-none-xs,
.p-ds-button-emphasis-none-xxl,
.p-ds-button-emphasis-none-xxs {
    padding: 0
}

.p-ds-button-lg {
    padding: 12px 16px
}

.p-ds-button-md {
    padding: 10px 12px
}

.p-ds-button-sm {
    padding: 8px 12px
}

.p-ds-button-vertical-lg,
.p-ds-button-vertical-md,
.p-ds-button-vertical-sm,
.p-ds-button-vertical-xl,
.p-ds-button-vertical-xs,
.p-ds-button-vertical-xxl,
.p-ds-button-vertical-xxs {
    padding: 12px 4px
}

.p-ds-button-xl {
    padding: 13px 16px
}

.p-ds-button-xs {
    padding: 8px
}

.p-ds-button-xxl {
    padding: 15px 16px
}

.p-ds-button-xxs {
    padding: 6px 8px
}

.p-ds-circle-lg {
    padding: 8px
}

.p-ds-circle-md,
.p-ds-circle-sm {
    padding: 6px
}

.p-ds-circle-xl {
    padding: 8px
}

.p-ds-circle-xs {
    padding: 2px
}

.p-ds-circle-xxl {
    padding: 12px
}

.p-ds-circle-xxs {
    padding: 2px
}

.p-ds-datepicker {
    padding: 12px
}

.p-ds-dialog-header {
    padding: 20px 20px 16px
}

.p-ds-icon-button-lg {
    padding: 12px
}

.p-ds-icon-button-md {
    padding: 10px
}

.p-ds-icon-button-sm {
    padding: 8px
}

.p-ds-icon-button-xl {
    padding: 12px
}

.p-ds-icon-button-xs {
    padding: 6px
}

.p-ds-icon-button-xxl {
    padding: 14px
}

.p-ds-icon-button-xxs {
    padding: 4px
}

.p-ds-input-outline-offset {
    padding: 2px
}

.p-ds-inputerror-md {
    padding: 12px
}

.p-ds-inputerror-sm {
    padding: 8px
}

.p-ds-menu {
    padding: 4px
}

.p-ds-menu-item,
.p-ds-pill-lg {
    padding: 8px
}

.p-ds-pill-md {
    padding: 4px 6px
}

.p-ds-pill-sm {
    padding: 2px 4px
}

.p-ds-segmented-control {
    padding: 2px
}

.p-ds-segmented-control-lg {
    padding: 8px 12px
}

.p-ds-segmented-control-md {
    padding: 6px 12px
}

.p-ds-segmented-control-sm {
    padding: 6px 8px
}

.p-ds-segmented-control-xs {
    padding: 4px 8px
}

.p-ds-tooltip {
    padding: 8px 12px
}

.p-px {
    padding: 1px
}

.\ !px-\[4px\] {
    padding-left: 4px !important;
    padding-right: 4px !important
}

.\ !py-\[6px\] {
    padding-top: 6px !important;
    padding-bottom: 6px !important
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-16 {
    padding-left: 4rem;
    padding-right: 4rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-3\.5 {
    padding-left: .875rem;
    padding-right: .875rem
}

.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-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-\[12px\] {
    padding-left: 12px;
    padding-right: 12px
}

.px-\[18px\] {
    padding-left: 18px;
    padding-right: 18px
}

.px-\[22px\] {
    padding-left: 22px;
    padding-right: 22px
}

.px-\[3px\] {
    padding-left: 3px;
    padding-right: 3px
}

.px-ds-0 {
    padding-left: 0;
    padding-right: 0
}

.px-ds-1 {
    padding-left: 2px;
    padding-right: 2px
}

.px-ds-2 {
    padding-left: 4px;
    padding-right: 4px
}

.px-ds-3 {
    padding-left: 8px;
    padding-right: 8px
}

.px-ds-4 {
    padding-left: 12px;
    padding-right: 12px
}

.px-ds-5 {
    padding-left: 16px;
    padding-right: 16px
}

.px-ds-6 {
    padding-left: 20px;
    padding-right: 20px
}

.px-ds-7 {
    padding-left: 24px;
    padding-right: 24px
}

.px-ds-9 {
    padding-left: 32px;
    padding-right: 32px
}

.px-ds-container-lg {
    padding-left: 20px;
    padding-right: 20px
}

.px-ds-container-md {
    padding-left: 16px;
    padding-right: 16px
}

.px-ds-container-none {
    padding-left: 0;
    padding-right: 0
}

.px-ds-container-sm {
    padding-left: 12px;
    padding-right: 12px
}

.px-ds-container-xl {
    padding-left: 24px;
    padding-right: 24px
}

.px-ds-dialog,
.px-ds-dialog-compact,
.px-ds-dialog-nonCompact {
    padding-left: 20px;
    padding-right: 20px
}

.px-ds-tabs-horz {
    padding-left: 8px;
    padding-right: 8px
}

.px-ds-tabs-horzLg {
    padding-left: 12px;
    padding-right: 12px
}

.px-ds-tabs-underlineHorz,
.px-ds-tabs-underlineHorzLg {
    padding-left: 0;
    padding-right: 0
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}

.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.py-\[11px\] {
    padding-top: 11px;
    padding-bottom: 11px
}

.py-\[13px\] {
    padding-top: 13px;
    padding-bottom: 13px
}

.py-\[2px\] {
    padding-top: 2px;
    padding-bottom: 2px
}

.py-\[34px\] {
    padding-top: 34px;
    padding-bottom: 34px
}

.py-\[6px\] {
    padding-top: 6px;
    padding-bottom: 6px
}

.py-ds-0 {
    padding-top: 0;
    padding-bottom: 0
}

.py-ds-1 {
    padding-top: 2px;
    padding-bottom: 2px
}

.py-ds-2 {
    padding-top: 4px;
    padding-bottom: 4px
}

.py-ds-3 {
    padding-top: 8px;
    padding-bottom: 8px
}

.py-ds-4 {
    padding-top: 12px;
    padding-bottom: 12px
}

.py-ds-5 {
    padding-top: 16px;
    padding-bottom: 16px
}

.py-ds-6 {
    padding-top: 20px;
    padding-bottom: 20px
}

.py-ds-7 {
    padding-top: 24px;
    padding-bottom: 24px
}

.py-ds-8 {
    padding-top: 28px;
    padding-bottom: 28px
}

.py-ds-container-lg {
    padding-top: 20px;
    padding-bottom: 20px
}

.py-ds-container-md {
    padding-top: 16px;
    padding-bottom: 16px
}

.py-ds-container-none {
    padding-top: 0;
    padding-bottom: 0
}

.py-ds-container-sm {
    padding-top: 12px;
    padding-bottom: 12px
}

.py-ds-container-xl {
    padding-top: 24px;
    padding-bottom: 24px
}

.py-ds-list-item-lg {
    padding-top: 12px;
    padding-bottom: 12px
}

.py-ds-list-item-md {
    padding-top: 8px;
    padding-bottom: 8px
}

.py-ds-list-item-sm {
    padding-top: 4px;
    padding-bottom: 4px
}

.py-ds-list-item-xl {
    padding-top: 16px;
    padding-bottom: 16px
}

.py-ds-list-item-xs {
    padding-top: 0;
    padding-bottom: 0
}

.py-ds-tabs-vert {
    padding-top: 6px;
    padding-bottom: 6px
}

.py-ds-tabs-vertLg {
    padding-top: 10px;
    padding-bottom: 10px
}

.py-px {
    padding-top: 1px;
    padding-bottom: 1px
}

.\ !pl-\[6px\] {
    padding-left: 6px !important
}

.\ !pl-\[7px\] {
    padding-left: 7px !important
}

.\ !pl-\[8px\] {
    padding-left: 8px !important
}

.\ !pr-\[5px\] {
    padding-right: 5px !important
}

.\ !pr-\[6px\] {
    padding-right: 6px !important
}

.\ !pr-\[7px\] {
    padding-right: 7px !important
}

.pb-0 {
    padding-bottom: 0
}

.pb-0\.5 {
    padding-bottom: .125rem
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pb-24 {
    padding-bottom: 6rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-7 {
    padding-bottom: 1.75rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pb-\[12px\] {
    padding-bottom: 12px
}

.pb-\[6px\] {
    padding-bottom: 6px
}

.pb-\[max\(1rem\, env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: max(1rem, env(safe-area-inset-bottom))
}

.pb-\[max\(2rem\, env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: max(2rem, env(safe-area-inset-bottom))
}

.pb-\[var\(--shell-fixed-bottom-h\, 0px\)\] {
    padding-bottom: var(--shell-fixed-bottom-h, 0px)
}

.pb-ds-1 {
    padding-bottom: 2px
}

.pb-ds-10 {
    padding-bottom: 40px
}

.pb-ds-2 {
    padding-bottom: 4px
}

.pb-ds-3 {
    padding-bottom: 8px
}

.pb-ds-4 {
    padding-bottom: 12px
}

.pb-ds-5 {
    padding-bottom: 16px
}

.pb-ds-6 {
    padding-bottom: 20px
}

.pb-ds-7 {
    padding-bottom: 24px
}

.pb-ds-8 {
    padding-bottom: 28px
}

.pb-ds-9 {
    padding-bottom: 32px
}

.pb-ds-dialog-compact,
.pb-ds-dialog-nonCompact {
    padding-bottom: 20px
}

.pb-ds-tabs-underlineVert {
    padding-bottom: 6px
}

.pb-ds-tabs-underlineVertLg {
    padding-bottom: 8px
}

.pe-1 {
    padding-inline-end: .25rem
}

.pe-2 {
    padding-inline-end: .5rem
}

.pe-28 {
    padding-inline-end: 7rem
}

.pe-3 {
    padding-inline-end: .75rem
}

.pe-4 {
    padding-inline-end: 1rem
}

.pe-6 {
    padding-inline-end: 1.5rem
}

.pe-ds-0 {
    padding-inline-end: 0
}

.pe-ds-3 {
    padding-inline-end: 8px
}

.pe-ds-6 {
    padding-inline-end: 20px
}

.pe-ds-input-lg,
.pe-ds-input-md,
.pe-ds-input-sm,
.pe-ds-input-xl,
.pe-ds-input-xs,
.pe-ds-input-xxl {
    padding-inline-end: 12px
}

.pe-ds-input-xxs {
    padding-inline-end: 8px
}

.pl-14 {
    padding-left: 3.5rem
}

.pl-16 {
    padding-left: 4rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-2\.5 {
    padding-left: .625rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-5 {
    padding-left: 1.25rem
}

.pl-\[10px\] {
    padding-left: 10px
}

.pl-\[12px\] {
    padding-left: 12px
}

.pl-\[14px\] {
    padding-left: 14px
}

.pl-ds-2 {
    padding-left: 4px
}

.pl-ds-4 {
    padding-left: 12px
}

.pl-ds-5 {
    padding-left: 16px
}

.pr-1 {
    padding-right: .25rem
}

.pr-1\.5 {
    padding-right: .375rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-3 {
    padding-right: .75rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-6 {
    padding-right: 1.5rem
}

.pr-9 {
    padding-right: 2.25rem
}

.pr-\[112px\] {
    padding-right: 112px
}

.pr-\[20px\] {
    padding-right: 20px
}

.ps-0 {
    padding-inline-start: 0
}

.ps-1 {
    padding-inline-start: .25rem
}

.ps-2 {
    padding-inline-start: .5rem
}

.ps-3 {
    padding-inline-start: .75rem
}

.ps-3\.5 {
    padding-inline-start: .875rem
}

.ps-4 {
    padding-inline-start: 1rem
}

.ps-\[6px\] {
    padding-inline-start: 6px
}

.ps-ds-2 {
    padding-inline-start: 4px
}

.ps-ds-4 {
    padding-inline-start: 12px
}

.ps-ds-5 {
    padding-inline-start: 16px
}

.ps-ds-6 {
    padding-inline-start: 20px
}

.ps-ds-7 {
    padding-inline-start: 24px
}

.ps-ds-input-lg,
.ps-ds-input-md,
.ps-ds-input-sm,
.ps-ds-input-xl,
.ps-ds-input-xs,
.ps-ds-input-xxl {
    padding-inline-start: 12px
}

.ps-ds-input-xxs {
    padding-inline-start: 8px
}

.pt-0 {
    padding-top: 0
}

.pt-0\.5 {
    padding-top: .125rem
}

.pt-1 {
    padding-top: .25rem
}

.pt-12 {
    padding-top: 3rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-24 {
    padding-top: 6rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-7 {
    padding-top: 1.75rem
}

.pt-8 {
    padding-top: 2rem
}

.pt-\[10px\] {
    padding-top: 10px
}

.pt-\[12px\] {
    padding-top: 12px
}

.pt-\[14px\] {
    padding-top: 14px
}

.pt-\[22px\] {
    padding-top: 22px
}

.pt-\[56\.25\%\] {
    padding-top: 56.25%
}

.pt-\[62px\] {
    padding-top: 62px
}

.pt-\[9px\] {
    padding-top: 9px
}

.pt-\[calc\(12px\+var\(--shell-column-lift\, 0px\)\)\] {
    padding-top: calc(12px + var(--shell-column-lift, 0px))
}

.pt-ds-10 {
    padding-top: 40px
}

.pt-ds-2 {
    padding-top: 4px
}

.pt-ds-3 {
    padding-top: 8px
}

.pt-ds-4 {
    padding-top: 12px
}

.pt-ds-5 {
    padding-top: 16px
}

.pt-ds-6 {
    padding-top: 20px
}

.pt-ds-7 {
    padding-top: 24px
}

.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-baseline {
    vertical-align: baseline
}

.align-top {
    vertical-align: top
}

.align-middle {
    vertical-align: middle
}

.font-\[inherit\] {
    font-family: inherit
}

.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[11px\] {
    font-size: 11px
}

.text-\[13px\] {
    font-size: 13px
}

.text-\[15px\] {
    font-size: 15px
}

.text-\[16px\] {
    font-size: 16px
}

.text-\[19px\] {
    font-size: 19px
}

.text-\[22px\] {
    font-size: 22px
}

.text-\[28px\] {
    font-size: 28px
}

.text-\[32px\] {
    font-size: 32px
}

.text-\[40px\] {
    font-size: 40px
}

.text-\[42px\] {
    font-size: 42px
}

.text-\[48px\] {
    font-size: 48px
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-\[450\] {
    font-weight: 450
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.normal-case {
    text-transform: none
}

.italic {
    font-style: italic
}

.lining-nums {
    --tw-numeric-figure: lining-nums;
    font-variant-numeric: var(--tw-ordinal)var(--tw-slashed-zero)var(--tw-numeric-figure)var(--tw-numeric-spacing)var(--tw-numeric-fraction)
}

.tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal)var(--tw-slashed-zero)var(--tw-numeric-figure)var(--tw-numeric-spacing)var(--tw-numeric-fraction)
}

.\ !leading-4 {
    line-height: 1rem !important
}

.leading-3 {
    line-height: .75rem
}

.leading-4 {
    line-height: 1rem
}

.leading-5 {
    line-height: 1.25rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-9 {
    line-height: 2.25rem
}

.leading-\[1\.15\] {
    line-height: 1.15
}

.leading-\[1\.2\] {
    line-height: 1.2
}

.leading-\[1\.5\] {
    line-height: 1.5
}

.leading-\[1\.65\] {
    line-height: 1.65
}

.leading-\[14px\] {
    line-height: 14px
}

.leading-\[15px\] {
    line-height: 15px
}

.leading-\[18px\] {
    line-height: 18px
}

.leading-\[22px\] {
    line-height: 22px
}

.leading-\[46px\] {
    line-height: 46px
}

.leading-\[inherit\] {
    line-height: inherit
}

.leading-ds-table-header-cell-icon {
    line-height: var(--line-height-ds-table-header-cell-icon)
}

.leading-none {
    line-height: 1
}

.leading-normal {
    line-height: 1.5
}

.leading-snug {
    line-height: 1.375
}

.leading-tight {
    line-height: 1.25
}

.tracking-\[-0\.7px\] {
    letter-spacing: -.7px
}

.tracking-\[0\.04em\] {
    letter-spacing: .04em
}

.tracking-\[0\.05em\] {
    letter-spacing: .05em
}

.tracking-\[0\.08em\] {
    letter-spacing: .08em
}

.tracking-tight {
    letter-spacing: -.025em
}

.\ !text-\[\#D09B4C\] {
    --tw-text-opacity: 1 !important;
    color: rgb(208 155 76/var(--tw-text-opacity)) !important
}

.\ !text-ds-brand {
    --tw-text-opacity: 1 !important;
    color: color-mix(in srgb, var(--colors-ds-brand)calc(100%*var(--tw-text-opacity)), transparent) !important
}

.text-\[\#049c4e\] {
    --tw-text-opacity: 1;
    color: rgb(4 156 78/var(--tw-text-opacity))
}

.text-\[\#101114\] {
    --tw-text-opacity: 1;
    color: rgb(16 17 20/var(--tw-text-opacity))
}

.text-\[\#1b1b1b\] {
    --tw-text-opacity: 1;
    color: rgb(27 27 27/var(--tw-text-opacity))
}

.text-\[\#fb414a\] {
    --tw-text-opacity: 1;
    color: rgb(251 65 74/var(--tw-text-opacity))
}

.text-\[color\:color-mix\(in_srgb\, var\(--colors-ds-inverted\)_48\%\, transparent\)\] {
    color: color-mix(in srgb, var(--colors-ds-inverted)48%, transparent)
}

.text-\[color\:color-mix\(in_srgb\, var\(--colors-ds-inverted\)_55\%\, transparent\)\] {
    color: color-mix(in srgb, var(--colors-ds-inverted)55%, transparent)
}

.text-\[color\:color-mix\(in_srgb\, var\(--colors-ds-inverted\)_60\%\, transparent\)\] {
    color: color-mix(in srgb, var(--colors-ds-inverted)60%, transparent)
}

.text-\[color\:color-mix\(in_srgb\, var\(--colors-ds-inverted\)_70\%\, transparent\)\] {
    color: color-mix(in srgb, var(--colors-ds-inverted)70%, transparent)
}

.text-\[color\:var\(--colors-ds-brand\)\] {
    color: var(--colors-ds-brand)
}

.text-\[color\:var\(--colors-ds-dimmed\)\] {
    color: var(--colors-ds-dimmed)
}

.text-\[color\:var\(--colors-ds-inverted\)\] {
    color: var(--colors-ds-inverted)
}

.text-\[color\:var\(--colors-ds-negative\)\] {
    color: var(--colors-ds-negative)
}

.text-\[color\:var\(--colors-ds-neutral\)\] {
    color: var(--colors-ds-neutral)
}

.text-\[color\:var\(--colors-ds-positive\)\] {
    color: var(--colors-ds-positive)
}

.text-\[color\:var\(--colors-ds-strong\)\] {
    color: var(--colors-ds-strong)
}

.text-\[var\(--tb-bg\)\] {
    color: var(--tb-bg)
}

.text-\[var\(--tb-brand\)\] {
    color: var(--tb-brand)
}

.text-\[var\(--tb-buy-ink\)\] {
    color: var(--tb-buy-ink)
}

.text-\[var\(--tb-icon-rest\)\] {
    color: var(--tb-icon-rest)
}

.text-\[var\(--tb-ink\)\] {
    color: var(--tb-ink)
}

.text-\[var\(--tb-neutral\)\] {
    color: var(--tb-neutral)
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-current {
    color: currentColor
}

.text-ds-accordion-disabled {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-accordion-disabled)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-accordion-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-accordion-primary)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-asseticon-inverted {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-asseticon-inverted)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-asseticon-neutral {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-asseticon-neutral)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-badge-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-badge-high)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-badge-high-inverse {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-badge-high-inverse)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-badge-info {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-badge-info)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-badge-negative {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-badge-negative)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-badge-neutral {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-badge-neutral)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-badge-new {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-badge-new)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-badge-positive {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-badge-positive)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-badge-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-badge-primary)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-badge-warning {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-badge-warning)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-brand {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-brand)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-brand-brand {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-brand-brand)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-brand-breakout {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-brand-breakout)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-brand-inverted {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-brand-inverted)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-brand-neutral {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-brand-neutral)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-breadcrumbs-default {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-breadcrumbs-default)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-breadcrumbs-selected {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-breadcrumbs-selected)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-brand-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-brand-high)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-brand-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-brand-low)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-brand-low-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-brand-low-hover)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-brand-medium {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-brand-medium)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-brand-medium-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-brand-medium-hover)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-brand-none {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-brand-none)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-brand-none-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-brand-none-hover)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-info-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-info-high)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-info-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-info-low)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-info-low-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-info-low-hover)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-info-medium {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-info-medium)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-info-medium-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-info-medium-hover)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-info-none {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-info-none)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-info-none-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-info-none-hover)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-inverted-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-inverted-high)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-inverted-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-inverted-low)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-inverted-low-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-inverted-low-hover)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-inverted-medium {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-inverted-medium)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-inverted-medium-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-inverted-medium-hover)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-inverted-none {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-inverted-none)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-inverted-none-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-inverted-none-hover)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-negative-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-negative-high)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-negative-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-negative-low)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-negative-low-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-negative-low-hover)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-negative-medium {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-negative-medium)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-negative-medium-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-negative-medium-hover)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-negative-none {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-negative-none)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-negative-none-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-negative-none-hover)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-neutral-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-neutral-high)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-neutral-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-neutral-low)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-neutral-low-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-neutral-low-hover)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-neutral-medium {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-neutral-medium)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-neutral-medium-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-neutral-medium-hover)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-neutral-none {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-neutral-none)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-neutral-none-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-neutral-none-hover)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-positive-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-positive-high)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-positive-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-positive-low)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-positive-low-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-positive-low-hover)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-positive-medium {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-positive-medium)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-positive-medium-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-positive-medium-hover)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-positive-none {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-positive-none)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-positive-none-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-positive-none-hover)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-primary-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-primary-high)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-primary-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-primary-low)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-primary-low-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-primary-low-hover)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-primary-medium {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-primary-medium)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-primary-medium-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-primary-medium-hover)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-primary-none {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-primary-none)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-primary-none-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-primary-none-hover)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-warning-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-warning-high)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-warning-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-warning-low)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-warning-low-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-warning-low-hover)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-warning-medium {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-warning-medium)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-warning-medium-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-warning-medium-hover)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-warning-none {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-warning-none)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-button-warning-none-hover {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-button-warning-none-hover)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-checkbox-check-mark {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-checkbox-check-mark)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-checkbox-description {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-checkbox-description)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-checkbox-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-checkbox-primary)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-checkboxgroup-description {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-checkboxgroup-description)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-checkboxgroup-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-checkboxgroup-primary)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-circle-border-info-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-border-info-high)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-circle-border-negative-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-border-negative-high)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-circle-border-neutral-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-border-neutral-high)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-circle-border-positive-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-border-positive-high)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-circle-border-primary-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-border-primary-high)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-circle-border-warning-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-border-warning-high)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-circle-info-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-info-high)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-circle-info-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-info-low)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-circle-negative-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-negative-high)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-circle-negative-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-negative-low)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-circle-neutral-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-neutral-high)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-circle-neutral-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-neutral-low)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-circle-positive-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-positive-high)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-circle-positive-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-positive-low)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-circle-primary-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-primary-high)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-circle-primary-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-primary-low)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-circle-warning-high {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-warning-high)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-circle-warning-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-circle-warning-low)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-datepicker {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-datepicker)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-datepicker-disabled {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-datepicker-disabled)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-datepicker-selected {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-datepicker-selected)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-datepicker-today {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-datepicker-today)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-datepicker-weekday {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-datepicker-weekday)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-dimmed {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-dimmed)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-disabled {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-disabled)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-dropdown-button-content-placeholder {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-dropdown-button-content-placeholder)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-dropdown-button-content-text {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-dropdown-button-content-text)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-favourite-button-filled {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-favourite-button-filled)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-favourite-button-unfilled {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-favourite-button-unfilled)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-filteritem-active {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-filteritem-active)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-info {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-info)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-input {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-input)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-input-icon {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-input-icon)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-input-label {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-input-label)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-inputerror-label {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-inputerror-label)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-inverted {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-inverted)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-kit-pro-flat-notification-warning {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-kit-pro-flat-notification-warning)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-legalnotice-neutral {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-legalnotice-neutral)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-legalnotice-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-legalnotice-primary)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-menu {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-menu)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-negative {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-negative)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-neutral {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-neutral)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-notification-info {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-notification-info)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-notification-negative {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-notification-negative)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-notification-neutral {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-notification-neutral)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-notification-positive {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-notification-positive)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-notification-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-notification-primary)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-notification-subtitle-info {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-notification-subtitle-info)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-notification-subtitle-negative {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-notification-subtitle-negative)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-notification-subtitle-neutral {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-notification-subtitle-neutral)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-notification-subtitle-positive {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-notification-subtitle-positive)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-notification-subtitle-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-notification-subtitle-primary)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-notification-subtitle-warning {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-notification-subtitle-warning)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-notification-warning {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-notification-warning)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-pill-neutral {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-pill-neutral)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-pill-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-pill-primary)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-positive {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-positive)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-primary)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-radio-description {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-radio-description)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-radio-disabled {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-radio-disabled)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-radio-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-radio-primary)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-radiogroup-description {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-radiogroup-description)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-radiogroup-error {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-radiogroup-error)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-radiogroup-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-radiogroup-primary)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-segmented-control-active-negative {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-segmented-control-active-negative)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-segmented-control-active-negative-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-segmented-control-active-negative-low)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-segmented-control-active-positive {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-segmented-control-active-positive)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-segmented-control-active-positive-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-segmented-control-active-positive-low)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-segmented-control-active-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-segmented-control-active-primary)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-segmented-control-active-primary-low {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-segmented-control-active-primary-low)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-segmented-control-inactive {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-segmented-control-inactive)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-segmented-control-underline-active-negative {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-segmented-control-underline-active-negative)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-segmented-control-underline-active-positive {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-segmented-control-underline-active-positive)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-segmented-control-underline-active-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-segmented-control-underline-active-primary)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-segmented-control-underline-rail {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-segmented-control-underline-rail)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-sidebar {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-sidebar)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-sidebar-active {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-sidebar-active)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-spinner-brand {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-spinner-brand)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-spinner-dark {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-spinner-dark)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-spinner-dimmed {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-spinner-dimmed)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-spinner-info {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-spinner-info)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-spinner-light {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-spinner-light)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-spinner-negative {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-spinner-negative)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-spinner-neutral {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-spinner-neutral)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-spinner-positive {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-spinner-positive)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-spinner-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-spinner-primary)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-spinner-warning {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-spinner-warning)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-stacked-asset-icons {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-stacked-asset-icons)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-strong {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-strong)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-subtle {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-subtle)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-tabs {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-tabs)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-tabs-onBackground {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-tabs-on-background)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-text-duo-negative-duo {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-text-duo-negative-duo)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-text-duo-negative-main {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-text-duo-negative-main)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-text-duo-neutral-duo {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-text-duo-neutral-duo)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-text-duo-neutral-main {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-text-duo-neutral-main)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-text-duo-positive-duo {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-text-duo-positive-duo)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-text-duo-positive-main {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-text-duo-positive-main)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-text-duo-primary-duo {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-text-duo-primary-duo)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-text-duo-primary-main {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-text-duo-primary-main)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-tooltip-text {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-tooltip-text)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-tooltip-title {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--text-color-ds-tooltip-title)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-ds-warning {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--colors-ds-warning)calc(100%*var(--tw-text-opacity)), transparent)
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.text-green-400 {
    --tw-text-opacity: 1;
    color: rgb(74 222 128/var(--tw-text-opacity))
}

.text-inherit {
    color: inherit
}

.text-red-200 {
    --tw-text-opacity: 1;
    color: rgb(254 202 202/var(--tw-text-opacity))
}

.text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(248 113 113/var(--tw-text-opacity))
}

.text-transparent {
    color: #0000
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.text-white\/40 {
    color: #fff6
}

.text-white\/50 {
    color: #ffffff80
}

.text-white\/55 {
    color: #ffffff8c
}

.text-white\/60 {
    color: #fff9
}

.text-white\/70 {
    color: #ffffffb3
}

.text-white\/75 {
    color: #ffffffbf
}

.text-white\/\[0\.64\] {
    color: #ffffffa3
}

.text-yellow-100 {
    --tw-text-opacity: 1;
    color: rgb(254 249 195/var(--tw-text-opacity))
}

.\ !underline {
    text-decoration-line: underline !important
}

.underline {
    text-decoration-line: underline
}

.overline {
    text-decoration-line: overline
}

.line-through {
    text-decoration-line: line-through
}

.no-underline {
    text-decoration-line: none
}

.decoration-ds-text-dashed {
    -webkit-text-decoration-color: var(--text-decoration-color-ds-text-dashed);
    -webkit-text-decoration-color: var(--text-decoration-color-ds-text-dashed);
    text-decoration-color: var(--text-decoration-color-ds-text-dashed)
}

.decoration-solid {
    text-decoration-style: solid
}

.decoration-dashed {
    text-decoration-style: dashed
}

.decoration-from-font {
    text-decoration-thickness: from-font
}

.underline-offset-4 {
    text-underline-offset: 4px
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.placeholder-ds-input::placeholder {
    --tw-placeholder-opacity: 1;
    color: color-mix(in srgb, var(--placeholder-color-ds-input)calc(100%*var(--tw-placeholder-opacity)), transparent)
}

.placeholder-transparent::placeholder {
    color: #0000
}

.caret-ds-input {
    caret-color: color-mix(in srgb, var(--caret-color-ds-input)calc(100%*1), transparent)
}

.accent-white {
    accent-color: #fff
}

.\ !opacity-0 {
    opacity: 0 !important
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-15 {
    opacity: .15
}

.opacity-30 {
    opacity: .3
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.opacity-75 {
    opacity: .75
}

.opacity-90 {
    opacity: .9
}

.opacity-\[0\.08\] {
    opacity: .08
}

.opacity-\[0\.16\] {
    opacity: .16
}

.opacity-\[0\.24\] {
    opacity: .24
}

.opacity-\[0\] {
    opacity: 0
}

.opacity-ds-disabled {
    opacity: .4
}

.opacity-ds-table-cell-dimmed {
    opacity: var(--opacity-ds-table-cell-dimmed)
}

.\ !shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow {
    --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_0_0\.5px_rgba\(0\, 0\, 0\, 0\.04\)\] {
    --tw-shadow: 0 0 0 .5px #0000000a;
    --tw-shadow-colored: 0 0 0 .5px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_0_1px_rgba\(0\, 0\, 0\, 0\.0078\)\,
0_1px_2px_rgba\(0\, 0\, 0\, 0\.0156\)\,
0_4px_10px_rgba\(0\, 0\, 0\, 0\.0207\)\] {
    --tw-shadow: 0 0 0 1px #00000002, 0 1px 2px #00000004, 0 4px 10px #00000005;
    --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color), 0 4px 10px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_0_1px_rgba\(0\, 0\, 0\, 0\.02\)\,
0_1px_2px_rgba\(0\, 0\, 0\, 0\.05\)\,
0_3px_8px_rgba\(0\, 0\, 0\, 0\.06\)\] {
    --tw-shadow: 0 0 0 1px #00000005, 0 1px 2px #0000000d, 0 3px 8px #0000000f;
    --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color), 0 3px 8px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_0_1px_rgba\(0\, 0\, 0\, 0\.0216\)\,
0_1px_2px_rgba\(0\, 0\, 0\, 0\.0432\)\,
0_4px_10px_rgba\(0\, 0\, 0\, 0\.0576\)\,
0_0_28px_6px_rgba\(0\, 0\, 0\, 0\.036\)\] {
    --tw-shadow: 0 0 0 1px #00000006, 0 1px 2px #0000000b, 0 4px 10px #0000000f, 0 0 28px 6px #00000009;
    --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 2px var(--tw-shadow-color), 0 4px 10px var(--tw-shadow-color), 0 0 28px 6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_0_1px_rgba\(0\, 0\, 0\, 0\.04\)\,
0_12px_34px_rgba\(0\, 0\, 0\, 0\.14\)\,
0_2px_8px_rgba\(0\, 0\, 0\, 0\.07\)\] {
    --tw-shadow: 0 0 0 1px #0000000a, 0 12px 34px #00000024, 0 2px 8px #00000012;
    --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 12px 34px var(--tw-shadow-color), 0 2px 8px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_0_1px_rgba\(0\, 0\, 0\, 0\.04\)\,
0_1px_3px_rgba\(0\, 0\, 0\, 0\.06\)\] {
    --tw-shadow: 0 0 0 1px #0000000a, 0 1px 3px #0000000f;
    --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 1px 3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_0_1px_rgba\(0\, 0\, 0\, 0\.04\)\,
0_2px_8px_rgba\(0\, 0\, 0\, 0\.12\)\] {
    --tw-shadow: 0 0 0 1px #0000000a, 0 2px 8px #0000001f;
    --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 2px 8px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_12px_16px_-4px_rgba\(16\, 24\, 40\, 0\.06\)\] {
    --tw-shadow: 0 12px 16px -4px #1018280f;
    --tw-shadow-colored: 0 12px 16px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_1px_3px_rgba\(0\, 0\, 0\, 0\.10\)\,
0_0_0_1px_rgba\(0\, 0\, 0\, 0\.03\)\] {
    --tw-shadow: 0 1px 3px #0000001a, 0 0 0 1px #00000008;
    --tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_4px_18px_0_rgba\(0\, 0\, 0\, 0\.12\)\] {
    --tw-shadow: 0 4px 18px 0 #0000001f;
    --tw-shadow-colored: 0 4px 18px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_8px_32px_rgba\(0\, 0\, 0\, 0\.4\)\] {
    --tw-shadow: 0 8px 32px #0006;
    --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_8px_32px_rgba\(0\, 0\, 0\, 0\.45\)\] {
    --tw-shadow: 0 8px 32px #00000073;
    --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_1px_2px_0px_rgba\(16\, 24\, 40\, 0\.04\)\] {
    --tw-shadow: 0px 1px 2px 0px #1018280a;
    --tw-shadow-colored: 0px 1px 2px 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)
}

.shadow-\[0px_1px_4px_0px_rgba\(16\, 24\, 40\, 0\.04\)\] {
    --tw-shadow: 0px 1px 4px 0px #1018280a;
    --tw-shadow-colored: 0px 1px 4px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_32px_64px_-12px_rgba\(0\, 0\, 0\, 0\.16\)\] {
    --tw-shadow: 0px 32px 64px -12px #00000029;
    --tw-shadow-colored: 0px 32px 64px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0px_4px_48px_-12px_rgba\(16\, 24\, 40\, 0\.32\)\] {
    --tw-shadow: 0px 4px 48px -12px #10182852;
    --tw-shadow-colored: 0px 4px 48px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[inset_0_1px_0_0_rgba\(104\, 107\, 130\, 0\.16\)\] {
    --tw-shadow: inset 0 1px 0 0 #686b8229;
    --tw-shadow-colored: inset 0 1px 0 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-0 {
    --tw-shadow: var(--box-shadow-ds-0);
    --tw-shadow-colored: var(--box-shadow-ds-0);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-1 {
    --tw-shadow: var(--box-shadow-ds-1);
    --tw-shadow-colored: var(--box-shadow-ds-1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-2 {
    --tw-shadow: var(--box-shadow-ds-2);
    --tw-shadow-colored: var(--box-shadow-ds-2);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-3 {
    --tw-shadow: var(--box-shadow-ds-3);
    --tw-shadow-colored: var(--box-shadow-ds-3);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-4 {
    --tw-shadow: var(--box-shadow-ds-4);
    --tw-shadow-colored: var(--box-shadow-ds-4);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-5 {
    --tw-shadow: var(--box-shadow-ds-5);
    --tw-shadow-colored: var(--box-shadow-ds-5);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-6 {
    --tw-shadow: var(--box-shadow-ds-6);
    --tw-shadow-colored: var(--box-shadow-ds-6);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-7 {
    --tw-shadow: var(--box-shadow-ds-7);
    --tw-shadow-colored: var(--box-shadow-ds-7);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-accordion {
    --tw-shadow: var(--box-shadow-ds-accordion);
    --tw-shadow-colored: var(--box-shadow-ds-accordion);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-banner {
    --tw-shadow: var(--box-shadow-ds-banner);
    --tw-shadow-colored: var(--box-shadow-ds-banner);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-base-drawer {
    --tw-shadow: var(--box-shadow-ds-base-drawer);
    --tw-shadow-colored: var(--box-shadow-ds-base-drawer);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-container {
    --tw-shadow: var(--box-shadow-ds-container);
    --tw-shadow-colored: var(--box-shadow-ds-container);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-datepicker {
    --tw-shadow: var(--box-shadow-ds-datepicker);
    --tw-shadow-colored: var(--box-shadow-ds-datepicker);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-dialog {
    --tw-shadow: var(--box-shadow-ds-dialog);
    --tw-shadow-colored: var(--box-shadow-ds-dialog);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-menu {
    --tw-shadow: var(--box-shadow-ds-menu);
    --tw-shadow-colored: var(--box-shadow-ds-menu);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-popover {
    --tw-shadow: var(--box-shadow-ds-popover);
    --tw-shadow-colored: var(--box-shadow-ds-popover);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-segmented-control-active {
    --tw-shadow: var(--box-shadow-ds-segmented-control-active);
    --tw-shadow-colored: var(--box-shadow-ds-segmented-control-active);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-toggle-off {
    --tw-shadow: var(--box-shadow-ds-toggle-off);
    --tw-shadow-colored: var(--box-shadow-ds-toggle-off);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-toggle-on {
    --tw-shadow: var(--box-shadow-ds-toggle-on);
    --tw-shadow-colored: var(--box-shadow-ds-toggle-on);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-tooltip-popup {
    --tw-shadow: var(--box-shadow-ds-tooltip-popup);
    --tw-shadow-colored: var(--box-shadow-ds-tooltip-popup);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 #0000000d;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[\$\ {
    shadowX\
}

px_\$\ {
    shadowY\
}

px_\$\ {
    shadowBlur\
}

px_\$\ {
    shadowSpread\
}

px_rgba\(0\, 0\, 0\, 0\.16\)\] {
    --tw-shadow-color:$ {
        shadowX
    }
    px$ {
        shadowY
    }
    px$ {
        shadowBlur
    }
    px$ {
        shadowSpread
    }
    px #00000029;
    --tw-shadow:var(--tw-shadow-colored)
}

.outline-none {
    outline-offset: 2px;
    outline: 2px solid #0000
}

.outline {
    outline-style: solid
}

.outline-0 {
    outline-width: 0
}

.outline-2 {
    outline-width: 2px
}

.\ !outline-offset-0 {
    outline-offset: 0px !important
}

.-outline-offset-2,
.-outline-offset-\[2px\] {
    outline-offset: -2px
}

.outline-offset-0 {
    outline-offset: 0px
}

.outline-offset-2 {
    outline-offset: 2px
}

.outline-offset-4 {
    outline-offset: 4px
}

.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: #7132f5
}

.outline-ds-tabs {
    outline-color: var(--outline-color-ds-tabs)
}

.outline-ds-textlink {
    outline-color: var(--outline-color-ds-textlink)
}

.outline-ds-toggle {
    outline-color: var(--outline-color-ds-toggle)
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-\[1\.6px\] {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1.6px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-\[2\.2px\] {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2.2px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-\[2\.5px\] {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2.5px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-inset {
    --tw-ring-inset: inset
}

.ring-\[rgba\(104\, 107\, 130\, 0\.16\)\] {
    --tw-ring-color: #686b8229
}

.ring-ds-circle-info-high {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in srgb, var(--ring-color-ds-circle-info-high)calc(100%*var(--tw-ring-opacity)), transparent)
}

.ring-ds-circle-info-low {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in srgb, var(--ring-color-ds-circle-info-low)calc(100%*var(--tw-ring-opacity)), transparent)
}

.ring-ds-circle-negative-high {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in srgb, var(--ring-color-ds-circle-negative-high)calc(100%*var(--tw-ring-opacity)), transparent)
}

.ring-ds-circle-negative-low {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in srgb, var(--ring-color-ds-circle-negative-low)calc(100%*var(--tw-ring-opacity)), transparent)
}

.ring-ds-circle-neutral-high {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in srgb, var(--ring-color-ds-circle-neutral-high)calc(100%*var(--tw-ring-opacity)), transparent)
}

.ring-ds-circle-neutral-low {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in srgb, var(--ring-color-ds-circle-neutral-low)calc(100%*var(--tw-ring-opacity)), transparent)
}

.ring-ds-circle-positive-high {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in srgb, var(--ring-color-ds-circle-positive-high)calc(100%*var(--tw-ring-opacity)), transparent)
}

.ring-ds-circle-positive-low {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in srgb, var(--ring-color-ds-circle-positive-low)calc(100%*var(--tw-ring-opacity)), transparent)
}

.ring-ds-circle-primary-high {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in srgb, var(--ring-color-ds-circle-primary-high)calc(100%*var(--tw-ring-opacity)), transparent)
}

.ring-ds-circle-primary-low {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in srgb, var(--ring-color-ds-circle-primary-low)calc(100%*var(--tw-ring-opacity)), transparent)
}

.ring-ds-circle-warning-high {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in srgb, var(--ring-color-ds-circle-warning-high)calc(100%*var(--tw-ring-opacity)), transparent)
}

.ring-ds-circle-warning-low {
    --tw-ring-opacity: 1;
    --tw-ring-color: color-mix(in srgb, var(--ring-color-ds-circle-warning-low)calc(100%*var(--tw-ring-opacity)), transparent)
}

.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)
}

.blur-2xl {
    --tw-blur: blur(40px);
    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)
}

.blur-\[37\.3781px\] {
    --tw-blur: blur(37.3781px);
    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)
}

.blur-\[50px\] {
    --tw-blur: blur(50px);
    filter: var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)
}

.invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)
}

.\ !filter {
    filter: var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow) !important
}

.filter {
    filter: var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)
}

.backdrop-blur-2xl,
.backdrop-blur-\[40px\] {
    --tw-backdrop-blur: blur(40px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia)
}

.backdrop-blur-ds-dialog {
    --tw-backdrop-blur: blur(var(--backdrop-blur-ds-dialog));
    -webkit-backdrop-filter: var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia)
}

.backdrop-blur-lg {
    --tw-backdrop-blur: blur(16px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia)
}

.backdrop-blur-xl {
    --tw-backdrop-blur: blur(24px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia)
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[color\] {
    transition-property: color;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[grid-template-rows\,
opacity\] {
    transition-property: grid-template-rows, opacity;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[height\,
max-width\,
column-gap\,
margin\,
opacity\,
visibility\,
flex-grow\] {
    transition-property: height, max-width, column-gap, margin, opacity, visibility, flex-grow;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[height\,
width\] {
    transition-property: height, width;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[height\] {
    transition-property: height;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[opacity\,
transform\] {
    transition-property: opacity, transform;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[padding\] {
    transition-property: padding;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[stroke-dashoffset\,
transform\] {
    transition-property: stroke-dashoffset, transform;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[transform\,
opacity\] {
    transition-property: transform, opacity;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[transform\,
width\] {
    transition-property: transform, width;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[width\] {
    transition-property: width;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-all {
    transition-property: all;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-opacity {
    transition-property: opacity;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-shadow {
    transition-property: box-shadow;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-transform {
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-100 {
    transition-duration: .1s
}

.duration-1000 {
    transition-duration: 1s
}

.duration-150 {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.duration-\[800ms\] {
    transition-duration: .8s
}

.duration-ds-segmented-control,
.duration-ds-tabs {
    transition-duration: .2s
}

.ease-\[cubic-bezier\(0\.23\, 1\, 0\.32\, 1\)\] {
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.ease-\[cubic-bezier\(0\.35\, 0\, 0\.15\, 1\)\] {
    transition-timing-function: cubic-bezier(.35, 0, .15, 1)
}

.ease-\[cubic-bezier\(0\.4\, 0\, 0\.2\, 1\)\] {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.will-change-\[width\] {
    will-change: width
}

.will-change-transform {
    will-change: transform
}

.ds-trade-dark-bg {
    --ds-bg-color: #0d0a14;
    --ds-bg-parent-color: #0d0a14;
    background-color: #0d0a14
}

.ds-trade-fe-dark-bg {
    --ds-bg-color: #000;
    --ds-bg-parent-color: #000;
    background-color: #000
}

.ds-trade-fe-light-bg {
    --ds-bg-color: #fafbfb;
    --ds-bg-parent-color: #fafbfb;
    background-color: #fafbfb
}

.ds-trade-light-bg {
    --ds-bg-color: #f6f5f9;
    --ds-bg-parent-color: #f6f5f9;
    background-color: #f6f5f9
}

.ss04 {
    font-feature-settings: "ss04"
}

.rounded-ds-0 {
    border-radius: var(--border-radius-ds-0)
}

.rounded-ds-2 {
    border-radius: var(--border-radius-ds-2)
}

.rounded-t-ds-2 {
    border-top-left-radius: var(--border-radius-ds-2);
    border-top-right-radius: var(--border-radius-ds-2)
}

.rounded-b-ds-2 {
    border-bottom-left-radius: var(--border-radius-ds-2);
    border-bottom-right-radius: var(--border-radius-ds-2)
}

.rounded-ds-3 {
    border-radius: var(--border-radius-ds-3)
}

.rounded-ds-4 {
    border-radius: var(--border-radius-ds-4)
}

.rounded-ds-5 {
    border-radius: var(--border-radius-ds-5)
}

.rounded-t-ds-5 {
    border-top-left-radius: var(--border-radius-ds-5);
    border-top-right-radius: var(--border-radius-ds-5)
}

.rounded-ds-6 {
    border-radius: var(--border-radius-ds-6)
}

.rounded-ds-7 {
    border-radius: var(--border-radius-ds-7)
}

.rounded-ds-8 {
    border-radius: var(--border-radius-ds-8)
}

.rounded-ds-round {
    border-radius: var(--border-radius-ds-round)
}

.rounded-t-ds-round {
    border-top-left-radius: var(--border-radius-ds-round);
    border-top-right-radius: var(--border-radius-ds-round)
}

.rounded-e-ds-round {
    border-start-end-radius: var(--border-radius-ds-round);
    border-end-end-radius: var(--border-radius-ds-round)
}

.rounded-ds-badge-sm {
    border-radius: var(--border-radius-ds-badge-sm)
}

.rounded-ds-badge-md {
    border-radius: var(--border-radius-ds-badge-md)
}

.rounded-ds-badge-lg {
    border-radius: var(--border-radius-ds-badge-lg)
}

.rounded-ds-button-lg {
    border-radius: var(--border-radius-ds-button-lg)
}

.rounded-ds-button-md {
    border-radius: var(--border-radius-ds-button-md)
}

.rounded-ds-button-sm {
    border-radius: var(--border-radius-ds-button-sm)
}

.rounded-ds-button-xl {
    border-radius: var(--border-radius-ds-button-xl)
}

.rounded-ds-button-xs {
    border-radius: var(--border-radius-ds-button-xs)
}

.rounded-ds-button-xxl {
    border-radius: var(--border-radius-ds-button-xxl)
}

.rounded-ds-button-xxs {
    border-radius: var(--border-radius-ds-button-xxs)
}

.rounded-ds-card {
    border-radius: var(--border-radius-ds-card)
}

.rounded-t-ds-card {
    border-top-left-radius: var(--border-radius-ds-card);
    border-top-right-radius: var(--border-radius-ds-card)
}

.rounded-b-ds-card {
    border-bottom-left-radius: var(--border-radius-ds-card);
    border-bottom-right-radius: var(--border-radius-ds-card)
}

.\ !rounded-tl-ds-card {
    border-top-left-radius: var(--border-radius-ds-card) !important
}

.\ !rounded-tr-ds-card {
    border-top-right-radius: var(--border-radius-ds-card) !important
}

.\ !rounded-bl-ds-card {
    border-bottom-left-radius: var(--border-radius-ds-card) !important
}

.\ !rounded-br-ds-card {
    border-bottom-right-radius: var(--border-radius-ds-card) !important
}

.rounded-s-ds-card {
    border-start-start-radius: var(--border-radius-ds-card);
    border-end-start-radius: var(--border-radius-ds-card)
}

.rounded-e-ds-card {
    border-start-end-radius: var(--border-radius-ds-card);
    border-end-end-radius: var(--border-radius-ds-card)
}

.rounded-ss-ds-card {
    border-start-start-radius: var(--border-radius-ds-card)
}

.rounded-se-ds-card {
    border-start-end-radius: var(--border-radius-ds-card)
}

.rounded-es-ds-card {
    border-end-start-radius: var(--border-radius-ds-card)
}

.rounded-ee-ds-card {
    border-end-end-radius: var(--border-radius-ds-card)
}

.\ !rounded-ds-card-grouped {
    border-radius: var(--border-radius-ds-card-grouped) !important
}

.rounded-ds-card-grouped {
    border-radius: var(--border-radius-ds-card-grouped)
}

.rounded-t-ds-card-grouped {
    border-top-left-radius: var(--border-radius-ds-card-grouped);
    border-top-right-radius: var(--border-radius-ds-card-grouped)
}

.rounded-b-ds-card-grouped {
    border-bottom-left-radius: var(--border-radius-ds-card-grouped);
    border-bottom-right-radius: var(--border-radius-ds-card-grouped)
}

.rounded-s-ds-card-grouped {
    border-start-start-radius: var(--border-radius-ds-card-grouped);
    border-end-start-radius: var(--border-radius-ds-card-grouped)
}

.rounded-e-ds-card-grouped {
    border-start-end-radius: var(--border-radius-ds-card-grouped);
    border-end-end-radius: var(--border-radius-ds-card-grouped)
}

.rounded-ds-checkbox-sm {
    border-radius: var(--border-radius-ds-checkbox-sm)
}

.rounded-ds-checkbox-lg {
    border-radius: var(--border-radius-ds-checkbox-lg)
}

.rounded-ds-container {
    border-radius: var(--border-radius-ds-container)
}

.rounded-ds-datepicker {
    border-radius: var(--border-radius-ds-datepicker)
}

.rounded-s-ds-datepicker-small {
    border-start-start-radius: var(--border-radius-ds-datepicker-small);
    border-end-start-radius: var(--border-radius-ds-datepicker-small)
}

.rounded-e-ds-datepicker-small {
    border-start-end-radius: var(--border-radius-ds-datepicker-small);
    border-end-end-radius: var(--border-radius-ds-datepicker-small)
}

.rounded-ds-input-xxl {
    border-radius: var(--border-radius-ds-input-xxl)
}

.rounded-t-ds-input-xxl {
    border-top-left-radius: var(--border-radius-ds-input-xxl);
    border-top-right-radius: var(--border-radius-ds-input-xxl)
}

.rounded-b-ds-input-xxl {
    border-bottom-left-radius: var(--border-radius-ds-input-xxl);
    border-bottom-right-radius: var(--border-radius-ds-input-xxl)
}

.rounded-s-ds-input-xxl {
    border-start-start-radius: var(--border-radius-ds-input-xxl);
    border-end-start-radius: var(--border-radius-ds-input-xxl)
}

.rounded-e-ds-input-xxl {
    border-start-end-radius: var(--border-radius-ds-input-xxl);
    border-end-end-radius: var(--border-radius-ds-input-xxl)
}

.rounded-ss-ds-input-xxl {
    border-start-start-radius: var(--border-radius-ds-input-xxl)
}

.rounded-se-ds-input-xxl {
    border-start-end-radius: var(--border-radius-ds-input-xxl)
}

.rounded-es-ds-input-xxl {
    border-end-start-radius: var(--border-radius-ds-input-xxl)
}

.rounded-ee-ds-input-xxl {
    border-end-end-radius: var(--border-radius-ds-input-xxl)
}

.rounded-ds-input-xl {
    border-radius: var(--border-radius-ds-input-xl)
}

.rounded-t-ds-input-xl {
    border-top-left-radius: var(--border-radius-ds-input-xl);
    border-top-right-radius: var(--border-radius-ds-input-xl)
}

.rounded-b-ds-input-xl {
    border-bottom-left-radius: var(--border-radius-ds-input-xl);
    border-bottom-right-radius: var(--border-radius-ds-input-xl)
}

.rounded-s-ds-input-xl {
    border-start-start-radius: var(--border-radius-ds-input-xl);
    border-end-start-radius: var(--border-radius-ds-input-xl)
}

.rounded-e-ds-input-xl {
    border-start-end-radius: var(--border-radius-ds-input-xl);
    border-end-end-radius: var(--border-radius-ds-input-xl)
}

.rounded-ss-ds-input-xl {
    border-start-start-radius: var(--border-radius-ds-input-xl)
}

.rounded-se-ds-input-xl {
    border-start-end-radius: var(--border-radius-ds-input-xl)
}

.rounded-es-ds-input-xl {
    border-end-start-radius: var(--border-radius-ds-input-xl)
}

.rounded-ee-ds-input-xl {
    border-end-end-radius: var(--border-radius-ds-input-xl)
}

.rounded-ds-input-lg {
    border-radius: var(--border-radius-ds-input-lg)
}

.rounded-t-ds-input-lg {
    border-top-left-radius: var(--border-radius-ds-input-lg);
    border-top-right-radius: var(--border-radius-ds-input-lg)
}

.rounded-b-ds-input-lg {
    border-bottom-left-radius: var(--border-radius-ds-input-lg);
    border-bottom-right-radius: var(--border-radius-ds-input-lg)
}

.rounded-s-ds-input-lg {
    border-start-start-radius: var(--border-radius-ds-input-lg);
    border-end-start-radius: var(--border-radius-ds-input-lg)
}

.rounded-e-ds-input-lg {
    border-start-end-radius: var(--border-radius-ds-input-lg);
    border-end-end-radius: var(--border-radius-ds-input-lg)
}

.rounded-ss-ds-input-lg {
    border-start-start-radius: var(--border-radius-ds-input-lg)
}

.rounded-se-ds-input-lg {
    border-start-end-radius: var(--border-radius-ds-input-lg)
}

.rounded-es-ds-input-lg {
    border-end-start-radius: var(--border-radius-ds-input-lg)
}

.rounded-ee-ds-input-lg {
    border-end-end-radius: var(--border-radius-ds-input-lg)
}

.rounded-ds-input-md {
    border-radius: var(--border-radius-ds-input-md)
}

.rounded-t-ds-input-md {
    border-top-left-radius: var(--border-radius-ds-input-md);
    border-top-right-radius: var(--border-radius-ds-input-md)
}

.rounded-b-ds-input-md {
    border-bottom-left-radius: var(--border-radius-ds-input-md);
    border-bottom-right-radius: var(--border-radius-ds-input-md)
}

.rounded-s-ds-input-md {
    border-start-start-radius: var(--border-radius-ds-input-md);
    border-end-start-radius: var(--border-radius-ds-input-md)
}

.rounded-e-ds-input-md {
    border-start-end-radius: var(--border-radius-ds-input-md);
    border-end-end-radius: var(--border-radius-ds-input-md)
}

.rounded-ss-ds-input-md {
    border-start-start-radius: var(--border-radius-ds-input-md)
}

.rounded-se-ds-input-md {
    border-start-end-radius: var(--border-radius-ds-input-md)
}

.rounded-es-ds-input-md {
    border-end-start-radius: var(--border-radius-ds-input-md)
}

.rounded-ee-ds-input-md {
    border-end-end-radius: var(--border-radius-ds-input-md)
}

.rounded-ds-input-sm {
    border-radius: var(--border-radius-ds-input-sm)
}

.rounded-t-ds-input-sm {
    border-top-left-radius: var(--border-radius-ds-input-sm);
    border-top-right-radius: var(--border-radius-ds-input-sm)
}

.rounded-b-ds-input-sm {
    border-bottom-left-radius: var(--border-radius-ds-input-sm);
    border-bottom-right-radius: var(--border-radius-ds-input-sm)
}

.rounded-s-ds-input-sm {
    border-start-start-radius: var(--border-radius-ds-input-sm);
    border-end-start-radius: var(--border-radius-ds-input-sm)
}

.rounded-e-ds-input-sm {
    border-start-end-radius: var(--border-radius-ds-input-sm);
    border-end-end-radius: var(--border-radius-ds-input-sm)
}

.rounded-ss-ds-input-sm {
    border-start-start-radius: var(--border-radius-ds-input-sm)
}

.rounded-se-ds-input-sm {
    border-start-end-radius: var(--border-radius-ds-input-sm)
}

.rounded-es-ds-input-sm {
    border-end-start-radius: var(--border-radius-ds-input-sm)
}

.rounded-ee-ds-input-sm {
    border-end-end-radius: var(--border-radius-ds-input-sm)
}

.rounded-ds-input-xs {
    border-radius: var(--border-radius-ds-input-xs)
}

.rounded-t-ds-input-xs {
    border-top-left-radius: var(--border-radius-ds-input-xs);
    border-top-right-radius: var(--border-radius-ds-input-xs)
}

.rounded-b-ds-input-xs {
    border-bottom-left-radius: var(--border-radius-ds-input-xs);
    border-bottom-right-radius: var(--border-radius-ds-input-xs)
}

.rounded-s-ds-input-xs {
    border-start-start-radius: var(--border-radius-ds-input-xs);
    border-end-start-radius: var(--border-radius-ds-input-xs)
}

.rounded-e-ds-input-xs {
    border-start-end-radius: var(--border-radius-ds-input-xs);
    border-end-end-radius: var(--border-radius-ds-input-xs)
}

.rounded-ss-ds-input-xs {
    border-start-start-radius: var(--border-radius-ds-input-xs)
}

.rounded-se-ds-input-xs {
    border-start-end-radius: var(--border-radius-ds-input-xs)
}

.rounded-es-ds-input-xs {
    border-end-start-radius: var(--border-radius-ds-input-xs)
}

.rounded-ee-ds-input-xs {
    border-end-end-radius: var(--border-radius-ds-input-xs)
}

.rounded-ds-input-xxs {
    border-radius: var(--border-radius-ds-input-xxs)
}

.rounded-t-ds-input-xxs {
    border-top-left-radius: var(--border-radius-ds-input-xxs);
    border-top-right-radius: var(--border-radius-ds-input-xxs)
}

.rounded-b-ds-input-xxs {
    border-bottom-left-radius: var(--border-radius-ds-input-xxs);
    border-bottom-right-radius: var(--border-radius-ds-input-xxs)
}

.rounded-s-ds-input-xxs {
    border-start-start-radius: var(--border-radius-ds-input-xxs);
    border-end-start-radius: var(--border-radius-ds-input-xxs)
}

.rounded-e-ds-input-xxs {
    border-start-end-radius: var(--border-radius-ds-input-xxs);
    border-end-end-radius: var(--border-radius-ds-input-xxs)
}

.rounded-ss-ds-input-xxs {
    border-start-start-radius: var(--border-radius-ds-input-xxs)
}

.rounded-se-ds-input-xxs {
    border-start-end-radius: var(--border-radius-ds-input-xxs)
}

.rounded-es-ds-input-xxs {
    border-end-start-radius: var(--border-radius-ds-input-xxs)
}

.rounded-ee-ds-input-xxs {
    border-end-end-radius: var(--border-radius-ds-input-xxs)
}

.rounded-ds-input-single-xxl {
    border-radius: var(--border-radius-ds-input-single-xxl)
}

.rounded-ds-input-single-xl {
    border-radius: var(--border-radius-ds-input-single-xl)
}

.rounded-ds-input-single-lg {
    border-radius: var(--border-radius-ds-input-single-lg)
}

.rounded-ds-input-single-md {
    border-radius: var(--border-radius-ds-input-single-md)
}

.rounded-ds-input-single-sm {
    border-radius: var(--border-radius-ds-input-single-sm)
}

.rounded-ds-input-single-xs {
    border-radius: var(--border-radius-ds-input-single-xs)
}

.rounded-ds-input-single-xxs {
    border-radius: var(--border-radius-ds-input-single-xxs)
}

.rounded-ds-input-textarea {
    border-radius: var(--border-radius-ds-input-textarea)
}

.rounded-ds-input-stacked {
    border-radius: var(--border-radius-ds-input-stacked)
}

.rounded-t-ds-input-stacked {
    border-top-left-radius: var(--border-radius-ds-input-stacked);
    border-top-right-radius: var(--border-radius-ds-input-stacked)
}

.rounded-b-ds-input-stacked {
    border-bottom-left-radius: var(--border-radius-ds-input-stacked);
    border-bottom-right-radius: var(--border-radius-ds-input-stacked)
}

.rounded-s-ds-input-stacked {
    border-start-start-radius: var(--border-radius-ds-input-stacked);
    border-end-start-radius: var(--border-radius-ds-input-stacked)
}

.rounded-e-ds-input-stacked {
    border-start-end-radius: var(--border-radius-ds-input-stacked);
    border-end-end-radius: var(--border-radius-ds-input-stacked)
}

.rounded-ss-ds-input-stacked {
    border-start-start-radius: var(--border-radius-ds-input-stacked)
}

.rounded-se-ds-input-stacked {
    border-start-end-radius: var(--border-radius-ds-input-stacked)
}

.rounded-es-ds-input-stacked {
    border-end-start-radius: var(--border-radius-ds-input-stacked)
}

.rounded-ee-ds-input-stacked {
    border-end-end-radius: var(--border-radius-ds-input-stacked)
}

.rounded-ds-inputerror-middle-sm {
    border-radius: var(--border-radius-ds-inputerror-middle-sm)
}

.rounded-t-ds-inputerror-middle-sm {
    border-top-left-radius: var(--border-radius-ds-inputerror-middle-sm);
    border-top-right-radius: var(--border-radius-ds-inputerror-middle-sm)
}

.rounded-b-ds-inputerror-middle-sm {
    border-bottom-left-radius: var(--border-radius-ds-inputerror-middle-sm);
    border-bottom-right-radius: var(--border-radius-ds-inputerror-middle-sm)
}

.rounded-ds-inputerror-single-sm {
    border-radius: var(--border-radius-ds-inputerror-single-sm)
}

.rounded-t-ds-inputerror-single-sm {
    border-top-left-radius: var(--border-radius-ds-inputerror-single-sm);
    border-top-right-radius: var(--border-radius-ds-inputerror-single-sm)
}

.rounded-b-ds-inputerror-single-sm {
    border-bottom-left-radius: var(--border-radius-ds-inputerror-single-sm);
    border-bottom-right-radius: var(--border-radius-ds-inputerror-single-sm)
}

.rounded-ds-inputerror-middle-md {
    border-radius: var(--border-radius-ds-inputerror-middle-md)
}

.rounded-t-ds-inputerror-middle-md {
    border-top-left-radius: var(--border-radius-ds-inputerror-middle-md);
    border-top-right-radius: var(--border-radius-ds-inputerror-middle-md)
}

.rounded-b-ds-inputerror-middle-md {
    border-bottom-left-radius: var(--border-radius-ds-inputerror-middle-md);
    border-bottom-right-radius: var(--border-radius-ds-inputerror-middle-md)
}

.rounded-ds-inputerror-single-md {
    border-radius: var(--border-radius-ds-inputerror-single-md)
}

.rounded-t-ds-inputerror-single-md {
    border-top-left-radius: var(--border-radius-ds-inputerror-single-md);
    border-top-right-radius: var(--border-radius-ds-inputerror-single-md)
}

.rounded-b-ds-inputerror-single-md {
    border-bottom-left-radius: var(--border-radius-ds-inputerror-single-md);
    border-bottom-right-radius: var(--border-radius-ds-inputerror-single-md)
}

.rounded-ds-legalnotice {
    border-radius: var(--border-radius-ds-legalnotice)
}

.rounded-ds-menu {
    border-radius: var(--border-radius-ds-menu)
}

.rounded-ds-notification-sm {
    border-radius: var(--border-radius-ds-notification-sm)
}

.rounded-ds-notification-md {
    border-radius: var(--border-radius-ds-notification-md)
}

.rounded-ds-notification-lg {
    border-radius: var(--border-radius-ds-notification-lg)
}

.rounded-ds-pill-sm {
    border-radius: var(--border-radius-ds-pill-sm)
}

.rounded-ds-pill-md {
    border-radius: var(--border-radius-ds-pill-md)
}

.rounded-ds-pill-lg {
    border-radius: var(--border-radius-ds-pill-lg)
}

.rounded-ds-popover {
    border-radius: var(--border-radius-ds-popover)
}

.rounded-ds-segmented-control-xs {
    border-radius: var(--border-radius-ds-segmented-control-xs)
}

.rounded-ds-segmented-control-sm {
    border-radius: var(--border-radius-ds-segmented-control-sm)
}

.rounded-ds-segmented-control-md {
    border-radius: var(--border-radius-ds-segmented-control-md)
}

.rounded-ds-segmented-control-lg {
    border-radius: var(--border-radius-ds-segmented-control-lg)
}

.rounded-ds-segmented-control-xs-container {
    border-radius: var(--border-radius-ds-segmented-control-xs-container)
}

.rounded-ds-segmented-control-sm-container {
    border-radius: var(--border-radius-ds-segmented-control-sm-container)
}

.rounded-ds-segmented-control-md-container {
    border-radius: var(--border-radius-ds-segmented-control-md-container)
}

.rounded-ds-segmented-control-lg-container {
    border-radius: var(--border-radius-ds-segmented-control-lg-container)
}

.rounded-ds-tabs-lg {
    border-radius: var(--border-radius-ds-tabs-lg)
}

.rounded-ds-tabs-md {
    border-radius: var(--border-radius-ds-tabs-md)
}

.rounded-ds-tabs-sm {
    border-radius: var(--border-radius-ds-tabs-sm)
}

.rounded-s-ds-tabs-container-bg {
    border-start-start-radius: var(--border-radius-ds-tabs-container-bg);
    border-end-start-radius: var(--border-radius-ds-tabs-container-bg)
}

.rounded-e-ds-tabs-container-bg {
    border-start-end-radius: var(--border-radius-ds-tabs-container-bg);
    border-end-end-radius: var(--border-radius-ds-tabs-container-bg)
}

.rounded-ds-tabs-container-sm {
    border-radius: var(--border-radius-ds-tabs-container-sm)
}

.rounded-s-ds-tabs-container-sm {
    border-start-start-radius: var(--border-radius-ds-tabs-container-sm);
    border-end-start-radius: var(--border-radius-ds-tabs-container-sm)
}

.rounded-e-ds-tabs-container-sm {
    border-start-end-radius: var(--border-radius-ds-tabs-container-sm);
    border-end-end-radius: var(--border-radius-ds-tabs-container-sm)
}

.rounded-ds-table-row {
    border-radius: var(--border-radius-ds-table-row)
}

.rounded-ds-table-row-group {
    border-radius: var(--border-radius-ds-table-row-group)
}

.rounded-ds-tooltip {
    border-radius: var(--border-radius-ds-tooltip)
}

.border-ds-badge-primary-high {
    border-width: var(--border-width-ds-badge-primary-high)
}

.border-ds-badge-primary-low {
    border-width: var(--border-width-ds-badge-primary-low)
}

.border-ds-badge-neutral-high {
    border-width: var(--border-width-ds-badge-neutral-high)
}

.border-ds-badge-neutral-low {
    border-width: var(--border-width-ds-badge-neutral-low)
}

.border-ds-badge-positive-high {
    border-width: var(--border-width-ds-badge-positive-high)
}

.border-ds-badge-positive-low {
    border-width: var(--border-width-ds-badge-positive-low)
}

.border-ds-badge-negative-high {
    border-width: var(--border-width-ds-badge-negative-high)
}

.border-ds-badge-negative-low {
    border-width: var(--border-width-ds-badge-negative-low)
}

.border-ds-badge-warning-high {
    border-width: var(--border-width-ds-badge-warning-high)
}

.border-ds-badge-warning-low {
    border-width: var(--border-width-ds-badge-warning-low)
}

.border-ds-badge-info-high {
    border-width: var(--border-width-ds-badge-info-high)
}

.border-ds-badge-info-low {
    border-width: var(--border-width-ds-badge-info-low)
}

.border-ds-card-width {
    border-width: var(--border-width-ds-card-width)
}

.border-ds-card-selected-width {
    border-width: var(--border-width-ds-card-selected-width)
}

.border-b-ds-segmented-control-underline-rail {
    border-bottom-width: var(--border-width-ds-segmented-control-underline-rail)
}

.border-b-ds-segmented-control-underline-active {
    border-bottom-width: var(--border-width-ds-segmented-control-underline-active)
}

.border-b-ds-tabs-selected-width {
    border-bottom-width: var(--border-width-ds-tabs-selected-width)
}

.no-scrollbar::-webkit-scrollbar {
    display: none
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.\@container {
    container-type: inline-size
}

.\[-webkit-appearance\:button\] {
    -webkit-appearance: button
}

.\[animation-play-state\:paused\] {
    animation-play-state: paused
}

.\[appearance\:textfield\] {
    appearance: textfield
}

.\[backface-visibility\:hidden\] {
    backface-visibility: hidden
}

.\[background-clip\:text\] {
    background-clip: text
}

.\[background-image\:linear-gradient\(90deg\, rgba\(254\, 254\, 254\, 1\)_0\%\, rgba\(179\, 178\, 200\, 1\)_50\%\)\] {
    background-image: linear-gradient(90deg, #fefefe 0%, #b3b2c8 50%)
}

.\[background-image\:var\(--ipo-background-image\)\] {
    background-image: var(--ipo-background-image)
}

.\[background\:radial-gradient\(75\.54\%_111\.75\%_at_50\.13\%_0\%\, rgba\(157\, 130\, 254\, 0\.08\)_0\%\, rgba\(157\, 130\, 254\, 0\)_100\%\)\] {
    background: radial-gradient(75.54% 111.75% at 50.13% 0, #9d82fe14 0%, #9d82fe00 100%)
}

.\[border-color\:var\(--ds-bg-parent-color\)\] {
    border-color: var(--ds-bg-parent-color)
}

.\[browser-console\:error\] {
    browser-console: error
}

.\[contain\:layout\] {
    contain: layout
}

.\[contain\:layout_paint\] {
    contain: layout paint
}

.\[font-family\:Kraken-Brand\,
\'IBM_Plex_Sans\'\,Helvetica\,Arial\,sans-serif\]{font-family:Kraken-Brand,IBM Plex Sans,Helvetica,Arial,sans-serif}.\[font-feature-settings\:\'lnum\'\]{font-feature-settings:"lnum"}.\[font\:inherit\]{font:inherit}.\[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-composite\:exclude\]{mask-composite:exclude}.\[mask-image\:linear-gradient\(\#000_0_0\)\,linear-gradient\(\#000_0_0\)\]{mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0)}.\[mask-origin\:content-box\]{mask-origin:content-box}.\[outline\:2px_solid_var\(--outline-color-ds-button\)\]{outline:2px solid var(--outline-color-ds-button)}.\[outline\:2px_solid_white\]{outline:2px solid #fff}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.\[perspective\:1000px\]{perspective:1000px}.\[scrollbar-width\:none\]{scrollbar-width:none}.\[touch-action\:manipulation\]{touch-action:manipulation}.\[transform-style\:preserve-3d\]{transform-style:preserve-3d}.\[transform\:rotateY\(180deg\)\]{transform:rotateY(180deg)}:root{--ios-easing:cubic-bezier(.42,0,.25,1);--easing-bounce:cubic-bezier(.5,-.01,.22,1.17);--easing-bounce-strong:cubic-bezier(.2,-.34,.19,1.5);--ease-in-quad:cubic-bezier(.55,.085,.68,.53);--ease-in-cubic:cubic-bezier(.55,.055,.675,.19);--ease-in-quart:cubic-bezier(.895,.03,.685,.22);--ease-in-quint:cubic-bezier(.755,.05,.855,.06);--ease-in-expo:cubic-bezier(.95,.05,.795,.035);--ease-in-circ:cubic-bezier(.6,.04,.98,.335);--ease-out-quad:cubic-bezier(.25,.46,.45,.94);--ease-out-cubic:cubic-bezier(.215,.61,.355,1);--ease-out-quart:cubic-bezier(.165,.84,.44,1);--ease-out-quint:cubic-bezier(.23,1,.32,1);--ease-out-expo:cubic-bezier(.19,1,.22,1);--ease-out-circ:cubic-bezier(.075,.82,.165,1);--ease-in-out-quad:cubic-bezier(.455,.03,.515,.955);--ease-in-out-cubic:cubic-bezier(.645,.045,.355,1);--ease-in-out-quart:cubic-bezier(.77,0,.175,1);--ease-in-out-quint:cubic-bezier(.86,0,.07,1);--ease-in-out-expo:cubic-bezier(1,0,0,1);--ease-in-out-circ:cubic-bezier(.785,.135,.15,.86)}.trade-fe-dark-theme .bg-ds-button-neutral-high,.trade-fe-light-theme .bg-ds-button-neutral-high{border:1.5px solid var(--text-color-ds-button-neutral-high);box-shadow:none}.trade-fe-dark-theme .bg-ds-button-neutral-high:hover,.trade-fe-light-theme .bg-ds-button-neutral-high:hover{background-color:#0000}.trade-fe-dark-theme,.trade-fe-light-theme{--background-color-ds-popover:color-mix(in srgb,var(--background-color-ds-container)98%,white);--outline-color-ds-toggle:var(--colors-ds-strong);--outline-color-ds-button:var(--colors-ds-strong)}.trade-fe-dark-theme .gap-ds-segmented-control,.trade-fe-light-theme .gap-ds-segmented-control{gap:6px}.trade-fe-dark-theme .outline-ds-textlink,.trade-fe-light-theme .outline-ds-textlink{outline-width:2px}.trade-fe-dark-theme :not(input,textarea,[contenteditable]):not(:where([data-own-focus-ring],[data-own-focus-ring] *)).focus-visible,.trade-fe-light-theme :not(input,textarea,[contenteditable]):not(:where([data-own-focus-ring],[data-own-focus-ring] *)).focus-visible,.trade-fe-dark-theme :not(input,textarea,[contenteditable]):not(:where([data-own-focus-ring],[data-own-focus-ring] *)):focus-visible,.trade-fe-light-theme :not(input,textarea,[contenteditable]):not(:where([data-own-focus-ring],[data-own-focus-ring] *)):focus-visible{outline-color:var(--colors-ds-strong)}.trade-fe-dark-theme [role=dialog]:is(.bg-ds-dialog,.bg-ds-fullScreenDialog),.trade-fe-light-theme [role=dialog]:is(.bg-ds-dialog,.bg-ds-fullScreenDialog){--background-color-ds-card:var(--background-color-ds-input-background)}.trade-fe-dark-theme [data-testid=pie-svg] circle,.trade-fe-light-theme [data-testid=pie-svg] circle{stroke-width:2.5px}.trade-fe-dark-theme .outline-offset-ds-toggle,.trade-fe-light-theme .outline-offset-ds-toggle{outline-offset:2px}.trade-fe-dark-theme .focus-visible\:outline-offset-ds-button.focus-visible,.trade-fe-dark-theme .focus-visible\:outline-offset-ds-button.focus-visible,.trade-fe-dark-theme .focus-visible\:outline-ds-segmented-control.focus-visible,.trade-fe-dark-theme .focus-visible\:outline-ds-segmented-control.focus-visible,.trade-fe-light-theme .focus-visible\:outline-offset-ds-button.focus-visible,.trade-fe-light-theme .focus-visible\:outline-offset-ds-button.focus-visible,.trade-fe-light-theme .focus-visible\:outline-ds-segmented-control.focus-visible,.trade-fe-light-theme .focus-visible\:outline-ds-segmented-control.focus-visible,.trade-fe-dark-theme .focus-visible\:outline-offset-ds-button.focus-visible,.trade-fe-dark-theme .focus-visible\:outline-offset-ds-button:focus-visible,.trade-fe-dark-theme .focus-visible\:outline-ds-segmented-control.focus-visible,.trade-fe-dark-theme .focus-visible\:outline-ds-segmented-control:focus-visible,.trade-fe-light-theme .focus-visible\:outline-offset-ds-button.focus-visible,.trade-fe-light-theme .focus-visible\:outline-offset-ds-button:focus-visible,.trade-fe-light-theme .focus-visible\:outline-ds-segmented-control.focus-visible,.trade-fe-light-theme .focus-visible\:outline-ds-segmented-control:focus-visible{outline-color:var(--colors-ds-strong);outline-offset:2px}.trade-fe-dark-theme [data-carousel-viewport] .focus-visible\:outline-offset-2.focus-visible,.trade-fe-dark-theme [data-carousel-viewport] .focus-visible\:outline-offset-2.focus-visible,.trade-fe-light-theme [data-carousel-viewport] .focus-visible\:outline-offset-2.focus-visible,.trade-fe-light-theme [data-carousel-viewport] .focus-visible\:outline-offset-2.focus-visible,.trade-fe-dark-theme [data-carousel-viewport] .focus-visible\:outline-offset-2.focus-visible,.trade-fe-dark-theme [data-carousel-viewport] .focus-visible\:outline-offset-2:focus-visible,.trade-fe-light-theme [data-carousel-viewport] .focus-visible\:outline-offset-2.focus-visible,.trade-fe-light-theme [data-carousel-viewport] .focus-visible\:outline-offset-2:focus-visible,.trade-fe-dark-theme [data-testid=pagination-previous-button]:is(.focus-visible\:outline-offset-ds-button.focus-visible,.focus-visible\:outline-offset-ds-button.focus-visible),.trade-fe-dark-theme [data-testid=pagination-next-button]:is(.focus-visible\:outline-offset-ds-button.focus-visible,.focus-visible\:outline-offset-ds-button.focus-visible),.trade-fe-light-theme [data-testid=pagination-previous-button]:is(.focus-visible\:outline-offset-ds-button.focus-visible,.focus-visible\:outline-offset-ds-button.focus-visible),.trade-fe-light-theme [data-testid=pagination-next-button]:is(.focus-visible\:outline-offset-ds-button.focus-visible,.focus-visible\:outline-offset-ds-button.focus-visible),.trade-fe-dark-theme [data-testid=pagination-previous-button]:is(.focus-visible\:outline-offset-ds-button.focus-visible,.focus-visible\:outline-offset-ds-button:focus-visible),.trade-fe-dark-theme [data-testid=pagination-next-button]:is(.focus-visible\:outline-offset-ds-button.focus-visible,.focus-visible\:outline-offset-ds-button:focus-visible),.trade-fe-light-theme [data-testid=pagination-previous-button]:is(.focus-visible\:outline-offset-ds-button.focus-visible,.focus-visible\:outline-offset-ds-button:focus-visible),.trade-fe-light-theme [data-testid=pagination-next-button]:is(.focus-visible\:outline-offset-ds-button.focus-visible,.focus-visible\:outline-offset-ds-button:focus-visible){outline-offset:-2px}.trade-fe-dark-theme [role=listbox],.trade-fe-light-theme [role=listbox]{--colors-ds-brand:var(--colors-ds-strong)}.trade-fe-light-theme{--background-color-ds-menu:#fff;--background-color-ds-menu-raised:#fff}.trade-fe-light-theme .bg-ds-button-primary-low{box-shadow:none;background-color:#f7f7f7}.trade-fe-light-theme .focus-visible\:outline-offset-ds-button.focus-visible:has(.text-ds-inverted),.trade-fe-light-theme .focus-visible\:outline-offset-ds-button.focus-visible:has(.text-ds-inverted),.trade-fe-light-theme button:has(.text-ds-inverted),.trade-fe-light-theme .focus-visible\:outline-offset-ds-button.focus-visible:has(.text-ds-inverted),.trade-fe-light-theme .focus-visible\:outline-offset-ds-button:focus-visible:has(.text-ds-inverted),.trade-fe-light-theme button:has(.text-ds-inverted),.trade-fe-light-theme button:has(.panda-outline).focus-visible,.trade-fe-light-theme button:has(.panda-outline):focus-visible{outline-color:#1b1b1b}.trade-fe-light-theme .panda-outline{--outline-color-ds-button:#1b1b1b;outline-color:#1b1b1b}.trade-fe-light-theme .panda-outline .focus-visible\:outline-offset-ds-button.focus-visible,.trade-fe-light-theme .panda-outline .focus-visible\:outline-offset-ds-button.focus-visible,.trade-fe-light-theme .panda-outline .focus-visible\:outline-ds-segmented-control.focus-visible,.trade-fe-light-theme .panda-outline .focus-visible\:outline-ds-segmented-control.focus-visible,.trade-fe-light-theme .panda-outline .focus-visible\:outline-offset-ds-button.focus-visible,.trade-fe-light-theme .panda-outline .focus-visible\:outline-offset-ds-button:focus-visible,.trade-fe-light-theme .panda-outline .focus-visible\:outline-ds-segmented-control.focus-visible,.trade-fe-light-theme .panda-outline .focus-visible\:outline-ds-segmented-control:focus-visible{outline-color:#1b1b1b}.trade-fe-dark-theme{--background-color-ds-menu:#1b1b1b;--background-color-ds-menu-raised:#252525;--background-color-ds-menu-pressed:#6d6d6d3d;--background-color-ds-base-drawer:#121212}.trade-fe-dark-theme .bg-ds-button-primary-low{box-shadow:none;background-color:#1b1b1b}.trade-fe-dark-theme{--background-color-ds-tabs-on-background-active:#181818;--background-color-ds-slider-thumb:#fff;--background-color-ds-kit-header-mobile:#000}.trade-fe-dark-theme .bg-ds-segmented-control-active-primary-low{--text-color-ds-segmented-control-active-primary:#fff}.trade-fe-light-theme{--background-color-ds-notification-negative:#fff;--background-color-ds-notification-warning:#fff;--background-color-ds-notification-info:#fff;--text-color-ds-notification-negative:#1b1b1b;--text-color-ds-notification-warning:#1b1b1b;--text-color-ds-notification-info:#1b1b1b;--text-color-ds-notification-subtitle-negative:#6d6d6d;--text-color-ds-notification-subtitle-warning:#6d6d6d;--text-color-ds-notification-subtitle-info:#6d6d6d;--text-color-ds-notification-subtitle-primary:#ffffffb3;--background-color-ds-notification-warning-hover:#c3962129}.trade-fe-dark-theme{--background-color-ds-notification-negative:#121212;--background-color-ds-notification-warning:#121212;--background-color-ds-notification-info:#121212;--text-color-ds-notification-subtitle-negative:#959595;--text-color-ds-notification-subtitle-warning:#959595;--text-color-ds-notification-subtitle-info:#959595;--text-color-ds-notification-subtitle-primary:#0e0e0eb3;--background-color-ds-notification-warning-hover:#c396213d}.trade-fe-light-theme :is(.bg-ds-notification-neutral,.bg-ds-notification-positive,.bg-ds-notification-negative,.bg-ds-notification-warning,.bg-ds-notification-info){box-shadow:inset 0 0 0 1px #e5e5e5}.trade-fe-dark-theme :is(.bg-ds-notification-neutral,.bg-ds-notification-positive,.bg-ds-notification-negative,.bg-ds-notification-warning,.bg-ds-notification-info){box-shadow:inset 0 0 0 1px #353535}.trade-fe-light-theme .bg-ds-notification-neutral [data-testid=leading-icon]{color:#000;background-color:#0000}.trade-fe-light-theme .bg-ds-notification-neutral [data-testid=leading-icon] svg{fill:#000}.trade-fe-dark-theme .bg-ds-notification-neutral [data-testid=leading-icon]{color:#fff;background-color:#0000}.trade-fe-dark-theme .bg-ds-notification-neutral [data-testid=leading-icon] svg{fill:#fff}.trade-fe-light-theme .bg-ds-notification-positive [data-testid=leading-icon]{color:#037f3f;background-color:#0000}.trade-fe-light-theme .bg-ds-notification-positive [data-testid=leading-icon] svg{fill:#037f3f}.trade-fe-dark-theme .bg-ds-notification-positive [data-testid=leading-icon]{color:#05d26b;background-color:#0000}.trade-fe-dark-theme .bg-ds-notification-positive [data-testid=leading-icon] svg{fill:#05d26b}.trade-fe-light-theme .bg-ds-notification-negative [data-testid=leading-icon]{color:#cd142c;background-color:#0000}.trade-fe-light-theme .bg-ds-notification-negative [data-testid=leading-icon] svg{fill:#cd142c}.trade-fe-dark-theme .bg-ds-notification-negative [data-testid=leading-icon]{color:#fb414a;background-color:#0000}.trade-fe-dark-theme .bg-ds-notification-negative [data-testid=leading-icon] svg{fill:#fb414a}.trade-fe-light-theme .bg-ds-notification-warning [data-testid=leading-icon]{color:#7f6901;background-color:#0000}.trade-fe-light-theme .bg-ds-notification-warning [data-testid=leading-icon] svg{fill:#7f6901}.trade-fe-dark-theme .bg-ds-notification-warning [data-testid=leading-icon]{color:#f4cc07;background-color:#0000}.trade-fe-dark-theme .bg-ds-notification-warning [data-testid=leading-icon] svg{fill:#f4cc07}.trade-fe-light-theme .bg-ds-notification-info [data-testid=leading-icon]{color:#003e87;background-color:#0000}.trade-fe-light-theme .bg-ds-notification-info [data-testid=leading-icon] svg{fill:#003e87}.trade-fe-dark-theme .bg-ds-notification-info [data-testid=leading-icon]{color:#017bfd;background-color:#0000}.trade-fe-dark-theme .bg-ds-notification-info [data-testid=leading-icon] svg{fill:#017bfd}.trade-fe-light-theme .bg-ds-notification-primary [data-testid=leading-icon]{color:#fff;background-color:#0000}.trade-fe-light-theme .bg-ds-notification-primary [data-testid=leading-icon] svg{fill:#fff}.trade-fe-dark-theme .bg-ds-notification-primary [data-testid=leading-icon]{color:#0e0e0e;background-color:#0000}.trade-fe-dark-theme .bg-ds-notification-primary [data-testid=leading-icon] svg{fill:#0e0e0e}.trade-fe-light-theme :is(.bg-ds-notification-neutral,.bg-ds-notification-positive,.bg-ds-notification-negative,.bg-ds-notification-warning,.bg-ds-notification-info) [data-testid=close-button],.trade-fe-dark-theme :is(.bg-ds-notification-neutral,.bg-ds-notification-positive,.bg-ds-notification-negative,.bg-ds-notification-warning,.bg-ds-notification-info) [data-testid=close-button]{color:var(--colors-ds-dimmed)}.trade-fe-light-theme .bg-ds-notification-primary [data-testid=close-button]{color:#ffffff80}.trade-fe-dark-theme .bg-ds-notification-primary [data-testid=close-button]{color:#0e0e0e80}.trade-fe-light-theme .bg-ds-notification-neutral,.trade-fe-dark-theme .bg-ds-notification-neutral{--background-color-ds-button-neutral-high:var(--background-color-ds-button-primary-high);--background-color-ds-button-neutral-high-hover:var(--background-color-ds-button-primary-high-hover);--background-color-ds-button-neutral-medium:var(--background-color-ds-button-primary-medium);--background-color-ds-button-neutral-medium-hover:var(--background-color-ds-button-primary-medium-hover);--background-color-ds-button-neutral-low-hover:var(--background-color-ds-button-primary-low-hover);--text-color-ds-button-neutral-high:var(--text-color-ds-button-primary-high);--text-color-ds-button-neutral-medium:var(--text-color-ds-button-primary-medium);--text-color-ds-button-neutral-low:var(--text-color-ds-button-primary-low);--text-color-ds-button-neutral-low-hover:var(--text-color-ds-button-primary-low-hover);--text-color-ds-button-neutral-none:var(--text-color-ds-button-primary-none);--text-color-ds-button-neutral-none-hover:var(--text-color-ds-button-primary-none-hover)}.trade-fe-light-theme .bg-ds-notification-positive,.trade-fe-dark-theme .bg-ds-notification-positive{--background-color-ds-button-positive-high:var(--background-color-ds-button-primary-high);--background-color-ds-button-positive-high-hover:var(--background-color-ds-button-primary-high-hover);--background-color-ds-button-positive-medium:var(--background-color-ds-button-primary-medium);--background-color-ds-button-positive-medium-hover:var(--background-color-ds-button-primary-medium-hover);--background-color-ds-button-positive-low-hover:var(--background-color-ds-button-primary-low-hover);--text-color-ds-button-positive-high:var(--text-color-ds-button-primary-high);--text-color-ds-button-positive-medium:var(--text-color-ds-button-primary-medium);--text-color-ds-button-positive-low:var(--text-color-ds-button-primary-low);--text-color-ds-button-positive-low-hover:var(--text-color-ds-button-primary-low-hover);--text-color-ds-button-positive-none:var(--text-color-ds-button-primary-none);--text-color-ds-button-positive-none-hover:var(--text-color-ds-button-primary-none-hover)}.trade-fe-light-theme .bg-ds-notification-negative,.trade-fe-dark-theme .bg-ds-notification-negative{--background-color-ds-button-negative-high:var(--background-color-ds-button-primary-high);--background-color-ds-button-negative-high-hover:var(--background-color-ds-button-primary-high-hover);--background-color-ds-button-negative-medium:var(--background-color-ds-button-primary-medium);--background-color-ds-button-negative-medium-hover:var(--background-color-ds-button-primary-medium-hover);--background-color-ds-button-negative-low-hover:var(--background-color-ds-button-primary-low-hover);--text-color-ds-button-negative-high:var(--text-color-ds-button-primary-high);--text-color-ds-button-negative-medium:var(--text-color-ds-button-primary-medium);--text-color-ds-button-negative-low:var(--text-color-ds-button-primary-low);--text-color-ds-button-negative-low-hover:var(--text-color-ds-button-primary-low-hover);--text-color-ds-button-negative-none:var(--text-color-ds-button-primary-none);--text-color-ds-button-negative-none-hover:var(--text-color-ds-button-primary-none-hover)}.trade-fe-light-theme .bg-ds-notification-warning,.trade-fe-dark-theme .bg-ds-notification-warning{--background-color-ds-button-warning-high:var(--background-color-ds-button-primary-high);--background-color-ds-button-warning-high-hover:var(--background-color-ds-button-primary-high-hover);--background-color-ds-button-warning-medium:var(--background-color-ds-button-primary-medium);--background-color-ds-button-warning-medium-hover:var(--background-color-ds-button-primary-medium-hover);--background-color-ds-button-warning-low-hover:var(--background-color-ds-button-primary-low-hover);--text-color-ds-button-warning-high:var(--text-color-ds-button-primary-high);--text-color-ds-button-warning-medium:var(--text-color-ds-button-primary-medium);--text-color-ds-button-warning-low:var(--text-color-ds-button-primary-low);--text-color-ds-button-warning-low-hover:var(--text-color-ds-button-primary-low-hover);--text-color-ds-button-warning-none:var(--text-color-ds-button-primary-none);--text-color-ds-button-warning-none-hover:var(--text-color-ds-button-primary-none-hover)}.trade-fe-light-theme .bg-ds-notification-info,.trade-fe-dark-theme .bg-ds-notification-info{--background-color-ds-button-info-high:var(--background-color-ds-button-primary-high);--background-color-ds-button-info-high-hover:var(--background-color-ds-button-primary-high-hover);--background-color-ds-button-info-medium:var(--background-color-ds-button-primary-medium);--background-color-ds-button-info-medium-hover:var(--background-color-ds-button-primary-medium-hover);--background-color-ds-button-info-low-hover:var(--background-color-ds-button-primary-low-hover);--text-color-ds-button-info-high:var(--text-color-ds-button-primary-high);--text-color-ds-button-info-medium:var(--text-color-ds-button-primary-medium);--text-color-ds-button-info-low:var(--text-color-ds-button-primary-low);--text-color-ds-button-info-low-hover:var(--text-color-ds-button-primary-low-hover);--text-color-ds-button-info-none:var(--text-color-ds-button-primary-none);--text-color-ds-button-info-none-hover:var(--text-color-ds-button-primary-none-hover)}.trade-fe-light-theme .bg-ds-notification-primary,.trade-fe-dark-theme .bg-ds-notification-primary{--background-color-ds-button-primary-high:var(--background-color-ds-button-inverted-high);--background-color-ds-button-primary-high-hover:var(--background-color-ds-button-inverted-high-hover);--background-color-ds-button-primary-medium:var(--background-color-ds-button-inverted-medium);--background-color-ds-button-primary-medium-hover:var(--background-color-ds-button-inverted-medium-hover);--background-color-ds-button-primary-low-hover:var(--background-color-ds-button-inverted-low-hover);--text-color-ds-button-primary-high:var(--text-color-ds-button-inverted-high);--text-color-ds-button-primary-medium:var(--text-color-ds-button-inverted-medium);--text-color-ds-button-primary-low:var(--text-color-ds-button-inverted-low);--text-color-ds-button-primary-low-hover:var(--text-color-ds-button-inverted-low-hover);--text-color-ds-button-primary-none:var(--text-color-ds-button-inverted-none);--text-color-ds-button-primary-none-hover:var(--text-color-ds-button-inverted-none-hover)}.trade-fe-light-theme .bg-ds-segmented-control-active-primary-low{--text-color-ds-segmented-control-active-primary:#000}.trade-fe-dark-theme{--background-color-ds-badge-warning-high:#ffcd60;--background-color-ds-badge-warning-low:#c3962129;--background-color-ds-button-warning-high:#e8b100;--background-color-ds-button-warning-high-hover:#ffcd60;--background-color-ds-button-warning-low-hover:#c3962129;--background-color-ds-button-warning-medium:#c3962129;--background-color-ds-button-warning-medium-hover:#c3962152;--background-color-ds-circle-warning-high:#ffcd60;--background-color-ds-circle-warning-low:#c3962129;--colors-ds-textlink-hover-warning:#c39621;--colors-ds-warning:#ffcd60;--fill-ds-icon-warning:#ffcd60;--ring-color-ds-circle-warning-high:#ffcd60;--ring-color-ds-circle-warning-low:#c3962129;--stroke-ds-icon-warning:#ffcd60;--text-color-ds-badge-warning:#ffcd60;--text-color-ds-button-warning-high:#3b2a00;--text-color-ds-button-warning-low:#e8b100;--text-color-ds-button-warning-low-hover:#e8b100;--text-color-ds-button-warning-medium:#ffcd60;--text-color-ds-button-warning-none:#e8b100;--text-color-ds-button-warning-none-hover:#c39621;--text-color-ds-circle-border-warning-high:#ffcd60;--text-color-ds-circle-warning-high:#101114;--text-color-ds-circle-warning-low:#ffcd60}.trade-fe-light-theme{--background-color-ds-badge-warning-high:#ffcd60;--background-color-ds-badge-warning-low:#c396213d;--background-color-ds-button-warning-high:#e8b100;--background-color-ds-button-warning-high-hover:#ffcd60;--background-color-ds-button-warning-low-hover:#c3962129;--background-color-ds-button-warning-medium:#c3962129;--background-color-ds-button-warning-medium-hover:#c396213d;--background-color-ds-circle-warning-high:#ffcd60;--background-color-ds-circle-warning-low:#c396213d;--colors-ds-textlink-hover-warning:#89640c;--colors-ds-warning:#c39621;--fill-ds-icon-warning:#c39621;--ring-color-ds-circle-warning-high:#ffcd60;--ring-color-ds-circle-warning-low:#c396213d;--stroke-ds-icon-warning:#c39621;--text-color-ds-badge-warning:#553c00;--text-color-ds-button-warning-high:#3b2a00;--text-color-ds-button-warning-low:#a67c1d;--text-color-ds-button-warning-low-hover:#a67c1d;--text-color-ds-button-warning-medium:#a67c1d;--text-color-ds-button-warning-none:#a67c1d;--text-color-ds-button-warning-none-hover:#e8b100;--text-color-ds-circle-border-warning-high:#ffcd60;--text-color-ds-circle-warning-high:#101114;--text-color-ds-circle-warning-low:#6f5000}.trade-fe-dark-theme{--outline-color-ds-textlink:#8a61ff;--colors-ds-brand:#8a61ff;--background-color-ds-skeleton-pending:#6d6d6d29;--colors-ds-disabled:#4c4c4c}.trade-fe-light-theme{--colors-ds-disabled:#c8c8c8}.trade-fe-dark-theme{--text-color-ds-favourite-button-unfilled:#6d6d6d}.trade-fe-light-theme{--text-color-ds-datepicker-disabled:#989898;--text-color-ds-datepicker-weekday:#383838;--text-color-ds-datepicker-today:#383838}.trade-fe-dark-theme{--text-color-ds-datepicker-disabled:#6d6d6d;--text-color-ds-datepicker-weekday:#989898;--text-color-ds-datepicker-today:#989898;--background-color-ds-scrollbar-thumb:#6d6d6da3;--background-color-ds-scrollbar-thumb-hover:#6d6d6d7a}.trade-fe-light-theme{--background-color-ds-scrollbar-thumb:#6d6d6d66;--background-color-ds-scrollbar-thumb-hover:#6d6d6d3d}.trade-fe-dark-theme,.trade-fe-light-theme{--placeholder-color-ds-input:var(--colors-ds-neutral)}.trade-fe-dark-theme input::placeholder,.trade-fe-dark-theme textarea::placeholder,.trade-fe-light-theme input::placeholder,.trade-fe-light-theme textarea::placeholder{color:var(--colors-ds-neutral)}.trade-fe-dark-theme :is(.bg-ds-card,.bg-ds-card-background,.bg-ds-card-selected).cursor-pointer:not([role=dialog] *),.trade-fe-light-theme :is(.bg-ds-card,.bg-ds-card-background,.bg-ds-card-selected).cursor-pointer:not([role=dialog] *){box-shadow:var(--box-shadow-ds-container);--background-color-ds-card-hover:var(--background-color-ds-card);--background-color-ds-card-background-hover:var(--background-color-ds-card);--background-color-ds-card-selected-hover:var(--background-color-ds-card-selected);transition:box-shadow .2s}.trade-fe-dark-theme :is(.bg-ds-card,.bg-ds-card-background,.bg-ds-card-selected).cursor-pointer:not([role=dialog] *):hover,.trade-fe-light-theme :is(.bg-ds-card,.bg-ds-card-background,.bg-ds-card-selected).cursor-pointer:not([role=dialog] *):hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.trade-fe-dark-theme{--background-color-ds-banner:#6d6d6d1f}.trade-fe-light-theme{--background-color-ds-radio-unchecked:#6d6d6d1f;--background-color-ds-radio-unchecked-hover:#6d6d6d33}.trade-fe-dark-theme{--background-color-ds-radio-unchecked:#6d6d6d29;--background-color-ds-radio-unchecked-hover:#6d6d6d3d}.trade-fe-light-theme{--background-color-ds-input:#f7f7f7;--background-color-ds-input-hover:#eee}.trade-fe-dark-theme a :is(.bg-ds-card,.bg-ds-card-background,.bg-ds-card-selected):not([role=dialog] *),.trade-fe-light-theme a :is(.bg-ds-card,.bg-ds-card-background,.bg-ds-card-selected):not([role=dialog] *){box-shadow:var(--box-shadow-ds-container);transition:box-shadow .2s,background-color .2s}.trade-fe-dark-theme a:hover :is(.bg-ds-card,.bg-ds-card-background,.bg-ds-card-selected):not([role=dialog] *),.trade-fe-light-theme a:hover :is(.bg-ds-card,.bg-ds-card-background,.bg-ds-card-selected):not([role=dialog] *){background-color:var(--background-color-ds-card);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.remove-shadow{box-shadow:none!important}.ds-table-row-grouped .before\:bg-ds-table-sticky:before{content:var(--tw-content);background-image:linear-gradient(color-mix(in srgb,var(--background-color-ds-table-row-group)calc(100%*1),transparent),color-mix(in srgb,var(--background-color-ds-table-row-group)calc(100%*1),transparent))}.ds-table-row-highlighted .before\:bg-ds-table-sticky:before{content:var(--tw-content);background-image:linear-gradient(color-mix(in srgb,var(--background-color-ds-table-row-highlighted)calc(100%*1),transparent),color-mix(in srgb,var(--background-color-ds-table-row-highlighted)calc(100%*1),transparent))}.ds-table-row-hovered .before\:bg-ds-table-sticky:before{content:var(--tw-content);background-image:linear-gradient(color-mix(in srgb,var(--background-color-ds-table-row-hover)calc(100%*1),transparent),color-mix(in srgb,var(--background-color-ds-table-row-hover)calc(100%*1),transparent))}.ds-table-row-zebra:nth-child(2n) .before\:bg-ds-table-sticky:before{content:var(--tw-content);background-image:linear-gradient(color-mix(in srgb,var(--background-color-ds-table-row-even)calc(100%*1),transparent),color-mix(in srgb,var(--background-color-ds-table-row-even)calc(100%*1),transparent))}.ds-table-row-hoverable:hover .before\:bg-ds-table-sticky:before{content:var(--tw-content);background-image:linear-gradient(color-mix(in srgb,var(--background-color-ds-table-row-hover)calc(100%*1),transparent),color-mix(in srgb,var(--background-color-ds-table-row-hover)calc(100%*1),transparent))}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.bg-ds-container .bg-ds-card .before\:bg-ds-table-sticky:before,.bg-ds-base-drawer .bg-ds-card .before\:bg-ds-table-sticky:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-table-cell-sticky-container-card)calc(100%*var(--tw-bg-opacity)),transparent)}.bg-ds-container .before\:bg-ds-table-sticky:before,.bg-ds-base-drawer .before\:bg-ds-table-sticky:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-table-cell-sticky-container)calc(100%*var(--tw-bg-opacity)),transparent)}.bg-ds-container .hover\:bg-ds-card:hover .bg-ds-table-sticky,.bg-ds-base-drawer .hover\:bg-ds-card:hover .bg-ds-table-sticky{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-table-cell-sticky-container-card)calc(100%*var(--tw-bg-opacity)),transparent)}.ds-table-row-grouped .group\/header:hover .group-hover\/header\:bg-ds-table-sticky{background-image:linear-gradient(color-mix(in srgb,var(--background-color-ds-table-row-group)calc(100%*1),transparent),color-mix(in srgb,var(--background-color-ds-table-row-group)calc(100%*1),transparent))}.ds-table-row-highlighted .group\/header:hover .group-hover\/header\:bg-ds-table-sticky{background-image:linear-gradient(color-mix(in srgb,var(--background-color-ds-table-row-highlighted)calc(100%*1),transparent),color-mix(in srgb,var(--background-color-ds-table-row-highlighted)calc(100%*1),transparent))}.ds-table-row-hovered .group\/header:hover .group-hover\/header\:bg-ds-table-sticky{background-image:linear-gradient(color-mix(in srgb,var(--background-color-ds-table-row-hover)calc(100%*1),transparent),color-mix(in srgb,var(--background-color-ds-table-row-hover)calc(100%*1),transparent))}.ds-table-row-zebra:nth-child(2n) .group\/header:hover .group-hover\/header\:bg-ds-table-sticky{background-image:linear-gradient(color-mix(in srgb,var(--background-color-ds-table-row-even)calc(100%*1),transparent),color-mix(in srgb,var(--background-color-ds-table-row-even)calc(100%*1),transparent))}.ds-table-row-hoverable:hover .group\/header:hover .group-hover\/header\:bg-ds-table-sticky{background-image:linear-gradient(color-mix(in srgb,var(--background-color-ds-table-row-hover)calc(100%*1),transparent),color-mix(in srgb,var(--background-color-ds-table-row-hover)calc(100%*1),transparent))}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.bg-ds-container .bg-ds-card .group\/header:hover .group-hover\/header\:bg-ds-table-sticky,.bg-ds-base-drawer .bg-ds-card .group\/header:hover .group-hover\/header\:bg-ds-table-sticky{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-table-cell-sticky-container-card)calc(100%*var(--tw-bg-opacity)),transparent)}.bg-ds-container .group\/header:hover .group-hover\/header\:bg-ds-table-sticky,.bg-ds-base-drawer .group\/header:hover .group-hover\/header\:bg-ds-table-sticky{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-table-cell-sticky-container)calc(100%*var(--tw-bg-opacity)),transparent)}.peer:focus~.peer-focus\:text-ds-kraken-12-regular{font-family:Kraken-Product,Tajawal Arabic,IBM Plex Sans,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:400;line-height:1rem}@media (min-width:1280px){.xl\:text-ds-kraken-18-semibold{font-family:Kraken-Product,Tajawal Arabic,IBM Plex Sans,Helvetica,Arial,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.625rem}}.bg-ds-container .\[\&_button\]\:bg-ds-card button .bg-ds-table-sticky,.bg-ds-base-drawer .\[\&_button\]\:bg-ds-card button .bg-ds-table-sticky{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-table-cell-sticky-container-card)calc(100%*var(--tw-bg-opacity)),transparent)}.\[\&_button_span\]\:text-ds-kraken-14-medium button span{font-family:Kraken-Product,Tajawal Arabic,IBM Plex Sans,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:500;line-height:1.25rem}.placeholder\:text-\[color\:var\(--colors-ds-neutral\)\]::placeholder{color:var(--colors-ds-neutral)}.placeholder\:text-ds-neutral::placeholder{--tw-text-opacity:1;color:color-mix(in srgb,var(--colors-ds-neutral)calc(100%*var(--tw-text-opacity)),transparent)}.placeholder\:text-white\/50::placeholder{color:#ffffff80}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-y-0:before{content:var(--tw-content);top:0;bottom:0}.before\:-end-5:before{content:var(--tw-content);inset-inline-end:-1.25rem}.before\:-start-5:before{content:var(--tw-content);inset-inline-start:-1.25rem}.before\:start-0:before{content:var(--tw-content);inset-inline-start:0}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:h-4:before{content:var(--tw-content);height:1rem}.before\:w-5:before{content:var(--tw-content);width:1.25rem}.before\:w-px:before{content:var(--tw-content);width:1px}.before\:-translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.before\:bg-ds-divider-high:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-divider-high)calc(100%*var(--tw-bg-opacity)),transparent)}.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,#0000,#000)}.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,#0000,#000)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-1\.5:after{content:var(--tw-content);inset:-.375rem}.after\:inset-0:after{content:var(--tw-content);inset:0}.after\:left-0:after{content:var(--tw-content);left:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:hidden:after{content:var(--tw-content);display:none}.after\:h-11:after{content:var(--tw-content);height:2.75rem}.after\:w-11:after{content:var(--tw-content);width:2.75rem}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.after\:-translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.after\:rounded-2xl:after{content:var(--tw-content);border-radius:1rem}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:content-\[\"\"\]:after,.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:mt-0:first-child{margin-top:0}.first\:ps-px:first-child{padding-inline-start:1px}.first\:rounded-s-ds-5:first-child{border-start-start-radius:var(--border-radius-ds-5);border-end-start-radius:var(--border-radius-ds-5)}.last\:mb-0:last-child{margin-bottom:0}.last\:border-b-0:last-child{border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:0}.last\:pb-ds-5:last-child{padding-bottom:16px}.last\:rounded-e-ds-5:last-child{border-start-end-radius:var(--border-radius-ds-5);border-end-end-radius:var(--border-radius-ds-5)}.even\:bg-ds-table-row-even:nth-child(2n){--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-table-row-even)calc(100%*var(--tw-bg-opacity)),transparent)}.empty\:hidden:empty{display:none}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.focus-within\:bg-ds-input-selected:focus-within{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-input-selected)calc(100%*var(--tw-bg-opacity)),transparent)}.focus-within\:bg-transparent:focus-within{background-color:#0000}.focus-within\:outline:focus-within{outline-style:solid}.focus-within\:outline-ds-input:focus-within{outline-color:var(--outline-color-ds-input)}.focus-within\:outline-ds-input-error-focused:focus-within{outline-color:var(--outline-color-ds-input-error-focused)}.hover\:cursor-default:hover{cursor:default}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-ds-kit-pro-flat-notification-warning:hover{--tw-border-opacity:1;border-color:color-mix(in srgb,var(--border-color-ds-kit-pro-flat-notification-warning)calc(100%*var(--tw-border-opacity)),transparent)}.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)calc(100%*var(--tw-border-opacity)),transparent);border-right-color:color-mix(in srgb,var(--border-color-ds-table-header-cell-hover)calc(100%*var(--tw-border-opacity)),transparent)}.hover\:bg-\[\#1b1b1b\]:hover{--tw-bg-opacity:1;background-color:rgb(27 27 27/var(--tw-bg-opacity))}.hover\:bg-\[color-mix\(in_srgb\,var\(--colors-ds-divider\)_35\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--colors-ds-divider)35%,transparent)}.hover\:bg-\[color-mix\(in_srgb\,var\(--colors-ds-divider\)_50\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--colors-ds-divider)50%,transparent)}.hover\:bg-\[color-mix\(in_srgb\,var\(--colors-ds-divider\)_75\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--colors-ds-divider)75%,transparent)}.hover\:bg-\[color\:var\(--colors-ds-divider\)\]:hover{background-color:var(--colors-ds-divider)}.hover\:bg-\[var\(--tb-buy-bg-hover\)\]:hover{background-color:var(--tb-buy-bg-hover)}.hover\:bg-\[var\(--tb-fill-1\)\]:hover{background-color:var(--tb-fill-1)}.hover\:bg-\[var\(--tb-fill-2\)\]:hover{background-color:var(--tb-fill-2)}.hover\:bg-\[var\(--tb-fill-3\)\]:hover{background-color:var(--tb-fill-3)}.hover\:bg-ds-accordion-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-accordion-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-calendar-cell-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-calendar-cell-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-card:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-card)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-card-background-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-card-background-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-card-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-card-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-card-selected-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-card-selected-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-checkbox-checked-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-checkbox-checked-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-checkbox-unchecked-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-checkbox-unchecked-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-consumerpagination-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-consumerpagination-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-divider:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--colors-ds-divider)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-filteritem-active:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-filteritem-active)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-input-background-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-input-background-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-input-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-input-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-list-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-list-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-menu-active-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-menu-active-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-menu-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-menu-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-notification-info-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-notification-info-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-notification-negative-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-notification-negative-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-notification-neutral-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-notification-neutral-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-notification-positive-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-notification-positive-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-notification-primary-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-notification-primary-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-notification-warning-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-notification-warning-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-radio-checked-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-radio-checked-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-radio-unchecked-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-radio-unchecked-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-selectable-card-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-selectable-card-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-table-row-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-table-row-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-tabs-hover:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-tabs-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-ds-tooltip:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-tooltip)calc(100%*var(--tw-bg-opacity)),transparent)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:bg-white\/15:hover{background-color:#ffffff26}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:bg-white\/90:hover{background-color:#ffffffe6}.hover\:bg-ds-button-brand-high-gradient-hover:hover{background-image:var(--background-image-ds-button-brand-high-gradient-hover)}.hover\:bg-ds-button-primary-high-gradient-hover:hover{background-image:var(--background-image-ds-button-primary-high-gradient-hover)}.hover\:text-\[color\:var\(--colors-ds-inverted\)\]:hover{color:var(--colors-ds-inverted)}.hover\:text-\[color\:var\(--colors-ds-strong\)\]:hover{color:var(--colors-ds-strong)}.hover\:text-\[var\(--tb-ink\)\]:hover{color:var(--tb-ink)}.hover\:text-\[var\(--text-color-ds-button-neutral-medium-hover\)\]:hover{color:var(--text-color-ds-button-neutral-medium-hover)}.hover\:text-ds-brand:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--colors-ds-brand)calc(100%*var(--tw-text-opacity)),transparent)}.hover\:text-ds-breadcrumbs-default:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-breadcrumbs-default)calc(100%*var(--tw-text-opacity)),transparent)}.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)calc(100%*var(--tw-text-opacity)),transparent)}.hover\:text-ds-button-brand-medium-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-brand-medium-hover)calc(100%*var(--tw-text-opacity)),transparent)}.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)calc(100%*var(--tw-text-opacity)),transparent)}.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)calc(100%*var(--tw-text-opacity)),transparent)}.hover\:text-ds-button-info-medium-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-info-medium-hover)calc(100%*var(--tw-text-opacity)),transparent)}.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)calc(100%*var(--tw-text-opacity)),transparent)}.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)calc(100%*var(--tw-text-opacity)),transparent)}.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)calc(100%*var(--tw-text-opacity)),transparent)}.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)calc(100%*var(--tw-text-opacity)),transparent)}.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)calc(100%*var(--tw-text-opacity)),transparent)}.hover\:text-ds-button-negative-medium-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-negative-medium-hover)calc(100%*var(--tw-text-opacity)),transparent)}.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)calc(100%*var(--tw-text-opacity)),transparent)}.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)calc(100%*var(--tw-text-opacity)),transparent)}.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)calc(100%*var(--tw-text-opacity)),transparent)}.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)calc(100%*var(--tw-text-opacity)),transparent)}.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)calc(100%*var(--tw-text-opacity)),transparent)}.hover\:text-ds-button-positive-medium-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-positive-medium-hover)calc(100%*var(--tw-text-opacity)),transparent)}.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)calc(100%*var(--tw-text-opacity)),transparent)}.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)calc(100%*var(--tw-text-opacity)),transparent)}.hover\:text-ds-button-primary-medium-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-primary-medium-hover)calc(100%*var(--tw-text-opacity)),transparent)}.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)calc(100%*var(--tw-text-opacity)),transparent)}.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)calc(100%*var(--tw-text-opacity)),transparent)}.hover\:text-ds-button-warning-medium-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-button-warning-medium-hover)calc(100%*var(--tw-text-opacity)),transparent)}.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)calc(100%*var(--tw-text-opacity)),transparent)}.hover\:text-ds-filteritem-active:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-filteritem-active)calc(100%*var(--tw-text-opacity)),transparent)}.hover\:text-ds-primary:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--colors-ds-primary)calc(100%*var(--tw-text-opacity)),transparent)}.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)calc(100%*var(--tw-text-opacity)),transparent)}.hover\:text-ds-sidebar-active-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-sidebar-active-hover)calc(100%*var(--tw-text-opacity)),transparent)}.hover\:text-ds-sidebar-hover:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-sidebar-hover)calc(100%*var(--tw-text-opacity)),transparent)}.hover\:text-ds-tabs-active:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-tabs-active)calc(100%*var(--tw-text-opacity)),transparent)}.hover\:text-ds-tabs-onBackgroundActive:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-tabs-on-background-active)calc(100%*var(--tw-text-opacity)),transparent)}.hover\:text-ds-textlink-hover-brand:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--colors-ds-textlink-hover-brand)calc(100%*var(--tw-text-opacity)),transparent)}.hover\:text-ds-textlink-hover-negative:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--colors-ds-textlink-hover-negative)calc(100%*var(--tw-text-opacity)),transparent)}.hover\:text-ds-textlink-hover-neutral:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--colors-ds-textlink-hover-neutral)calc(100%*var(--tw-text-opacity)),transparent)}.hover\:text-ds-textlink-hover-positive:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--colors-ds-textlink-hover-positive)calc(100%*var(--tw-text-opacity)),transparent)}.hover\:text-ds-textlink-hover-primary:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--colors-ds-textlink-hover-primary)calc(100%*var(--tw-text-opacity)),transparent)}.hover\:text-ds-textlink-hover-warning:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--colors-ds-textlink-hover-warning)calc(100%*var(--tw-text-opacity)),transparent)}.hover\:text-inherit:hover{color:inherit}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:text-white\/60:hover{color:#fff9}.hover\:underline:hover{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration-line:none}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[0_0_0_1px_rgba\(0\,0\,0\,0\.0216\)\,0_1px_2px_rgba\(0\,0\,0\,0\.0432\)\,0_4px_10px_rgba\(0\,0\,0\,0\.0576\)\,0_0_28px_6px_rgba\(0\,0\,0\,0\.036\)\]:hover{--tw-shadow:0 0 0 1px #00000006,0 1px 2px #0000000b,0 4px 10px #0000000f,0 0 28px 6px #00000009;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 2px var(--tw-shadow-color),0 4px 10px var(--tw-shadow-color),0 0 28px 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0px_4px_8px_-2px_rgba\(16\,24\,40\,0\.18\)\]:hover{--tw-shadow:0px 4px 8px -2px #1018282e;--tw-shadow-colored:0px 4px 8px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-ds-3:hover{--tw-shadow:var(--box-shadow-ds-3);--tw-shadow-colored:var(--box-shadow-ds-3);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-none:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:\[animation-play-state\:pause\]:hover{animation-play-state:pause}.focus\:pb-0:focus{padding-bottom:0}.focus\:pb-1:focus{padding-bottom:.25rem}.focus\:pb-2:focus{padding-bottom:.5rem}.focus\:pb-\[6px\]:focus{padding-bottom:6px}.focus\:pt-4:focus{padding-top:1rem}.focus\:pt-5:focus{padding-top:1.25rem}.focus\:pt-6:focus{padding-top:1.5rem}.focus\:pt-\[22px\]:focus{padding-top:22px}.focus\:placeholder-ds-input:focus::placeholder{--tw-placeholder-opacity:1;color:color-mix(in srgb,var(--placeholder-color-ds-input)calc(100%*var(--tw-placeholder-opacity)),transparent)}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:outline-ds-accordion:focus{outline-color:var(--outline-color-ds-accordion)}.focus\:outline-ds-button:focus{outline-color:var(--outline-color-ds-button)}.focus\:\[outline\:none\]:focus{outline:none}.focus-visible\:bg-ds-button-neutral-low-hover.focus-visible,.focus-visible\:bg-ds-button-neutral-low-hover:focus-visible{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-neutral-low-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.focus-visible\:bg-ds-menu-hover.focus-visible,.focus-visible\:bg-ds-menu-hover:focus-visible{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-menu-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.focus-visible\:bg-ds-tooltip.focus-visible,.focus-visible\:bg-ds-tooltip:focus-visible{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-tooltip)calc(100%*var(--tw-bg-opacity)),transparent)}.focus-visible\:text-ds-primary.focus-visible,.focus-visible\:text-ds-primary:focus-visible{--tw-text-opacity:1;color:color-mix(in srgb,var(--colors-ds-primary)calc(100%*var(--tw-text-opacity)),transparent)}.focus-visible\:outline-none.focus-visible,.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\:outline.focus-visible,.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-1.focus-visible,.focus-visible\:outline-1:focus-visible{outline-width:1px}.focus-visible\:outline-2.focus-visible,.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:-outline-offset-2.focus-visible,.focus-visible\:-outline-offset-2:focus-visible{outline-offset:-2px}.focus-visible\:outline-offset-2.focus-visible,.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-offset-4.focus-visible,.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.focus-visible\:outline-offset-\[-2px\].focus-visible,.focus-visible\:outline-offset-\[-2px\]:focus-visible,.focus-visible\:outline-offset-ds-button.focus-visible,.focus-visible\:outline-offset-ds-button:focus-visible,.focus-visible\:outline-offset-ds-notification.focus-visible,.focus-visible\:outline-offset-ds-notification:focus-visible{outline-offset:-2px}.focus-visible\:outline-\[color\:var\(--colors-ds-primary\)\].focus-visible,.focus-visible\:outline-\[color\:var\(--colors-ds-primary\)\]:focus-visible{outline-color:var(--colors-ds-primary)}.focus-visible\:outline-\[color\:var\(--colors-ds-strong\)\].focus-visible,.focus-visible\:outline-\[color\:var\(--colors-ds-strong\)\]:focus-visible{outline-color:var(--colors-ds-strong)}.focus-visible\:outline-\[color\:var\(--outline-color-ds-button\)\].focus-visible,.focus-visible\:outline-\[color\:var\(--outline-color-ds-button\)\]:focus-visible,.focus-visible\:outline-ds-button.focus-visible,.focus-visible\:outline-ds-button:focus-visible{outline-color:var(--outline-color-ds-button)}.focus-visible\:outline-ds-card-selected.focus-visible,.focus-visible\:outline-ds-card-selected:focus-visible{outline-color:var(--outline-color-ds-card-selected)}.focus-visible\:outline-ds-input.focus-visible,.focus-visible\:outline-ds-input:focus-visible{outline-color:var(--outline-color-ds-input)}.focus-visible\:outline-ds-list.focus-visible,.focus-visible\:outline-ds-list:focus-visible{outline-color:#7132f5}.focus-visible\:outline-ds-menu.focus-visible,.focus-visible\:outline-ds-menu:focus-visible{outline-color:var(--outline-color-ds-menu)}.focus-visible\:outline-ds-notification.focus-visible,.focus-visible\:outline-ds-notification:focus-visible{outline-color:var(--outline-color-ds-notification)}.focus-visible\:outline-ds-segmented-control.focus-visible,.focus-visible\:outline-ds-segmented-control:focus-visible{outline-color:var(--outline-color-ds-segmented-control)}.focus-visible\:outline-ds-selectable-card.focus-visible,.focus-visible\:outline-ds-selectable-card:focus-visible{outline-color:var(--outline-color-ds-selectable-card)}.focus-visible\:outline-white.focus-visible,.focus-visible\:outline-white:focus-visible{outline-color:#fff}.focus-visible\:ring-2.focus-visible,.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-offset-2.focus-visible,.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:rounded-ds-2.focus-visible,.focus-visible\:rounded-ds-2:focus-visible{border-radius:var(--border-radius-ds-2)}.focus-visible\:\[outline-offset\:2px\].focus-visible,.focus-visible\:\[outline-offset\:2px\]:focus-visible{outline-offset:2px}.focus-visible\:\[outline\:2px_solid_var\(--colors-ds-inverted\)\].focus-visible,.focus-visible\:\[outline\:2px_solid_var\(--colors-ds-inverted\)\]:focus-visible{outline:2px solid var(--colors-ds-inverted)}.focus-visible\:\[outline\:2px_solid_var\(--colors-ds-strong\)\].focus-visible,.focus-visible\:\[outline\:2px_solid_var\(--colors-ds-strong\)\]:focus-visible{outline:2px solid var(--colors-ds-strong)}.focus-visible\:\[outline\:2px_solid_var\(--tb-ink\)\].focus-visible,.focus-visible\:\[outline\:2px_solid_var\(--tb-ink\)\]:focus-visible{outline:2px solid var(--tb-ink)}.focus-visible\:\[outline\:2px_solid_white\].focus-visible,.focus-visible\:\[outline\:2px_solid_white\]:focus-visible{outline:2px solid #fff}.focus-visible\:\[outline\:none\].focus-visible,.focus-visible\:\[outline\:none\]:focus-visible{outline:none}.focus-visible\:after\:outline.focus-visible:after,.focus-visible\:after\:outline:focus-visible:after{content:var(--tw-content);outline-style:solid}.focus-visible\:after\:outline-2.focus-visible:after,.focus-visible\:after\:outline-2:focus-visible:after{content:var(--tw-content);outline-width:2px}.focus-visible\:after\:-outline-offset-2.focus-visible:after,.focus-visible\:after\:-outline-offset-2:focus-visible:after{content:var(--tw-content);outline-offset:-2px}.focus-visible\:after\:outline-\[color\:var\(--outline-color-ds-button\)\].focus-visible:after,.focus-visible\:after\:outline-\[color\:var\(--outline-color-ds-button\)\]:focus-visible:after{content:var(--tw-content);outline-color:var(--outline-color-ds-button)}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x:.98;--tw-scale-y:.98;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))}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-ds-button-brand-low-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-brand-low-active)calc(100%*var(--tw-bg-opacity)),transparent)}.active\:bg-ds-button-brand-medium-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-brand-medium-active)calc(100%*var(--tw-bg-opacity)),transparent)}.active\:bg-ds-button-info-low-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-info-low-active)calc(100%*var(--tw-bg-opacity)),transparent)}.active\:bg-ds-button-info-medium-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-info-medium-active)calc(100%*var(--tw-bg-opacity)),transparent)}.active\:bg-ds-button-negative-low-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-negative-low-active)calc(100%*var(--tw-bg-opacity)),transparent)}.active\:bg-ds-button-negative-medium-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-negative-medium-active)calc(100%*var(--tw-bg-opacity)),transparent)}.active\:bg-ds-button-neutral-low-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-neutral-low-active)calc(100%*var(--tw-bg-opacity)),transparent)}.active\:bg-ds-button-neutral-medium-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-neutral-medium-active)calc(100%*var(--tw-bg-opacity)),transparent)}.active\:bg-ds-button-positive-low-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-positive-low-active)calc(100%*var(--tw-bg-opacity)),transparent)}.active\:bg-ds-button-positive-medium-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-positive-medium-active)calc(100%*var(--tw-bg-opacity)),transparent)}.active\:bg-ds-button-primary-low-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-primary-low-active)calc(100%*var(--tw-bg-opacity)),transparent)}.active\:bg-ds-button-primary-medium-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-primary-medium-active)calc(100%*var(--tw-bg-opacity)),transparent)}.active\:bg-ds-button-warning-low-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-warning-low-active)calc(100%*var(--tw-bg-opacity)),transparent)}.active\:bg-ds-button-warning-medium-active:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-button-warning-medium-active)calc(100%*var(--tw-bg-opacity)),transparent)}.active\:bg-ds-menu-pressed:active{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-menu-pressed)calc(100%*var(--tw-bg-opacity)),transparent)}.enabled\:hover\:bg-\[color-mix\(in_srgb\,var\(--colors-ds-divider\)_75\%\,transparent\)\]:hover:enabled{background-color:color-mix(in srgb,var(--colors-ds-divider)75%,transparent)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-white\/10:disabled{background-color:#ffffff1a}.disabled\:text-\[color\:color-mix\(in_srgb\,var\(--colors-ds-inverted\)_35\%\,transparent\)\]:disabled{color:color-mix(in srgb,var(--colors-ds-inverted)35%,transparent)}.disabled\:text-\[color\:var\(--colors-ds-disabled\)\]:disabled{color:var(--colors-ds-disabled)}.disabled\:text-ds-favourite-button-disabled:disabled{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-favourite-button-disabled)calc(100%*var(--tw-text-opacity)),transparent)}.disabled\:text-ds-grey-400:disabled{color:#c6c7d2}.disabled\:text-ds-sidebar-disabled:disabled{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-sidebar-disabled)calc(100%*var(--tw-text-opacity)),transparent)}.disabled\:text-white\/25:disabled{color:#ffffff40}.disabled\:text-white\/40:disabled{color:#fff6}.disabled\:opacity-35:disabled{opacity:.35}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:hover\:border-neutral-100:hover:disabled{--tw-border-opacity:1;border-color:rgb(245 245 245/var(--tw-border-opacity))}.disabled\:hover\:bg-transparent:hover:disabled{background-color:#0000}.disabled\:hover\:text-white\/25:hover:disabled{color:#ffffff40}.group\/asset:focus-within .group-focus-within\/asset\:pointer-events-auto{pointer-events:auto}.group:focus-within .group-focus-within\:flex{display:flex}.group:focus-within .group-focus-within\:hidden{display:none}.group\/asset:focus-within .group-focus-within\/asset\:-translate-y-\[52px\]{--tw-translate-y:-52px;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))}.group\/asset:focus-within .group-focus-within\/asset\:translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.group\/asset:focus-within .group-focus-within\/asset\:scale-100{--tw-scale-x:1;--tw-scale-y:1;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))}.group\/asset:focus-within .group-focus-within\/asset\:opacity-0{opacity:0}.group\/asset:focus-within .group-focus-within\/asset\:opacity-100{opacity:1}.group\/asset:hover .group-hover\/asset\:pointer-events-auto{pointer-events:auto}.group\/header:hover .group-hover\/header\:visible,.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:flex{display:flex}.group:hover .group-hover\:hidden{display:none}.group:hover .group-hover\:h-2{height:.5rem}.group\/header:hover .group-hover\/header\:w-fit{width:fit-content}.group:hover .group-hover\:w-auto{width:auto}.group\/asset:hover .group-hover\/asset\:-translate-y-\[52px\]{--tw-translate-y:-52px;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))}.group\/asset:hover .group-hover\/asset\:translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.group\/asset:hover .group-hover\/asset\:scale-100{--tw-scale-x:1;--tw-scale-y:1;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))}.group:hover .group-hover\:bg-\[color-mix\(in_srgb\,var\(--colors-ds-divider\)_50\%\,transparent\)\]{background-color:color-mix(in srgb,var(--colors-ds-divider)50%,transparent)}.group:hover .group-hover\:bg-ds-card-hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-card-hover)calc(100%*var(--tw-bg-opacity)),transparent)}.group:hover .group-hover\:text-ds-accordion-hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-accordion-hover)calc(100%*var(--tw-text-opacity)),transparent)}.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)calc(100%*var(--tw-text-opacity)),transparent)}.group:hover .group-hover\:text-ds-inverted{--tw-text-opacity:1;color:color-mix(in srgb,var(--colors-ds-inverted)calc(100%*var(--tw-text-opacity)),transparent)}.group:hover .group-hover\:text-ds-primary{--tw-text-opacity:1;color:color-mix(in srgb,var(--colors-ds-primary)calc(100%*var(--tw-text-opacity)),transparent)}.group\/asset:hover .group-hover\/asset\:opacity-0{opacity:0}.group\/asset:hover .group-hover\/asset\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-0{opacity:0}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:transition-\[opacity\]{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.group:hover .group-hover\:duration-150{transition-duration:.15s}.group.focus-visible .group-focus-visible\:w-auto,.group:focus-visible .group-focus-visible\:w-auto{width:auto}.group.focus-visible .group-focus-visible\:text-ds-inverted,.group:focus-visible .group-focus-visible\:text-ds-inverted{--tw-text-opacity:1;color:color-mix(in srgb,var(--colors-ds-inverted)calc(100%*var(--tw-text-opacity)),transparent)}.group.focus-visible .group-focus-visible\:text-ds-primary,.group:focus-visible .group-focus-visible\:text-ds-primary{--tw-text-opacity:1;color:color-mix(in srgb,var(--colors-ds-primary)calc(100%*var(--tw-text-opacity)),transparent)}.group.focus-visible .group-focus-visible\:transition-\[opacity\],.group:focus-visible .group-focus-visible\:transition-\[opacity\]{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.group.focus-visible .group-focus-visible\:duration-150,.group:focus-visible .group-focus-visible\:duration-150{transition-duration:.15s}.group:active .group-active\:scale-\[0\.96\]{--tw-scale-x:.96;--tw-scale-y:.96;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))}.group:enabled:hover .group-enabled\:group-hover\:bg-ds-divider{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--colors-ds-divider)calc(100%*var(--tw-bg-opacity)),transparent)}.peer:focus~.peer-focus\:top-ds-input-offset-adjusted-lg{top:2px}.peer:focus~.peer-focus\:top-ds-input-offset-adjusted-md,.peer:focus~.peer-focus\:top-ds-input-offset-adjusted-sm{top:-2px}.peer:focus~.peer-focus\:top-ds-input-offset-adjusted-xl{top:4px}.peer:focus~.peer-focus\:top-ds-input-offset-adjusted-xxl{top:6px}.peer:focus~.peer-focus\:inline-flex{display:inline-flex}.peer:focus~.peer-focus\:translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.peer:focus~.peer-focus\:items-center{align-items:center}.peer:focus~.peer-focus\:pb-0{padding-bottom:0}.peer:focus~.peer-focus\:pb-1{padding-bottom:.25rem}.peer:focus~.peer-focus\:pb-2{padding-bottom:.5rem}.peer:focus~.peer-focus\:pb-\[6px\]{padding-bottom:6px}.peer:focus~.peer-focus\:pt-4{padding-top:1rem}.peer:focus~.peer-focus\:pt-5{padding-top:1.25rem}.peer:focus~.peer-focus\:pt-6{padding-top:1.5rem}.peer:focus~.peer-focus\:pt-\[22px\]{padding-top:22px}.has-\[\.command-center-overlay\]\:z-\[1\]:has(.command-center-overlay),.has-\[\.instant-panel-focused\]\:z-\[1\]:has(.instant-panel-focused){z-index:1}.has-\[\>\[data-earn-for-you\]\]\:block:has(>[data-earn-for-you]),.has-\[\>\[data-earn-more\]\]\:block:has(>[data-earn-more]){display:block}.has-\[\>div\:not\(\:empty\)\]\:grid:has(>div:not(:empty)){display:grid}.has-\[\.focus-visible\]\:outline:has(.focus-visible),.has-\[\:focus-visible\]\:outline:has(:focus-visible){outline-style:solid}.has-\[\.focus-visible\]\:outline-2:has(.focus-visible),.has-\[\:focus-visible\]\:outline-2:has(:focus-visible){outline-width:2px}.has-\[\.focus-visible\]\:-outline-offset-2:has(.focus-visible),.has-\[\:focus-visible\]\:-outline-offset-2:has(:focus-visible){outline-offset:-2px}.has-\[\.focus-visible\]\:outline-\[color\:var\(--outline-color-ds-button\)\]:has(.focus-visible),.has-\[\:focus-visible\]\:outline-\[color\:var\(--outline-color-ds-button\)\]:has(:focus-visible){outline-color:var(--outline-color-ds-button)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.aria-selected\:text-ds-tabs-active[aria-selected=true]{--tw-text-opacity:1;color:color-mix(in srgb,var(--text-color-ds-tabs-active)calc(100%*var(--tw-text-opacity)),transparent)}.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)calc(100%*var(--tw-text-opacity)),transparent)}.aria-selected\:shadow-ds-tabs-background-active[aria-selected=true]{--tw-shadow:0px 1px 4px 0px #1018280a;--tw-shadow-colored:0px 1px 4px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[resizing\=true\]\:pointer-events-none[data-resizing=true]{pointer-events:none}.data-\[hero-container-resizing\=true\]\:\!cursor-grabbing[data-hero-container-resizing=true]{cursor:grabbing!important}@container portfolio-hero-container (width>=28rem){.\@md\/portfolio-hero-container\:flex-col{flex-direction:column}}@container (width>=36rem){.\@xl\:min-w-0{min-width:0}.\@xl\:flex-1{flex:1}.\@xl\:flex-\[2\]{flex:2}.\@xl\:flex-row{flex-direction:row}}@container (width>=42rem){.\@2xl\:grid{display:grid}.\@2xl\:contents{display:contents}.\@2xl\:hidden{display:none}.\@2xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,max-content\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,max-content) minmax(0,1fr)}.\@2xl\:items-center{align-items:center}.\@2xl\:gap-4{gap:1rem}}@container (width>=48rem){.\@3xl\:shrink-0{flex-shrink:0}.\@3xl\:flex-row{flex-direction:row}.\@3xl\:items-start{align-items:flex-start}.\@3xl\:justify-between{justify-content:space-between}}@container (width>=452px){.\@\[452px\]\:block{display:block}.\@\[452px\]\:grid-cols-\[minmax\(140px\,160px\)_minmax\(112px\,1\.1fr\)_minmax\(120px\,1fr\)_32px\]{grid-template-columns:minmax(140px,160px) minmax(112px,1.1fr) minmax(120px,1fr) 32px}}@container (width>=480px){.\@\[480px\]\:block{display:block}.\@\[480px\]\:grid-cols-\[minmax\(160px\,220px\)_minmax\(80px\,0\.7fr\)_minmax\(110px\,1\.2fr\)_32px\]{grid-template-columns:minmax(160px,220px) minmax(80px,.7fr) minmax(110px,1.2fr) 32px}}@container (width>=520px){.\@\[520px\]\:block{display:block}.\@\[520px\]\:grid-cols-\[minmax\(140px\,1\.6fr\)_minmax\(120px\,1\.2fr\)_minmax\(110px\,1\.2fr\)\]{grid-template-columns:minmax(140px,1.6fr) minmax(120px,1.2fr) minmax(110px,1.2fr)}.\@\[520px\]\:grid-cols-\[minmax\(140px\,1\.6fr\)_minmax\(90px\,1fr\)_minmax\(110px\,1\.2fr\)\]{grid-template-columns:minmax(140px,1.6fr) minmax(90px,1fr) minmax(110px,1.2fr)}.\@\[520px\]\:grid-cols-\[minmax\(140px\,1\.6fr\)_minmax\(90px\,1fr\)_minmax\(110px\,1\.2fr\)_110px\]{grid-template-columns:minmax(140px,1.6fr) minmax(90px,1fr) minmax(110px,1.2fr) 110px}}@container (width>=524px){.\@\[524px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width>=530px){.\@\[530px\]\:block{display:block}.\@\[530px\]\:grid-cols-\[minmax\(140px\,180px\)_minmax\(200px\,1\.6fr\)_minmax\(110px\,1\.2fr\)_32px\]{grid-template-columns:minmax(140px,180px) minmax(200px,1.6fr) minmax(110px,1.2fr) 32px}}@container (width>=580px){.\@\[580px\]\:block{display:block}.\@\[580px\]\:grid-cols-\[minmax\(160px\,220px\)_minmax\(80px\,0\.7fr\)_minmax\(100px\,1fr\)_minmax\(110px\,1\.2fr\)_32px\]{grid-template-columns:minmax(160px,220px) minmax(80px,.7fr) minmax(100px,1fr) minmax(110px,1.2fr) 32px}}@container (width>=600px){.\@\[600px\]\:block{display:block}.\@\[600px\]\:grid-cols-\[minmax\(140px\,1\.6fr\)_minmax\(90px\,1fr\)_minmax\(120px\,1\.2fr\)_minmax\(100px\,1fr\)\]{grid-template-columns:minmax(140px,1.6fr) minmax(90px,1fr) minmax(120px,1.2fr) minmax(100px,1fr)}.\@\[600px\]\:grid-cols-\[minmax\(140px\,180px\)_minmax\(90px\,0\.9fr\)_minmax\(120px\,1\.3fr\)_minmax\(110px\,1\.2fr\)\]{grid-template-columns:minmax(140px,180px) minmax(90px,.9fr) minmax(120px,1.3fr) minmax(110px,1.2fr)}}@container (width>=610px){.\@\[610px\]\:block{display:block}.\@\[610px\]\:grid-cols-\[minmax\(140px\,180px\)_minmax\(64px\,0\.7fr\)_minmax\(200px\,1\.6fr\)_minmax\(110px\,1\.2fr\)_32px\]{grid-template-columns:minmax(140px,180px) minmax(64px,.7fr) minmax(200px,1.6fr) minmax(110px,1.2fr) 32px}}@container (width>=647px){.\@\[647px\]\:block{display:block}.\@\[647px\]\:grid-cols-\[minmax\(140px\,160px\)_minmax\(112px\,1\.1fr\)_minmax\(64px\,0\.85fr\)_minmax\(120px\,1fr\)_32px\]{grid-template-columns:minmax(140px,160px) minmax(112px,1.1fr) minmax(64px,.85fr) minmax(120px,1fr) 32px}}@container (width>=660px){.\@\[660px\]\:aspect-\[1525\/1024\]{aspect-ratio:1525/1024}.\@\[660px\]\:w-\[62\.5\%\]{width:62.5%}.\@\[660px\]\:flex-row{flex-direction:row}.\@\[660px\]\:rounded-bl-2xl{border-bottom-left-radius:1rem}.\@\[660px\]\:rounded-tr-none{border-top-right-radius:0}}@container (width>=680px){.\@\[680px\]\:block{display:block}.\@\[680px\]\:grid-cols-\[minmax\(140px\,1\.6fr\)_minmax\(120px\,1\.2fr\)_minmax\(100px\,1\.1fr\)_minmax\(110px\,1\.2fr\)\]{grid-template-columns:minmax(140px,1.6fr) minmax(120px,1.2fr) minmax(100px,1.1fr) minmax(110px,1.2fr)}.\@\[680px\]\:grid-cols-\[minmax\(140px\,1\.6fr\)_minmax\(90px\,1fr\)_minmax\(100px\,1\.1fr\)_minmax\(110px\,1\.2fr\)\]{grid-template-columns:minmax(140px,1.6fr) minmax(90px,1fr) minmax(100px,1.1fr) minmax(110px,1.2fr)}.\@\[680px\]\:grid-cols-\[minmax\(140px\,1\.6fr\)_minmax\(90px\,1fr\)_minmax\(100px\,1\.1fr\)_minmax\(110px\,1\.2fr\)_110px\]{grid-template-columns:minmax(140px,1.6fr) minmax(90px,1fr) minmax(100px,1.1fr) minmax(110px,1.2fr) 110px}}@container (width>=700px){.\@\[700px\]\:block{display:block}.\@\[700px\]\:grid-cols-\[minmax\(160px\,220px\)_minmax\(80px\,0\.7fr\)_minmax\(100px\,1fr\)_minmax\(100px\,1fr\)_minmax\(110px\,1\.2fr\)_32px\]{grid-template-columns:minmax(160px,220px) minmax(80px,.7fr) minmax(100px,1fr) minmax(100px,1fr) minmax(110px,1.2fr) 32px}}@container (width>=710px){.\@\[710px\]\:block{display:block}.\@\[710px\]\:grid-cols-\[minmax\(140px\,180px\)_minmax\(64px\,0\.7fr\)_minmax\(200px\,1\.6fr\)_minmax\(80px\,0\.8fr\)_minmax\(110px\,1\.2fr\)_32px\]{grid-template-columns:minmax(140px,180px) minmax(64px,.7fr) minmax(200px,1.6fr) minmax(80px,.8fr) minmax(110px,1.2fr) 32px}}@container (width>=720px){.\@\[720px\]\:block{display:block}.\@\[720px\]\:grid-cols-\[minmax\(140px\,180px\)_minmax\(90px\,0\.9fr\)_minmax\(110px\,1\.1fr\)_minmax\(120px\,1\.3fr\)_minmax\(110px\,1\.2fr\)\]{grid-template-columns:minmax(140px,180px) minmax(90px,.9fr) minmax(110px,1.1fr) minmax(120px,1.3fr) minmax(110px,1.2fr)}}@container (width>=738px){.\@\[738px\]\:block{display:block}.\@\[738px\]\:grid-cols-\[minmax\(140px\,160px\)_minmax\(112px\,1\.1fr\)_minmax\(88px\,1\.1fr\)_minmax\(64px\,0\.85fr\)_minmax\(120px\,1fr\)_32px\]{grid-template-columns:minmax(140px,160px) minmax(112px,1.1fr) minmax(88px,1.1fr) minmax(64px,.85fr) minmax(120px,1fr) 32px}}@container (width>=768px){.\@\[768px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width>=820px){.\@\[820px\]\:block{display:block}.\@\[820px\]\:grid-cols-\[minmax\(160px\,220px\)_minmax\(80px\,0\.7fr\)_minmax\(100px\,1fr\)_minmax\(100px\,1fr\)_minmax\(100px\,1fr\)_minmax\(110px\,1\.2fr\)_32px\]{grid-template-columns:minmax(160px,220px) minmax(80px,.7fr) minmax(100px,1fr) minmax(100px,1fr) minmax(100px,1fr) minmax(110px,1.2fr) 32px}}@container (width>=825px){.\@\[825px\]\:block{display:block}.\@\[825px\]\:grid-cols-\[minmax\(140px\,180px\)_minmax\(64px\,0\.7fr\)_minmax\(200px\,1\.6fr\)_minmax\(80px\,0\.8fr\)_minmax\(100px\,1fr\)_minmax\(110px\,1\.2fr\)_32px\]{grid-template-columns:minmax(140px,180px) minmax(64px,.7fr) minmax(200px,1.6fr) minmax(80px,.8fr) minmax(100px,1fr) minmax(110px,1.2fr) 32px}}@container (width>=840px){.\@\[840px\]\:block{display:block}.\@\[840px\]\:grid-cols-\[minmax\(140px\,1\.6fr\)_minmax\(120px\,1\.2fr\)_minmax\(110px\,1fr\)_minmax\(100px\,1\.1fr\)_minmax\(110px\,1\.2fr\)\]{grid-template-columns:minmax(140px,1.6fr) minmax(120px,1.2fr) minmax(110px,1fr) minmax(100px,1.1fr) minmax(110px,1.2fr)}.\@\[840px\]\:grid-cols-\[minmax\(140px\,1\.6fr\)_minmax\(90px\,1fr\)_minmax\(100px\,1\.1fr\)_minmax\(110px\,1\.2fr\)_minmax\(110px\,1fr\)\]{grid-template-columns:minmax(140px,1.6fr) minmax(90px,1fr) minmax(100px,1.1fr) minmax(110px,1.2fr) minmax(110px,1fr)}}@container (width>=850px){.\@\[850px\]\:block{display:block}.\@\[850px\]\:grid-cols-\[minmax\(140px\,160px\)_minmax\(112px\,1\.1fr\)_minmax\(88px\,1\.1fr\)_minmax\(64px\,0\.85fr\)_minmax\(116px\,1\.2fr\)_minmax\(120px\,1fr\)_32px\]{grid-template-columns:minmax(140px,160px) minmax(112px,1.1fr) minmax(88px,1.1fr) minmax(64px,.85fr) minmax(116px,1.2fr) minmax(120px,1fr) 32px}}@container (width>=940px){.\@\[940px\]\:block{display:block}.\@\[940px\]\:grid-cols-\[minmax\(160px\,220px\)_minmax\(80px\,0\.7fr\)_minmax\(100px\,1fr\)_minmax\(100px\,1fr\)_minmax\(100px\,1fr\)_minmax\(110px\,1\.1fr\)_minmax\(110px\,1\.2fr\)_32px\]{grid-template-columns:minmax(160px,220px) minmax(80px,.7fr) minmax(100px,1fr) minmax(100px,1fr) minmax(100px,1fr) minmax(110px,1.1fr) minmax(110px,1.2fr) 32px}}@container (width>=1150px){.\@\[1150px\]\:block{display:block}.\@\[1150px\]\:grid-cols-\[minmax\(140px\,160px\)_minmax\(112px\,1\.1fr\)_minmax\(88px\,1\.1fr\)_minmax\(88px\,1fr\)_minmax\(64px\,0\.85fr\)_minmax\(116px\,1\.2fr\)_minmax\(120px\,1fr\)_32px\]{grid-template-columns:minmax(140px,160px) minmax(112px,1.1fr) minmax(88px,1.1fr) minmax(88px,1fr) minmax(64px,.85fr) minmax(116px,1.2fr) minmax(120px,1fr) 32px}}@supports (grid-template-columns:subgrid){.supports-\[grid-template-columns\:subgrid\]\:grid-cols-subgrid{grid-template-columns:subgrid}}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-\[social-proof-digit-reveal_1000ms_linear_infinite\]{animation:1s linear infinite social-proof-digit-reveal}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.motion-safe\:animate-ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}@keyframes pulse{50%{opacity:.5}}.motion-safe\:animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.motion-safe\:transition-\[height\]{transition-property:height;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.motion-safe\:transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.motion-safe\:duration-200{transition-duration:.2s}.motion-safe\:duration-500{transition-duration:.5s}.motion-safe\:ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.group:has(.focus-visible) .motion-safe\:group-has-\[\.focus-visible\]\:scale-\[1\.02\],.group:has(:focus-visible) .motion-safe\:group-has-\[\:focus-visible\]\:scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02;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))}}@media (prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}.motion-reduce\:transition-none{transition-property:none}.motion-reduce\:active\:scale-100:active{--tw-scale-x:1;--tw-scale-y:1;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))}}@media (max-width:1279px){.max-\[1279px\]\:block{display:block}.max-\[1279px\]\:hidden{display:none}}@media (max-width:1100px){.max-\[1100px\]\:hidden{display:none}.max-\[1100px\]\:w-full{width:100%}.max-\[1100px\]\:flex-none{flex:none}.max-\[1100px\]\:flex-col{flex-direction:column}.max-\[1100px\]\:gap-10{gap:2.5rem}.max-\[1100px\]\:p-6{padding:1.5rem}.max-\[1100px\]\:px-5{padding-left:1.25rem;padding-right:1.25rem}.max-\[1100px\]\:pb-6{padding-bottom:1.5rem}}@media (max-width:820px){.max-\[820px\]\:px-0{padding-left:0;padding-right:0}}@media (max-width:768px){.max-\[768px\]\:mt-ds-5{margin-top:16px}.max-\[768px\]\:flex{display:flex}.max-\[768px\]\:w-52{width:13rem}.max-\[768px\]\:w-\[120px\]{width:120px}.max-\[768px\]\:flex-shrink-0{flex-shrink:0}.max-\[768px\]\:flex-row{flex-direction:row}.max-\[768px\]\:gap-ds-4{gap:12px}.max-\[768px\]\:overflow-x-auto{overflow-x:auto}}@media (max-width:767px){.max-\[767px\]\:hidden{display:none}}@media (max-width:700px){.max-\[700px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:480px){.xs\:mt-ds-2{margin-top:4px}.xs\:flex{display:flex}.xs\:w-36{width:9rem}.xs\:flex-row{flex-direction:row}.xs\:flex-row-reverse{flex-direction:row-reverse}.xs\:items-start{align-items:flex-start}.xs\:items-end{align-items:flex-end}.xs\:justify-between{justify-content:space-between}.xs\:px-4{padding-left:1rem;padding-right:1rem}}@media (min-width:640px){.sm\:mb-2{margin-bottom:.5rem}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:hidden{display:none}.sm\:h-5{height:1.25rem}.sm\:h-\[37rem\]{height:37rem}.sm\:h-\[min\(796px\,85vh\)\]{height:min(796px,85vh)}.sm\:h-auto{height:auto}.sm\:max-h-\[85vh\]{max-height:85vh}.sm\:min-h-\[560px\]{min-height:560px}.sm\:min-h-\[min\(500px\,85vh\)\]{min-height:min(500px,85vh)}.sm\:\!w-\[29rem\]{width:29rem!important}.sm\:\!w-\[31\.5rem\]{width:31.5rem!important}.sm\:w-40{width:10rem}.sm\:w-\[1072px\]{width:1072px}.sm\:w-\[400px\]{width:400px}.sm\:w-\[480px\]{width:480px}.sm\:w-\[760px\]{width:760px}.sm\:w-auto{width:auto}.sm\:min-w-\[180px\]{min-width:180px}.sm\:max-w-\[calc\(100vw-64px\)\]{max-width:calc(100vw - 64px)}.sm\:basis-\[calc\(\(100\%-8px\)\/2\)\]{flex-basis:calc(50% - 4px)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.sm\:flex-row{flex-direction:row}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:rounded-\[28px\]{border-radius:28px}.sm\:py-ds-7{padding-top:24px;padding-bottom:24px}.sm\:pe-ds-10{padding-inline-end:40px}.sm\:pl-0{padding-left:0}.sm\:ps-ds-0{padding-inline-start:0}.sm\:pt-10{padding-top:2.5rem}.sm\:pt-ds-5{padding-top:16px}.sm\:shadow-\[0_0_80px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 0 80px #00000080;--tw-shadow-colored:0 0 80px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.sm\:shadow-\[inset_0_0_0_1px_\#fff3\,0_0_80px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:inset 0 0 0 1px #fff3,0 0 80px #00000080;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color),0 0 80px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.sm\:\[grid-column\:1\]{grid-column:1}.sm\:\[grid-column\:2\]{grid-column:2}.sm\:\[grid-column\:3\]{grid-column:3}.sm\:\[grid-template-areas\:\"image_content\"\]{grid-template-areas:"image content"}}@media (min-width:768px){.md\:order-1{order:1}.md\:order-2{order:2}.md\:order-3{order:3}.md\:order-last{order:9999}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:row-span-2{grid-row:span 2/span 2}.md\:mx-10{margin-left:2.5rem;margin-right:2.5rem}.md\:my-0{margin-top:0;margin-bottom:0}.md\:mb-0{margin-bottom:0}.md\:mt-0{margin-top:0}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:size-7{width:1.75rem;height:1.75rem}.md\:h-\[250px\]{height:250px}.md\:h-full{height:100%}.md\:min-h-0{min-height:0}.md\:w-1\/2{width:50%}.md\:w-48{width:12rem}.md\:w-\[152px\]{width:152px}.md\:w-\[300px\]{width:300px}.md\:w-\[500px\]{width:500px}.md\:w-auto{width:auto}.md\:flex-1{flex:1}.md\:basis-0{flex-basis:0}.md\:auto-cols-auto{grid-auto-columns:auto}.md\:grid-flow-col{grid-auto-flow:column}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-none{grid-template-columns:none}.md\:grid-rows-none{grid-template-rows:none}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:justify-end{justify-content:flex-end}.md\:justify-center{justify-content:center}.md\:justify-between{justify-content:space-between}.md\:gap-x-ds-10{column-gap:40px}.md\:overflow-hidden{overflow:hidden}.md\:overflow-y-auto{overflow-y:auto}.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)calc(100%*var(--tw-bg-opacity)),transparent)}.md\:bg-\[length\:auto_100\%\]{background-size:auto 100%}.md\:bg-right-top{background-position:100% 0}.md\:p-12{padding:3rem}.md\:px-ds-3{padding-left:8px;padding-right:8px}.md\:px-ds-7{padding-left:24px;padding-right:24px}.md\:px-ds-9{padding-left:32px;padding-right:32px}.md\:py-2{padding-top:.5rem;padding-bottom:.5rem}.md\:pl-4{padding-left:1rem}.md\:rounded-ds-5{border-radius:var(--border-radius-ds-5)}.md\:\[background-image\:var\(--ipo-background-image-wide\)\]{background-image:var(--ipo-background-image-wide)}}@media (min-width:769px){.min-\[769px\]\:col-span-2{grid-column:span 2/span 2}.min-\[769px\]\:grid{display:grid}.min-\[769px\]\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.min-\[769px\]\:gap-ds-6{gap:20px}.min-\[769px\]\:first\:col-span-3:first-child{grid-column:span 3/span 3}}@media (min-width:1024px){.lg\:pointer-events-none{pointer-events:none}.lg\:pointer-events-auto{pointer-events:auto}.lg\:absolute{position:absolute}.lg\:relative{position:relative}.lg\:sticky{position:sticky}.lg\:inset-0{inset:0}.lg\:top-0{top:0}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:row-span-2{grid-row:span 2/span 2}.lg\:mb-10{margin-bottom:2.5rem}.lg\:mb-12{margin-bottom:3rem}.lg\:mb-ds-4{margin-bottom:12px}.lg\:ml-2{margin-left:.5rem}.lg\:mr-4{margin-right:1rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:size-\[124px\]{width:124px;height:124px}.lg\:h-full{height:100%}.lg\:max-h-none{max-height:none}.lg\:min-h-0{min-height:0}.lg\:min-h-\[304px\]{min-height:304px}.lg\:w-0{width:0}.lg\:w-40{width:10rem}.lg\:w-\[360px\]{width:360px}.lg\:w-fit{width:fit-content}.lg\:w-full{width:100%}.lg\:max-w-\[305px\]{max-width:305px}.lg\:max-w-\[358px\]{max-width:358px}.lg\:max-w-\[360px\]{max-width:360px}.lg\:flex-1{flex:1}.lg\:flex-none{flex:none}.lg\:basis-\[calc\(\(100\%-16px\)\/3\)\]{flex-basis:calc(33.3333% - 5.33333px)}.lg\:-translate-x-full{--tw-translate-x:-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))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[1fr_400px\]{grid-template-columns:1fr 400px}.lg\:grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr)}.lg\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:items-baseline{align-items:baseline}.lg\:items-stretch{align-items:stretch}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:gap-6{gap:1.5rem}.lg\:gap-x-10{column-gap:2.5rem}.lg\:overflow-hidden{overflow:hidden}.lg\:overflow-y-auto{overflow-y:auto}.lg\:overflow-x-hidden{overflow-x:hidden}.lg\:py-12{padding-top:3rem;padding-bottom:3rem}.lg\:py-3{padding-top:.75rem;padding-bottom:.75rem}.lg\:opacity-0{opacity:0}.lg\:opacity-100{opacity:1}.lg\:shadow-\[0px_1px_4px_0px_rgba\(16\,24\,40\,0\.04\)\]{--tw-shadow:0px 1px 4px 0px #1018280a;--tw-shadow-colored:0px 1px 4px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.lg\:delay-100{transition-delay:.1s}.lg\:delay-150{transition-delay:.15s}.group:hover .group-hover\:lg\:pointer-events-auto{pointer-events:auto}.group:hover .group-hover\:lg\:w-auto{width:auto}.group:hover .group-hover\:lg\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.group:hover .group-hover\:lg\:overflow-visible{overflow:visible}.group:hover .group-hover\:lg\:opacity-100{opacity:1}.group.focus-visible .group-focus-visible\:lg\:pointer-events-auto,.group:focus-visible .group-focus-visible\:lg\:pointer-events-auto{pointer-events:auto}.group.focus-visible .group-focus-visible\:lg\:w-auto,.group:focus-visible .group-focus-visible\:lg\:w-auto{width:auto}.group.focus-visible .group-focus-visible\:lg\:translate-x-0,.group:focus-visible .group-focus-visible\:lg\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.group.focus-visible .group-focus-visible\:lg\:overflow-visible,.group:focus-visible .group-focus-visible\:lg\:overflow-visible{overflow:visible}.group.focus-visible .group-focus-visible\:lg\:opacity-100,.group:focus-visible .group-focus-visible\:lg\:opacity-100{opacity:1}.lg\:has-\[\>\*\:nth-child\(2\)\]\:grid-cols-2:has(>:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:has-\[\>\*\:nth-child\(2\)\]\:grid-cols-\[360px_minmax\(0\,1fr\)\]:has(>:nth-child(2)){grid-template-columns:360px minmax(0,1fr)}}@media (min-width:1280px){.xl\:col-span-2{grid-column:span 2/span 2}.xl\:row-span-2{grid-row:span 2/span 2}.xl\:ml-ds-0{margin-left:0}.xl\:ms-ds-8{margin-inline-start:28px}.xl\:block{display:block}.xl\:w-\[240px\]{width:240px}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}.xl\:flex-nowrap{flex-wrap:nowrap}.xl\:gap-1{gap:.25rem}.xl\:gap-y-ds-0{row-gap:0}.xl\:px-ds-0{padding-left:0;padding-right:0}.xl\:pe-ds-0{padding-inline-end:0}.xl\:pl-4{padding-left:1rem}}@media (min-width:1401px){.min-\[1401px\]\:col-span-2{grid-column:span 2/span 2}.min-\[1401px\]\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1535px){.\32 xl\:col-span-2{grid-column:span 2/span 2}.\32 xl\:row-span-2{grid-row:span 2/span 2}.\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}.\32 xl\:basis-\[calc\(\(100\%-24px\)\/4\)\]{flex-basis:calc(25% - 6px)}.\32 xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1680px){.min-\[1680px\]\:flex{display:flex}.min-\[1680px\]\:min-w-0{min-width:0}.min-\[1680px\]\:flex-1{flex:1}.min-\[1680px\]\:flex-row{flex-direction:row}.min-\[1680px\]\:flex-col{flex-direction:column}.min-\[1680px\]\:justify-center{justify-content:center}.min-\[1680px\]\:gap-1{gap:.25rem}.min-\[1680px\]\:rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.min-\[1680px\]\:rounded-l-\[20px\]{border-top-left-radius:20px;border-bottom-left-radius:20px}.min-\[1680px\]\:rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.min-\[1680px\]\:rounded-r-\[20px\]{border-top-right-radius:20px;border-bottom-right-radius:20px}}.rtl\:end-\[130px\]:where([dir=rtl],[dir=rtl] *){inset-inline-end:130px}.rtl\:end-\[150px\]:where([dir=rtl],[dir=rtl] *){inset-inline-end:150px}.rtl\:origin-top-right:where([dir=rtl],[dir=rtl] *){transform-origin:100% 0}.rtl\:-translate-x-2:where([dir=rtl],[dir=rtl] *){--tw-translate-x:-.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.rtl\:-translate-x-3:where([dir=rtl],[dir=rtl] *){--tw-translate-x:-.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.rtl\:-translate-x-\[18px\]:where([dir=rtl],[dir=rtl] *){--tw-translate-x:-18px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.rtl\:rotate-180:where([dir=rtl],[dir=rtl] *){--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.rtl\:-scale-x-100:where([dir=rtl],[dir=rtl] *){--tw-scale-x:-1;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.rtl\:bg-\[radial-gradient\(118\%_110\%_at_16\%_-4\%\,rgba\(77\,72\,84\,0\.4\)_0\%\,rgba\(60\,54\,69\,0\.3\)_25\%\,rgba\(43\,37\,53\,0\.2\)_50\%\,rgba\(26\,19\,38\,0\.1\)_75\%\,rgba\(9\,2\,22\,0\)_100\%\)\]:where([dir=rtl],[dir=rtl] *){background-image:radial-gradient(118% 110% at 16% -4%,#4d485466 0%,#3c36454d 25%,#2b253533 50%,#1a13261a 75%,#09021600 100%)}.rtl\:\[background-image\:linear-gradient\(270deg\,rgba\(254\,254\,254\,1\)_0\%\,rgba\(179\,178\,200\,1\)_50\%\)\]:where([dir=rtl],[dir=rtl] *){background-image:linear-gradient(270deg,#fefefe 0%,#b3b2c8 50%)}@media (prefers-color-scheme:dark){.dark\:bg-white\/5{background-color:#ffffff0d}}@media (forced-colors:active){.forced-colors\:hidden{display:none}.forced-colors\.focus-visible\:-outline-offset-2.focus-visible,.forced-colors\:focus-visible\:-outline-offset-2:focus-visible{outline-offset:-2px}.forced-colors\.focus-visible\:\[outline\:2px_solid_transparent\].focus-visible,.forced-colors\:focus-visible\:\[outline\:2px_solid_transparent\]:focus-visible{outline:2px solid #0000}}.\[\&\:\:-moz-range-progress\]\:h-1::-moz-range-progress{height:.25rem}.\[\&\:\:-moz-range-progress\]\:rounded-full::-moz-range-progress{border-radius:9999px}.\[\&\:\:-moz-range-progress\]\:bg-\[color\:var\(--colors-ds-inverted\)\]::-moz-range-progress{background-color:var(--colors-ds-inverted)}.\[\&\:\:-moz-range-thumb\]\:size-2\.5::-moz-range-thumb{width:.625rem;height:.625rem}.\[\&\:\:-moz-range-thumb\]\:size-3::-moz-range-thumb{width:.75rem;height:.75rem}.\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb{border-radius:9999px}.\[\&\:\:-moz-range-thumb\]\:border-0::-moz-range-thumb{border-width:0}.\[\&\:\:-moz-range-thumb\]\:bg-\[color\:var\(--colors-ds-inverted\)\]::-moz-range-thumb{background-color:var(--colors-ds-inverted)}.\[\&\:\:-moz-range-track\]\:h-1::-moz-range-track{height:.25rem}.\[\&\:\:-moz-range-track\]\:rounded-full::-moz-range-track{border-radius:9999px}.\[\&\:\:-moz-range-track\]\:bg-\[color\:color-mix\(in_srgb\,var\(--colors-ds-inverted\)_20\%\,transparent\)\]::-moz-range-track{background-color:color-mix(in srgb,var(--colors-ds-inverted)20%,transparent)}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{appearance:none}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{appearance:none}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\:\:-webkit-slider-runnable-track\]\:h-1::-webkit-slider-runnable-track{height:.25rem}.\[\&\:\:-webkit-slider-runnable-track\]\:rounded-full::-webkit-slider-runnable-track{border-radius:9999px}.\[\&\:\:-webkit-slider-runnable-track\]\:bg-\[image\:linear-gradient\(to_right\,var\(--colors-ds-inverted\)_var\(--briefing-progress\)\,color-mix\(in_srgb\,var\(--colors-ds-inverted\)_20\%\,transparent\)_var\(--briefing-progress\)\)\]::-webkit-slider-runnable-track{background-image:linear-gradient(to right,var(--colors-ds-inverted)var(--briefing-progress),color-mix(in srgb,var(--colors-ds-inverted)20%,transparent)var(--briefing-progress))}.\[\&\:\:-webkit-slider-thumb\]\:pointer-events-none::-webkit-slider-thumb{pointer-events:none}.\[\&\:\:-webkit-slider-thumb\]\:-mt-1::-webkit-slider-thumb{margin-top:-.25rem}.\[\&\:\:-webkit-slider-thumb\]\:-mt-\[3px\]::-webkit-slider-thumb{margin-top:-3px}.\[\&\:\:-webkit-slider-thumb\]\:size-2\.5::-webkit-slider-thumb{width:.625rem;height:.625rem}.\[\&\:\:-webkit-slider-thumb\]\:size-3::-webkit-slider-thumb{width:.75rem;height:.75rem}.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb{appearance:none}.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb{border-radius:9999px}.\[\&\:\:-webkit-slider-thumb\]\:bg-\[color\:var\(--colors-ds-inverted\)\]::-webkit-slider-thumb{background-color:var(--colors-ds-inverted)}.\[\&\:\:-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)calc(100%*var(--tw-bg-opacity)),transparent)}.\[\&\:\:-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)calc(100%*var(--tw-bg-opacity)),transparent)}.\[\&\:\:-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-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-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)calc(100%*1),transparent)}.\[\&\:\:-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)calc(100%*1),transparent)}.\[\&\:has\(\+\.top-bar-panel-row\:hover\)\]\:opacity-0:has(+.top-bar-panel-row:hover){opacity:0}.\[\&\:hover\>div\:first-child\]\:opacity-\[0\.08\]:hover>div:first-child{opacity:.08}.\[\&\:not\(\[data-scroll\=\'0\'\]\)\]\:border-b:not([data-scroll="0"]){border-bottom-width:1px}.\[\&\:not\(\[data-scroll\=\'0\'\]\)\]\:bg-opacity-10:not([data-scroll="0"]){--tw-bg-opacity:.1}.\[\&\:not\(\[disabled\]\)\]\:hover\:border-ds-grey-600:hover:not([disabled]){border-color:#686b82}@media (min-width:769px){.min-\[769px\]\:\[\&\:nth-child\(2\)\]\:col-span-3:nth-child(2){grid-column:span 3/span 3}}.\[\&\>\*\:last-child\]\:mb-0>:last-child{margin-bottom:0}.\[\&\>\*\:last-child\]\:mb-3>:last-child{margin-bottom:.75rem}.\[\&\>\*\]\:grid>*{display:grid}.\[\&\>\*\]\:overflow-visible>*{overflow:visible}.\[\&\>\.ds-card\:first-child\]\:rounded-t-ds-card>.ds-card:first-child{border-top-left-radius:12px;border-top-right-radius:12px;border-top-left-radius:var(--border-radius-ds-card);border-top-right-radius:var(--border-radius-ds-card);border-top-left-radius:var(--border-radius-ds-card);border-top-right-radius:var(--border-radius-ds-card)}.\[\&\>\.ds-card\:first-child\]\:rounded-s-ds-card>.ds-card:first-child{border-start-start-radius:var(--border-radius-ds-card);border-end-start-radius:var(--border-radius-ds-card)}.\[\&\>\.ds-card\:last-child\]\:rounded-b-ds-card>.ds-card:last-child{border-bottom-right-radius:12px;border-bottom-left-radius:12px;border-bottom-left-radius:var(--border-radius-ds-card);border-bottom-right-radius:var(--border-radius-ds-card)}.\[\&\>\.ds-card\:last-child\]\:rounded-e-ds-card>.ds-card:last-child{border-start-end-radius:var(--border-radius-ds-card);border-end-end-radius:var(--border-radius-ds-card)}.\[\&\>\.ds-card\]\:rounded-ds-card-grouped>.ds-card{border-radius:4px;border-radius:var(--border-radius-ds-card-grouped)}.\[\&\>\.ds-table-cell\:first-child\]\:ps-ds-1>.ds-table-cell:first-child{padding-inline-start:2px}.\[\&\>\.ds-table-cell\:last-child\]\:pe-ds-2>.ds-table-cell:last-child{padding-inline-end:4px}.\[\&\>\.ds-table-cell\:last-child\]\:pe-ds-4>.ds-table-cell:last-child{padding-inline-end:12px}.\[\&\>\.ds-table-cell\:last-child\]\:pe-ds-5>.ds-table-cell:last-child{padding-inline-end:16px}.\[\&\>\.ds-table-cell\:last-child\]\:pe-ds-6>.ds-table-cell:last-child{padding-inline-end:20px}.\[\&\>\.ds-table-cell\:last-child\]\:pe-ds-7>.ds-table-cell:last-child{padding-inline-end:24px}.\[\&\>\.ds-table-cell\:last-child\]\:rounded-e-ds-table-row>.ds-table-cell:last-child{border-start-end-radius:var(--border-radius-ds-table-row);border-end-end-radius:var(--border-radius-ds-table-row)}.\[\&\>button\:hover\]\:bg-\[rgba\(148\,151\,169\,0\.16\)\]>button:hover{background-color:#9497a929}.\[\&\>button\]\:flex-1>button{flex:1}.\[\&\>button\]\:rounded-full>button{border-radius:9999px}.\[\&\>button\]\:bg-\[rgba\(148\,151\,169\,0\.08\)\]>button{background-color:#9497a914}.\[\&\>div\:first-child_\[data-progress-bar-indicator\=true\]\]\:rounded-b-ds-round>div:first-child [data-progress-bar-indicator=true]{border-bottom-left-radius:var(--border-radius-ds-round);border-bottom-right-radius:var(--border-radius-ds-round)}.\[\&\>div\:first-child_\[data-progress-bar-indicator\=true\]\]\:rounded-s-ds-round>div:first-child [data-progress-bar-indicator=true]{border-start-start-radius:var(--border-radius-ds-round);border-end-start-radius:var(--border-radius-ds-round)}.\[\&\>div\:first-child_\[data-progress-bar-track\=true\]\]\:rounded-b-ds-round>div:first-child [data-progress-bar-track=true]{border-bottom-left-radius:var(--border-radius-ds-round);border-bottom-right-radius:var(--border-radius-ds-round)}.\[\&\>div\:first-child_\[data-progress-bar-track\=true\]\]\:rounded-s-ds-round>div:first-child [data-progress-bar-track=true]{border-start-start-radius:var(--border-radius-ds-round);border-end-start-radius:var(--border-radius-ds-round)}.\[\&\>div\:last-child_\[data-progress-bar-indicator\=true\]\]\:rounded-t-ds-round>div:last-child [data-progress-bar-indicator=true]{border-top-left-radius:var(--border-radius-ds-round);border-top-right-radius:var(--border-radius-ds-round)}.\[\&\>div\:last-child_\[data-progress-bar-indicator\=true\]\]\:rounded-e-ds-round>div:last-child [data-progress-bar-indicator=true]{border-start-end-radius:var(--border-radius-ds-round);border-end-end-radius:var(--border-radius-ds-round)}.\[\&\>div\:last-child_\[data-progress-bar-track\=true\]\]\:rounded-t-ds-round>div:last-child [data-progress-bar-track=true]{border-top-left-radius:var(--border-radius-ds-round);border-top-right-radius:var(--border-radius-ds-round)}.\[\&\>div\:last-child_\[data-progress-bar-track\=true\]\]\:rounded-e-ds-round>div:last-child [data-progress-bar-track=true]{border-start-end-radius:var(--border-radius-ds-round);border-end-end-radius:var(--border-radius-ds-round)}.\[\&\>div\>div\>div\]\:rounded-none>div>div>div{border-radius:0}.\[\&\>div\]\:flex>div{display:flex}.\[\&\>div\]\:w-full>div{width:100%}.\[\&\>div\]\:flex-1>div{flex:1}.\[\&\>div\]\:bg-\[rgba\(133\,91\,251\,0\.16\)\]>div{background-color:#855bfb29}.\[\&\>div\]\:text-\[\#7132f5\]>div{--tw-text-opacity:1;color:rgb(113 50 245/var(--tw-text-opacity))}.\[\&\>iframe\]\:m-auto>iframe{margin:auto}.\[\&\>iframe\]\:h-\[700px\]>iframe{height:700px}.\[\&\>iframe\]\:min-h-\[700px\]>iframe{min-height:700px}.\[\&\>iframe\]\:w-full>iframe{width:100%}.\[\&\>iframe\]\:max-w-screen-xs>iframe{max-width:480px}.\[\&\>label\]\:w-full>label{width:100%}.\[\&\>span\]\:\!text-\[\#F8F7FA\]>span{--tw-text-opacity:1!important;color:rgb(248 247 250/var(--tw-text-opacity))!important}.hover\:\[\&\>span\]\:text-ds-primary>span:hover{--tw-text-opacity:1;color:color-mix(in srgb,var(--colors-ds-primary)calc(100%*var(--tw-text-opacity)),transparent)}.\[\&\>svg\]\:size-6>svg{width:1.5rem;height:1.5rem}.\[\&\>svg\]\:h-16>svg{height:4rem}.\[\&\>svg\]\:h-auto>svg{height:auto}.\[\&\>svg\]\:w-16>svg{width:4rem}.\[\&\>svg\]\:w-full>svg{width:100%}.\[\&_\[data-progress-bar-indicator\=true\]\]\:rounded-b-none [data-progress-bar-indicator=true]{border-bottom-right-radius:0;border-bottom-left-radius:0}.\[\&_\[data-progress-bar-indicator\=true\]\]\:rounded-e-none [data-progress-bar-indicator=true]{border-start-end-radius:0;border-end-end-radius:0}.\[\&_\[data-progress-bar-indicator\=true\]\]\:rounded-s-none [data-progress-bar-indicator=true]{border-start-start-radius:0;border-end-start-radius:0}.\[\&_\[data-progress-bar-indicator\=true\]\]\:rounded-t-none [data-progress-bar-indicator=true]{border-top-left-radius:0;border-top-right-radius:0}.\[\&_a\]\:text-inherit a{color:inherit}.\[\&_button\>span\]\:px-1\.5 button>span{padding-left:.375rem;padding-right:.375rem}.\[\&_button\>span\]\:py-1 button>span{padding-top:.25rem;padding-bottom:.25rem}.\[\&_button\]\:w-full button{width:100%}.\[\&_button\]\:rounded-\[12px\] button{border-radius:12px}.\[\&_button\]\:rounded-lg button{border-radius:.5rem}.\[\&_button\]\:rounded-none button{border-radius:0}.\[\&_button\]\:rounded-xl button{border-radius:.75rem}.\[\&_button\]\:bg-ds-card button{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-card)calc(100%*var(--tw-bg-opacity)),transparent)}.\[\&_button\]\:p-0 button{padding:0}.\[\&_button\]\:p-px button{padding:1px}.\[\&_button\]\:text-\[\#7132f5\] button{--tw-text-opacity:1;color:rgb(113 50 245/var(--tw-text-opacity))}.\[\&_button_svg\]\:size-5 button svg{width:1.25rem;height:1.25rem}.\[\&_input\]\:text-ellipsis input{text-overflow:ellipsis}.\[\&_input\]\:text-left input{text-align:left}.\[\&_path\]\:fill-white path{fill:#fff}.\[\&_path\]\:stroke-ds-dropdown-button-content-icon path{stroke:color-mix(in srgb,var(--stroke-ds-dropdown-button-content-icon)calc(100%*1),transparent)}.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)calc(100%*1),transparent)}.\[\&_span\]\:max-w-full span{max-width:100%}.\[\&_svg\]\:rtl\:-scale-x-100:where([dir=rtl],[dir=rtl] *) svg{--tw-scale-x:-1;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))}@media (min-width:1024px){.lg\:\[\&_svg\]\:rtl\:-scale-x-100:where([dir=rtl],[dir=rtl] *) svg{--tw-scale-x:-1;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))}}.\[\&_svg_path\]\:fill-\[\#686b82\] svg path{fill:#686b82}.\[\&_svg_path\]\:fill-\[rgba\(104\,107\,130\,0\.4\)\] svg path{fill:#686b8266}.top-bar-panel-row:hover+.\[\.top-bar-panel-row\:hover\+\&\]\:opacity-0{opacity:0}:is(.trade-dark-theme,.trade-fe-dark-theme) .\[\:is\(\.trade-dark-theme\,\.trade-fe-dark-theme\)_\&\>button\:hover\]\:bg-\[rgba\(104\,107\,130\,0\.24\)\]>button:hover{background-color:#686b823d}:is(.trade-dark-theme,.trade-fe-dark-theme) .\[\:is\(\.trade-dark-theme\,\.trade-fe-dark-theme\)_\&\>button\]\:bg-\[rgba\(104\,107\,130\,0\.12\)\]>button{background-color:#686b821f}:is(.trade-dark-theme,.trade-fe-dark-theme) .\[\:is\(\.trade-dark-theme\,\.trade-fe-dark-theme\)_\&\>div\]\:text-\[\#9d82fe\]>div{--tw-text-opacity:1;color:rgb(157 130 254/var(--tw-text-opacity))}:is(.trade-dark-theme,.trade-fe-dark-theme) .\[\:is\(\.trade-dark-theme\,\.trade-fe-dark-theme\)_\&\]\:\!bg-\[rgba\(104\,107\,130\,0\.12\)\]{background-color:#686b821f!important}:is(.trade-dark-theme,.trade-fe-dark-theme) .\[\:is\(\.trade-dark-theme\,\.trade-fe-dark-theme\)_\&\]\:bg-\[rgba\(133\,91\,251\,0\.16\)\]{background-color:#855bfb29}:is(.trade-dark-theme,.trade-fe-dark-theme) .\[\:is\(\.trade-dark-theme\,\.trade-fe-dark-theme\)_\&\]\:text-\[\#f7f7fa\]{--tw-text-opacity:1;color:rgb(247 247 250/var(--tw-text-opacity))}:is(.trade-dark-theme,.trade-fe-dark-theme) .\[\:is\(\.trade-dark-theme\,\.trade-fe-dark-theme\)_\&_button\]\:text-\[\#8a61ff\] button{--tw-text-opacity:1;color:rgb(138 97 255/var(--tw-text-opacity))}:is(.trade-dark-theme,.trade-fe-dark-theme) .\[\:is\(\.trade-dark-theme\,\.trade-fe-dark-theme\)_\&_svg_path\]\:fill-\[\#9497a9\] svg path{fill:#9497a9}@media (hover:hover){.group\/asset:focus-within .\[\@media\(hover\:hover\)\]\:group-focus-within\/asset\:-translate-y-\[52px\]{--tw-translate-y:-52px;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))}.group\/asset:focus-within .\[\@media\(hover\:hover\)\]\:group-focus-within\/asset\:opacity-0{opacity:0}.group\/asset:hover .\[\@media\(hover\:hover\)\]\:group-hover\/asset\:-translate-y-\[52px\]{--tw-translate-y:-52px;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))}.group\/asset:hover .\[\@media\(hover\:hover\)\]\:group-hover\/asset\:opacity-0{opacity:0}}@media (prefers-reduced-motion:no-preference){@media (hover:hover) and (pointer:fine){.group:hover .motion-safe\:\[\@media\(hover\:hover\)_and_\(pointer\:fine\)\]\:group-hover\:scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02;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))}}}@media (hover:none){.\[\@media\(hover\:none\)\]\:pointer-events-auto{pointer-events:auto}.\[\@media\(hover\:none\)\]\:aspect-auto{aspect-ratio:auto}.\[\@media\(hover\:none\)\]\:h-auto{height:auto}.\[\@media\(hover\:none\)\]\:min-h-\[232px\]{min-height:232px}.\[\@media\(hover\:none\)\]\:min-h-\[268px\]{min-height:268px}.\[\@media\(hover\:none\)\]\:translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.\[\@media\(hover\:none\)\]\:scale-100{--tw-scale-x:1;--tw-scale-y:1;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))}.\[\@media\(hover\:none\)\]\:pb-\[64px\]{padding-bottom:64px}.\[\@media\(hover\:none\)\]\:opacity-100{opacity:1}}@media (pointer:coarse){.\[\@media\(pointer\:coarse\)\]\:text-base{font-size:1rem;line-height:1.5rem}}[data-earn-discovery-plate]:has(>[data-earn-for-you]):has(>[data-earn-more]) .\[\[data-earn-discovery-plate\]\:has\(\>\[data-earn-for-you\]\)\:has\(\>\[data-earn-more\]\)_\&\]\:block{display:block}.Modal-module_body__iVdXA{flex-direction:column;flex-grow:1;padding:1.5rem;font-family:Kraken-Product,Tajawal Arabic,Kraken-Product-Fallback,IBM Plex Sans,IBM-Plex-Sans-Fallback,Helvetica,Arial,sans-serif;display:flex;overflow:auto}@keyframes Modal-module_fadeIn__Yg6r2{0%{background-color:#0000}to{background-color:#00000040}}.Modal-module_underlay__PBl9b{z-index:1002;background-color:#00000040;justify-content:center;align-items:center;animation:.5s forwards Modal-module_fadeIn__Yg6r2;display:flex;position:fixed;inset:0}.Modal-module_modalRoot__yA6zK{border-radius:1rem;outline:none;max-width:100vw;max-height:100%;position:relative;overflow:hidden}.Modal-module_animated__yNPj4{border-radius:16px;width:100%;max-width:100%;height:100%;position:relative;overflow:hidden}@media screen and (min-width:768px){.Modal-module_animated__yNPj4.Modal-module_fullScreen__sSJLm{border:1px solid #0000001a}}.Modal-module_wizardRoot__qR_3u{height:100%;max-height:44rem}.Modal-module_wizard__f_uyU{width:25rem;height:100%}.Modal-module_wizard__f_uyU .Modal-module_header__QhduP{padding:0 1.25rem}.Modal-module_wizard__f_uyU .Modal-module_body__iVdXA{padding:1.25rem}.Modal-module_wizard__f_uyU .Modal-module_footer__MB5QN{padding:1rem 1.25rem}@media screen and (max-width:767px){.Modal-module_wizardRoot__qR_3u.Modal-module_fullScreen__sSJLm{max-height:unset;width:100%}.Modal-module_wizard__f_uyU.Modal-module_fullScreen__sSJLm{width:100%}}@media screen and (max-height:699px){.Modal-module_wizard__f_uyU .Modal-module_body__iVdXA{padding-top:.75rem;padding-bottom:.75rem}}.Modal-module_view__k4izJ{max-width:100%}.Modal-module_view__k4izJ .Modal-module_body__iVdXA.Modal-module_unset__Eo7a9{padding:0}.Modal-module_simple__d6ToL{width:32rem;max-width:100%}.Modal-module_simple__d6ToL .Modal-module_header__QhduP{padding:0 1.5rem}.Modal-module_simple__d6ToL .Modal-module_body__iVdXA{padding:1.5rem}.Modal-module_simple__d6ToL .Modal-module_footer__MB5QN{padding:1rem 1.5rem 1.5rem}.Modal-module_small__J8tQu{width:25rem;max-width:100%}.Modal-module_small__J8tQu .Modal-module_header__QhduP{padding:0 1.25rem}.Modal-module_small__J8tQu .Modal-module_body__iVdXA{padding:1.25rem}.Modal-module_small__J8tQu .Modal-module_footer__MB5QN{align-items:unset;padding:0 1.25rem 1.25rem}.Modal-module_body__iVdXA .Modal-module_none__RfjjA{padding:0}@media screen and (max-width:767px){.Modal-module_fullScreen__sSJLm{width:100vw;height:100%}.Modal-module_modalRoot__yA6zK.Modal-module_fullScreen__sSJLm,.Modal-module_animated__yNPj4.Modal-module_fullScreen__sSJLm{border-radius:0}}.Modal-module_view__k4izJ{flex-direction:column;max-height:100vh;display:flex}.Modal-module_defaultTheme__ofCvs{background:var(--ds-bg-color)}.Modal-module_pandaTheme__fgQKA{background:var(--background-color-ds-full-screen-dialog)}.Modal-module_header__QhduP{z-index:1;justify-content:flex-start;align-items:center;width:100%;display:flex;box-shadow:0 0 1px #0000000d,0 1px 3px #5d45dc0d}.Modal-module_header__QhduP.Modal-module_white__m9rfv,.Modal-module_header__QhduP.Modal-module_gray__oqQ_F{background-color:#ffffffa3}.Modal-module_buttonIcon__OSRku{stroke:#000;width:1.5rem;height:1.5rem}.Modal-module_footer__MB5QN{flex-direction:column;justify-self:flex-end;align-items:center;gap:.5rem;padding-bottom:1.5rem;display:flex}.DialogFooter-module_footer__cLf6D{justify-content:flex-end;gap:.5rem;width:100%;margin-top:1rem;display:flex}.ViewSlider-module_container__o545p{flex-grow:1;width:100%;min-height:476px;display:flex;position:relative}.ViewSlider-module_container__o545p.ViewSlider-module_fixed__VUjsp{height:100%}.ViewSlider-module_view__AYhj9{flex-direction:column;flex-grow:1;width:100%;min-height:476px;display:flex;position:absolute}.ViewSlider-module_view__AYhj9.ViewSlider-module_fixed__VUjsp{height:100%}.Panel-module_panel__hmNR9{z-index:10;border-radius:1.5rem;grid-template-rows:min-content 1fr;width:calc(100% + 15px);height:100%;margin-left:-7.5px;display:grid;position:absolute;bottom:0}.Panel-module_panel__hmNR9 .Panel-module_bg-ds-table-sticky__S7t7R{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-table-cell-sticky-dialog)calc(100%*var(--tw-bg-opacity)),transparent)}.Panel-module_panel__hmNR9 .Panel-module_bg-ds-container__w6DXS .Panel-module_bg-ds-table-sticky__S7t7R{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-table-cell-sticky-container)calc(100%*var(--tw-bg-opacity)),transparent)}.Panel-module_panel__hmNR9{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--background-color-ds-dialog)calc(100%*var(--tw-bg-opacity)),transparent)}.Panel-module_panel__hmNR9:not(.Panel-module_nonRevamp__dnwSw){background-color:var(--background-color-ds-full-screen-dialog)}.Panel-module_panel__hmNR9.Panel-module_mobile__nsVDS,.Panel-module_panel__hmNR9.Panel-module_nonRevamp__dnwSw{border-radius:1rem 1rem 0 0;width:100%;margin-left:0}@media (min-width:768px){.Panel-module_panel__hmNR9.Panel-module_mobile__nsVDS{border-radius:1rem}}.Panel-module_panelTitle___ctdg{z-index:1;border-radius:1rem 1rem 0 0;flex-wrap:wrap;align-items:center;min-height:4rem;padding:1.25rem 1rem 1rem;display:flex;box-shadow:0 1px 3px #14161e1a}.Panel-module_panelTitleContainer__G7etC{width:100%}.Panel-module_panelTitleContent__YzTl5{flex-wrap:wrap;align-items:center;display:flex}.Panel-module_panelBase__m1Oam{pointer-events:none;position:absolute;inset:0;overflow:hidden}.Panel-module_emptyContainerWrapper__OkN6O>.ds-container{height:100%;box-shadow:none!important;background:inherit!important;border-radius:0!important}.Panel-module_panelContent__G6ZSw{height:100%;overflow:auto}.Panel-module_footer__6nXuR{border-top:1px solid #686b8229;padding:1rem 1.25rem}.Tfa-module_panelContent__pkQAG{padding:1.25rem}.AssetInfoCell-module_assetInfoCellContainer__GBRrt{align-items:center;min-width:0;display:flex}.AssetInfoCell-module_assetInfoCellContainer__GBRrt>:not(:first-child){margin-left:.75rem}.AssetInfoCell-module_nameRightSection__cWXou{flex-direction:column;display:flex;overflow:hidden}@media screen and (min-width:415px){.AssetInfoCell-module_nameRightSection__cWXou{white-space:nowrap}}.AssetInfoCell-module_nameRightSection__cWXou>:not(:first-child){margin-top:.125rem}.AmountDelta-module_delta__savx7{align-items:center;display:flex}.GoldenBorder-module_wrapper__GWLE7{line-height:0;display:block;position:relative}.GoldenBorder-module_mask__kx44U{content:"";pointer-events:none;z-index:2;background:conic-gradient(from -12deg at 96.43% 0,#edaf34 26deg,#ffebc3 181deg,#e1a950 186deg,#8f653b 212deg,#9f6f25 226deg,#edaf34 245deg,#f6dba6 276deg,#eebc70 304deg,#9f6f25 331deg) padding-box padding-box;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.PriceCell-module_priceCell__trubP{white-space:nowrap;flex-direction:column;justify-content:center;align-items:flex-end;gap:2px;display:flex}.PriceCell-module_delta__zbchd{justify-content:flex-end;display:flex}.MobileDrawer-module_portalContainer__am91H{z-index:50;pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.MobileDrawer-module_overlay__FkjVI{will-change:opacity;pointer-events:auto;background-color:#0006;position:fixed;inset:0}.MobileDrawer-module_content__w9Z4r{z-index:50;background-color:var(--ds-bg-color);-webkit-user-select:none;user-select:none;will-change:transform;backface-visibility:hidden;pointer-events:auto;overscroll-behavior:contain;interpolate-size:allow-keywords;border-top-left-radius:20px;border-top-right-radius:20px;outline:none;max-height:90vh;transition:height .2s ease-out,bottom .1s ease-out,max-height .1s ease-out;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.MobileDrawer-module_dragHandle__b9nUL{cursor:grab;touch-action:none;justify-content:center;padding:12px 0 8px;display:flex}.MobileDrawer-module_dragHandle__b9nUL:active{cursor:grabbing}.MobileDrawer-module_dragHandleBar__6m9jB{background-color:var(--ds-color-border-subtle,#8080804d);border-radius:2px;width:36px;height:4px}.Challenge3DS-module_container__sgssN{flex-direction:column;flex-grow:1;width:100%;display:flex}.Challenge3DS-module_spinner__qglXi{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.InstantContent-module_errorContainer__a1BWD{grid-template-rows:min-content;gap:1rem;height:100%;padding:1.25rem;display:grid}.InstantContent-module_errorDetailsContainer__lahYm{text-align:center;flex-direction:column;align-items:center;display:flex}.InstantContent-module_detailsText__vs_Q_{text-align:center;margin-top:.5rem;padding-left:1.5rem;padding-right:1.5rem}.InstantContent-module_errorImage__OfYLg{background-image:url(../../static/image/unknown-error.5fa8aaed.png);background-size:cover;width:12.5rem;height:12.5rem;margin-top:1.5rem}.InstantContent-module_panel__mJ8f4{z-index:3;will-change:transform;transition:transform .3s ease-out,box-shadow .3s ease-out}.InstantContent-module_panelFocus__XPjdk{transform:translateY(-1rem);box-shadow:1px 32px 64px -12px #10182824}.InstantContent-module_dimmer__QeKuQ{z-index:2;opacity:1;cursor:default;pointer-events:auto;width:100%;height:100%;transition:opacity .3s ease-out;position:fixed;top:0;left:0}.InstantContent-module_dimmerHidden__XTFV8{pointer-events:none;opacity:0}:is(body.trade-dark-theme .InstantContent-module_dimmer__QeKuQ,body.trade-fe-dark-theme .InstantContent-module_dimmer__QeKuQ){background-color:#0006}:is(body.trade-light-theme .InstantContent-module_dimmer__QeKuQ,body.trade-fe-light-theme .InstantContent-module_dimmer__QeKuQ){background-color:#00000014}.InstantContent-module_shadowGradient__BWi4d{opacity:0;filter:blur(70px);-webkit-backdrop-filter:blur(70px);backdrop-filter:blur(70px);border-radius:20px;width:100%;height:100%;transition:opacity .3s ease-out;position:absolute;top:0}:is(body.trade-light-theme .InstantContent-module_shadowGradientFocused___FB0N,body.trade-fe-light-theme .InstantContent-module_shadowGradientFocused___FB0N){opacity:1;background:linear-gradient(#ffeeb380 0%,#8d00974d 48.56%,#0045c24d 100%)}:is(body.trade-dark-theme .InstantContent-module_shadowGradientFocused___FB0N,body.trade-fe-dark-theme .InstantContent-module_shadowGradientFocused___FB0N){opacity:1;background:linear-gradient(#f6d15e4d 0%,#ff7aff4d 48.56%,#8f9dff4d 100%)}.GeneralFallback-module_container__iXQ_i{flex-direction:column;align-items:center;height:100vh;display:flex}.GeneralFallback-module_cta__UJe4N{text-align:center;flex-direction:column;align-items:center;max-width:24rem;margin:7rem 1rem 0;display:flex}.GeneralFallback-module_img__SErgR{width:7.5rem;height:8.25rem;margin-bottom:1rem}.GeneralFallback-module_imgSmall__FkPvg{width:5.5rem;height:6rem}@media screen and (min-width:768px){.HomeLink-module_link__srbbw{height:26px}}.HomeLink-module_link__srbbw svg{transition:transform .2s ease-out}.HomeLink-module_link__srbbw:hover svg{transition:transform .2s ease-out;transform:scale(1.08)}.HomeLink-module_link__srbbw.HomeLink-module_focus-visible__pt5EK,.HomeLink-module_link__srbbw:focus-visible{outline:2px solid var(--colors-ds-brand);border-radius:.5rem}.HomeLink-module_link__srbbw:focus:not(.HomeLink-module_focus-visible__pt5EK),.HomeLink-module_link__srbbw:focus:not(:focus-visible){outline:none}@keyframes AppSkeleton-module_wave__yA03Y{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes AppSkeleton-module_non-performant-wave__Fsafo{0%{left:-100%;right:100%}50%{opacity:1;right:0%}to{opacity:0;left:100%}}.AppSkeleton-module_skeletonText__V10jC{color:#0000;font-size:inherit;line-height:inherit}.AppSkeleton-module_skeleton__SlCqM{min-height:100vh}.AppSkeleton-module_sidebar__IcyT7{flex-direction:column;gap:4px;width:11.25rem;padding:12px;display:flex}.AppSkeleton-module_sidebarLogo__mdrVz{position:relative;overflow:hidden}.AppSkeleton-module_sidebarLogo__mdrVz:after,.AppSkeleton-module_sidebarLogo__mdrVz:before{content:"";display:block;position:absolute;inset:0}.AppSkeleton-module_sidebarLogo__mdrVz:before{-webkit-backdrop-filter:contrast(90%);backdrop-filter:contrast(90%)}.AppSkeleton-module_sidebarLogo__mdrVz:after{background-image:linear-gradient(90deg,#0000,#0000000d,#0000),linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.6s linear .5s infinite AppSkeleton-module_wave__yA03Y}.AppSkeleton-module_sidebarLogo__mdrVz{border-radius:8px;width:32px;height:32px;margin-bottom:12px}.AppSkeleton-module_navItem__SsEfW{border-radius:8px;align-items:center;gap:12px;padding:8px;display:flex}.AppSkeleton-module_navIcon__sMY9o{position:relative;overflow:hidden}.AppSkeleton-module_navIcon__sMY9o:after,.AppSkeleton-module_navIcon__sMY9o:before{content:"";display:block;position:absolute;inset:0}.AppSkeleton-module_navIcon__sMY9o:before{-webkit-backdrop-filter:contrast(90%);backdrop-filter:contrast(90%)}.AppSkeleton-module_navIcon__sMY9o:after{background-image:linear-gradient(90deg,#0000,#0000000d,#0000),linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.6s linear .5s infinite AppSkeleton-module_wave__yA03Y}.AppSkeleton-module_navIcon__sMY9o{border-radius:6px;flex-shrink:0;width:24px;height:24px}.AppSkeleton-module_navText__qseW3{position:relative;overflow:hidden}.AppSkeleton-module_navText__qseW3:after,.AppSkeleton-module_navText__qseW3:before{content:"";display:block;position:absolute;inset:0}.AppSkeleton-module_navText__qseW3:before{-webkit-backdrop-filter:contrast(90%);backdrop-filter:contrast(90%)}.AppSkeleton-module_navText__qseW3:after{background-image:linear-gradient(90deg,#0000,#0000000d,#0000),linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.6s linear .5s infinite AppSkeleton-module_wave__yA03Y}.AppSkeleton-module_navText__qseW3{border-radius:4px;width:72px;height:14px}.AppSkeleton-module_sidebarDivider__A4TKI{opacity:.1;background:currentColor;height:1px;margin:8px 0}.AppSkeleton-module_assetItem__nKpMm{align-items:center;gap:10px;padding:6px 8px;display:flex}.AppSkeleton-module_assetIcon__iX663{position:relative;overflow:hidden}.AppSkeleton-module_assetIcon__iX663:after,.AppSkeleton-module_assetIcon__iX663:before{content:"";display:block;position:absolute;inset:0}.AppSkeleton-module_assetIcon__iX663:before{-webkit-backdrop-filter:contrast(90%);backdrop-filter:contrast(90%)}.AppSkeleton-module_assetIcon__iX663:after{background-image:linear-gradient(90deg,#0000,#0000000d,#0000),linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.6s linear .5s infinite AppSkeleton-module_wave__yA03Y}.AppSkeleton-module_assetIcon__iX663{border-radius:50%;flex-shrink:0;width:24px;height:24px}.AppSkeleton-module_assetText__HTlTz{position:relative;overflow:hidden}.AppSkeleton-module_assetText__HTlTz:after,.AppSkeleton-module_assetText__HTlTz:before{content:"";display:block;position:absolute;inset:0}.AppSkeleton-module_assetText__HTlTz:before{-webkit-backdrop-filter:contrast(90%);backdrop-filter:contrast(90%)}.AppSkeleton-module_assetText__HTlTz:after{background-image:linear-gradient(90deg,#0000,#0000000d,#0000),linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.6s linear .5s infinite AppSkeleton-module_wave__yA03Y}.AppSkeleton-module_assetText__HTlTz{border-radius:4px;width:64px;height:12px}.AppSkeleton-module_header__Bkfy_{justify-content:space-between;align-items:center;gap:16px;padding:0 24px;display:flex}.AppSkeleton-module_searchBar__WNOJv{position:relative;overflow:hidden}.AppSkeleton-module_searchBar__WNOJv:after,.AppSkeleton-module_searchBar__WNOJv:before{content:"";display:block;position:absolute;inset:0}.AppSkeleton-module_searchBar__WNOJv:before{-webkit-backdrop-filter:contrast(90%);backdrop-filter:contrast(90%)}.AppSkeleton-module_searchBar__WNOJv:after{background-image:linear-gradient(90deg,#0000,#0000000d,#0000),linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.6s linear .5s infinite AppSkeleton-module_wave__yA03Y}.AppSkeleton-module_searchBar__WNOJv{border-radius:20px;flex:1;align-items:center;gap:10px;max-width:500px;height:40px;padding:0 16px;display:flex}.AppSkeleton-module_searchIcon__Mh_X2{border-radius:50%;flex-shrink:0;width:16px;height:16px}.AppSkeleton-module_searchText__bYDxG{border-radius:4px;width:200px;height:12px}.AppSkeleton-module_headerRight__bK2Qs{align-items:center;gap:12px;display:flex}.AppSkeleton-module_headerButton__l66rY{position:relative;overflow:hidden}.AppSkeleton-module_headerButton__l66rY:after,.AppSkeleton-module_headerButton__l66rY:before{content:"";display:block;position:absolute;inset:0}.AppSkeleton-module_headerButton__l66rY:before{-webkit-backdrop-filter:contrast(90%);backdrop-filter:contrast(90%)}.AppSkeleton-module_headerButton__l66rY:after{background-image:linear-gradient(90deg,#0000,#0000000d,#0000),linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.6s linear .5s infinite AppSkeleton-module_wave__yA03Y}.AppSkeleton-module_headerButton__l66rY{border-radius:8px;width:100px;height:36px}.AppSkeleton-module_headerIconBtn__I3ROT{position:relative;overflow:hidden}.AppSkeleton-module_headerIconBtn__I3ROT:after,.AppSkeleton-module_headerIconBtn__I3ROT:before{content:"";display:block;position:absolute;inset:0}.AppSkeleton-module_headerIconBtn__I3ROT:before{-webkit-backdrop-filter:contrast(90%);backdrop-filter:contrast(90%)}.AppSkeleton-module_headerIconBtn__I3ROT:after{background-image:linear-gradient(90deg,#0000,#0000000d,#0000),linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.6s linear .5s infinite AppSkeleton-module_wave__yA03Y}.AppSkeleton-module_headerIconBtn__I3ROT{border-radius:50%;width:36px;height:36px}.AppSkeleton-module_headerAvatar__S7vF1{position:relative;overflow:hidden}.AppSkeleton-module_headerAvatar__S7vF1:after,.AppSkeleton-module_headerAvatar__S7vF1:before{content:"";display:block;position:absolute;inset:0}.AppSkeleton-module_headerAvatar__S7vF1:before{-webkit-backdrop-filter:contrast(90%);backdrop-filter:contrast(90%)}.AppSkeleton-module_headerAvatar__S7vF1:after{background-image:linear-gradient(90deg,#0000,#0000000d,#0000),linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.6s linear .5s infinite AppSkeleton-module_wave__yA03Y}.AppSkeleton-module_headerAvatar__S7vF1{border-radius:50%;width:36px;height:36px}.AppSkeleton-module_main__pY9qS{flex-direction:column;gap:16px;padding:24px 0;display:flex}.AppSkeleton-module_portfolioSection__rtiPp{flex-direction:column;gap:12px;display:flex}.AppSkeleton-module_portfolioLabel__Q9bo2{position:relative;overflow:hidden}.AppSkeleton-module_portfolioLabel__Q9bo2:after,.AppSkeleton-module_portfolioLabel__Q9bo2:before{content:"";display:block;position:absolute;inset:0}.AppSkeleton-module_portfolioLabel__Q9bo2:before{-webkit-backdrop-filter:contrast(90%);backdrop-filter:contrast(90%)}.AppSkeleton-module_portfolioLabel__Q9bo2:after{background-image:linear-gradient(90deg,#0000,#0000000d,#0000),linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.6s linear .5s infinite AppSkeleton-module_wave__yA03Y}.AppSkeleton-module_portfolioLabel__Q9bo2{border-radius:4px;width:120px;height:16px}.AppSkeleton-module_portfolioAmount__ipYFF{position:relative;overflow:hidden}.AppSkeleton-module_portfolioAmount__ipYFF:after,.AppSkeleton-module_portfolioAmount__ipYFF:before{content:"";display:block;position:absolute;inset:0}.AppSkeleton-module_portfolioAmount__ipYFF:before{-webkit-backdrop-filter:contrast(90%);backdrop-filter:contrast(90%)}.AppSkeleton-module_portfolioAmount__ipYFF:after{background-image:linear-gradient(90deg,#0000,#0000000d,#0000),linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.6s linear .5s infinite AppSkeleton-module_wave__yA03Y}.AppSkeleton-module_portfolioAmount__ipYFF{border-radius:6px;width:200px;height:40px}.AppSkeleton-module_portfolioSubtext__n2XcF{gap:24px;display:flex}.AppSkeleton-module_subtextItem__L31Vz{position:relative;overflow:hidden}.AppSkeleton-module_subtextItem__L31Vz:after,.AppSkeleton-module_subtextItem__L31Vz:before{content:"";display:block;position:absolute;inset:0}.AppSkeleton-module_subtextItem__L31Vz:before{-webkit-backdrop-filter:contrast(90%);backdrop-filter:contrast(90%)}.AppSkeleton-module_subtextItem__L31Vz:after{background-image:linear-gradient(90deg,#0000,#0000000d,#0000),linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.6s linear .5s infinite AppSkeleton-module_wave__yA03Y}.AppSkeleton-module_subtextItem__L31Vz{border-radius:4px;width:140px;height:14px}.AppSkeleton-module_portfolioActions__GuMIe{gap:12px;margin-top:4px;display:flex}.AppSkeleton-module_actionButton__EeL94{position:relative;overflow:hidden}.AppSkeleton-module_actionButton__EeL94:after,.AppSkeleton-module_actionButton__EeL94:before{content:"";display:block;position:absolute;inset:0}.AppSkeleton-module_actionButton__EeL94:before{-webkit-backdrop-filter:contrast(90%);backdrop-filter:contrast(90%)}.AppSkeleton-module_actionButton__EeL94:after{background-image:linear-gradient(90deg,#0000,#0000000d,#0000),linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.6s linear .5s infinite AppSkeleton-module_wave__yA03Y}.AppSkeleton-module_actionButton__EeL94{border-radius:10px;width:120px;height:44px}.AppSkeleton-module_chartArea__uVmA3{position:relative;overflow:hidden}.AppSkeleton-module_chartArea__uVmA3:after,.AppSkeleton-module_chartArea__uVmA3:before{content:"";display:block;position:absolute;inset:0}.AppSkeleton-module_chartArea__uVmA3:before{-webkit-backdrop-filter:contrast(90%);backdrop-filter:contrast(90%)}.AppSkeleton-module_chartArea__uVmA3:after{background-image:linear-gradient(90deg,#0000,#0000000d,#0000),linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.6s linear .5s infinite AppSkeleton-module_wave__yA03Y}.AppSkeleton-module_chartArea__uVmA3{border-radius:12px;width:100%;height:340px;margin-top:8px}.AppSkeleton-module_forYouSection__jyF2y{flex-direction:column;gap:16px;margin-top:16px;display:flex}.AppSkeleton-module_sectionLabel__l9van{position:relative;overflow:hidden}.AppSkeleton-module_sectionLabel__l9van:after,.AppSkeleton-module_sectionLabel__l9van:before{content:"";display:block;position:absolute;inset:0}.AppSkeleton-module_sectionLabel__l9van:before{-webkit-backdrop-filter:contrast(90%);backdrop-filter:contrast(90%)}.AppSkeleton-module_sectionLabel__l9van:after{background-image:linear-gradient(90deg,#0000,#0000000d,#0000),linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.6s linear .5s infinite AppSkeleton-module_wave__yA03Y}.AppSkeleton-module_sectionLabel__l9van{border-radius:4px;width:80px;height:14px}.AppSkeleton-module_promoCards__opi0v{gap:16px;display:flex}.AppSkeleton-module_promoCard__UeJxL{position:relative;overflow:hidden}.AppSkeleton-module_promoCard__UeJxL:after,.AppSkeleton-module_promoCard__UeJxL:before{content:"";display:block;position:absolute;inset:0}.AppSkeleton-module_promoCard__UeJxL:before{-webkit-backdrop-filter:contrast(90%);backdrop-filter:contrast(90%)}.AppSkeleton-module_promoCard__UeJxL:after{background-image:linear-gradient(90deg,#0000,#0000000d,#0000),linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.6s linear .5s infinite AppSkeleton-module_wave__yA03Y}.AppSkeleton-module_promoCard__UeJxL{border-radius:12px;flex-direction:column;flex:1;gap:12px;height:120px;padding:20px;display:flex}.AppSkeleton-module_promoIcon__NgzCT{border-radius:50%;width:40px;height:40px}.AppSkeleton-module_promoTextLines__rYziU{flex-direction:column;gap:8px;display:flex}.AppSkeleton-module_promoLine__Iju0O{border-radius:4px;width:80%;height:14px}.AppSkeleton-module_promoLineShort__hlR6T{border-radius:4px;width:50%;height:12px}.AppSkeleton-module_watchlistSection__Ym98M{flex-direction:column;gap:12px;margin-top:16px;display:flex}.AppSkeleton-module_watchlistRow__Ym6F3{position:relative;overflow:hidden}.AppSkeleton-module_watchlistRow__Ym6F3:after,.AppSkeleton-module_watchlistRow__Ym6F3:before{content:"";display:block;position:absolute;inset:0}.AppSkeleton-module_watchlistRow__Ym6F3:before{-webkit-backdrop-filter:contrast(90%);backdrop-filter:contrast(90%)}.AppSkeleton-module_watchlistRow__Ym6F3:after{background-image:linear-gradient(90deg,#0000,#0000000d,#0000),linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.6s linear .5s infinite AppSkeleton-module_wave__yA03Y}.AppSkeleton-module_watchlistRow__Ym6F3{border-radius:8px;width:100%;height:56px}.AppSkeleton-module_instant__P9XUr{flex-direction:column;gap:20px;width:410px;padding:24px 24px 0 0;display:flex}.AppSkeleton-module_instantTabs__qi_oI{gap:8px;display:flex}.AppSkeleton-module_instantTab__j6sE7{position:relative;overflow:hidden}.AppSkeleton-module_instantTab__j6sE7:after,.AppSkeleton-module_instantTab__j6sE7:before{content:"";display:block;position:absolute;inset:0}.AppSkeleton-module_instantTab__j6sE7:before{-webkit-backdrop-filter:contrast(90%);backdrop-filter:contrast(90%)}.AppSkeleton-module_instantTab__j6sE7:after{background-image:linear-gradient(90deg,#0000,#0000000d,#0000),linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.6s linear .5s infinite AppSkeleton-module_wave__yA03Y}.AppSkeleton-module_instantTab__j6sE7{border-radius:8px;width:70px;height:36px}.AppSkeleton-module_instantAssetSelector__B2_s8{align-items:center;gap:10px;padding:8px 0;display:flex}.AppSkeleton-module_instantInput__vqDnq{position:relative;overflow:hidden}.AppSkeleton-module_instantInput__vqDnq:after,.AppSkeleton-module_instantInput__vqDnq:before{content:"";display:block;position:absolute;inset:0}.AppSkeleton-module_instantInput__vqDnq:before{-webkit-backdrop-filter:contrast(90%);backdrop-filter:contrast(90%)}.AppSkeleton-module_instantInput__vqDnq:after{background-image:linear-gradient(90deg,#0000,#0000000d,#0000),linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.6s linear .5s infinite AppSkeleton-module_wave__yA03Y}.AppSkeleton-module_instantInput__vqDnq{border-radius:12px;justify-content:center;align-items:center;height:80px;padding:16px;display:flex}.AppSkeleton-module_instantInputAmount__oqeqs{border-radius:6px;width:80px;height:32px}.AppSkeleton-module_instantAmountRow__ZNVMk{gap:8px;display:flex}.AppSkeleton-module_amountBtn__bHyDK{position:relative;overflow:hidden}.AppSkeleton-module_amountBtn__bHyDK:after,.AppSkeleton-module_amountBtn__bHyDK:before{content:"";display:block;position:absolute;inset:0}.AppSkeleton-module_amountBtn__bHyDK:before{-webkit-backdrop-filter:contrast(90%);backdrop-filter:contrast(90%)}.AppSkeleton-module_amountBtn__bHyDK:after{background-image:linear-gradient(90deg,#0000,#0000000d,#0000),linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.6s linear .5s infinite AppSkeleton-module_wave__yA03Y}.AppSkeleton-module_amountBtn__bHyDK{border-radius:8px;flex:1;height:32px}.AppSkeleton-module_instantRepeat__QgaSD{justify-content:space-between;align-items:center;display:flex}.AppSkeleton-module_repeatLabel__hYy1W{position:relative;overflow:hidden}.AppSkeleton-module_repeatLabel__hYy1W:after,.AppSkeleton-module_repeatLabel__hYy1W:before{content:"";display:block;position:absolute;inset:0}.AppSkeleton-module_repeatLabel__hYy1W:before{-webkit-backdrop-filter:contrast(90%);backdrop-filter:contrast(90%)}.AppSkeleton-module_repeatLabel__hYy1W:after{background-image:linear-gradient(90deg,#0000,#0000000d,#0000),linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.6s linear .5s infinite AppSkeleton-module_wave__yA03Y}.AppSkeleton-module_repeatLabel__hYy1W{border-radius:4px;width:60px;height:14px}.AppSkeleton-module_repeatToggle__RfjYQ{position:relative;overflow:hidden}.AppSkeleton-module_repeatToggle__RfjYQ:after,.AppSkeleton-module_repeatToggle__RfjYQ:before{content:"";display:block;position:absolute;inset:0}.AppSkeleton-module_repeatToggle__RfjYQ:before{-webkit-backdrop-filter:contrast(90%);backdrop-filter:contrast(90%)}.AppSkeleton-module_repeatToggle__RfjYQ:after{background-image:linear-gradient(90deg,#0000,#0000000d,#0000),linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.6s linear .5s infinite AppSkeleton-module_wave__yA03Y}.AppSkeleton-module_repeatToggle__RfjYQ{border-radius:11px;width:40px;height:22px}.AppSkeleton-module_instantPayWith__DYrCC{flex-direction:column;gap:10px;display:flex}.AppSkeleton-module_payWithLabel__zUt38{position:relative;overflow:hidden}.AppSkeleton-module_payWithLabel__zUt38:after,.AppSkeleton-module_payWithLabel__zUt38:before{content:"";display:block;position:absolute;inset:0}.AppSkeleton-module_payWithLabel__zUt38:before{-webkit-backdrop-filter:contrast(90%);backdrop-filter:contrast(90%)}.AppSkeleton-module_payWithLabel__zUt38:after{background-image:linear-gradient(90deg,#0000,#0000000d,#0000),linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.6s linear .5s infinite AppSkeleton-module_wave__yA03Y}.AppSkeleton-module_payWithLabel__zUt38{border-radius:4px;width:64px;height:12px}.AppSkeleton-module_payWithSelector__aoZGM{align-items:center;gap:10px;display:flex}.AppSkeleton-module_instantReviewBtn__DgPSj{position:relative;overflow:hidden}.AppSkeleton-module_instantReviewBtn__DgPSj:after,.AppSkeleton-module_instantReviewBtn__DgPSj:before{content:"";display:block;position:absolute;inset:0}.AppSkeleton-module_instantReviewBtn__DgPSj:before{-webkit-backdrop-filter:contrast(90%);backdrop-filter:contrast(90%)}.AppSkeleton-module_instantReviewBtn__DgPSj:after{background-image:linear-gradient(90deg,#0000,#0000000d,#0000),linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.6s linear .5s infinite AppSkeleton-module_wave__yA03Y}.AppSkeleton-module_instantReviewBtn__DgPSj{border-radius:12px;width:100%;height:48px;margin-top:auto}@media (max-width:1400px){.AppSkeleton-module_instant__P9XUr{display:none}}@media screen and (max-width:1023px){.AppSkeleton-module_sidebar__IcyT7{display:none}}