.text-theme-set-pro {
    --fontWeight-ds-display1: 400;
    --fontWeight-ds-display2: 400;
    --fontWeight-ds-display3: 400;
    --fontWeight-ds-display4: 400;
    --fontWeight-ds-heading1: 500;
    --fontWeight-ds-heading2: 500;
    --fontWeight-ds-heading3: 500;
    --fontWeight-ds-heading4: 500;
    --fontWeight-ds-heading5: 500;
    --letterSpacing-ds-display1: 0;
    --letterSpacing-ds-display2: 0;
    --letterSpacing-ds-display3: 0;
    --letterSpacing-ds-display4: 0;
    --letterSpacing-ds-heading1: 0;
    --letterSpacing-ds-heading2: 0;
    --letterSpacing-ds-heading3: 0;
    --letterSpacing-ds-heading4: 0;
    --letterSpacing-ds-heading5: 0
}

.text-theme-set-pay {
    --fontFamily-ds-body1: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-body2: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-body3: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-body4: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-caption1: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-caption2: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-editorial4: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-editorial5: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-label1: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-label2: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-label3: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontWeight-ds-brand1: 500;
    --fontWeight-ds-brand2: 500;
    --fontWeight-ds-brand3: 500;
    --fontWeight-ds-brand4: 500;
    --fontWeight-ds-caption1: 500;
    --fontWeight-ds-caption2: 500;
    --fontWeight-ds-display1: 500;
    --fontWeight-ds-display2: 500;
    --fontWeight-ds-display3: 500;
    --fontWeight-ds-display4: 500;
    --fontWeight-ds-editorial1: 500;
    --fontWeight-ds-editorial2: 500;
    --fontWeight-ds-editorial3: 500;
    --fontWeight-ds-editorial4: 500;
    --fontWeight-ds-editorial5: 500;
    --fontWeight-ds-heading1: 500;
    --fontWeight-ds-heading2: 500;
    --fontWeight-ds-heading3: 500;
    --fontWeight-ds-heading4: 500;
    --letterSpacing-ds-brand1: -4px;
    --letterSpacing-ds-brand2: -3.2px;
    --letterSpacing-ds-brand3: -2px;
    --letterSpacing-ds-brand4: -1.12px;
    --letterSpacing-ds-display1: -1.76px;
    --letterSpacing-ds-display2: -1.4px;
    --letterSpacing-ds-display3: -1.16px;
    --letterSpacing-ds-display4: -.96px;
    --letterSpacing-ds-caption1: .5px
}

.input {
    box-sizing: border-box;
    outline-offset: 2px;
    border-width: 1px;
    border-color: #e5e6ec;
    border-radius: .5rem;
    outline: 2px solid #0000;
    transition-property: all;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.input:hover {
    border-color: #e5e6ec
}

.checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    outline-offset: 2px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    border-width: 1px;
    border-color: #e5e6ec;
    border-radius: .5rem;
    outline: 2px solid #0000;
    width: 1.5rem;
    height: 1.5rem;
    transition-property: all;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.checkbox:hover {
    border-color: #e5e6ec
}

#ReactDatePicker-portal .react-datepicker__day--selected,
#ReactDatePicker-portal .react-datepicker__day--keyboard-selected {
    --tw-bg-opacity: 1;
    background-color: rgb(88 65 216/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media only screen and (max-width: 768px) {

    .mobile-table,
    .mobile-table tr,
    .mobile-table td {
        display: block
    }

    .mobile-table thead {
        display: none
    }

    .mobile-table tr {
        border-bottom: 1px solid;
        padding: 14px 0
    }

    .mobile-table td {
        padding: 6px 0
    }
}

html {
    -webkit-text-size-adjust: none
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    vertical-align: baseline;
    border: 0;
    margin: 0;
    padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@font-face {
    font-family: kraken;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(./fonts/kraken.eot);
    src: url(./fonts/kraken.eot)format("embedded-opentype"), url(./fonts/kraken.woff)format("woff"), url(./fonts/kraken.ttf)format("truetype"), url(./fonts/kraken.svg)format("svg")
}

@font-face {
    font-family: cryptocoins;
    font-display: swap;
    src: url(./fonts/cryptocoins.woff2)format("woff2"), url(./fonts/cryptocoins.woff)format("woff"), url(./fonts/cryptocoins.ttf)format("truetype")
}

@font-face {
    font-family: Kraken-Brand;
    font-display: swap;
    src: url(./fonts/Kraken-Brand-ExtraBlack.otf)format("opentype");
    font-weight: 950;
    font-style: normal
}

@font-face {
    font-family: Kraken-Brand;
    font-display: swap;
    src: url(./fonts/Kraken-Brand-ExtraBlack-Oblique.otf)format("opentype");
    font-weight: 950;
    font-style: italic
}

@font-face {
    font-family: Kraken-Brand;
    font-display: swap;
    src: url(./fonts/Kraken-Brand-Black.otf)format("opentype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Kraken-Brand;
    font-display: swap;
    src: url(./fonts/Kraken-Brand-Black-Oblique.otf)format("opentype");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: Kraken-Brand;
    font-display: swap;
    src: url(./fonts/Kraken-Brand-Bold.otf)format("opentype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Kraken-Brand;
    font-display: swap;
    src: url(./fonts/Kraken-Brand-Bold-Oblique.otf)format("opentype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Kraken-Brand;
    font-display: swap;
    src: url(./fonts/Kraken-Brand-Light.otf)format("opentype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Kraken-Brand;
    font-display: swap;
    src: url(./fonts/Kraken-Brand-Light-Oblique.otf)format("opentype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: Kraken-Brand;
    font-display: swap;
    src: url(./fonts/Kraken-Brand-Medium.otf)format("opentype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Kraken-Brand;
    font-display: swap;
    src: url(./fonts/Kraken-Brand-Medium-Oblique.otf)format("opentype");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: Kraken-Brand;
    font-display: swap;
    src: url(./fonts/Kraken-Brand-Regular.otf)format("opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Kraken-Brand;
    font-display: swap;
    src: url(./fonts/Kraken-Brand-Regular-Oblique.otf)format("opentype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: GT Condensed Bold;
    font-display: swap;
    src: url(./fonts/GT-Standard-VF-Beta-V3.ttf)format("truetype");
    font-weight: 1000;
    font-style: normal
}

@font-face {
    font-family: GT Standard Compressed L;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Black-Compressed-L.otf)format("opentype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: GT Standard Condensed L;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Black-Condensed-L.otf)format("opentype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: GT Standard Expanded L;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Black-Expanded-L.otf)format("opentype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: GT Standard Extended L;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Black-Extended-L.otf)format("opentype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: GT Standard L;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Black-L.otf)format("opentype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: GT Standard VF Beta V3;
    font-display: swap;
    font-variation-settings: "opsz" 30;
    src: url(./fonts/GT-Standard-VF-Beta-V3.ttf)format("truetype")
}

@font-face {
    font-family: GT Standard S;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Black-S.otf)format("opentype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Kraken-Mono;
    font-display: swap;
    src: url(./fonts/Kraken-Mono-Regular.woff2)format("woff2"), url(./fonts/Kraken-Mono-Regular.woff)format("woff"), url(./fonts/Kraken-Mono-Regular.ttf)format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Kraken-Mono;
    font-display: swap;
    src: url(./fonts/Kraken-Mono-Regular-Oblique.woff2)format("woff2"), url(./fonts/Kraken-Mono-Regular-Oblique.woff)format("woff"), url(./fonts/Kraken-Mono-Regular-Oblique.ttf)format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Kraken-Mono;
    font-display: swap;
    src: url(./fonts/Kraken-Mono-Medium.woff2)format("woff2"), url(./fonts/Kraken-Mono-Medium.woff)format("woff"), url(./fonts/Kraken-Mono-Medium.ttf)format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Kraken-Mono;
    font-display: swap;
    src: url(./fonts/Kraken-Mono-Medium-Oblique.woff2)format("woff2"), url(./fonts/Kraken-Mono-Medium-Oblique.woff)format("woff"), url(./fonts/Kraken-Mono-Medium-Oblique.ttf)format("truetype");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: Kraken-Product;
    font-display: swap;
    src: url(./fonts/Kraken-Product-Regular.woff2)format("woff2"), url(./fonts/Kraken-Product-Regular.woff)format("woff"), url(./fonts/Kraken-Product-Regular.ttf)format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Kraken-Product;
    font-display: swap;
    src: url(./fonts/Kraken-Product-Regular-Oblique.woff2)format("woff2"), url(./fonts/Kraken-Product-Regular-Oblique.woff)format("woff"), url(./fonts/Kraken-Product-Regular-Oblique.ttf)format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Kraken-Product;
    font-display: swap;
    src: url(./fonts/Kraken-Product-Medium.woff2)format("woff2"), url(./fonts/Kraken-Product-Medium.woff)format("woff"), url(./fonts/Kraken-Product-Medium.ttf)format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Kraken-Product;
    font-display: swap;
    src: url(./fonts/Kraken-Product-Medium-Oblique.woff2)format("woff2"), url(./fonts/Kraken-Product-Medium-Oblique.woff)format("woff"), url(./fonts/Kraken-Product-Medium-Oblique.ttf)format("truetype");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: Kraken-Product;
    font-display: swap;
    src: url(./fonts/Kraken-Product-SemiBold.woff2)format("woff2"), url(./fonts/Kraken-Product-SemiBold.woff)format("woff"), url(./fonts/Kraken-Product-SemiBold.ttf)format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Kraken-Product;
    font-display: swap;
    src: url(./fonts/Kraken-Product-SemiBold-Oblique.woff2)format("woff2"), url(./fonts/Kraken-Product-SemiBold-Oblique.woff)format("woff"), url(./fonts/Kraken-Product-SemiBold-Oblique.ttf)format("truetype");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: Kraken-Product;
    font-display: swap;
    src: url(./fonts/Kraken-Product-Bold.woff2)format("woff2"), url(./fonts/Kraken-Product-Bold.woff)format("woff"), url(./fonts/Kraken-Product-Bold.ttf)format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Kraken-Product;
    font-display: swap;
    src: url(./fonts/Kraken-Product-Bold-Oblique.woff2)format("woff2"), url(./fonts/Kraken-Product-Bold-Oblique.woff)format("woff"), url(./fonts/Kraken-Product-Bold-Oblique.ttf)format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: GT Standard Compressed L;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Bold-Compressed-L.otf)format("opentype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: GT Standard Condensed L;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Bold-Condensed-L.otf)format("opentype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: GT Standard Expanded L;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Bold-Expanded-L.otf)format("opentype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: GT Standard Extended L;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Bold-Extended-L.otf)format("opentype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: GT Standard L;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Bold-L.otf)format("opentype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: GT Standard S;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Bold-S.otf)format("opentype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: GT Standard Compressed L;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Light-Compressed-L.otf)format("opentype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: GT Standard Condensed L;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Light-Condensed-L.otf)format("opentype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: GT Standard Expanded L;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Light-Expanded-L.otf)format("opentype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: GT Standard Extended L;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Light-Extended-L.otf)format("opentype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: GT Standard L;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Light-L.otf)format("opentype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: GT Standard S;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Light-S.otf)format("opentype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: GT Standard Compressed L;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Medium-Compressed-L.otf)format("opentype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: GT Standard Condensed L;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Medium-Condensed-L.otf)format("opentype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: GT Standard Expanded L;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Medium-Expanded-L.otf)format("opentype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: GT Standard Extended L;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Medium-Extended-L.otf)format("opentype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: GT Standard L;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Medium-L.otf)format("opentype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: GT Standard S;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Medium-S.otf)format("opentype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: GT Standard Compressed L;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Regular-Compressed-L.otf)format("opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: GT Standard Condensed L;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Regular-Condensed-L.otf)format("opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: GT Standard Expanded L;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Regular-Expanded-L.otf)format("opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: GT Standard Extended L;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Regular-Extended-L.otf)format("opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: GT Standard L;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Regular-L.otf)format("opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: GT Standard S;
    font-display: swap;
    src: url(./fonts/GT-Standard-Beta-v3-Regular-S.otf)format("opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Celias;
    font-display: swap;
    src: url(./fonts/CeliasW05-MediumItalic.woff2)format("woff2"), url(./fonts/CeliasW05-MediumItalic.woff)format("woff");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: Celias;
    font-display: swap;
    src: url(./fonts/CeliasW05-Bold.woff2)format("woff2"), url(./fonts/CeliasW05-Bold.woff)format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Celias;
    font-display: swap;
    src: url(./fonts/CeliasW05-ThinItalic.woff2)format("woff2"), url(./fonts/CeliasW05-ThinItalic.woff)format("woff");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: Celias;
    font-display: swap;
    src: url(./fonts/CeliasW05-BoldItalic.woff2)format("woff2"), url(./fonts/CeliasW05-BoldItalic.woff)format("woff");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Celias;
    font-display: swap;
    src: url(./fonts/CeliasW05-Black.woff2)format("woff2"), url(./fonts/CeliasW05-Black.woff)format("woff");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Celias;
    font-display: swap;
    src: url(./fonts/CeliasW05-BlackItalic.woff2)format("woff2"), url(./fonts/CeliasW05-BlackItalic.woff)format("woff");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: Celias;
    font-display: swap;
    src: url(./fonts/CeliasW05-Light.woff2)format("woff2"), url(./fonts/CeliasW05-Light.woff)format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Celias;
    font-display: swap;
    src: url(./fonts/CeliasW05-Medium.woff2)format("woff2"), url(./fonts/CeliasW05-Medium.woff)format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Celias;
    font-display: swap;
    src: url(./fonts/CeliasW05-Regular.woff2)format("woff2"), url(./fonts/CeliasW05-Regular.woff)format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Celias;
    font-display: swap;
    src: url(./fonts/CeliasW05-Thin.woff2)format("woff2"), url(./fonts/CeliasW05-Thin.woff)format("woff");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Celias;
    font-display: swap;
    src: url(./fonts/CeliasW05-RegularItalic.woff2)format("woff2"), url(./fonts/CeliasW05-RegularItalic.woff)format("woff");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Celias;
    font-display: swap;
    src: url(./fonts/CeliasW05-LightItalic.woff2)format("woff2"), url(./fonts/CeliasW05-LightItalic.woff)format("woff");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: Grifo S;
    font-display: swap;
    src: url(./fonts/GrifoS-Light.woff2)format("woff2"), url(./fonts/GrifoS-Light.woff)format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Noto Sans JP;
    font-display: swap;
    src: url(./fonts/NotoSansJP-Regular.woff2)format("woff2"), url(./fonts/NotoSansJP-Regular.woff)format("woff"), url(./fonts/NotoSansJP-Regular.otf)format("opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Noto Sans JP;
    font-display: swap;
    src: url(./fonts/NotoSansJP-Bold.woff2)format("woff2"), url(./fonts/NotoSansJP-Bold.woff)format("woff"), url(./fonts/NotoSansJP-Bold.otf)format("opentype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Noto Sans Vietnamese;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(Noto Sans), local(NotoSans), url(./fonts/noto-sans-v9-all-regular.woff2)format("woff2"), url(./fonts/noto-sans-v9-all-regular.woff)format("woff")
}

@font-face {
    font-family: Noto Sans Vietnamese;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local(Noto Sans Bold), local(NotoSans-Bold), url(./fonts/noto-sans-v9-all-700.woff2)format("woff2"), url(./fonts/noto-sans-v9-all-700.woff)format("woff")
}

@font-face {
    font-family: Celias Hairline;
    font-display: swap;
    src: url(./fonts/CeliasW05-Hairline.woff2)format("woff2"), url(./fonts/CeliasW05-Hairline.woff)format("woff");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: Celias Hairline;
    font-display: swap;
    src: url(./fonts/CeliasW05-HairlineItalic.woff2)format("woff2"), url(./fonts/CeliasW05-HairlineItalic.woff)format("woff");
    font-weight: 200;
    font-style: italic
}

@font-face {
    font-family: Kraken Plex Mono;
    src: url(./fonts/KrakenPlexMono.woff2)format("woff2"), url(./fonts/KrakenPlexMono.woff)format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Kraken Plex Mono;
    src: url(./fonts/KrakenPlexMono-Bold.woff2)format("woff2"), url(./fonts/KrakenPlexMono-Bold.woff)format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Kraken Plex Mono;
    src: url(./fonts/KrakenPlexMono-BoldItalic.woff2)format("woff2"), url(./fonts/KrakenPlexMono-BoldItalic.woff)format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Kraken Plex Mono;
    src: url(./fonts/KrakenPlexMono-ExtraLight.woff2)format("woff2"), url(./fonts/KrakenPlexMono-ExtraLight.woff)format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Kraken Plex Mono;
    src: url(./fonts/KrakenPlexMono-ExtraLightItalic.woff2)format("woff2"), url(./fonts/KrakenPlexMono-ExtraLightItalic.woff)format("woff");
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Kraken Plex Mono;
    src: url(./fonts/KrakenPlexMono-Italic.woff2)format("woff2"), url(./fonts/KrakenPlexMono-Italic.woff)format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Kraken Plex Mono;
    src: url(./fonts/KrakenPlexMono-Light.woff2)format("woff2"), url(./fonts/KrakenPlexMono-Light.woff)format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Kraken Plex Mono;
    src: url(./fonts/KrakenPlexMono-LightItalic.woff2)format("woff2"), url(./fonts/KrakenPlexMono-LightItalic.woff)format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Kraken Plex Mono;
    src: url(./fonts/KrakenPlexMono-Medium.woff2)format("woff2"), url(./fonts/KrakenPlexMono-Medium.woff)format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Kraken Plex Mono;
    src: url(./fonts/KrakenPlexMono-MediumItalic.woff2)format("woff2"), url(./fonts/KrakenPlexMono-MediumItalic.woff)format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Kraken Plex Mono;
    src: url(./fonts/KrakenPlexMono-SemiBold.woff2)format("woff2"), url(./fonts/KrakenPlexMono-SemiBold.woff)format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Kraken Plex Mono;
    src: url(./fonts/KrakenPlexMono-SemiBoldItalic.woff2)format("woff2"), url(./fonts/KrakenPlexMono-SemiBoldItalic.woff)format("woff");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Kraken Plex Mono;
    src: url(./fonts/KrakenPlexMono-Text.woff2)format("woff2"), url(./fonts/KrakenPlexMono-Text.woff)format("woff");
    font-weight: 450;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Kraken Plex Mono;
    src: url(./fonts/KrakenPlexMono-TextItalic.woff2)format("woff2"), url(./fonts/KrakenPlexMono-TextItalic.woff)format("woff");
    font-weight: 450;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Kraken Plex Mono;
    src: url(./fonts/KrakenPlexMono-Thin.woff2)format("woff2"), url(./fonts/KrakenPlexMono-Thin.woff)format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Kraken Plex Mono;
    src: url(./fonts/KrakenPlexMono-ThinItalic.woff2)format("woff2"), url(./fonts/KrakenPlexMono-ThinItalic.woff)format("woff");
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local(IBM Plex Sans Bold), local(IBMPlexSans-Bold), url(./fonts/IBMPlexSans-Bold.woff2)format("woff2"), url(./fonts/IBMPlexSans-Bold.woff)format("woff")
}

@font-face {
    font-family: IBM Plex Sans;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local(IBM Plex Sans Bold Italic), local(IBMPlexSans-BoldItalic), url(./fonts/IBMPlexSans-BoldItalic.woff2)format("woff2"), url(./fonts/IBMPlexSans-BoldItalic.woff)format("woff")
}

@font-face {
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: local(IBM Plex Sans Extra Light), local(IBMPlexSans-ExtraLight), url(./fonts/IBMPlexSans-ExtraLight.woff2)format("woff2"), url(./fonts/IBMPlexSans-ExtraLight.woff)format("woff")
}

@font-face {
    font-family: IBM Plex Sans;
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: local(IBM Plex Sans Extra Light Italic), local(IBMPlexSans-ExtraLightItalic), url(./fonts/IBMPlexSans-ExtraLightItalic.woff2)format("woff2"), url(./fonts/IBMPlexSans-ExtraLightItalic.woff)format("woff")
}

@font-face {
    font-family: IBM Plex Sans;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local(IBM Plex Sans Italic), local(IBMPlexSans-Italic), url(./fonts/IBMPlexSans-Italic.woff2)format("woff2"), url(./fonts/IBMPlexSans-Italic.woff)format("woff")
}

@font-face {
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local(IBM Plex Sans Light), local(IBMPlexSans-Light), url(./fonts/IBMPlexSans-Light.woff2)format("woff2"), url(./fonts/IBMPlexSans-Light.woff)format("woff")
}

@font-face {
    font-family: IBM Plex Sans;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local(IBM Plex Sans Light Italic), local(IBMPlexSans-LightItalic), url(./fonts/IBMPlexSans-LightItalic.woff2)format("woff2"), url(./fonts/IBMPlexSans-LightItalic.woff)format("woff")
}

@font-face {
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local(IBM Plex Sans Medium), local(IBMPlexSans-Medium), url(./fonts/IBMPlexSans-Medium.woff2)format("woff2"), url(./fonts/IBMPlexSans-Medium.woff)format("woff")
}

@font-face {
    font-family: IBM Plex Sans;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: local(IBM Plex Sans Medium), local(IBMPlexSans-MediumItalic), url(./fonts/IBMPlexSans-MediumItalic.woff2)format("woff2"), url(./fonts/IBMPlexSans-MediumItalic.woff)format("woff")
}

@font-face {
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(IBM Plex Sans Regular), local(IBMPlexSans-Regular), url(./fonts/IBMPlexSans-Regular.woff2)format("woff2"), url(./fonts/IBMPlexSans-Regular.woff)format("woff")
}

@font-face {
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local(IBM Plex Sans Semi-Bold), local(IBMPlexSans-SemiBold), url(./fonts/IBMPlexSans-SemiBold.woff2)format("woff2"), url(./fonts/IBMPlexSans-SemiBold.woff)format("woff")
}

@font-face {
    font-family: IBM Plex Sans;
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: local(IBM Plex Sans Semi-Bold Italic), local(IBMPlexSans-SemiBoldItalic), url(./fonts/IBMPlexSans-SemiBoldItalic.woff2)format("woff2"), url(./fonts/IBMPlexSans-SemiBoldItalic.woff)format("woff")
}

@font-face {
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local(IBM Plex Sans Thin), local(IBMPlexSans-Thin), url(./fonts/IBMPlexSans-Thin.woff2)format("woff2"), url(./fonts/IBMPlexSans-Thin.woff)format("woff")
}

@font-face {
    font-family: IBM Plex Sans;
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: local(IBM Plex Sans Thin Italic), local(IBMPlexSans-ThinItalic), url(./fonts/IBMPlexSans-ThinItalic.woff2)format("woff2"), url(./fonts/IBMPlexSans-ThinItalic.woff)format("woff")
}

@font-face {
    font-family: Acumin Pro;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local(Acumin Pro Bold), local(AcuminPro-Bold), url(./fonts/AcuminPro-Bold.woff2)format("woff2"), url(./fonts/AcuminPro-Bold.woff)format("woff")
}

@font-face {
    font-family: Acumin Pro;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local(Acumin Pro Bold Italic), local(AcuminPro-BoldItalic), url(./fonts/AcuminPro-BoldItalic.woff2)format("woff2"), url(./fonts/AcuminPro-BoldItalic.woff)format("woff")
}

@font-face {
    font-family: Acumin Pro;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: local(Acumin Pro Extra Light), local(AcuminPro-ExtraLight), url(./fonts/AcuminPro-ExtraLight.woff2)format("woff2"), url(./fonts/AcuminPro-ExtraLight.woff)format("woff")
}

@font-face {
    font-family: Acumin Pro;
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: local(Acumin Pro Extra Light Italic), local(AcuminPro-ExtraLightItalic), url(./fonts/AcuminPro-ExtraLightItalic.woff2)format("woff2"), url(./fonts/AcuminPro-ExtraLightItalic.woff)format("woff")
}

@font-face {
    font-family: Acumin Pro;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local(Acumin Pro Italic), local(AcuminPro-Italic), url(./fonts/AcuminPro-Italic.woff2)format("woff2"), url(./fonts/AcuminPro-Italic.woff)format("woff")
}

@font-face {
    font-family: Acumin Pro;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local(Acumin Pro Light), local(AcuminPro-Light), url(./fonts/AcuminPro-Light.woff2)format("woff2"), url(./fonts/AcuminPro-Light.woff)format("woff")
}

@font-face {
    font-family: Acumin Pro;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local(Acumin Pro Light Italic), local(AcuminPro-LightItalic), url(./fonts/AcuminPro-LightItalic.woff2)format("woff2"), url(./fonts/AcuminPro-LightItalic.woff)format("woff")
}

@font-face {
    font-family: Acumin Pro;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local(Acumin Pro Medium), local(AcuminPro-Medium), url(./fonts/AcuminPro-Medium.woff2)format("woff2"), url(./fonts/AcuminPro-Medium.woff)format("woff")
}

@font-face {
    font-family: Acumin Pro;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: local(Acumin Pro Medium), local(AcuminPro-MediumItalic), url(./fonts/AcuminPro-MediumItalic.woff2)format("woff2"), url(./fonts/AcuminPro-MediumItalic.woff)format("woff")
}

@font-face {
    font-family: Acumin Pro;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(Acumin Pro Regular), local(AcuminPro-Regular), url(./fonts/AcuminPro-Regular.woff2)format("woff2"), url(./fonts/AcuminPro-Regular.woff)format("woff")
}

@font-face {
    font-family: Acumin Pro;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local(Acumin Pro Semi-Bold), local(AcuminPro-SemiBold), url(./fonts/AcuminPro-SemiBold.woff2)format("woff2"), url(./fonts/AcuminPro-SemiBold.woff)format("woff")
}

@font-face {
    font-family: Acumin Pro;
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: local(Acumin Pro Semi-Bold Italic), local(AcuminPro-SemiBoldItalic), url(./fonts/AcuminPro-SemiBoldItalic.woff2)format("woff2"), url(./fonts/AcuminPro-SemiBoldItalic.woff)format("woff")
}

@font-face {
    font-family: Acumin Pro;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local(Acumin Pro Thin), local(AcuminPro-Thin), url(./fonts/AcuminPro-Thin.woff2)format("woff2"), url(./fonts/AcuminPro-Thin.woff)format("woff")
}

@font-face {
    font-family: Acumin Pro;
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: local(Acumin Pro Thin Italic), local(AcuminPro-ThinItalic), url(./fonts/AcuminPro-ThinItalic.woff2)format("woff2"), url(./fonts/AcuminPro-ThinItalic.woff)format("woff")
}

@font-face {
    font-family: Calluna;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local(Calluna Bold), local(Calluna-Bold), url(./fonts/Calluna-Bold.woff2)format("woff2"), url(./fonts/Calluna-Bold.woff)format("woff")
}

@font-face {
    font-family: Calluna;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local(Calluna Bold Italic), local(Calluna-BoldItalic), url(./fonts/Calluna-BoldItalic.woff2)format("woff2"), url(./fonts/Calluna-BoldItalic.woff)format("woff")
}

@font-face {
    font-family: Calluna;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local(Calluna Italic), local(Calluna-Italic), url(./fonts/Calluna-Italic.woff2)format("woff2"), url(./fonts/Calluna-Italic.woff)format("woff")
}

@font-face {
    font-family: Calluna;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local(Calluna Light), local(Calluna-Light), url(./fonts/Calluna-Light.woff2)format("woff2"), url(./fonts/Calluna-Light.woff)format("woff")
}

@font-face {
    font-family: Calluna;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local(Calluna Regular), local(Calluna-Regular), url(./fonts/Calluna-Regular.woff2)format("woff2"), url(./fonts/Calluna-Regular.woff)format("woff")
}

@font-face {
    font-family: Calluna;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local(Calluna Semi-Bold), local(Calluna-SemiBold), url(./fonts/Calluna-SemiBold.woff2)format("woff2"), url(./fonts/Calluna-SemiBold.woff)format("woff")
}

@font-face {
    font-family: Calluna;
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: local(Calluna Semi-Bold Italic), local(Calluna-SemiBoldItalic), url(./fonts/Calluna-SemiBoldItalic.woff2)format("woff2"), url(./fonts/Calluna-SemiBoldItalic.woff)format("woff")
}

[data-icon]:before {
    content: attr(data-icon)
}

[class*=\ icon-]:before,
[class^=icon-]:before,
[data-icon]:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    font-variant: normal !important;
    text-transform: none !important;
    font-family: kraken !important;
    font-style: normal !important;
    font-weight: 400 !important
}

.icon-chat:before {
    content: "a"
}

.icon-down-arrow:before {
    content: "b"
}

.icon-dropdown-arrow:before {
    content: "c"
}

.icon-kraken-horizontal:before {
    content: "d"
}

.icon-kraken-square:before {
    content: "e"
}

.icon-long-arrow:before {
    content: "f"
}

.icon-plus-sign:before {
    content: "g"
}

.icon-search:before {
    content: "h"
}

.icon-small-down-arrow:before {
    content: "i"
}

.icon-up-arrow:before {
    content: "j"
}

.icon-kraken-icon:before {
    content: "k"
}

.icon-facebook:before {
    content: "l"
}

.icon-linkedin:before {
    content: "m"
}

.icon-twitter:before {
    content: "n"
}

:export {
    INCH: #122a47;
    AAVE: #b6509e;
    ADA: #3cc8c8;
    ADC: #3cb0e5;
    AEON: #164450;
    AKRO: #ab47bc;
    AKT: #d94934;
    ALGO: #a8a836;
    AMP: #048dd2;
    AMPL: #000;
    ANC: #000;
    ANKR: #0851ff;
    ANT: #00c2ff;
    AR: #29292d;
    ARCH: #002652;
    ARDR: #1162a1;
    ARK: #f70000;
    AST: #18f18f;
    ATLAS: #fa3a00;
    ATOM: #5064fb;
    AUR: #136c5e;
    AVAX: #e74140;
    AXS: #0059dd;
    BADGER: #f2a52b;
    BAND: #516ffa;
    BANX: #225ba6;
    BAL: #000;
    BAT: #9e1f63;
    BAY: #584ba1;
    BC: #202121;
    BCN: #964f51;
    BCY: #123a5a;
    BELA: #009ef9;
    BFT: #4fc3f7;
    BLZ: #6be6be;
    BRK: #194fa0;
    BRX: #a8c300;
    BSD: #1186e7;
    BTA: #210094;
    BTC: #f7931a;
    BCH: #4cca47;
    BNC: #000;
    BNT: #0b0f2b;
    BTG: #eba809;
    BTCD: #2a72dc;
    BTCP: #272d63;
    BTM: #9fa8b4;
    BTS: #03a9e0;
    BTT: #000;
    BRICK: #aa472d;
    BURST: #2d2d2d;
    CAD: #f60;
    CEL: #ff3cac;
    CELO: #35d07f;
    CFG: #000;
    CHF: #f3b728;
    CHZ: #ac0728;
    CLAM: #d6ab31;
    CLOAK: #df3f1e;
    COMP: #00d395;
    CQT: #ff4c8a;
    CRV: #7f86a1;
    CTSI: #000;
    CVC: #3ab03e;
    DAO: #ff3b3b;
    DAI: #f4b731;
    DASH: #1c75bc;
    DCR: #3b7cfb;
    DCT: #008770;
    DGB: #06c;
    DGD: #d8a24a;
    DGX: #d8a24a;
    DMD: #5497b2;
    DNT: #2c398f;
    DOT: #e6007a;
    DOGE: #ba9f33;
    EGLD: #000;
    ENJ: #7866d5;
    ENS: #5284ff;
    EMC: #674c8c;
    EMC2: #0cf;
    EOS: #19191a;
    ERC: #101e84;
    ETC: #669073;
    ETH: #2e3192;
    ETH2: #2e3192;
    EUR: #00329c;
    EWT: #a566ff;
    EXP: #ffaa5c;
    FC2: #040405;
    FCT: #2175bb;
    FIL: #0090ff;
    FIDA: #7c7cff;
    FLDC: #c40e09;
    FLO: #1358c8;
    FLOW: #01ef83;
    FRK: #0633cd;
    FTC: #679ef1;
    FUN: #ef3a5c;
    GAME: #ed1b24;
    GBP: #1176a8;
    GBYTE: #2c3e50;
    GDC: #e9a226;
    GEMZ: #e86060;
    GENS: #b74119;
    GHST: #f500f0;
    GLD: #e8be24;
    GNO: #00a6c4;
    GNT: #00d6e3;
    GOLOS: #2670b7;
    GRC: #88a13c;
    GRS: #648fa0;
    GRT: #230652;
    HEAT: #ff5606;
    HNS: #000;
    HBAR: #222;
    HUC: #ffc018;
    ICN: #4c6f8c;
    ICX: #22c8cc;
    ICP: #f5cd66;
    IFC: #ed272d;
    INCNT: #f2932f;
    IOC: #2fa3de;
    JBS: #1a8bcd;
    KAR: #ff4c3b;
    KAVA: #ff564f;
    KEEP: #293330;
    KMD: #326464;
    KOBO: #80c342;
    KORE: #df4124;
    KSM: #000;
    KNC: #31cb9e;
    KIN: #6f41e8;
    LBC: #015c47;
    LDOGE: #fc0;
    LEND: #0fa9c9;
    LINK: #2a5ada;
    LSK: #0d4ea0;
    LTC: #345c9d;
    LPT: #00eb88;
    LRC: #1c42ff;
    LUNA: #ffda51;
    MAID: #5492d6;
    MARKS: #504c4c;
    MANA: #ff2d55;
    MATIC: #8247e5;
    MLN: #333;
    MCO: #0d3459;
    MINA: #ff603b;
    MINT: #006835;
    MKR: #1abc9c;
    MNGO: #eeb91b;
    MONA: #a99364;
    MOON: #efd88b;
    MOVR: #53ccc9;
    MRC: #4279bd;
    MSC: #1d4983;
    MTL: #242424;
    MTR: #b92429;
    MUE: #f5a10e;
    MV: #5448c9;
    NANO: #4a90e2;
    NAV: #7d59b5;
    MYST: #f5a10e;
    NBT: #ffc93d;
    NEAR: #e6dff1;
    NEO: #58bf00;
    NEOS: #1d1d1b;
    NEU: #2983c0;
    NLG: #003e7e;
    NMC: #6787b7;
    NMR: #8de8de;
    NOTE: #42daff;
    NU: #1e65f3;
    NVC: #ecab41;
    NXT: #008fbb;
    OCEAN: #141414;
    OGN: #1982fe;
    OK: #0165a4;
    OMG: #1a53f0;
    OMNI: #18347e;
    OPAL: #7193aa;
    OXT: #5f45ba;
    ORCA: #ffd15c;
    PART: #05d5a3;
    PASC: #f7931e;
    PAXG: #ffce56;
    PERP: #05bce4;
    PHA: #9dc431;
    PIGGY: #f27a7a;
    PINK: #ed31ca;
    PIVX: #3b2f4d;
    POT: #105b2f;
    POLIS: #322fb3;
    PPC: #3fa30c;
    PPT: #5a9ef6;
    QRK: #22aabf;
    QTUM: #359bce;
    RADS: #924cea;
    RARI: #06f;
    RAY: #406afa;
    RBIES: #c62436;
    G500: #08844f;
    RBT: #0d4982;
    RBY: #d31f26;
    RDD: #ed1c24;
    REP: #40a2cb;
    REN: #3f3f48;
    REV: #5e2cf2;
    RIC: #60e4dd;
    RHOC: #c26c26;
    RISE: #43cea2;
    RIVER: #f2a007;
    RVN: #f15b22;
    SALT: #373c43;
    SAR: #1b72b8;
    SAND: #0084ff;
    SABER: #6966fb;
    SC: #1ed660;
    SCOT: #3498db;
    SDC: #981d2d;
    SDN: #5928b1;
    SHIB: #f06500;
    SIA: #00cba0;
    SJCX: #036;
    SLG: #5a6875;
    SLS: #1eb549;
    SNRG: #160363;
    SNX: #4525d0;
    SOL: #d83aeb;
    SRM: #09b9d3;
    START: #01aef0;
    STEEM: #1a5099;
    STRAT: #2398dd;
    STEP: #00f8b7;
    STORJ: #133e9c;
    SUSHI: #f77d05;
    SWIFT: #428bca;
    SXP: #ff4920;
    SYNC: #008dd2;
    SYS: #0098da;
    TBTC: #000;
    THETA: #29b3eb;
    TRIG: #1fbff4;
    TRX: #c62734;
    TX: #1f8bcc;
    UBQ: #00ec8d;
    UNI: #ea347b;
    UNITY: #ed8527;
    USD: #009a56;
    USDC: #2775ca;
    USDT: #2ca07a;
    VEN: #15bdff;
    VET: #1caeff;
    VIA: #565656;
    VIOR: #1f52a4;
    VNL: #404249;
    VPN: #589700;
    VRC: #418bca;
    VTC: #1b5c2e;
    WAVES: #24aad6;
    WBTC: #f09242;
    WOO: #8cfaaa;
    XAI: #2ef99f;
    XBC: #f7931a;
    XBS: #d3261d;
    XCP: #ec1550;
    XEM: #41bf76;
    XLM: #3e1bdb;
    XMR: #f60;
    XMY: #bc3182;
    XPM: #e5b625;
    XRP: #23292f;
    XRPX: #346aa9;
    XTZ: #2c7df7;
    XVC: #b50126;
    XVG: #42afb2;
    XZC: #23b852;
    JPY: #ff5000;
    YBC: #d6c154;
    YFI: #0065d0;
    ZEC: #e5a93d;
    ZEIT: #acacac;
    ZRX: #302c2c;
    ZIL: #29ccc4;
    YAM: #d1004d;
    B400: #0074a2;
    BNB: #f3ba2f;
    BUSD: #f0b90b;
    STETH: #48a0f8;
    LEO: #1e2c3e;
    FTT: #02a6c2;
    CRO: #142b70;
    APE: #1b44c0;
    TONCOIN: #08c;
    XCN: #00bfaa;
    FRAX: #000;
    QNT: #000;
    TUSD: #0c2661;
    BIT: #bffd50;
    FTM: #50ace0;
    LDO: #469bf0;
    RUNE: #00e8ef;
    STX: #5546ff;
    GMT: #e9d088;
    UST: #2468ff;
    CVX: #000;
    GALA: #000;
    JUNO: #e76b6a;
    GLM: #d70068;
    T: #6827e9;
    RSR: #111;
    SYN: #3400c5;
    VGX: #38309b;
    WAXP: #f6d059;
    AUDIO: #be00d8;
    MXC: #08005a;
    IMX: #152127;
    GLMR: #3b1625;
    UMA: #ec5952;
    PLA: #5dcac6;
    SNX: #13064c;
    ENJ: #6f57db;
    MV: #612d9a;
    ASTR: #449bef;
    MSOL: #d0ece2;
    RNDR: #be2d22;
    ACA: #fc342d;
    INJ: #58c0ef;
    COTI: #3f71bb;
    SPELL: #221c45;
    REQ: #c3e3a7;
    RLC: #f1e24b;
    TRIBE: #428bca;
    POWR: #438e95;
    DENT: #5a5a5a;
    API3: #c6c6c6;
    BICO: #1d1d1b;
    DYDX: #5350f4;
    REPV2: #43236d;
    CHR: #000;
    MULTI: #8225f2;
    FXS: #000;
    FORTH: #000;
    OXT: #4b2dab;
    RAD: #433fff;
    FET: #162035;
    ACH: #030033;
    TLM: #000;
    ALICE: #e64d22;
    BOBA: #705fff;
    BOND: #eb5344
}

.color-P300 {
    color: #8968ff
}

:export {
    krakenPurple: #7132f5;
    krakenLightPurple: #8968ff;
    krakenMediumPurple: #5409c8;
    krakenDarkPurple: #43196f;
    krakenBlue: #0385e6;
    krakenDarkBlue: #0d0c52;
    krakenKoamaru: #383562;
    krakenPink: #dca3c8;
    krakenGray: #c7c7c7;
    krakenLightGray: #e9e9e9;
    krakenColorPrimary: #7132f5;
    krakenColorFaded: #c7c7c7;
    krakenChartGreen: #65c36e;
    krakenSalmon: #ff8b8b;
    krakenOrange: #feb58d;
    krakenWhite: #fff;
    krakenBlack: #000;
    krakenDarkGray: #242424;
    krakenMediumBlue: #2824b6
}

.coin-fallback-color {
    color: #000
}

.INCH {
    color: #122a47
}

.AAVE {
    color: #b6509e
}

.ADA {
    color: #3cc8c8
}

.ADC {
    color: #3cb0e5
}

.AEON {
    color: #164450
}

.AKRO {
    color: #ab47bc
}

.AKT {
    color: #d94934
}

.ALGO {
    color: #a8a836
}

.AMP {
    color: #048dd2
}

.AMPL,
.ANC {
    color: #000
}

.ANKR {
    color: #0851ff
}

.ANT {
    color: #00c2ff
}

.AR {
    color: #29292d
}

.ARCH {
    color: #002652
}

.ARDR {
    color: #1162a1
}

.ARK {
    color: #f70000
}

.AST {
    color: #18f18f
}

.ATLAS {
    color: #fa3a00
}

.ATOM {
    color: #5064fb
}

.AUR {
    color: #136c5e
}

.AVAX {
    color: #e74140
}

.AXS {
    color: #0059dd
}

.BADGER {
    color: #f2a52b
}

.BAND {
    color: #516ffa
}

.BANX {
    color: #225ba6
}

.BAL {
    color: #000
}

.BAT {
    color: #9e1f63
}

.BAY {
    color: #584ba1
}

.BC {
    color: #202121
}

.BCN {
    color: #964f51
}

.BCY {
    color: #123a5a
}

.BELA {
    color: #009ef9
}

.BFT {
    color: #4fc3f7
}

.BLZ {
    color: #6be6be
}

.BRK {
    color: #194fa0
}

.BRX {
    color: #a8c300
}

.BSD {
    color: #1186e7
}

.BTA {
    color: #210094
}

.BTC {
    color: #f7931a
}

.BCH {
    color: #4cca47
}

.BNC {
    color: #000
}

.BNT {
    color: #0b0f2b
}

.BTG {
    color: #eba809
}

.BTCD {
    color: #2a72dc
}

.BTCP {
    color: #272d63
}

.BTM {
    color: #9fa8b4
}

.BTS {
    color: #03a9e0
}

.BTT {
    color: #000
}

.BRICK {
    color: #aa472d
}

.BURST {
    color: #2d2d2d
}

.CAD {
    color: #f60
}

.CEL {
    color: #ff3cac
}

.CELO {
    color: #35d07f
}

.CFG {
    color: #000
}

.CHF {
    color: #f3b728
}

.CHZ {
    color: #ac0728
}

.CLAM {
    color: #d6ab31
}

.CLOAK {
    color: #df3f1e
}

.COMP {
    color: #00d395
}

.CQT {
    color: #ff4c8a
}

.CRV {
    color: #7f86a1
}

.CTSI {
    color: #000
}

.CVC {
    color: #3ab03e
}

.DAO {
    color: #ff3b3b
}

.DAI {
    color: #f4b731
}

.DASH {
    color: #1c75bc
}

.DCR {
    color: #3b7cfb
}

.DCT {
    color: #008770
}

.DGB {
    color: #06c
}

.DGD,
.DGX {
    color: #d8a24a
}

.DMD {
    color: #5497b2
}

.DNT {
    color: #2c398f
}

.DOT {
    color: #e6007a
}

.DOGE {
    color: #ba9f33
}

.EGLD {
    color: #000
}

.ENS {
    color: #5284ff
}

.EMC {
    color: #674c8c
}

.EMC2 {
    color: #0cf
}

.EOS {
    color: #19191a
}

.ERC {
    color: #101e84
}

.ETC {
    color: #669073
}

.ETH,
.ETH2 {
    color: #2e3192
}

.EUR {
    color: #00329c
}

.EWT {
    color: #a566ff
}

.EXP {
    color: #ffaa5c
}

.FC2 {
    color: #040405
}

.FCT {
    color: #2175bb
}

.FIL {
    color: #0090ff
}

.FIDA {
    color: #7c7cff
}

.FLDC {
    color: #c40e09
}

.FLO {
    color: #1358c8
}

.FLOW {
    color: #01ef83
}

.FRK {
    color: #0633cd
}

.FTC {
    color: #679ef1
}

.FUN {
    color: #ef3a5c
}

.GAME {
    color: #ed1b24
}

.GBP {
    color: #1176a8
}

.GBYTE {
    color: #2c3e50
}

.GDC {
    color: #e9a226
}

.GEMZ {
    color: #e86060
}

.GENS {
    color: #b74119
}

.GHST {
    color: #f500f0
}

.GLD {
    color: #e8be24
}

.GNO {
    color: #00a6c4
}

.GNT {
    color: #00d6e3
}

.GOLOS {
    color: #2670b7
}

.GRC {
    color: #88a13c
}

.GRS {
    color: #648fa0
}

.GRT {
    color: #230652
}

.HEAT {
    color: #ff5606
}

.HNS {
    color: #000
}

.HBAR {
    color: #222
}

.HUC {
    color: #ffc018
}

.ICN {
    color: #4c6f8c
}

.ICX {
    color: #22c8cc
}

.ICP {
    color: #f5cd66
}

.IFC {
    color: #ed272d
}

.INCNT {
    color: #f2932f
}

.IOC {
    color: #2fa3de
}

.JBS {
    color: #1a8bcd
}

.KAR {
    color: #ff4c3b
}

.KAVA {
    color: #ff564f
}

.KEEP {
    color: #293330
}

.KMD {
    color: #326464
}

.KOBO {
    color: #80c342
}

.KORE {
    color: #df4124
}

.KSM {
    color: #000
}

.KNC {
    color: #31cb9e
}

.KIN {
    color: #6f41e8
}

.LBC {
    color: #015c47
}

.LDOGE {
    color: #fc0
}

.LEND {
    color: #0fa9c9
}

.LINK {
    color: #2a5ada
}

.LSK {
    color: #0d4ea0
}

.LTC {
    color: #345c9d
}

.LPT {
    color: #00eb88
}

.LRC {
    color: #1c42ff
}

.LUNA {
    color: #ffda51
}

.MAID {
    color: #5492d6
}

.MARKS {
    color: #504c4c
}

.MANA {
    color: #ff2d55
}

.MATIC {
    color: #8247e5
}

.MLN {
    color: #333
}

.MCO {
    color: #0d3459
}

.MINA {
    color: #ff603b
}

.MINT {
    color: #006835
}

.MKR {
    color: #1abc9c
}

.MNGO {
    color: #eeb91b
}

.MONA {
    color: #a99364
}

.MOON {
    color: #efd88b
}

.MOVR {
    color: #53ccc9
}

.MRC {
    color: #4279bd
}

.MSC {
    color: #1d4983
}

.MTL {
    color: #242424
}

.MTR {
    color: #b92429
}

.MUE {
    color: #f5a10e
}

.NANO {
    color: #4a90e2
}

.NAV {
    color: #7d59b5
}

.MYST {
    color: #f5a10e
}

.NBT {
    color: #ffc93d
}

.NEAR {
    color: #e6dff1
}

.NEO {
    color: #58bf00
}

.NEOS {
    color: #1d1d1b
}

.NEU {
    color: #2983c0
}

.NLG {
    color: #003e7e
}

.NMC {
    color: #6787b7
}

.NMR {
    color: #8de8de
}

.NOTE {
    color: #42daff
}

.NU {
    color: #1e65f3
}

.NVC {
    color: #ecab41
}

.NXT {
    color: #008fbb
}

.OCEAN {
    color: #141414
}

.OGN {
    color: #1982fe
}

.OK {
    color: #0165a4
}

.OMG {
    color: #1a53f0
}

.OMNI {
    color: #18347e
}

.OPAL {
    color: #7193aa
}

.ORCA {
    color: #ffd15c
}

.PART {
    color: #05d5a3
}

.PASC {
    color: #f7931e
}

.PAXG {
    color: #ffce56
}

.PERP {
    color: #05bce4
}

.PHA {
    color: #9dc431
}

.PIGGY {
    color: #f27a7a
}

.PINK {
    color: #ed31ca
}

.PIVX {
    color: #3b2f4d
}

.POT {
    color: #105b2f
}

.POLIS {
    color: #322fb3
}

.PPC {
    color: #3fa30c
}

.PPT {
    color: #5a9ef6
}

.QRK {
    color: #22aabf
}

.QTUM {
    color: #359bce
}

.RADS {
    color: #924cea
}

.RARI {
    color: #06f
}

.RAY {
    color: #406afa
}

.RBIES {
    color: #c62436
}

.G500 {
    color: #08844f
}

.RBT {
    color: #0d4982
}

.RBY {
    color: #d31f26
}

.RDD {
    color: #ed1c24
}

.REP {
    color: #40a2cb
}

.REN {
    color: #3f3f48
}

.REV {
    color: #5e2cf2
}

.RIC {
    color: #60e4dd
}

.RHOC {
    color: #c26c26
}

.RISE {
    color: #43cea2
}

.RIVER {
    color: #f2a007
}

.RVN {
    color: #f15b22
}

.SALT {
    color: #373c43
}

.SAR {
    color: #1b72b8
}

.SAND {
    color: #0084ff
}

.SABER {
    color: #6966fb
}

.SC {
    color: #1ed660
}

.SCOT {
    color: #3498db
}

.SDC {
    color: #981d2d
}

.SDN {
    color: #5928b1
}

.SHIB {
    color: #f06500
}

.SIA {
    color: #00cba0
}

.SJCX {
    color: #036
}

.SLG {
    color: #5a6875
}

.SLS {
    color: #1eb549
}

.SNRG {
    color: #160363
}

.SOL {
    color: #d83aeb
}

.SRM {
    color: #09b9d3
}

.START {
    color: #01aef0
}

.STEEM {
    color: #1a5099
}

.STRAT {
    color: #2398dd
}

.STEP {
    color: #00f8b7
}

.STORJ {
    color: #133e9c
}

.SUSHI {
    color: #f77d05
}

.SWIFT {
    color: #428bca
}

.SXP {
    color: #ff4920
}

.SYNC {
    color: #008dd2
}

.SYS {
    color: #0098da
}

.TBTC {
    color: #000
}

.THETA {
    color: #29b3eb
}

.TRIG {
    color: #1fbff4
}

.TRX {
    color: #c62734
}

.TX {
    color: #1f8bcc
}

.UBQ {
    color: #00ec8d
}

.UNI {
    color: #ea347b
}

.UNITY {
    color: #ed8527
}

.USD {
    color: #009a56
}

.USDC {
    color: #2775ca
}

.USDT {
    color: #2ca07a
}

.VEN {
    color: #15bdff
}

.VET {
    color: #1caeff
}

.VIA {
    color: #565656
}

.VIOR {
    color: #1f52a4
}

.VNL {
    color: #404249
}

.VPN {
    color: #589700
}

.VRC {
    color: #418bca
}

.VTC {
    color: #1b5c2e
}

.WAVES {
    color: #24aad6
}

.WBTC {
    color: #f09242
}

.WOO {
    color: #8cfaaa
}

.XAI {
    color: #2ef99f
}

.XBC {
    color: #f7931a
}

.XBS {
    color: #d3261d
}

.XCP {
    color: #ec1550
}

.XEM {
    color: #41bf76
}

.XLM {
    color: #3e1bdb
}

.XMR {
    color: #f60
}

.XMY {
    color: #bc3182
}

.XPM {
    color: #e5b625
}

.XRP {
    color: #23292f
}

.XRPX {
    color: #346aa9
}

.XTZ {
    color: #2c7df7
}

.XVC {
    color: #b50126
}

.XVG {
    color: #42afb2
}

.XZC {
    color: #23b852
}

.JPY {
    color: #ff5000
}

.YBC {
    color: #d6c154
}

.YFI {
    color: #0065d0
}

.ZEC {
    color: #e5a93d
}

.ZEIT {
    color: #acacac
}

.ZRX {
    color: #302c2c
}

.ZIL {
    color: #29ccc4
}

.YAM {
    color: #d1004d
}

.B400 {
    color: #0074a2
}

.BNB {
    color: #f3ba2f
}

.BUSD {
    color: #f0b90b
}

.STETH {
    color: #48a0f8
}

.LEO {
    color: #1e2c3e
}

.FTT {
    color: #02a6c2
}

.CRO {
    color: #142b70
}

.APE {
    color: #1b44c0
}

.TONCOIN {
    color: #08c
}

.XCN {
    color: #00bfaa
}

.FRAX,
.QNT {
    color: #000
}

.TUSD {
    color: #0c2661
}

.BIT {
    color: #bffd50
}

.FTM {
    color: #50ace0
}

.LDO {
    color: #469bf0
}

.RUNE {
    color: #00e8ef
}

.STX {
    color: #5546ff
}

.GMT {
    color: #e9d088
}

.UST {
    color: #2468ff
}

.CVX,
.GALA {
    color: #000
}

.JUNO {
    color: #e76b6a
}

.GLM {
    color: #d70068
}

.T {
    color: #6827e9
}

.RSR {
    color: #111
}

.SYN {
    color: #3400c5
}

.VGX {
    color: #38309b
}

.WAXP {
    color: #f6d059
}

.AUDIO {
    color: #be00d8
}

.MXC {
    color: #08005a
}

.IMX {
    color: #152127
}

.GLMR {
    color: #3b1625
}

.UMA {
    color: #ec5952
}

.PLA {
    color: #5dcac6
}

.SNX {
    color: #13064c
}

.ENJ {
    color: #6f57db
}

.MV {
    color: #612d9a
}

.ASTR {
    color: #449bef
}

.MSOL {
    color: #d0ece2
}

.RNDR {
    color: #be2d22
}

.ACA {
    color: #fc342d
}

.INJ {
    color: #58c0ef
}

.COTI {
    color: #3f71bb
}

.SPELL {
    color: #221c45
}

.REQ {
    color: #c3e3a7
}

.RLC {
    color: #f1e24b
}

.TRIBE {
    color: #428bca
}

.POWR {
    color: #438e95
}

.DENT {
    color: #5a5a5a
}

.API3 {
    color: #c6c6c6
}

.BICO {
    color: #1d1d1b
}

.DYDX {
    color: #5350f4
}

.REPV2 {
    color: #43236d
}

.CHR {
    color: #000
}

.MULTI {
    color: #8225f2
}

.FORTH,
.FXS {
    color: #000
}

.OXT {
    color: #4b2dab
}

.RAD {
    color: #433fff
}

.FET {
    color: #162035
}

.ACH {
    color: #030033
}

.TLM {
    color: #000
}

.ALICE {
    color: #e64d22
}

.BOBA {
    color: #705fff
}

.BOND {
    color: #eb5344
}

@media (min-width: 769px) {
    .kraken-only-mobile {
        display: none !important
    }
}

@media (max-width: 768px) {
    .kraken-only-desktop {
        display: none !important
    }
}

html[lang=vi-vn] {
    letter-spacing: normal !important;
    font-family: Noto Sans Vietnamese, sans-serif !important
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

ul.link-list {
    padding-inline-start: 1em
}

ul.link-list li:before {
    content: "";
    opacity: .25;
    border: 3px solid #0000;
    border-left: 5px solid #000;
    border-right: 0 solid #000;
    display: block;
    position: relative;
    top: 1.1em;
    left: -1em
}

ul.link-list li:first-child {
    margin-top: .9em
}

ul.link-list li a:only-child {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: inherit;
    color: #7132f5;
    text-decoration: none;
    transition: opacity .2s linear
}

ul.link-list li a:only-child:hover {
    color: #43196f;
    text-decoration: underline
}

.wrappable {
    overflow-wrap: anywhere
}

.crypto-ref {
    font-size: 14px;
    text-decoration: none
}

.crypto-ref span {
    color: #7132f5;
    padding: 0 0 0 12px;
    font-weight: 700
}

.crypto-ref span span {
    color: #000;
    font-weight: 400
}

.crypto-ref:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-variant: normal;
    text-transform: none;
    font-family: cryptocoins;
    font-style: normal;
    font-weight: 400;
    text-decoration: none
}

.crypto-ref.ADA-alt:before {
    content: ""
}

.crypto-ref.ADA:before {
    content: ""
}

.crypto-ref.ADC-alt:before {
    content: ""
}

.crypto-ref.ADC:before {
    content: ""
}

.crypto-ref.AEON-alt:before {
    content: ""
}

.crypto-ref.AEON:before {
    content: ""
}

.crypto-ref.AMP-alt:before {
    content: ""
}

.crypto-ref.AMP:before {
    content: ""
}

.crypto-ref.ANC-alt:before {
    content: ""
}

.crypto-ref.ANC:before {
    content: ""
}

.crypto-ref.ARCH-alt:before {
    content: ""
}

.crypto-ref.ARCH:before {
    content: ""
}

.crypto-ref.ARDR-alt:before {
    content: ""
}

.crypto-ref.ARDR:before {
    content: ""
}

.crypto-ref.ARK-alt:before {
    content: ""
}

.crypto-ref.ARK:before {
    content: ""
}

.crypto-ref.AST:before {
    content: ""
}

.crypto-ref.AUR-alt:before {
    content: ""
}

.crypto-ref.AUR:before {
    content: ""
}

.crypto-ref.BANX-alt:before {
    content: ""
}

.crypto-ref.BANX:before {
    content: ""
}

.crypto-ref.BAT-alt:before {
    content: ""
}

.crypto-ref.BAT:before {
    content: ""
}

.crypto-ref.BAY-alt:before {
    content: ""
}

.crypto-ref.BAY:before {
    content: ""
}

.crypto-ref.BC-alt:before,
.crypto-ref.BLK-alt:before {
    content: ""
}

.crypto-ref.BC:before,
.crypto-ref.BLK:before {
    content: ""
}

.crypto-ref.BCC-alt:before,
.crypto-ref.BCH-alt:before {
    content: ""
}

.crypto-ref.BCC:before,
.crypto-ref.BCH:before {
    content: ""
}

.crypto-ref.BCN-alt:before {
    content: ""
}

.crypto-ref.BCN:before {
    content: ""
}

.crypto-ref.BCY:before {
    content: ""
}

.crypto-ref.BELA:before {
    content: ""
}

.crypto-ref.BFT-alt:before {
    content: ""
}

.crypto-ref.BFT:before {
    content: ""
}

.crypto-ref.BLZ:before {
    content: ""
}

.crypto-ref.BNB:before {
    content: ""
}

.crypto-ref.BRK-alt:before {
    content: ""
}

.crypto-ref.BRK:before {
    content: ""
}

.crypto-ref.BRX-alt:before {
    content: ""
}

.crypto-ref.BRX:before {
    content: ""
}

.crypto-ref.BSD-alt:before {
    content: ""
}

.crypto-ref.BSD:before {
    content: ""
}

.crypto-ref.BTA:before {
    content: ""
}

.crypto-ref.BTC-alt:before {
    content: ""
}

.crypto-ref.BTC:before {
    content: ""
}

.crypto-ref.BTCD-alt:before {
    content: ""
}

.crypto-ref.BTCD:before {
    content: ""
}

.crypto-ref.BTCP-alt:before {
    content: ""
}

.crypto-ref.BTCP:before {
    content: ""
}

.crypto-ref.BTG:before {
    content: ""
}

.crypto-ref.BTM-alt:before {
    content: ""
}

.crypto-ref.BTM:before {
    content: ""
}

.crypto-ref.BTS-alt:before {
    content: ""
}

.crypto-ref.BTS:before {
    content: ""
}

.crypto-ref.BURST:before {
    content: ""
}

.crypto-ref.CLAM-alt:before {
    content: ""
}

.crypto-ref.CLAM:before {
    content: ""
}

.crypto-ref.CLOAK-alt:before {
    content: ""
}

.crypto-ref.CLOAK:before {
    content: ""
}

.crypto-ref.CVC-alt:before {
    content: ""
}

.crypto-ref.CVC:before {
    content: ""
}

.crypto-ref.DAO-alt:before {
    content: ""
}

.crypto-ref.DAO:before {
    content: ""
}

.crypto-ref.DASH-alt:before {
    content: ""
}

.crypto-ref.DASH:before {
    content: ""
}

.crypto-ref.DCR-alt:before {
    content: ""
}

.crypto-ref.DCR:before {
    content: ""
}

.crypto-ref.DCT-alt:before {
    content: ""
}

.crypto-ref.DCT:before {
    content: ""
}

.crypto-ref.DGB-alt:before {
    content: ""
}

.crypto-ref.DGB:before {
    content: ""
}

.crypto-ref.DGD:before {
    content: ""
}

.crypto-ref.DGX:before {
    content: ""
}

.crypto-ref.DMD-alt:before {
    content: ""
}

.crypto-ref.DMD:before {
    content: ""
}

.crypto-ref.DOGE-alt:before {
    content: ""
}

.crypto-ref.DOGE:before {
    content: ""
}

.crypto-ref.EMC-alt:before {
    content: ""
}

.crypto-ref.EMC:before {
    content: ""
}

.crypto-ref.EMC2-alt:before {
    content: ""
}

.crypto-ref.EMC2:before {
    content: ""
}

.crypto-ref.EOS-alt:before {
    content: ""
}

.crypto-ref.EOS:before {
    content: ""
}

.crypto-ref.ERC-alt:before {
    content: ""
}

.crypto-ref.ERC:before {
    content: ""
}

.crypto-ref.ETC-alt:before {
    content: ""
}

.crypto-ref.ETC:before {
    content: ""
}

.crypto-ref.ETH-alt:before {
    content: ""
}

.crypto-ref.ETH:before {
    content: ""
}

.crypto-ref.EXP-alt:before {
    content: ""
}

.crypto-ref.EXP:before {
    content: ""
}

.crypto-ref.FC2-alt:before {
    content: ""
}

.crypto-ref.FC2:before {
    content: ""
}

.crypto-ref.FCT-alt:before {
    content: ""
}

.crypto-ref.FCT:before {
    content: ""
}

.crypto-ref.FLDC-alt:before {
    content: ""
}

.crypto-ref.FLDC:before {
    content: ""
}

.crypto-ref.FLO-alt:before {
    content: ""
}

.crypto-ref.FLO:before {
    content: ""
}

.crypto-ref.FRK-alt:before {
    content: ""
}

.crypto-ref.FRK:before {
    content: ""
}

.crypto-ref.FTC-alt:before {
    content: ""
}

.crypto-ref.FTC:before {
    content: ""
}

.crypto-ref.FUN:before {
    content: ""
}

.crypto-ref.GAME-alt:before {
    content: ""
}

.crypto-ref.GAME:before {
    content: ""
}

.crypto-ref.GBYTE-alt:before {
    content: ""
}

.crypto-ref.GBYTE:before {
    content: ""
}

.crypto-ref.GDC-alt:before {
    content: ""
}

.crypto-ref.GDC:before {
    content: ""
}

.crypto-ref.GEMZ-alt:before {
    content: ""
}

.crypto-ref.GEMZ:before {
    content: ""
}

.crypto-ref.GLD-alt:before {
    content: ""
}

.crypto-ref.GLD:before {
    content: ""
}

.crypto-ref.GNO-alt:before {
    content: ""
}

.crypto-ref.GNO:before {
    content: ""
}

.crypto-ref.GNT-alt:before {
    content: ""
}

.crypto-ref.GNT:before {
    content: ""
}

.crypto-ref.GOLOS-alt:before {
    content: ""
}

.crypto-ref.GOLOS:before {
    content: ""
}

.crypto-ref.GRC-alt:before {
    content: ""
}

.crypto-ref.GRC:before {
    content: ""
}

.crypto-ref.GRS:before {
    content: ""
}

.crypto-ref.HEAT-alt:before {
    content: ""
}

.crypto-ref.HEAT:before {
    content: ""
}

.crypto-ref.HSR:before {
    content: ""
}

.crypto-ref.HUC-alt:before {
    content: ""
}

.crypto-ref.HUC:before {
    content: ""
}

.crypto-ref.ICN-alt:before {
    content: ""
}

.crypto-ref.ICN:before {
    content: ""
}

.crypto-ref.ICX:before {
    content: ""
}

.crypto-ref.IFC-alt:before {
    content: ""
}

.crypto-ref.IFC:before {
    content: ""
}

.crypto-ref.INCNT-alt:before {
    content: ""
}

.crypto-ref.INCNT:before {
    content: ""
}

.crypto-ref.IOC-alt:before {
    content: ""
}

.crypto-ref.IOC:before {
    content: ""
}

.crypto-ref.IOTA-alt:before {
    content: ""
}

.crypto-ref.IOTA:before {
    content: ""
}

.crypto-ref.JBS-alt:before {
    content: ""
}

.crypto-ref.JBS:before {
    content: ""
}

.crypto-ref.KMD-alt:before {
    content: ""
}

.crypto-ref.KMD:before {
    content: ""
}

.crypto-ref.KOBO:before {
    content: ""
}

.crypto-ref.KORE-alt:before {
    content: ""
}

.crypto-ref.KORE:before {
    content: ""
}

.crypto-ref.LBC-alt:before {
    content: ""
}

.crypto-ref.LBC:before {
    content: ""
}

.crypto-ref.LDOGE-alt:before {
    content: ""
}

.crypto-ref.LDOGE:before {
    content: ""
}

.crypto-ref.LSK-alt:before {
    content: ""
}

.crypto-ref.LSK:before {
    content: ""
}

.crypto-ref.LTC-alt:before {
    content: ""
}

.crypto-ref.LTC:before {
    content: ""
}

.crypto-ref.MAID-alt:before {
    content: ""
}

.crypto-ref.MAID:before {
    content: ""
}

.crypto-ref.MARKS-alt:before {
    content: ""
}

.crypto-ref.Bitmark:before,
.crypto-ref.MARKS:before {
    content: ""
}

.crypto-ref.MCO-alt:before {
    content: ""
}

.crypto-ref.MCO:before {
    content: ""
}

.crypto-ref.MINT-alt:before {
    content: ""
}

.crypto-ref.MINT:before {
    content: ""
}

.crypto-ref.MONA-alt:before {
    content: ""
}

.crypto-ref.MONA:before {
    content: ""
}

.crypto-ref.MRC:before {
    content: ""
}

.crypto-ref.MSC-alt:before {
    content: ""
}

.crypto-ref.MSC:before {
    content: ""
}

.crypto-ref.MTL-alt:before {
    content: ""
}

.crypto-ref.MTL:before {
    content: ""
}

.crypto-ref.MTR-alt:before {
    content: ""
}

.crypto-ref.MTR:before {
    content: ""
}

.crypto-ref.MUE-alt:before {
    content: ""
}

.crypto-ref.MUE:before {
    content: ""
}

.crypto-ref.MYST-alt:before {
    content: ""
}

.crypto-ref.MYST:before {
    content: ""
}

.crypto-ref.NAV-alt:before {
    content: ""
}

.crypto-ref.NAV:before {
    content: ""
}

.crypto-ref.NBT:before,
.crypto-ref.USNBT:before {
    content: ""
}

.crypto-ref.NEO-alt:before {
    content: ""
}

.crypto-ref.GAS:before,
.crypto-ref.NEO:before {
    content: ""
}

.crypto-ref.NEOS-alt:before {
    content: ""
}

.crypto-ref.NEOS:before {
    content: ""
}

.crypto-ref.NEU-alt:before {
    content: ""
}

.crypto-ref.NEU:before {
    content: ""
}

.crypto-ref.NLG-alt:before {
    content: ""
}

.crypto-ref.NLG:before {
    content: ""
}

.crypto-ref.NMC-alt:before {
    content: ""
}

.crypto-ref.NMC:before {
    content: ""
}

.crypto-ref.NMR:before {
    content: ""
}

.crypto-ref.NOTE-alt:before {
    content: ""
}

.crypto-ref.NOTE:before {
    content: ""
}

.crypto-ref.NVC-alt:before {
    content: ""
}

.crypto-ref.NVC:before {
    content: ""
}

.crypto-ref.NXT-alt:before {
    content: ""
}

.crypto-ref.NXT:before {
    content: ""
}

.crypto-ref.OK-alt:before {
    content: ""
}

.crypto-ref.OK:before {
    content: ""
}

.crypto-ref.OMG-alt:before {
    content: ""
}

.crypto-ref.OMG:before {
    content: ""
}

.crypto-ref.OMNI-alt:before {
    content: ""
}

.crypto-ref.OMNI:before {
    content: ""
}

.crypto-ref.OPAL-alt:before {
    content: ""
}

.crypto-ref.OPAL:before {
    content: ""
}

.crypto-ref.PART-alt:before {
    content: ""
}

.crypto-ref.PART:before {
    content: ""
}

.crypto-ref.PASC:before {
    content: ""
}

.crypto-ref.PIGGY-alt:before {
    content: ""
}

.crypto-ref.PIGGY:before {
    content: ""
}

.crypto-ref.PINK-alt:before {
    content: ""
}

.crypto-ref.PINK:before {
    content: ""
}

.crypto-ref.PIVX-alt:before {
    content: ""
}

.crypto-ref.PIVX:before {
    content: ""
}

.crypto-ref.POT-alt:before {
    content: ""
}

.crypto-ref.POT:before {
    content: ""
}

.crypto-ref.PPC-alt:before {
    content: ""
}

.crypto-ref.PPC:before {
    content: ""
}

.crypto-ref.PPT:before {
    content: ""
}

.crypto-ref.QRK-alt:before {
    content: ""
}

.crypto-ref.QRK:before {
    content: ""
}

.crypto-ref.QTUM-alt:before {
    content: ""
}

.crypto-ref.QTUM:before {
    content: ""
}

.crypto-ref.RADS-alt:before {
    content: ""
}

.crypto-ref.RADS:before {
    content: ""
}

.crypto-ref.RBIES-alt:before {
    content: ""
}

.crypto-ref.RBIES:before {
    content: ""
}

.crypto-ref.RBT-alt:before {
    content: ""
}

.crypto-ref.RBT:before {
    content: ""
}

.crypto-ref.RBY-alt:before {
    content: ""
}

.crypto-ref.RBY:before {
    content: ""
}

.crypto-ref.RDD-alt:before {
    content: ""
}

.crypto-ref.RDD:before {
    content: ""
}

.crypto-ref.REP-alt:before {
    content: ""
}

.crypto-ref.REP:before {
    content: ""
}

.crypto-ref.RHOC:before {
    content: ""
}

.crypto-ref.RIC-alt:before {
    content: ""
}

.crypto-ref.RIC:before {
    content: ""
}

.crypto-ref.RISE-alt:before {
    content: ""
}

.crypto-ref.RISE:before {
    content: ""
}

.crypto-ref.SALT-alt:before {
    content: ""
}

.crypto-ref.SALT:before {
    content: ""
}

.crypto-ref.SAR-alt:before {
    content: ""
}

.crypto-ref.SAR:before {
    content: ""
}

.crypto-ref.SCOT-alt:before {
    content: ""
}

.crypto-ref.SCOT:before {
    content: ""
}

.crypto-ref.SDC-alt:before {
    content: ""
}

.crypto-ref.SDC:before {
    content: ""
}

.crypto-ref.SIA-alt:before {
    content: ""
}

.crypto-ref.SC:before,
.crypto-ref.SIA:before {
    content: ""
}

.crypto-ref.SJCX-alt:before {
    content: ""
}

.crypto-ref.SJCX:before,
.crypto-ref.STORJ:before {
    content: ""
}

.crypto-ref.SLG-alt:before {
    content: ""
}

.crypto-ref.SLG:before {
    content: ""
}

.crypto-ref.SLS-alt:before {
    content: ""
}

.crypto-ref.SLS:before {
    content: ""
}

.crypto-ref.SNRG-alt:before {
    content: ""
}

.crypto-ref.SNRG:before {
    content: ""
}

.crypto-ref.SNT:before {
    content: ""
}

.crypto-ref.START-alt:before {
    content: ""
}

.crypto-ref.START:before {
    content: ""
}

.crypto-ref.STEEM-alt:before {
    content: ""
}

.crypto-ref.SBD:before,
.crypto-ref.STEEM:before {
    content: ""
}

.crypto-ref.STRAT-alt:before {
    content: ""
}

.crypto-ref.STRAT:before {
    content: ""
}

.crypto-ref.SWIFT-alt:before {
    content: ""
}

.crypto-ref.SWIFT:before {
    content: ""
}

.crypto-ref.SYNC-alt:before {
    content: ""
}

.crypto-ref.SYNC:before {
    content: ""
}

.crypto-ref.SYS-alt:before {
    content: ""
}

.crypto-ref.SYS:before {
    content: ""
}

.crypto-ref.TRIG-alt:before {
    content: ""
}

.crypto-ref.TRIG:before {
    content: ""
}

.crypto-ref.TRX:before {
    content: ""
}

.crypto-ref.TX-alt:before {
    content: ""
}

.crypto-ref.TX:before {
    content: ""
}

.crypto-ref.UBQ-alt:before {
    content: ""
}

.crypto-ref.UBQ:before {
    content: ""
}

.crypto-ref.UNITY-alt:before {
    content: ""
}

.crypto-ref.UNITY:before {
    content: ""
}

.crypto-ref.USDT-alt:before {
    content: ""
}

.crypto-ref.USDT:before {
    content: ""
}

.crypto-ref.VERI:before {
    content: ""
}

.crypto-ref.VET:before {
    content: ""
}

.crypto-ref.VIA-alt:before {
    content: ""
}

.crypto-ref.VIA:before {
    content: ""
}

.crypto-ref.VIOR-alt:before {
    content: ""
}

.crypto-ref.VIOR:before {
    content: ""
}

.crypto-ref.VNL-alt:before {
    content: ""
}

.crypto-ref.VNL:before {
    content: ""
}

.crypto-ref.VPN-alt:before {
    content: ""
}

.crypto-ref.VPN:before {
    content: ""
}

.crypto-ref.VRC-alt:before {
    content: ""
}

.crypto-ref.VRC:before {
    content: ""
}

.crypto-ref.VTC-alt:before {
    content: ""
}

.crypto-ref.VTC:before {
    content: ""
}

.crypto-ref.WAVES-alt:before {
    content: ""
}

.crypto-ref.WAVES:before {
    content: ""
}

.crypto-ref.XAI-alt:before {
    content: ""
}

.crypto-ref.XAI:before {
    content: ""
}

.crypto-ref.XBC:before {
    content: ""
}

.crypto-ref.XBS-alt:before {
    content: ""
}

.crypto-ref.XBS:before {
    content: ""
}

.crypto-ref.XCP-alt:before {
    content: ""
}

.crypto-ref.XCP:before {
    content: ""
}

.crypto-ref.XEM-alt:before {
    content: ""
}

.crypto-ref.XEM:before {
    content: ""
}

.crypto-ref.XLM-alt:before {
    content: ""
}

.crypto-ref.XLM:before {
    content: ""
}

.crypto-ref.XMR:before {
    content: ""
}

.crypto-ref.XMY:before {
    content: ""
}

.crypto-ref.XPM-alt:before {
    content: ""
}

.crypto-ref.XPM:before {
    content: ""
}

.crypto-ref.XRB:before {
    content: ""
}

.crypto-ref.XRP-alt:before {
    content: ""
}

.crypto-ref.XRP:before {
    content: ""
}

.crypto-ref.XTZ-alt:before {
    content: ""
}

.crypto-ref.XTZ:before {
    content: ""
}

.crypto-ref.XVC-alt:before {
    content: ""
}

.crypto-ref.XVC:before {
    content: ""
}

.crypto-ref.XVG-alt:before {
    content: ""
}

.crypto-ref.XVG:before {
    content: ""
}

.crypto-ref.XZC-alt:before {
    content: ""
}

.crypto-ref.XZC:before {
    content: ""
}

.crypto-ref.YBC-alt:before {
    content: ""
}

.crypto-ref.YBC:before {
    content: ""
}

.crypto-ref.ZEC-alt:before {
    content: ""
}

.crypto-ref.ZEC:before {
    content: ""
}

.crypto-ref.ZEIT-alt:before {
    content: ""
}

.crypto-ref.ZEIT:before {
    content: ""
}

.crypto-ref.ZRX-alt:before {
    content: ""
}

.crypto-ref.ZRX:before {
    content: ""
}

.scrollbar-hide::-webkit-scrollbar {
    display: none
}

.kraken-table table .row .row-header.scrollbar-hide::-webkit-scrollbar {
    visibility: hidden;
    max-width: 0;
    padding: 0
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.app-store-buttons {
    margin-top: 25px
}

.app-store-buttons a {
    margin-right: 10px
}

.app-store-buttons img {
    width: 130px
}

#LearningCenterHubOrnament,
#media-kit {
    position: relative
}

#media-kit {
    background-color: #ebebeb
}

body {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 24px
}

body strong {
    font-weight: 700
}

@media (max-width: 768px) {
    body #root {
        max-width: 100vw;
        overflow: clip
    }
}

.kraken-header {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    background-color: #0000;
    flex-direction: row;
    align-items: center;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    position: relative
}

@media (max-width: 1024px) {
    .kraken-header {
        padding: 0
    }
}

.kraken-header .header-extension {
    background-color: #7132f5;
    height: 0
}

.kraken-header .header-bk,
.kraken-header .header-extension {
    z-index: 3;
    width: 100%;
    position: absolute;
    bottom: 100px;
    left: 0;
    transform: translateY(100%)
}

.kraken-header .header-bk {
    background-color: #000000b3;
    height: 100vh;
    display: none
}

.kraken-header .header-logo {
    color: #0000;
    text-indent: -99999em;
    z-index: 99;
    background-image: url(./fonts/kraken-logo-white.39d42f8a.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-grow: 0;
    width: 120px;
    height: 100px;
    margin: 0 78px 0 0;
    display: block;
    position: relative;
    overflow: hidden
}

@media (max-width: 1024px) {
    .kraken-header .header-logo {
        width: 120px;
        height: 38px;
        margin: 0
    }
}

.kraken-header .top-nav {
    flex-grow: 1;
    display: flex
}

.kraken-header .top-nav>ul {
    z-index: 6;
    flex-direction: row;
    flex-grow: 1;
    align-items: center;
    display: flex;
    position: relative
}

.kraken-header .top-nav>ul.secondary {
    flex-grow: 0
}

.kraken-header .top-nav>ul.secondary a {
    margin: 0 0 0 16px
}

.kraken-header .top-nav>ul.primary a {
    color: #fff;
    text-decoration: none
}

.kraken-header .top-nav>ul.primary>li {
    flex-grow: 0;
    flex-shrink: 1;
    margin: 0 32px 0 0;
    position: relative
}

.kraken-header .top-nav>ul.primary>li:last-child {
    margin-right: 0
}

.kraken-header .top-nav>ul.primary>li.secondary {
    align-items: right
}

.kraken-header .top-nav>ul.primary>li.secondary>a {
    opacity: .48
}

.kraken-header .top-nav>ul.primary>li.secondary>a:hover {
    opacity: 1
}

.kraken-header .top-nav>ul.primary>li:hover>a:after,
.kraken-header .top-nav>ul.primary>li:hover>span:after {
    opacity: 1;
    transition: transform .32s ease-out, opacity .6s ease-out;
    transform: translate(0)
}

.kraken-header .top-nav>ul.primary>li>a,
.kraken-header .top-nav>ul.primary>li>span {
    z-index: 8;
    padding-bottom: 5px;
    display: block;
    position: relative;
    top: 4px;
    overflow: hidden
}

.kraken-header .top-nav>ul.primary>li>a:after,
.kraken-header .top-nav>ul.primary>li>span:after {
    content: "";
    opacity: 0;
    background-color: currentColor;
    width: 100%;
    height: 2px;
    transition: transform linear, opacity linear;
    display: block;
    bottom: 0;
    transform: translate(-40%)
}

.kraken-header .top-nav>ul.primary>li>ul {
    width: 50vw;
    padding: 40px 0;
    font-size: 16px;
    line-height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    transform: translate(0)
}

.kraken-header .top-nav>ul.primary>li>ul.hidden-submenu {
    visibility: hidden
}

.kraken-header .top-nav>ul.primary>li>ul li {
    flex-direction: row;
    align-items: flex-start;
    margin: 0;
    display: flex
}

.kraken-header .top-nav>ul.primary>li>ul li>div {
    width: auto;
    margin: 0 40px 0 0
}

.kraken-header .top-nav>ul.primary>li>ul li>div>span {
    opacity: 1;
    margin: 0 0 20px;
    font-size: 10px;
    line-height: 29px
}

.kraken-header .top-nav>ul.primary>li>ul li>div>ul li {
    opacity: .6
}

.kraken-header .top-nav>ul.primary>li>ul li>a:hover {
    opacity: .48;
    transition: opacity .2s linear
}

.kraken-header .top-nav>ul.primary>li>ul ul,
.kraken-header .top-nav>ul.primary>li>ul ul ul {
    opacity: 1;
    flex-direction: column;
    height: auto;
    position: relative;
    transform: none
}

.kraken-header .mobile-nav-container {
    background-color: #0000;
    width: 100%;
    transition: background-color .2s linear
}

.kraken-header .mobile-nav-container.open {
    z-index: 1001;
    background-color: #7132f5;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0
}

.kraken-header .mobile-nav-container.open .mobile-nav {
    display: block
}

.kraken-header .mobile-nav-container .mobile-header-top {
    z-index: 999;
    box-sizing: border-box;
    justify-content: space-between;
    width: 100%;
    padding: 20px 30px 17px;
    display: flex;
    position: relative
}

.kraken-header .mobile-nav-container button.hamburger {
    box-shadow: none;
    -webkit-tap-highlight-color: #0000;
    background: 0 0;
    outline: none;
    padding: 0;
    display: flex
}

.kraken-header .mobile-nav-container .mobile-nav {
    display: none
}

.kraken-header .mobile-nav-container .mobile-nav ul.primary {
    -webkit-overflow-scrolling: touch;
    height: calc(100vh - 223px);
    padding: 50px 30px 0;
    overflow: scroll
}

.kraken-header .mobile-nav-container .mobile-nav ul.primary>li {
    margin-bottom: 25px
}

.kraken-header .mobile-nav-container .mobile-nav ul.primary>li:last-child {
    margin-bottom: 100px
}

.kraken-header .mobile-nav-container .mobile-nav ul.primary>li.open .subnav-trigger:after {
    transform: rotate(180deg)translateY(5px)
}

.kraken-header .mobile-nav-container .mobile-nav ul.primary>li.open>ul {
    display: block
}

.kraken-header .mobile-nav-container .mobile-nav ul.primary>li .subnav-trigger {
    width: 100%;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 31px;
    display: inline-block;
    position: relative
}

.kraken-header .mobile-nav-container .mobile-nav ul.primary>li .subnav-trigger:after {
    content: "c";
    color: #fff;
    opacity: .5;
    font-family: kraken;
    font-size: 18px;
    transition: transform .2s linear;
    position: absolute;
    bottom: 0;
    right: 2px
}

.kraken-header .mobile-nav-container .mobile-nav ul.primary>li a {
    color: #fff;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 31px;
    text-decoration: none
}

.kraken-header .mobile-nav-container .mobile-nav ul.primary>li>ul {
    margin-bottom: 40px;
    display: none
}

.kraken-header .mobile-nav-container .mobile-nav ul.primary>li>ul>li {
    margin-top: 15px
}

.kraken-header .mobile-nav-container .mobile-nav ul.primary>li>ul>li .subnav-header {
    opacity: .48;
    letter-spacing: normal;
    color: #fff;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    line-height: 2.07
}

.kraken-header .mobile-nav-container .mobile-nav ul.primary>li>ul>li a {
    font-size: 22px;
    line-height: 1.64
}

.kraken-header .mobile-nav-container .mobile-nav ul.secondary {
    box-sizing: border-box;
    background-color: #fff;
    justify-content: center;
    width: 100%;
    padding: 30px;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0
}

.kraken-header .mobile-nav-container .mobile-nav ul.secondary:before {
    content: "";
    background: linear-gradient(#0000, #7132f5);
    width: 100%;
    height: 75px;
    position: absolute;
    bottom: 100%;
    left: 0
}

.kraken-header .mobile-nav-container .mobile-nav ul.secondary li {
    width: calc(50% - 4px)
}

.kraken-header .mobile-nav-container .mobile-nav ul.secondary li:first-child a {
    color: #7132f5;
    border-color: #7132f5
}

.kraken-header .mobile-nav-container .mobile-nav ul.secondary li:nth-child(2) {
    margin-left: 8px
}

.kraken-header .mobile-nav-container .mobile-nav ul.secondary li:nth-child(2) a {
    color: #fff;
    background-color: #7132f5
}

#careers,
#how-to-buy {
    background-color: #e9e9e9;
    background-image: none;
    position: relative
}

@media (max-width: 768px) {

    #careers .kraken-content-wrapper,
    #how-to-buy .kraken-content-wrapper {
        padding-left: 10px;
        padding-right: 10px
    }
}

#how-to-buy .mycomponent-component:nth-of-type(2)>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .left-col {
    padding: 200px 0 0
}

@media (max-width: 768px) {
    #how-to-buy .mycomponent-component:nth-of-type(2)>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .left-col {
        background-color: #e9e9e9;
        padding-top: 50px
    }
}

#how-to-buy .mycomponent-component:nth-of-type(2)>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .left-col hr {
    display: none
}

#how-to-buy .mycomponent-component:nth-of-type(2)>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .left-col .bg-white {
    margin-top: 20px
}

@media (max-width: 768px) {
    #how-to-buy .mycomponent-component:nth-of-type(2)>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .left-col .bg-white {
        padding: 30px
    }

    #how-to-buy .mycomponent-component:nth-of-type(2)>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .left-col h2 {
        padding-left: 30px;
        padding-right: 30px;
        font-size: 18px;
        line-height: 150%
    }
}

#how-to-buy .mycomponent-component:nth-of-type(2)>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .left-col .mobile-cryptoref {
    display: block
}

#how-to-buy .mycomponent-component:nth-of-type(2)>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .right-col {
    padding-top: 353px
}

@media (max-width: 768px) {
    #how-to-buy .mycomponent-component:nth-of-type(2)>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .right-col {
        padding-top: 0
    }
}

#how-to-buy .mycomponent-component:nth-of-type(2)>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .right-col hr {
    display: none
}

#how-to-buy .mycomponent-component:nth-of-type(2)>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .right-col .desktop-cryptoref {
    display: block
}

#how-to-buy .mycomponent-component:last-child>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .right-col,
#how-to-buy .mycomponent-component:nth-last-child(2)>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .right-col {
    flex-direction: column;
    justify-content: flex-end;
    display: flex
}

#careers .mycomponent-component:first-child>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .left-col {
    padding-top: 80px
}

@media (max-width: 768px) {
    #careers .mycomponent-component:first-child>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .left-col {
        background-color: #e9e9e9;
        padding-top: 50px
    }
}

#careers .mycomponent-component:first-child>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .left-col hr {
    display: none
}

#careers .mycomponent-component:first-child>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .left-col .bg-white {
    margin-top: 20px
}

@media (max-width: 768px) {
    #careers .mycomponent-component:first-child>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .left-col .bg-white {
        padding: 30px
    }

    #careers .mycomponent-component:first-child>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .left-col .bg-white h2 {
        padding-bottom: 10px;
        padding-left: 0;
        font-weight: 700;
        line-height: 150%
    }

    #careers .mycomponent-component:first-child>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .left-col h2 {
        padding-left: 30px;
        padding-right: 30px;
        font-size: 18px;
        line-height: 150%
    }
}

#careers .mycomponent-component:first-child>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .right-col {
    padding-top: 80px
}

@media (max-width: 768px) {
    #careers .mycomponent-component:first-child>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .right-col {
        padding-top: 0
    }
}

#careers .mycomponent-component:first-child>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .right-col hr {
    display: none
}

@media (max-width: 768px) {
    #careers .mycomponent-component:last-child>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .left-col {
        display: none
    }
}

#careers .mycomponent-component:last-child>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .right-col {
    justify-content: flex-end;
    padding: 0 0 0 42px;
    display: flex
}

@media (min-width: 769px) {

    #careers,
    #how-to-buy {
        background-image: linear-gradient(90deg, #fff 70%, #e9e9e9 0)
    }
}

@media (min-width: 2350px) {

    #careers,
    #how-to-buy {
        background-image: linear-gradient(90deg, #fff 60%, #e9e9e9 0)
    }
}

@media (min-width: 4700px) {

    #careers,
    #how-to-buy {
        background-image: linear-gradient(90deg, #fff 55%, #e9e9e9 0)
    }
}

.kraken-cta {
    color: #7132f5;
    text-align: center;
    background-color: #fff;
    border: 2px solid #0000;
    border-radius: 30px;
    padding: 12px 15px 11px;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 11px;
    text-decoration: none;
    transition: opacity .2s linear;
    display: block;
    position: relative
}

.kraken-cta:hover {
    opacity: .7
}

.kraken-cta.inverted {
    color: #fff;
    background-color: #0000;
    border: 2px solid #fff
}

.kraken-cta.solid-large {
    padding: 17px 41px;
    font-size: 18px
}

.kraken-cta.mobile-line-height {
    line-height: 22px
}

.kraken-cta.inline {
    border: 2px solid #7132f5;
    align-items: center;
    margin: 40px 0;
    display: inline-flex
}

.kraken-cta.btn-purple {
    background-color: #7132f5;
    font-size: 16px;
    color: #fff !important
}

.kraken-cta.btn-purple.light {
    background-color: #f7f6fd;
    color: #7132f5 !important
}

.kraken-cta.btn-purple.fixed-width {
    width: 80px
}

.kraken-cta-pro {
    border-radius: 8px
}

.kraken-tooltip .kraken-tooltip-init {
    position: relative
}

.kraken-tooltip .kraken-tooltip-init .kraken-tooltip-overlay {
    z-index: 99999;
    background-color: #fff;
    width: 200px;
    padding: 12px;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 1px 1px 16px #00000042
}

.kraken-tooltip .kraken-tooltip-init .kraken-tooltip-overlay strong {
    font-weight: 700
}

.kraken-tooltipped {
    display: inline-block;
    position: relative
}

.kraken-tooltipped.text-tip {
    cursor: help;
    border-bottom: 1px solid
}

.kraken-tooltip2 {
    color: #fff;
    pointer-events: none;
    opacity: 0;
    z-index: 999999;
    background-color: #7132f5;
    border-radius: 4px;
    width: 200px;
    padding: 20px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.6;
    transition: opacity .2s;
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 1px 10px 16px #00000042
}

@media (hover: hover) {
    .kraken-tooltip2.visible {
        opacity: 1;
        transition: opacity .2s .3s
    }
}

@media (hover: none) {
    .kraken-tooltip2 {
        display: none
    }
}

.kraken-headline {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.1
}

.kraken-headline,
.kraken-headline strong {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif
}

.kraken-headline strong {
    font-size: 16.8067px;
    font-weight: 700
}

.kraken-asset-icon {
    font-family: cryptocoins
}

.kraken-numeric-change {
    position: relative
}

.kraken-numeric-change.up {
    color: #0ec749
}

.kraken-numeric-change.down {
    color: #ff5353
}

.kraken-numeric-change .arrow.down {
    border-top: 5px solid #ff5353
}

.kraken-numeric-change .arrow.down,
.kraken-numeric-change .arrow.up {
    border-left: 5px solid #0000;
    border-right: 5px solid #0000;
    width: 0;
    height: 0
}

.kraken-numeric-change .arrow.up {
    border-bottom: 5px solid #0ec749
}

.kraken-numeric-change .arrow.down,
.kraken-numeric-change .arrow.up {
    margin-left: 5px;
    position: absolute;
    top: calc(50% - 2.5px)
}

.kraken-numeric-change .arrow.none {
    display: none
}

span[data-tip] {
    background-color: #eeecfb;
    padding: 0 4px
}

span[data-tip]:hover {
    color: #fff;
    background-color: #7132f5
}

.__react_component_tooltip {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    z-index: 999;
    border-radius: 3px;
    padding: 12px 19px 18px;
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    transition: opacity .3s ease-out;
    display: inline-block;
    position: fixed;
    top: -999em;
    left: -999em
}

.__react_component_tooltip.allow_hover {
    pointer-events: auto
}

.__react_component_tooltip:after,
.__react_component_tooltip:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute
}

.__react_component_tooltip.show {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    margin-left: 0;
    box-shadow: 0 14px 21px -13px #00000080
}

.__react_component_tooltip.type-dark {
    color: #fff;
    background-color: #7132f5
}

.__react_component_tooltip.type-dark.place-top:after {
    border-top: 6px solid #7132f5
}

.__react_component_tooltip.type-dark.place-bottom:after {
    border-bottom: 6px solid #7132f5
}

.__react_component_tooltip.type-dark.place-left:after {
    border-left: 6px solid #7132f5
}

.__react_component_tooltip.type-dark.place-right:after {
    border-right: 6px solid #7132f5
}

.__react_component_tooltip.type-dark.border {
    border: 1px solid #fff
}

.__react_component_tooltip.type-dark.border.place-top:before {
    border-top: 8px solid #fff
}

.__react_component_tooltip.type-dark.border.place-bottom:before {
    border-bottom: 8px solid #fff
}

.__react_component_tooltip.type-dark.border.place-left:before {
    border-left: 8px solid #fff
}

.__react_component_tooltip.type-dark.border.place-right:before {
    border-right: 8px solid #fff
}

.__react_component_tooltip.type-success {
    color: #fff;
    background-color: #8dc572
}

.__react_component_tooltip.type-success.place-top:after {
    border-top: 6px solid #8dc572
}

.__react_component_tooltip.type-success.place-bottom:after {
    border-bottom: 6px solid #8dc572
}

.__react_component_tooltip.type-success.place-left:after {
    border-left: 6px solid #8dc572
}

.__react_component_tooltip.type-success.place-right:after {
    border-right: 6px solid #8dc572
}

.__react_component_tooltip.type-success.border {
    border: 1px solid #fff
}

.__react_component_tooltip.type-success.border.place-top:before {
    border-top: 8px solid #fff
}

.__react_component_tooltip.type-success.border.place-bottom:before {
    border-bottom: 8px solid #fff
}

.__react_component_tooltip.type-success.border.place-left:before {
    border-left: 8px solid #fff
}

.__react_component_tooltip.type-success.border.place-right:before {
    border-right: 8px solid #fff
}

.__react_component_tooltip.type-warning {
    color: #fff;
    background-color: #f0ad4e
}

.__react_component_tooltip.type-warning.place-top:after {
    border-top: 6px solid #f0ad4e
}

.__react_component_tooltip.type-warning.place-bottom:after {
    border-bottom: 6px solid #f0ad4e
}

.__react_component_tooltip.type-warning.place-left:after {
    border-left: 6px solid #f0ad4e
}

.__react_component_tooltip.type-warning.place-right:after {
    border-right: 6px solid #f0ad4e
}

.__react_component_tooltip.type-warning.border {
    border: 1px solid #fff
}

.__react_component_tooltip.type-warning.border.place-top:before {
    border-top: 8px solid #fff
}

.__react_component_tooltip.type-warning.border.place-bottom:before {
    border-bottom: 8px solid #fff
}

.__react_component_tooltip.type-warning.border.place-left:before {
    border-left: 8px solid #fff
}

.__react_component_tooltip.type-warning.border.place-right:before {
    border-right: 8px solid #fff
}

.__react_component_tooltip.type-error {
    color: #fff;
    background-color: #be6464
}

.__react_component_tooltip.type-error.place-top:after {
    border-top: 6px solid #be6464
}

.__react_component_tooltip.type-error.place-bottom:after {
    border-bottom: 6px solid #be6464
}

.__react_component_tooltip.type-error.place-left:after {
    border-left: 6px solid #be6464
}

.__react_component_tooltip.type-error.place-right:after {
    border-right: 6px solid #be6464
}

.__react_component_tooltip.type-error.border {
    border: 1px solid #fff
}

.__react_component_tooltip.type-error.border.place-top:before {
    border-top: 8px solid #fff
}

.__react_component_tooltip.type-error.border.place-bottom:before {
    border-bottom: 8px solid #fff
}

.__react_component_tooltip.type-error.border.place-left:before {
    border-left: 8px solid #fff
}

.__react_component_tooltip.type-error.border.place-right:before {
    border-right: 8px solid #fff
}

.__react_component_tooltip.type-info {
    color: #fff;
    background-color: #337ab7
}

.__react_component_tooltip.type-info.place-top:after {
    border-top: 6px solid #337ab7
}

.__react_component_tooltip.type-info.place-bottom:after {
    border-bottom: 6px solid #337ab7
}

.__react_component_tooltip.type-info.place-left:after {
    border-left: 6px solid #337ab7
}

.__react_component_tooltip.type-info.place-right:after {
    border-right: 6px solid #337ab7
}

.__react_component_tooltip.type-info.border {
    border: 1px solid #fff
}

.__react_component_tooltip.type-info.border.place-top:before {
    border-top: 8px solid #fff
}

.__react_component_tooltip.type-info.border.place-bottom:before {
    border-bottom: 8px solid #fff
}

.__react_component_tooltip.type-info.border.place-left:before {
    border-left: 8px solid #fff
}

.__react_component_tooltip.type-info.border.place-right:before {
    border-right: 8px solid #fff
}

.__react_component_tooltip.type-light {
    color: #222;
    background-color: #fff
}

.__react_component_tooltip.type-light.place-top:after {
    border-top: 6px solid #fff
}

.__react_component_tooltip.type-light.place-bottom:after {
    border-bottom: 6px solid #fff
}

.__react_component_tooltip.type-light.place-left:after {
    border-left: 6px solid #fff
}

.__react_component_tooltip.type-light.place-right:after {
    border-right: 6px solid #fff
}

.__react_component_tooltip.type-light.border {
    border: 1px solid #222
}

.__react_component_tooltip.type-light.border.place-top:before {
    border-top: 8px solid #222
}

.__react_component_tooltip.type-light.border.place-bottom:before {
    border-bottom: 8px solid #222
}

.__react_component_tooltip.type-light.border.place-left:before {
    border-left: 8px solid #222
}

.__react_component_tooltip.type-light.border.place-right:before {
    border-right: 8px solid #222
}

.__react_component_tooltip.place-top {
    margin-top: -10px
}

.__react_component_tooltip.place-top:before {
    border-left: 10px solid #0000;
    border-right: 10px solid #0000;
    margin-left: -10px;
    bottom: -8px;
    left: 50%
}

.__react_component_tooltip.place-top:after {
    border-left: 8px solid #0000;
    border-right: 8px solid #0000;
    margin-left: -8px;
    bottom: -6px;
    left: 50%
}

.__react_component_tooltip.place-bottom {
    margin-top: 10px
}

.__react_component_tooltip.place-bottom:before {
    border-left: 10px solid #0000;
    border-right: 10px solid #0000;
    margin-left: -10px;
    top: -8px;
    left: 50%
}

.__react_component_tooltip.place-bottom:after {
    border-left: 8px solid #0000;
    border-right: 8px solid #0000;
    margin-left: -8px;
    top: -6px;
    left: 50%
}

.__react_component_tooltip.place-left {
    margin-left: -10px
}

.__react_component_tooltip.place-left:before {
    border-top: 6px solid #0000;
    border-bottom: 6px solid #0000;
    margin-top: -5px;
    top: 50%;
    right: -8px
}

.__react_component_tooltip.place-left:after {
    border-top: 5px solid #0000;
    border-bottom: 5px solid #0000;
    margin-top: -4px;
    top: 50%;
    right: -6px
}

.__react_component_tooltip.place-right {
    margin-left: 10px
}

.__react_component_tooltip.place-right:before {
    border-top: 6px solid #0000;
    border-bottom: 6px solid #0000;
    margin-top: -5px;
    top: 50%;
    left: -8px
}

.__react_component_tooltip.place-right:after {
    border-top: 5px solid #0000;
    border-bottom: 5px solid #0000;
    margin-top: -4px;
    top: 50%;
    left: -6px
}

.__react_component_tooltip.multi-line {
    text-align: center;
    padding: 2px 0;
    display: block
}

.mycomponent-image {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 100%;
    height: 100%;
    line-height: 0
}

.mycomponent-image-svg {
    width: 100%;
    height: auto;
    line-height: 0
}

.kraken-table {
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    margin-bottom: 50px;
    display: flex;
    overflow-x: auto
}

@media (max-width: 768px) {
    .kraken-table {
        flex-direction: column
    }

    .kraken-table.scroll {
        padding-bottom: 1px;
        overflow: scroll visible
    }
}

.kraken-table .sidebar {
    box-sizing: border-box;
    background-color: #7132f5;
    padding: 30px 45px
}

@media (max-width: 768px) {
    .kraken-table .sidebar {
        padding: 30px
    }
}

@media (max-width: 640px) {
    .kraken-table .sidebar {
        padding: 15px
    }
}

.kraken-table .sidebar:not(.headers) {
    text-align: left;
    width: 35%;
    min-width: 300px
}

@media (max-width: 768px) {
    .kraken-table .sidebar:not(.headers) {
        width: 100%
    }
}

.kraken-table .sidebar h3 {
    color: #fff;
    letter-spacing: normal;
    margin-bottom: 1.1em;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5
}

@media (max-width: 768px) {
    .kraken-table .sidebar h3 {
        font-weight: 700
    }
}

@media (max-width: 450px) {
    .kraken-table .sidebar h3 {
        font-size: 16px
    }
}

.kraken-table .sidebar a {
    color: #fff
}

.kraken-table .sidebar~.entry.field-title {
    padding-bottom: 10px
}

.kraken-table .sidebar .entry {
    box-sizing: border-box;
    color: #fff;
    min-width: 120px;
    min-height: 70px;
    padding: 0 15px;
    font-size: 12px
}

@media (max-width: 768px) {
    .kraken-table .sidebar .entry {
        min-width: 80px;
        padding: 15px 0 35px;
        font-size: 11px
    }
}

.kraken-table .sidebar .entry:first-child {
    min-height: 20px;
    padding-top: 0;
    padding-bottom: 10px
}

.kraken-table .sidebar,
.kraken-table .tab-body p {
    color: #fff9;
    font-size: 14px;
    line-height: 1.71
}

.kraken-table .sidebar:not(:first-child),
.kraken-table .tab-body p:not(:first-child) {
    margin-top: 20px
}

.kraken-table .sidebar.big {
    width: 50%
}

@media (max-width: 768px) {
    .kraken-table .sidebar.big {
        width: 100%
    }
}

.kraken-table .sidebar-table-wrapper {
    background-color: #f4f4f44d;
    width: 100%;
    overflow: auto
}

.kraken-table table {
    table-layout: auto;
    width: 100%;
    min-height: 100px
}

@media (max-width: 768px) {
    .kraken-table table {
        padding: 30px 30px 0
    }
}

.kraken-table table .row .row-header {
    color: #fff;
    text-align: left;
    background-color: #7132f5;
    font-weight: 700
}

@media (max-width: 768px) {
    .kraken-table table .row .row-header {
        border-bottom-width: 1px;
        border-left-width: 1px;
        width: 139px
    }
}

.kraken-table table .row .row-header.hidden {
    visibility: hidden;
    max-width: 0;
    padding: 0
}

.kraken-table table .row .row-header.inverted {
    color: #000;
    background-color: #fff
}

.kraken-table table .row .entry {
    padding: 15px 11px 20px
}

@media (max-width: 768px) {
    .kraken-table table .row .entry {
        padding: 8px 5px
    }
}

@media (max-width: 640px) {
    .kraken-table table .row .entry {
        padding: 8px 5px !important
    }
}

.kraken-table table .row .entry a {
    color: #7132f5;
    font-weight: 700;
    text-decoration: none
}

.kraken-table table .row .entry a:hover {
    opacity: .8
}

.kraken-table table .row .entry:first-child {
    box-sizing: border-box;
    padding-left: 45px
}

@media (min-width: 769px) {
    .kraken-table table .row .entry:first-child {
        min-width: 180px
    }
}

@media (max-width: 768px) {
    .kraken-table table .row .entry:first-child {
        box-sizing: initial;
        padding-left: 0
    }
}

@media (max-width: 640px) {
    .kraken-table table .row .entry:first-child {
        padding-left: 15px !important
    }
}

.kraken-table table .row .entry.field-title {
    color: #7132f5;
    text-align: left;
    padding: 30px 11px;
    font-size: 12px
}

@media (min-width: 769px) {
    .kraken-table table .row .entry.field-title {
        min-width: 80px
    }
}

.kraken-table table .row .entry.is-fixed {
    box-sizing: border-box;
    font-size: 12px;
    line-height: 15px;
    overflow: hidden
}

@media (max-width: 768px) {
    .kraken-table table .row .entry.is-fixed {
        padding: 10px
    }
}

.kraken-table table .row>.entry.field-title {
    padding-left: 45px
}

@media (max-width: 768px) {
    .kraken-table table .row>.entry.field-title {
        padding-left: 30px
    }
}

.kraken-table table .row>.entry.field-title~.entry.field-title {
    padding-left: 11px
}

@media (max-width: 768px) {
    .kraken-table table .row>.entry.field-title~.entry.field-title {
        padding-left: 10px
    }
}

.kraken-table table .row td.entry:not(.row-header):first-of-type {
    padding-left: 45px
}

@media (max-width: 768px) {
    .kraken-table table .row td.entry:not(.row-header):first-of-type {
        padding-left: 30px
    }
}

.kraken-table table .row td.entry:not(.row-header):last-of-type {
    padding-right: 20px
}

.kraken-table table .row td.entry:only-of-type {
    text-align: center;
    border-top: 1px solid #e9e9e9
}

.kraken-table table .row p {
    max-width: 350px;
    margin: 0 auto
}

.kraken-table table .row p:not(:first-child) {
    margin-top: 10px
}

.kraken-table table tbody .row td.entry.is-fixed:only-of-type {
    padding: 21px 10px
}

.kraken-table table tbody .row:last-child .entry,
.kraken-table table tbody .row:last-child .entry.row-header {
    padding-bottom: 55px
}

.kraken-table table.full {
    color: #fff;
    background-color: #7132f5;
    padding: 45px
}

.kraken-table table.full .row .entry {
    max-width: 165px
}

@media (max-width: 768px) {
    .kraken-table table.full {
        padding: 45px 30px
    }

    .kraken-table table.nowrap {
        width: 100%
    }
}

.kraken-table table.scroll {
    -webkit-overflow-scrolling: touch;
    overflow: auto hidden
}

@media (max-width: 768px) {
    .kraken-table table.scroll {
        padding: 30px 0
    }

    .kraken-table table.scroll .entry.is-fixed {
        padding: 30px 10px 10px
    }

    .kraken-table table.scroll .entry.is-fixed.row-header {
        padding-left: 30px
    }

    .kraken-table table.scroll .entry.is-fixed.field-title {
        padding: 30px 10px 10px 30px
    }

    .kraken-table table.scroll .entry.is-fixed:not(:first-child) {
        min-width: 80px;
        box-sizing: initial
    }
}

.kraken-table table .entry,
.kraken-table table .sidebar .entry {
    min-width: 20px;
    font-size: 14px;
    line-height: 24px
}

@media (min-width: 769px) {

    .kraken-table table .entry,
    .kraken-table table .sidebar .entry {
        max-width: 300px
    }
}

@media (max-width: 768px) {

    .kraken-table table .entry,
    .kraken-table table .sidebar .entry {
        min-width: 100px
    }
}

@media (max-width: 450px) {
    .kraken-table table:not(.full) .entry:not(.is-fixed) {
        padding-right: 15px;
        font-size: 11px;
        line-height: 20px
    }
}

@media (min-width: 769px) {
    .kraken-table table .col {
        max-width: 300px
    }
}

@media (max-width: 768px) {
    .kraken-table table .col {
        min-width: 100%;
        margin-bottom: 20px
    }
}

.kraken-table table .col .entry {
    padding-left: 0
}

.kraken-table table .col .entry.field-title {
    padding-bottom: 0
}

.kraken-table table.full .entry.field-title {
    color: #fff9
}

.kraken-table.full {
    color: #fff;
    background-color: #7132f5;
    border-radius: 0;
    max-width: 668px;
    padding: 45px 30px
}

.kraken-table.full .row .entry {
    max-width: 165px
}

.kraken-table.full .entry.field-title {
    color: #fff9;
    font-size: 11px
}

.kraken-table.full .col {
    margin-bottom: 20px
}

@media (min-width: 769px) {
    .kraken-table.full .col {
        padding-right: 30px
    }

    .kraken-table.full .col:last-child {
        padding-right: 0
    }

    .kraken-table.full.cols-1 .col {
        width: 100%
    }

    .kraken-table.full.cols-2 .col {
        width: 50%
    }

    .kraken-table.full.cols-3 .col {
        width: 33.333%
    }

    .kraken-table.full.cols-4 .col {
        width: 25%
    }

    .kraken-table.full.cols-5 .col {
        width: 20%
    }
}

.kraken-table.full .col .entry {
    padding-left: 0
}

.kraken-table.full .col .entry.field-title {
    padding-bottom: 0
}

.kraken-table .tab-body {
    box-sizing: border-box;
    background-color: #f4f4f44d;
    width: 50%;
    min-height: 100px;
    padding: 30px 45px
}

@media (max-width: 768px) {
    .kraken-table .tab-body {
        width: 100%;
        padding: 30px
    }
}

.kraken-table .tab-body a {
    color: #7132f5;
    font-weight: 700;
    text-decoration: none
}

.kraken-table .tab-body a:hover {
    opacity: .8
}

.kraken-table .tab-body p {
    color: #000
}

.kraken-table-footnote {
    text-align: right;
    color: #00000080;
    margin: -45px 0 30px;
    font-size: 12px;
    line-height: 15px
}

.hamburger {
    cursor: pointer;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: #0000;
    border: 0;
    margin: 0;
    padding: 15px;
    transition-property: opacity, filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    display: inline-block;
    overflow: visible
}

.hamburger.is-active:hover,
.hamburger:hover {
    opacity: 1
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
    background-color: #fff
}

.hamburger.is-active .hamburger-inner.dark,
.hamburger.is-active .hamburger-inner.dark:after,
.hamburger.is-active .hamburger-inner.dark:before {
    background-color: #000
}

.hamburger-box {
    align-self: center;
    width: 23px;
    height: 17px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    margin-top: -1.5px;
    display: block;
    top: 50%
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    background-color: #fff;
    border-radius: 0;
    width: 23px;
    height: 3px;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease;
    position: absolute
}

.hamburger-inner:after,
.hamburger-inner:before {
    content: "";
    display: block
}

.hamburger-inner:before {
    top: -7px
}

.hamburger-inner:after {
    bottom: -7px
}

.hamburger--spring .hamburger-inner {
    transition: background-color 0s linear .13s;
    top: 1.5px
}

.hamburger--spring .hamburger-inner:before {
    transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
    top: 7px
}

.hamburger--spring .hamburger-inner:after {
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
    top: 14px
}

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: .22s;
    background-color: #0000 !important
}

.hamburger--spring.is-active .hamburger-inner:before {
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
    top: 0;
    transform: translateY(7px)rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner:after {
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
    top: 0;
    transform: translateY(7px)rotate(-45deg)
}

.kraken-article-body {
    padding: 35px 0
}

@media (max-width: 768px) {
    .kraken-article-body {
        padding: 25px 0
    }
}

.kraken-article-body .indent-1 {
    padding-left: 2.5em
}

.kraken-article-body.font-white,
.kraken-article-body.font-white .body a,
.kraken-article-body.font-white strong {
    color: #fff
}

.kraken-article-body.font-black strong {
    color: #000
}

.kraken-article-body h2 {
    letter-spacing: -1.5px;
    align-items: center;
    margin: 0 0 15px;
    font-size: 33.3px;
    font-weight: 300;
    line-height: 37px;
    display: inline-flex
}

.kraken-article-body h2,
.kraken-article-body h2 strong {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif
}

.kraken-article-body h2 strong {
    color: #7132f5;
    font-weight: 700
}

@media (max-width: 768px) {
    .kraken-article-body h2 {
        letter-spacing: -1px;
        font-size: 26px;
        line-height: 27px
    }

    .kraken-article-body h2 strong {
        font-size: 22px
    }
}

.kraken-article-body h2>.mycomponent-image,
.kraken-article-body h2>.mycomponent-image-svg {
    margin-right: 20px
}

.kraken-article-body h2 .mycomponent-image,
.kraken-article-body h2 .mycomponent-image-svg {
    width: 50px;
    height: 50px
}

.kraken-article-body em {
    font-style: italic
}

.kraken-article-body.kraken-article-font-large h2 {
    font-size: 48px;
    line-height: 48px
}

.kraken-article-body.kraken-article-font-large h2 span {
    font-size: 48px
}

@media (max-width: 768px) {
    .kraken-article-body.kraken-article-font-large h2 span {
        letter-spacing: -1px;
        font-size: 26px;
        line-height: 27px
    }
}

.kraken-article-body.kraken-article-font-large h2 strong {
    font-size: 48px
}

@media (max-width: 768px) {
    .kraken-article-body.kraken-article-font-large h2 strong {
        letter-spacing: -1px;
        font-size: 26px;
        line-height: 27px
    }
}

.kraken-article-body .centered {
    text-align: center
}

.kraken-article-body .centered .body {
    width: auto;
    max-width: none
}

.kraken-article-body .kraken-cta.inline {
    color: #fff;
    background-color: #7132f5
}

.kraken-article-body.kraken-article-font-large .body p {
    font-size: 20px;
    line-height: 1.5
}

@media (max-width: 768px) {
    .kraken-article-body.kraken-article-font-large .body p {
        font-size: 14px
    }
}

.kraken-article-body .body {
    width: 70%;
    max-width: 711px;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 24px
}

.kraken-article-body .body strong {
    font-weight: 700
}

@media (max-width: 768px) {
    .kraken-article-body .body {
        width: 95%;
        max-width: none
    }
}

.kraken-article-body .body h3 {
    letter-spacing: -.5px;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px
}

.kraken-article-body .body h3:not(:first-child) {
    margin: 30px 0 0
}

.kraken-article-body .body>p:not(:first-child) {
    text-indent: 0;
    margin-top: 20px
}

.kraken-article-body .body a:not([class]) {
    font-weight: inherit;
    color: #7132f5;
    text-decoration: none
}

.kraken-article-body .body a:not([class]):hover {
    color: #43196f;
    text-decoration: underline
}

.kraken-article-body .body ul {
    -webkit-padding-start: 19px;
    margin-top: 20px;
    padding-inline-start: 19px
}

.kraken-article-body .body ul:not(.link-list)>li:before {
    content: "";
    background-color: #7132f5;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    display: block;
    position: relative;
    top: 14px;
    left: -19px
}

.kraken-article-body .body ul li {
    margin-bottom: 7px;
    line-height: 21px
}

@media (max-width: 768px) {
    .kraken-article-body .body ul li {
        margin-bottom: 15px
    }
}

.kraken-article-body .body ul li:last-child {
    margin-bottom: 0
}

.kraken-article-body .body ul li>ol {
    -webkit-padding-start: 2.5em;
    text-indent: -2.5em;
    padding-inline-start: 2.5em
}

.kraken-article-body .body pre {
    letter-spacing: 0;
    color: #000;
    white-space: pre-wrap;
    word-wrap: break-word;
    background-color: #fafafa;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    margin: 22px 0 44px;
    padding: 66px 36px;
    font-family: Kraken-Mono, ui-monospace, Menlo, Monaco, Consolas, Courier New, monospace;
    font-size: 14px;
    line-height: 23px;
    box-shadow: inset 0 10px 14px #e9e9e9
}

@media (max-width: 768px) {
    .kraken-article-body .body pre {
        margin: 25px 0 36px;
        padding: 55px 36px
    }
}

.kraken-article-body .body ol {
    counter-reset: item
}

.kraken-article-body .body ol>li {
    margin-top: 25px;
    display: block
}

.kraken-article-body .body ol>li:before {
    content: counters(item, ".")". ";
    counter-increment: item;
    color: #7132f5;
    margin-right: 5px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33
}

.kraken-article-body .body ol>li h2 {
    letter-spacing: -1px;
    color: #000;
    margin: auto;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.21;
    display: inline-block
}

.kraken-article-body .body ol>li h2:first-child {
    display: inline
}

.kraken-article-body .body ol>li>h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    display: inline
}

.kraken-article-body .body ol>li>p:first-child {
    display: inline
}

.kraken-article-body .body ol>li>ol {
    -webkit-padding-start: 5em;
    text-indent: -2.5em;
    padding-inline-start: 5em
}

.kraken-article-body .body ol>li>ol li>p:first-child {
    display: inline
}

@media (max-width: 768px) {
    .kraken-article-body .body ol>li>ol {
        text-indent: -2.2em;
        padding-left: 2.2em
    }
}

.kraken-article-body .body>ol>li:before {
    letter-spacing: -1px;
    font-size: 28px;
    line-height: 1.21
}

.kraken-article-body .body>ol>li:not(:first-child) {
    margin-top: 47px
}

.kraken-article-body .body>ol>li>p {
    margin-top: 20px;
    margin-left: 2.5em
}

.kraken-article-body .body>ol>li>ul {
    -webkit-padding-start: 3.5em;
    margin-top: 25px;
    padding-inline-start: 3.5em
}

.kraken-article-body .body>ol li>ol li>ul {
    -webkit-padding-start: 1.8em;
    text-indent: -3.5em;
    padding-inline-start: 1.8em
}

.kraken-article-body .body>ol li>ol li>ol {
    -webkit-padding-start: 3.5em;
    text-indent: -3.5em;
    margin-top: 30px;
    padding-inline-start: 3.5em
}

@media (max-width: 768px) {
    .kraken-article-body .body>ol li>ol li>ol {
        text-indent: -3.3em;
        padding-left: 3.3em
    }
}

.kraken-article-body .body>ol li>ol li>ol li {
    margin-top: 15px
}

.kraken-article-body .body .kraken-table.scroll {
    background-color: #f4f4f44d;
    position: relative
}

@media (min-width: 769px) {
    .kraken-article-body .body .kraken-table.scroll {
        width: calc(100vw - 160px);
        max-width: 980px
    }
}

@media (max-width: 768px) {
    .kraken-article-body .body .kraken-table.scroll {
        margin-left: auto
    }
}

.kraken-article-body .body table {
    background-color: #0000;
    font-size: 12px
}

.kraken-article-body .body table thead {
    color: #7132f5;
    font-weight: 700;
    line-height: 1.67
}

@media (max-width: 768px) {
    .kraken-article-body .body table thead {
        color: #fff;
        background-color: #7132f5
    }
}

.kraken-article-body .body table thead th {
    padding: 24px 30px 45px 0
}

@media (max-width: 768px) {
    .kraken-article-body .body table thead th {
        padding-bottom: 25px
    }
}

.kraken-article-body .body table thead th:first-of-type {
    padding-left: 40px
}

.kraken-article-body .body table thead th:last-of-type {
    padding-right: 32px
}

.kraken-article-body .body table tbody tr:not(:last-child) td:after {
    content: "";
    border-bottom: 1px solid #dbdbdb;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.kraken-article-body .body table tbody tr:not(:last-child) td:first-of-type:after {
    left: 40px
}

.kraken-article-body .body table tbody tr:not(:last-child) td:last-of-type:after {
    right: 40px
}

.kraken-article-body .body table tbody td {
    max-width: 310px;
    padding: 25px 30px 30px 0;
    line-height: 16px;
    position: relative
}

.kraken-article-body .body table tbody td:first-of-type {
    padding-left: 40px
}

.kraken-article-body .body table tbody td:last-of-type {
    padding-right: 40px
}

.kraken-article-body .body table tbody td ul li {
    letter-spacing: 0;
    line-height: 16px
}

.kraken-article-body .body table tbody td ul li:before {
    content: "•";
    color: #7132f5;
    opacity: 1;
    border: none;
    font-size: 12px;
    top: auto;
    left: -1.4em
}

@media (min-width: 769px) {
    .kraken-article-body .body table tbody tr:not(:first-child) td {
        padding-top: 25px
    }
}

.kraken-article-body .crypto-refs,
.kraken-article-body .currency-pairs {
    -moz-column-gap: 32px;
    grid-template-columns: max-content max-content;
    column-gap: 32px;
    margin: 24px 0 0;
    display: grid
}

@media (max-width: 768px) {

    .kraken-article-body .crypto-refs,
    .kraken-article-body .currency-pairs {
        grid-template-columns: max-content
    }
}

.kraken-article-body .crypto-refs a,
.kraken-article-body .currency-pairs a {
    color: #7132f5;
    white-space: nowrap;
    margin: 0 0 25px;
    font-weight: 700;
    text-decoration: none;
    display: flex
}

.kraken-article-body .crypto-refs a .shortcode,
.kraken-article-body .currency-pairs a .shortcode {
    color: #000;
    padding: 0 0 0 12px
}

.kraken-article-body .crypto-refs p,
.kraken-article-body .currency-pairs p {
    width: 215px;
    margin: 0 0 25px;
    font-weight: 700;
    text-decoration: none
}

.mycomponent-component:nth-child(2) .kraken-article-body:first-of-type {
    padding: 70px 0 45px
}

@media (max-width: 768px) {
    .mycomponent-component:nth-child(2) .kraken-article-body:first-of-type {
        padding: 55px 0 25px
    }
}

@media (min-width: 769px) {
    html[lang=vi-vn] .kraken-article-body h2 {
        font-size: 28px
    }
}

.kraken-article-disclaimer {
    margin: 45px 0;
    padding: 20px 0
}

.kraken-article-disclaimer h3 {
    color: #000;
    margin-bottom: 10px;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: normal
}

.kraken-article-disclaimer .bg-wrapper {
    background-color: #fbfbfb;
    border: 1px solid #dbdbdb;
    padding: 35px 45px
}

.kraken-article-disclaimer .body-content {
    width: 80%
}

@media (max-width: 768px) {
    .kraken-article-disclaimer .body-content {
        width: 100%
    }
}

.kraken-article-disclaimer .body-content ul {
    padding-inline-start: 1.5em
}

.kraken-article-disclaimer .body-content ul li {
    line-height: 24px
}

.kraken-article-disclaimer .body-content ul li:not(:last-child) {
    margin-bottom: 8px
}

@media (max-width: 768px) {
    .kraken-article-disclaimer .body-content ul li:not(:last-child) {
        margin-bottom: 20px
    }
}

.kraken-article-disclaimer .body-content ul li:before {
    content: "";
    background-color: #7132f5;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    display: block;
    position: relative;
    top: 1em;
    left: -1.5em
}

.kraken-article-disclaimer .body-content p {
    color: #000;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.71
}

.kraken-article-disclaimer .body-content p a {
    color: #7132f5;
    font-weight: 600;
    text-decoration: none
}

.kraken-article-checkmark-list {
    padding: 45px 0 0
}

@media (max-width: 768px) {
    .kraken-article-checkmark-list {
        padding: 25px 10px
    }
}

.kraken-article-checkmark-list h2 {
    letter-spacing: -1.5px;
    color: #000;
    margin-bottom: 70px;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 33.3px;
    font-weight: 300;
    line-height: 39.3px
}

.kraken-article-checkmark-list h2 strong {
    color: #7132f5;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700
}

@media (max-width: 768px) {
    .kraken-article-checkmark-list h2 {
        letter-spacing: -1px;
        margin-bottom: 41px;
        font-size: 27px;
        line-height: 27px
    }

    .kraken-article-checkmark-list h2 strong {
        font-size: 22px
    }
}

.kraken-article-checkmark-list ul {
    display: flex
}

@media (min-width: 769px) {
    .kraken-article-checkmark-list ul {
        flex-wrap: wrap
    }
}

@media (max-width: 768px) {
    .kraken-article-checkmark-list ul {
        flex-direction: column
    }
}

.kraken-article-checkmark-list ul li {
    letter-spacing: -.3px;
    margin-bottom: 5em;
    padding: 0 0 0 3.9em;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    position: relative
}

@media (min-width: 769px) {
    .kraken-article-checkmark-list ul li {
        align-items: center;
        display: flex
    }

    .kraken-article-checkmark-list ul li:nth-child(odd) {
        box-sizing: border-box;
        flex-basis: 38%
    }

    .kraken-article-checkmark-list ul li:nth-child(2n) {
        flex-basis: 29%
    }
}

@media (max-width: 768px) {
    .kraken-article-checkmark-list ul li {
        margin-bottom: 4em
    }
}

.kraken-article-checkmark-list ul li:before {
    content: " ";
    border: 1px solid #e9e9e9;
    border-radius: 2em;
    width: 55px;
    height: 55px;
    display: block;
    position: absolute;
    left: -.5em
}

@media (max-width: 768px) {
    .kraken-article-checkmark-list ul li:before {
        margin-top: 0;
        top: 50%;
        transform: translateY(-50%)
    }
}

.kraken-article-checkmark-list ul li:after {
    content: " ";
    border: .25em solid #7132f5;
    border-width: 0 .25em .25em 0;
    width: .4em;
    height: .9em;
    display: block;
    position: absolute;
    left: 1em;
    transform: rotate(45deg)
}

@media (max-width: 768px) {
    .kraken-article-checkmark-list ul li:after {
        margin-top: 0;
        top: 50%;
        transform: translateY(-50%)rotate(45deg)
    }
}

.kraken-article-checkmark-list ul li:nth-child(odd) {
    margin-right: auto
}

@media (min-width: 769px) {
    .kraken-article-checkmark-list ul li:nth-child(odd) {
        margin-right: 14.2%
    }

    html[lang=vi-vn] .kraken-article-checkmark-list h2 {
        font-size: 28px
    }
}

.kraken-article-icon-list {
    padding: 45px 0
}

.kraken-article-icon-list>.kraken-content-wrapper>h2 {
    letter-spacing: -2.41px;
    color: #000;
    margin: 0 0 50px;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 49.7px;
    font-weight: 300;
    line-height: 54.5px
}

@media (max-width: 768px) {
    .kraken-article-icon-list>.kraken-content-wrapper>h2 {
        letter-spacing: -1.5px;
        font-size: 35.7px;
        line-height: 36px
    }
}

.kraken-article-icon-list>.kraken-content-wrapper>h2 strong {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 44.9px;
    font-weight: 700
}

@media (max-width: 768px) {
    .kraken-article-icon-list>.kraken-content-wrapper>h2 strong {
        font-size: 30px
    }
}

.kraken-article-icon-list>.kraken-content-wrapper>h2 strong {
    color: #7132f5
}

.kraken-article-icon-list.kraken-article-icon-list-font-large h2 {
    font-size: 48px;
    line-height: 48px
}

.kraken-article-icon-list.kraken-article-icon-list-font-large p {
    font-size: 20px;
    line-height: 1.5
}

.kraken-article-icon-list .icon-list-items {
    grid-column-gap: 150px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
    display: grid
}

@media (max-width: 768px) {
    .kraken-article-icon-list .icon-list-items {
        grid-template-columns: 1fr
    }
}

.kraken-article-icon-list .icon-list-items .item .icon {
    height: 100px
}

.kraken-article-icon-list .icon-list-items .item img.mycomponent-image,
.kraken-article-icon-list .icon-list-items .item img.mycomponent-image-svg {
    width: auto;
    height: auto
}

@media (max-width: 768px) {
    .kraken-article-icon-list .icon-list-items .item .copy {
        margin-top: 12px
    }
}

.kraken-article-icon-list .icon-list-items .item .copy .kraken-headline {
    letter-spacing: -.5px;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 23.8px;
    font-weight: 300;
    line-height: 26px
}

.kraken-article-icon-list .icon-list-items .item .copy .kraken-headline strong {
    color: #7132f5;
    font-size: 20px
}

.kraken-article-icon-list .icon-list-items .item .copy .body {
    margin-top: 22px
}

@media (max-width: 768px) {
    .kraken-article-icon-list .icon-list-items .item .copy .body {
        margin-top: 16px
    }
}

.kraken-article-icon-list .icon-list-items .item .copy .body a {
    color: #7132f5;
    font-weight: 600;
    text-decoration: none
}

.kraken-article-icon-list .icon-list-items.three-cols {
    grid-gap: 50px;
    grid-template-columns: 1fr 1fr 1fr
}

@media (max-width: 768px) {
    .kraken-article-icon-list .icon-list-items.three-cols {
        grid-template-columns: 1fr
    }
}

.kraken-article-icon-list.centered {
    text-align: center
}

@media (min-width: 769px) {
    html[lang=vi-vn] .kraken-article-icon-list h2 {
        font-size: 19px
    }
}

.kraken-article-text-call-out {
    padding: 35px 0
}

@media (max-width: 768px) {
    .kraken-article-text-call-out {
        padding: 45px 0
    }
}

.kraken-article-text-call-out.centered {
    text-align: center
}

.kraken-article-text-call-out.font-white,
.kraken-article-text-call-out.font-white strong {
    color: #fff
}

.kraken-article-text-call-out.font-black strong {
    color: #000
}

.kraken-article-text-call-out.font-large strong {
    font-size: 48px
}

@media (max-width: 768px) {
    .kraken-article-text-call-out.font-large strong {
        font-size: 32px
    }
}

.kraken-article-text-call-out p {
    letter-spacing: -2px;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 65.5px;
    font-weight: 300;
    line-height: 65px
}

@media (max-width: 768px) {
    .kraken-article-text-call-out p {
        letter-spacing: -1.05px;
        word-break: break-word;
        -webkit-hyphens: auto;
        hyphens: auto;
        font-size: 50px;
        line-height: 45.5px
    }
}

.kraken-article-text-call-out p strong {
    color: #7132f5;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700
}

@media (min-width: 769px) {
    html[lang=vi-vn] .kraken-article-text-call-out p {
        font-size: 55px
    }
}

.kraken-two-column .kraken-content-wrapper a.asset-item,
.kraken-two-column .kraken-content-wrapper a:not([class]) {
    font-weight: 600;
    text-decoration: none
}

.kraken-two-column .kraken-content-wrapper a:not([class]) {
    color: #7132f5
}

.kraken-two-column .kraken-content-wrapper a:not([class]):hover {
    text-decoration: underline
}

.kraken-two-column .kraken-content-wrapper h1 {
    color: #242424;
    margin-bottom: 20px;
    font-size: 48px;
    font-weight: 300;
    line-height: 110%
}

@media (max-width: 768px) {
    .kraken-two-column .kraken-content-wrapper h1 {
        margin-bottom: 12px;
        padding-left: 30px;
        padding-right: 30px;
        font-size: 36px;
        line-height: 130%
    }
}

.kraken-two-column .kraken-content-wrapper h2 {
    color: #242424;
    font-size: 32px;
    font-weight: 400;
    line-height: 48px
}

@media (max-width: 768px) {
    .kraken-two-column .kraken-content-wrapper h2 {
        padding: .5em 20px .2em 0;
        font-size: 32px;
        line-height: 1.4em
    }
}

.kraken-two-column .kraken-content-wrapper h3 {
    color: #242424;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px
}

@media (max-width: 768px) {
    .kraken-two-column .kraken-content-wrapper h3 {
        font-size: 16px;
        line-height: 1.5em
    }
}

.kraken-two-column .kraken-content-wrapper li,
.kraken-two-column .kraken-content-wrapper p {
    color: #242424;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

.kraken-two-column .kraken-content-wrapper li>strong,
.kraken-two-column .kraken-content-wrapper p>strong {
    font-weight: 600
}

.kraken-two-column .kraken-content-wrapper .bg-white {
    background-color: #fff;
    border-radius: 8px
}

.kraken-two-column .kraken-content-wrapper .bg-kraken-gray {
    background-color: #e9e9e9
}

.kraken-two-column .kraken-content-wrapper hr {
    box-sizing: content-box;
    border: 0;
    border-top: 2px solid #000;
    height: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
    overflow: visible
}

@media (max-width: 768px) {
    .kraken-two-column .kraken-content-wrapper hr {
        display: none
    }
}

.kraken-two-column .kraken-content-wrapper .kraken-cta {
    padding: .5em 2em;
    font-size: 16px;
    line-height: 32px
}

.kraken-two-column .kraken-content-wrapper ul {
    margin: 25px 0 0 3px;
    list-style: none;
    display: inline-block
}

.kraken-two-column .kraken-content-wrapper ul.full-width {
    padding-inline-start: 0;
    display: block
}

.kraken-two-column .kraken-content-wrapper ul li {
    clear: left;
    border-bottom: 1px solid #c7c7c7;
    margin-left: 50px;
    padding-bottom: 25px
}

.kraken-two-column .kraken-content-wrapper ul li.icon:before {
    content: "";
    float: left;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    height: 35px;
    margin: 7px 0 0 -50px;
    display: block
}

.kraken-two-column .kraken-content-wrapper ul li.icon-btc-atm:before {
    background-image: url(./fonts/btc-atm.a214312a.svg)
}

.kraken-two-column .kraken-content-wrapper ul li.icon-cart-in:before {
    background-image: url(./fonts/cart-in.7839d87e.svg)
}

.kraken-two-column .kraken-content-wrapper ul li.icon-chart-up:before {
    background-image: url(./fonts/chart-up.b0f89d25.svg)
}

.kraken-two-column .kraken-content-wrapper ul li.icon-exchange-crypto:before {
    background-image: url(./fonts/exchange-crypto.84b8fd5d.svg)
}

.kraken-two-column .kraken-content-wrapper ul li.icon-kraken-purple:before {
    background-image: url(./fonts/kraken-purple.c0bb53b4.svg)
}

.kraken-two-column .kraken-content-wrapper ul li.icon-rocket:before {
    background-image: url(./fonts/rocket.9fed1959.svg)
}

.kraken-two-column .kraken-content-wrapper ul li.icon-stake-unbonding:before {
    background-image: url(./fonts/stake-unbonding.6e288136.svg)
}

.kraken-two-column .kraken-content-wrapper ul li.icon-application-powered:before {
    background-image: url(./fonts/application-powered.7a128b2a.svg)
}

.kraken-two-column .kraken-content-wrapper ul li.icon-gaming:before {
    background-image: url(./fonts/gaming.abba9d0d.svg)
}

.kraken-two-column .kraken-content-wrapper ul li.icon-long-term-bet:before {
    background-image: url(./fonts/long-term-bet.73c82feb.svg)
}

.kraken-two-column .kraken-content-wrapper ul li.icon-power-decentralized:before {
    background-image: url(./fonts/power-decentralized.8ead46c7.svg)
}

.kraken-two-column .kraken-content-wrapper ul li.icon-privacy:before {
    background-image: url(./fonts/privacy.46d5e59c.svg)
}

.kraken-two-column .kraken-content-wrapper ul li.icon-raise-new-crypto:before {
    background-image: url(./fonts/raise-new-crypto.915404f8.svg)
}

.kraken-two-column .kraken-content-wrapper ul li.icon-transact-privately:before {
    background-image: url(./fonts/transact-privately.11124bd6.svg)
}

.kraken-two-column .kraken-content-wrapper ul li.icon-adjust-portfolio:before {
    background-image: url(./fonts/adjust-portfolio.a49d1244.svg)
}

.kraken-two-column .kraken-content-wrapper ul li.icon-avoid-losses:before {
    background-image: url(./fonts/avoid-losses.1b56e33f.svg)
}

.kraken-two-column .kraken-content-wrapper ul li.icon-pay-contracts:before {
    background-image: url(./fonts/pay-contracts.9f65195a.svg)
}

.kraken-two-column .kraken-content-wrapper ul li.icon-brick:before {
    background-image: url(./fonts/brick.32b6bdc5.svg)
}

.kraken-two-column .kraken-content-wrapper ul li.icon-moon:before {
    background-image: url(./fonts/moon.b576f70d.svg)
}

.kraken-two-column .kraken-content-wrapper ul li:last-child {
    border-bottom: 0
}

.kraken-two-column .kraken-content-wrapper ul.without-icons>li {
    border: 0;
    border-top: 1px solid #c7c7c7;
    margin-left: 0;
    padding: 25px 0 10px
}

.kraken-two-column .kraken-content-wrapper ul.without-icons>li a {
    color: #000
}

.kraken-two-column .kraken-content-wrapper ul.without-icons>li a:hover {
    color: #7132f5;
    text-decoration: none
}

.kraken-two-column .kraken-content-wrapper ul.dynamic>li {
    margin-bottom: 7px;
    padding: 17px 0 10px
}

.kraken-two-column .kraken-content-wrapper ol {
    counter-reset: two-col-counter;
    padding-left: 40px;
    list-style: none
}

.kraken-two-column .kraken-content-wrapper ol li {
    counter-increment: two-col-counter;
    border-bottom: 1px solid #e9e9e9;
    margin: 25px 0;
    padding-bottom: 10px;
    position: relative
}

.kraken-two-column .kraken-content-wrapper ol li p {
    color: #666
}

.kraken-two-column .kraken-content-wrapper ol li strong {
    color: #242424
}

.kraken-two-column .kraken-content-wrapper ol li:last-child {
    border-bottom: 0
}

.kraken-two-column .kraken-content-wrapper ol li:before {
    content: counter(two-col-counter);
    color: #666;
    --size: 32px;
    left: calc(-1*var(--size) - 10px);
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-weight: 300;
    line-height: var(--size);
    width: var(--size);
    height: var(--size);
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: 6px
}

.kraken-two-column .kraken-content-wrapper ul.asset-list li {
    border: 0;
    flex-direction: row;
    align-items: center;
    margin: 0;
    display: flex
}

.kraken-two-column .kraken-content-wrapper ul.asset-list li a {
    font-size: 14px
}

.kraken-two-column .kraken-content-wrapper ul.asset-list li a:not(:hover) {
    color: #666;
    transition: all .5s ease-in-out
}

.kraken-two-column .kraken-content-wrapper ul.asset-list li a:hover {
    text-decoration: none
}

.kraken-two-column .kraken-content-wrapper .framed {
    border: 8px solid #fff;
    width: 100%;
    margin-top: 15px
}

.kraken-two-column .kraken-content-wrapper .kraken-two-column-container {
    grid-row-gap: 40px;
    grid-column-gap: 80px;
    grid-template-columns: 57% 1fr;
    display: grid
}

@media (max-width: 768px) {
    .kraken-two-column .kraken-content-wrapper .kraken-two-column-container {
        grid-template-columns: 100%
    }
}

.kraken-two-column .kraken-content-wrapper .kraken-two-column-container .col {
    padding-bottom: 50px
}

@media (max-width: 768px) {
    .kraken-two-column .kraken-content-wrapper .kraken-two-column-container .left-col {
        margin-top: 30px;
        padding: 20px
    }
}

.kraken-two-column .kraken-content-wrapper .kraken-two-column-container .left-col .mycomponent-image,
.kraken-two-column .kraken-content-wrapper .kraken-two-column-container .left-col .mycomponent-image-svg {
    width: 75%
}

.kraken-two-column .kraken-content-wrapper .kraken-two-column-container .left-col .img-expanded img {
    width: 100%;
    margin-bottom: 40px
}

.kraken-two-column .kraken-content-wrapper .kraken-two-column-container .left-col ul li.icon:before {
    margin-top: 4px
}

.kraken-two-column .kraken-content-wrapper .kraken-two-column-container .left-col .mobile-cryptoref {
    display: none
}

.kraken-two-column .kraken-content-wrapper .kraken-two-column-container .left-col .kraken-cta.inline {
    margin: 10px 0
}

.kraken-two-column .kraken-content-wrapper .kraken-two-column-container .left-col ul.asset-list {
    grid-template-columns: 1fr 1fr;
    display: grid
}

@media (max-width: 768px) {
    .kraken-two-column .kraken-content-wrapper .kraken-two-column-container .left-col ul.asset-list {
        grid-template-columns: 1fr
    }
}

.kraken-two-column .kraken-content-wrapper .kraken-two-column-container .right-col {
    padding: 48px 0 0 42px
}

@media (max-width: 768px) {
    .kraken-two-column .kraken-content-wrapper .kraken-two-column-container .right-col {
        padding: 0 20px
    }
}

.kraken-two-column .kraken-content-wrapper .kraken-two-column-container .right-col li,
.kraken-two-column .kraken-content-wrapper .kraken-two-column-container .right-col p {
    color: #666;
    font-size: 16px;
    line-height: 24px
}

.kraken-two-column .kraken-content-wrapper .kraken-two-column-container .right-col hr {
    border-top-width: 1px;
    width: 100%
}

@media (max-width: 768px) {
    .kraken-two-column .kraken-content-wrapper .kraken-two-column-container .right-col hr {
        display: none
    }
}

.kraken-two-column .kraken-content-wrapper .kraken-two-column-container .right-col .pull-left {
    margin-left: -42px
}

.kraken-two-column .kraken-content-wrapper .kraken-two-column-container .right-col .kraken-cta:not(.btn-purple) {
    background-color: #0000
}

.kraken-two-column .kraken-content-wrapper .kraken-two-column-container .right-col .desktop-cryptoref {
    display: none
}

.kraken-two-column .kraken-content-wrapper figure {
    margin: 25px 0
}

.kraken-two-column .kraken-content-wrapper figure img {
    width: 100%;
    box-shadow: 3px 3px 6px #c7c7c7
}

.kraken-two-column .kraken-content-wrapper figure figcaption {
    color: #242424
}

@media (max-width: 768px) {
    .kraken-two-column .kraken-content-wrapper .kraken-table.scroll {
        margin-left: 0
    }

    .kraken-two-column .kraken-content-wrapper .kraken-table.scroll .row-header {
        position: static
    }
}

.kraken-asset-cta-banner,
.kraken-asset-info {
    margin: 40px 0
}

.kraken-hero-carousel {
    text-align: center;
    padding: 60px 0
}

.kraken-strip-content-anchors,
.kraken-strip-cti {
    text-align: left
}

.kraken-strip-full-screen {
    content-visibility: auto;
    contain-intrinsic-size: 700px;
    text-align: left;
    padding: 100px 0
}

.kraken-strip-full-screen.font-color-white,
.kraken-strip-full-screen.font-color-white h1 strong,
.kraken-strip-full-screen.font-color-white h2 strong {
    color: #fff
}

.kraken-strip-full-screen.font-color-black,
.kraken-strip-full-screen.font-color-black h1 strong,
.kraken-strip-full-screen.font-color-black h2 strong {
    color: #000
}

.kraken-strip-full-screen.font-color-kraken-dark-purple {
    color: #43196f
}

.kraken-strip-full-screen.font-color-kraken-purple {
    color: #7132f5
}

.kraken-strip-full-screen.font-color-kraken-koamaru {
    color: #383562
}

.kraken-strip-full-screen.font-color-kraken-pink {
    color: #dca3c8
}

.kraken-strip-full-screen .strip-media-30 {
    width: calc(30% - 35px)
}

.kraken-strip-full-screen .strip-media-40 {
    width: calc(40% - 35px)
}

.kraken-strip-full-screen .strip-media-50 {
    width: calc(50% - 35px)
}

.kraken-strip-full-screen .strip-media-60 {
    width: calc(60% - 69px)
}

.kraken-strip-full-screen .strip-media-70 {
    width: calc(70% - 35px)
}

.kraken-strip-full-screen ol {
    counter-reset: strip-full-screen-counter;
    padding-left: 40px;
    list-style: none
}

.kraken-strip-full-screen ol li {
    counter-increment: strip-full-screen-counter;
    margin: 0 0 .5rem;
    position: relative
}

.kraken-strip-full-screen ol li:before {
    content: counter(strip-full-screen-counter);
    color: #fff;
    --size: 32px;
    left: calc(-1*var(--size) - 10px);
    font-size: 1.2rem;
    font-weight: 700;
    line-height: var(--size);
    width: var(--size);
    height: var(--size);
    text-align: center;
    background: #7132f5;
    border-radius: 50%;
    position: absolute;
    top: -2px
}

@media (max-width: 768px) {
    .kraken-strip-full-screen {
        padding: 40px 0
    }

    .kraken-strip-full-screen h1.desktop-h2,
    .kraken-strip-full-screen h2.desktop-h2 {
        display: none
    }

    .kraken-strip-full-screen h1.mobile-h2,
    .kraken-strip-full-screen h2.mobile-h2 {
        display: block
    }

    .kraken-strip-full-screen h1.mobile-h2.fullwidth,
    .kraken-strip-full-screen h2.mobile-h2.fullwidth {
        text-align: center;
        margin: 0
    }
}

@media (min-width: 769px) {
    .kraken-strip-full-screen {
        flex-direction: row
    }

    .kraken-strip-full-screen h1.mobile-h2,
    .kraken-strip-full-screen h2.mobile-h2 {
        display: none
    }

    .kraken-strip-full-screen:not(.inverted) .strip-text {
        order: 3
    }

    .kraken-strip-full-screen:not(.inverted) .embed-responsive,
    .kraken-strip-full-screen:not(.inverted) .strip-img {
        margin: 0 35px 0 0
    }

    .kraken-strip-full-screen.inverted .embed-responsive,
    .kraken-strip-full-screen.inverted .strip-img {
        order: 2;
        margin: 0 0 0 35px
    }
}

.kraken-strip-full-screen.compact {
    padding: 0
}

.kraken-strip-full-screen>div {
    justify-content: space-between;
    align-items: center;
    display: flex
}

@media (max-width: 768px) {
    .kraken-strip-full-screen>div {
        display: block
    }
}

.kraken-strip-full-screen h1,
.kraken-strip-full-screen h2 {
    letter-spacing: -1px;
    margin: 0 0 30px;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 33.3px;
    font-weight: 300;
    line-height: 34px
}

.kraken-strip-full-screen h1 strong,
.kraken-strip-full-screen h2 strong {
    color: #7132f5;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700
}

@media (max-width: 768px) {

    .kraken-strip-full-screen h1,
    .kraken-strip-full-screen h2 {
        font-size: 20px;
        line-height: 29px
    }
}

.kraken-strip-full-screen h1 strong,
.kraken-strip-full-screen h2 strong {
    font-size: 28px
}

@media (max-width: 768px) {

    .kraken-strip-full-screen h1 strong,
    .kraken-strip-full-screen h2 strong {
        font-size: 20px
    }
}

.kraken-strip-full-screen .kraken-strip-large h2,
.kraken-strip-full-screen.kraken-strip-large h1 {
    font-size: 48px;
    line-height: 48px
}

.kraken-strip-full-screen .kraken-strip-large h2 span,
.kraken-strip-full-screen.kraken-strip-large h1 span {
    font-size: 48px
}

@media (max-width: 768px) {

    .kraken-strip-full-screen .kraken-strip-large h2 span,
    .kraken-strip-full-screen.kraken-strip-large h1 span {
        font-size: 20px;
        line-height: 29px
    }
}

.kraken-strip-full-screen .kraken-strip-large h2 strong,
.kraken-strip-full-screen.kraken-strip-large h1 strong {
    font-size: 48px
}

@media (max-width: 768px) {

    .kraken-strip-full-screen .kraken-strip-large h2 strong,
    .kraken-strip-full-screen.kraken-strip-large h1 strong {
        font-size: 20px;
        line-height: 29px
    }
}

.kraken-strip-full-screen .strip-text.fullwidth {
    text-align: center;
    width: 100%;
    padding: 40px 0
}

@media (max-width: 768px) {
    .kraken-strip-full-screen .strip-text {
        width: 100%
    }
}

.kraken-strip-full-screen .strip-text p {
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 1.7
}

.kraken-strip-full-screen .strip-text.kraken-strip-large p {
    font-size: 20px;
    line-height: 1.5
}

@media (max-width: 768px) {
    .kraken-strip-full-screen .strip-text.kraken-strip-large p {
        font-size: 14px
    }

    .kraken-strip-full-screen .strip-img {
        width: 100%;
        margin: 0 0 30px;
        display: block
    }
}

.kraken-strip-full-screen .embed-responsive {
    padding: 29.68% 0 0;
    display: block;
    position: relative;
    overflow: hidden
}

@media (max-width: 768px) {
    .kraken-strip-full-screen .embed-responsive {
        width: 100%;
        margin: 0 0 30px;
        padding-top: 56.25%
    }
}

.kraken-strip-full-screen .embed-responsive:before {
    content: "";
    display: block
}

.kraken-strip-full-screen .embed-responsive iframe {
    border: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

@media (min-width: 769px) {

    html[lang=vi-vn] .kraken-strip-full-screen h1,
    html[lang=vi-vn] .kraken-strip-full-screen h2 {
        font-size: 28px
    }
}

.kraken-exchange-list,
.kraken-strip-inline-audio,
.kraken-strip-list-icons,
.kraken-strip-related-content,
.kraken-strip-video-image {
    text-align: left
}

.kraken-wayfinding {
    content-visibility: auto;
    contain-intrinsic-size: 700px;
    text-align: left;
    background-color: #fbfbfb;
    padding: 100px 0 166.5px;
    line-height: 1.19
}

@media (max-width: 768px) {
    .kraken-wayfinding {
        padding: 45px 0 53.5px
    }
}

.kraken-wayfinding h2 {
    letter-spacing: -1.5px;
    font-size: 33.3px;
    font-weight: 300;
    line-height: 37px
}

.kraken-wayfinding h2,
.kraken-wayfinding h2 strong {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif
}

.kraken-wayfinding h2 strong {
    color: #7132f5;
    font-weight: 700
}

@media (max-width: 768px) {
    .kraken-wayfinding h2 {
        letter-spacing: -1.5px;
        font-size: 28px;
        line-height: 33px
    }

    .kraken-wayfinding h2 strong {
        font-size: 24px
    }
}

.kraken-wayfinding .wayfinder-header {
    max-width: 775px
}

.kraken-wayfinding .wayfinder-header p {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 300
}

.kraken-wayfinding .wayfinder-wrapper {
    box-sizing: border-box;
    height: 100%;
    padding-top: 50px;
    position: relative
}

@media (max-width: 768px) {
    .kraken-wayfinding .wayfinder-wrapper {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width: 769px) {
    .kraken-wayfinding .wayfinder-wrapper {
        box-sizing: border-box;
        padding-left: calc(50% - 490px);
        padding-right: calc(50% - 490px)
    }
}

@media (min-width: 769px) and (max-width:1140px) {
    .kraken-wayfinding .wayfinder-wrapper {
        padding-left: 80px;
        padding-right: 80px
    }
}

.kraken-wayfinding .wayfinder-wrapper>div {
    display: flex
}

@media (max-width: 768px) {
    .kraken-wayfinding .wayfinder-wrapper {
        -webkit-overflow-scrolling: touch;
        padding: 50px 30px 40px;
        display: block;
        overflow: scroll
    }
}

.kraken-wayfinding .wayfinder-wrapper .wayfinding-card {
    color: #fff;
    box-sizing: border-box;
    border-radius: 8px;
    flex-grow: 0;
    flex-shrink: 0;
    width: calc(25% - 22.5px);
    min-height: 270px;
    margin: 0 30px 0 0;
    padding: 17.8px 15px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
    transition: transform .2s;
    display: block;
    box-shadow: 0 15px 31px #00075c61
}

@media (max-width: 768px) {
    .kraken-wayfinding .wayfinder-wrapper .wayfinding-card {
        width: 216.7px
    }
}

.kraken-wayfinding .wayfinder-wrapper .wayfinding-card p {
    transition: opacity .2s linear
}

.kraken-wayfinding .wayfinder-wrapper .wayfinding-card p.body {
    margin: 20px 0 0;
    font-size: 14px
}

.kraken-wayfinding .wayfinder-wrapper .wayfinding-card:hover p {
    opacity: .7
}

.kraken-wayfinding .wayfinder-wrapper .wayfinding-card:nth-child(4n+1) {
    background-color: #7132f5
}

.kraken-wayfinding .wayfinder-wrapper .wayfinding-card:nth-child(4n+2) {
    background-color: #43196f
}

.kraken-wayfinding .wayfinder-wrapper .wayfinding-card:nth-child(4n+3) {
    background-color: #0385e6
}

.kraken-wayfinding .wayfinder-wrapper .wayfinding-card:nth-child(4n+4) {
    background-color: #dca3c8;
    margin-right: 0
}

.kraken-wayfinding .wayfinder-wrapper .wayfinding-card[data-disabled=true] {
    opacity: .3;
    pointer-events: none
}

.kraken-wayfinding .wayfinder-wrapper.activate-current .wayfinding-card[href^=\#].current {
    transform: scale(1.1)
}

@media (min-width: 769px) {
    html[lang=vi-vn] .kraken-wayfinding h2 {
        font-size: 28px
    }
}

:root {
    --special-font: "";
    --special-font-bold: ""
}

.gray {
    color: #898989
}

.prices-market-selector-asset-icon {
    margin-right: 10px
}

.asset-page-container .flex-column {
    flex-direction: column
}

.asset-page-container .flex {
    display: flex
}

.asset-page-container .items-baseline {
    align-items: baseline
}

.asset-page-container .items-center {
    align-items: center
}

.asset-page-container .relative {
    position: relative
}

.asset-page-container .absolute {
    position: absolute
}

.asset-page-container .z-5 {
    z-index: 5
}

.asset-page-container .z-6 {
    z-index: 6
}

.asset-page-container .z-7 {
    z-index: 7
}

.asset-page-container .justify-between {
    justify-content: space-between
}

.asset-page-container .db {
    display: block
}

.asset-page-container .di {
    display: inline
}

.asset-page-container .left-0 {
    left: 0
}

.asset-page-container .bottom-0 {
    bottom: 0
}

.asset-page-container .right-0 {
    right: 0
}

.asset-page-container .top-0 {
    top: 0
}

.asset-page-container .negative-color {
    color: #ea4d53
}

.asset-page-container .positive-color {
    color: #65c36e
}

.asset-page-container .o-100 {
    opacity: 1
}

.asset-page-container .pen {
    pointer-events: none
}

.asset-page-container .br1x {
    border-radius: .1875rem
}

.asset-page-container .nowrap {
    white-space: nowrap
}

.asset-page-container .tc {
    text-align: center
}

.asset-page-container .z-999 {
    z-index: 999
}

.asset-page-container .w-100 {
    width: 100%
}

.asset-page-container .pa20 {
    padding: 20px
}

.asset-page-container .asset-page {
    max-width: 100%
}

.asset-page-container .asset-page .desktop {
    display: inline-block
}

.asset-page-container .asset-page .mobile {
    display: none
}

.asset-page-container .asset-page .prices-market-selector.desktop {
    margin-top: .625rem;
    bottom: 4px
}

.asset-page-container .asset-page .asset-value {
    margin-right: .625rem
}

.asset-page-container .asset-page .asset-title h1 {
    font-family: var(--special-font), "Kraken-Product", "Helvetica Neue", Helvetica, Arial, sans-serif, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #333;
    flex: 1;
    font-size: 2.5rem;
    line-height: 42px
}

@media screen and (max-width: 768px) {
    .asset-page-container .asset-page .asset-title h1 {
        font-size: 2rem
    }
}

.asset-page-container .asset-page .asset-title h1 .asset-name {
    letter-spacing: -.803571px
}

.asset-page-container .asset-page .asset-title h1 .asset-ticker {
    color: #959595;
    line-height: 0
}

@media screen and (max-width: 768px) {
    .asset-page-container .asset-page .asset-title h1 .asset-ticker {
        margin: 5px 0 0 1px;
        font-size: 1.25rem;
        display: block
    }
}

.asset-page-container .asset-page .asset-header {
    min-height: 48px;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

@media screen and (max-width: 768px) {
    .asset-page-container .asset-page .asset-header {
        align-items: center;
        min-height: auto;
        margin-top: 1.25rem
    }
}

.asset-page-container .asset-page .asset-header .asset-selector {
    bottom: 0
}

.asset-page-container .asset-page .asset-other-popular {
    margin-left: 2.5rem
}

@media screen and (max-width: 768px) {
    .asset-page-container .asset-page .asset-title {
        font-size: 1.25rem !important
    }

    .asset-page-container .asset-page .asset-stats {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .asset-page-container .asset-page .asset-chart {
        margin-left: 0;
        margin-right: 0
    }

    .asset-page-container .asset-page .asset-links {
        flex-direction: column
    }

    .asset-page-container .asset-page .asset-other-popular {
        margin-top: 1.875rem;
        margin-left: 0 !important
    }

    .asset-page-container .asset-page .desktop {
        display: none
    }

    .asset-page-container .asset-page .mobile {
        display: inline-block
    }
}

.asset-page-container .price-chart {
    min-height: 320px
}

.asset-page-container .price-chart.loading {
    pointer-events: none
}

.asset-page-container .price-chart .spinner {
    position: "absolute";
    color: #7132f5;
    top: -4px;
    right: 0
}

.asset-page-container .price-chart .plot-message-with-button {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    top: 0;
    bottom: 0
}

.asset-page-container .price-chart .plot-message {
    margin: 0 2.5rem;
    top: 184px
}

@media screen and (max-width: 768px) {
    .asset-page-container .price-chart .plot-message {
        top: 74px
    }
}

.asset-page-container .price-chart .brand-font-bold {
    font-family: var(--special-font-bold), "Kraken-Product", "Helvetica Neue", Helvetica, Arial, sans-serif, Helvetica Neue, Helvetica, Arial, sans-serif
}

.asset-page-container .price-chart .plot-kind-selector {
    top: .9375rem;
    left: .9375rem
}

.asset-page-container .price-chart .time-range-selector {
    position: absolute;
    top: .625rem;
    right: .9375rem
}

.asset-page-container .price-chart .plot {
    border-bottom: 1px solid #686b821f;
    border-left: 1px solid #686b821f
}

.asset-page-container .price-chart .plot-inner {
    cursor: crosshair
}

.asset-page-container .price-chart .bar-plot {
    fill: #e1e1e1
}

.asset-page-container .price-chart .x-axis-wrapper {
    height: .9375rem;
    margin: .9375rem 0
}

.asset-page-container .price-chart .x-axis text {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif
}

.asset-page-container .price-chart .y-axis text {
    font-family: IBM Plex Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

@media screen and (max-width: 768px) {
    .asset-page-container .price-chart .time-range-selector {
        position: unset;
        border-top: 1px solid #686b821f;
        height: 2.5rem;
        top: -2.5rem;
        left: 0;
        right: 0
    }

    .asset-page-container .price-chart .time-range-selector .range {
        line-height: 2.5rem
    }

    .asset-page-container .price-chart .plot {
        border-left: none;
        border-right: none
    }
}

.asset-page-container .price-chart #price-chart-y-axis-gradient stop {
    stop-color: #fff
}

.asset-page-container .price-chart #price-chart-y-axis-gradient stop[offset="0%"] {
    stop-opacity: 1
}

.asset-page-container .price-chart #price-chart-y-axis-gradient stop[offset="50%"] {
    stop-opacity: .3
}

.asset-page-container .price-chart #price-chart-y-axis-gradient stop[offset="100%"] {
    stop-opacity: .1
}

.asset-page-container .price-chart #price-chart-x-axis-gradient stop {
    stop-color: #7132f5
}

.asset-page-container .price-chart #price-chart-x-axis-gradient stop[offset="0%"] {
    stop-opacity: 1
}

.asset-page-container .price-chart #price-chart-x-axis-gradient stop[offset="100%"] {
    stop-opacity: 0
}

.asset-page-container .price-chart-interaction-layer {
    cursor: crosshair
}

.asset-page-container .plot-kind-button {
    cursor: pointer;
    color: #ccc;
    width: 1.875rem;
    height: 1.875rem;
    margin-right: .625rem;
    padding: .3125rem
}

.asset-page-container .plot-kind-button i {
    width: 1.25rem;
    height: 1.25rem
}

.asset-page-container .plot-kind-button:hover {
    color: #7132f5
}

.asset-page-container .plot-kind-button.selected {
    color: #fff;
    background-color: #7132f5;
    border-radius: 4px
}

.asset-page-container .time-range-selector .range {
    -webkit-user-select: none;
    user-select: none;
    line-height: .9375rem
}

.asset-page-container .time-range-selector .range:not(.disabled) {
    cursor: pointer
}

.asset-page-container .time-range-selector .range:not(:last-child) {
    margin-right: 1.25rem
}

.asset-page-container .time-range-selector .range:not(.disabled):hover {
    color: #7132f5
}

.asset-page-container .time-range-selector .range:not(.disabled).selected {
    color: #7132f5;
    cursor: auto;
    border-bottom: 2px solid #7132f5
}

@media screen and (max-width: 768px) {
    .asset-page-container .time-range-selector .range {
        min-width: 1.875rem
    }
}

.asset-page-container .candlestick-plot line.profit {
    stroke: #65c36e
}

.asset-page-container .candlestick-plot line.loss {
    stroke: #ea4d53
}

.asset-page-container .candlestick-plot rect.profit {
    fill: #65c36e
}

.asset-page-container .candlestick-plot rect.loss {
    fill: #ea4d53
}

.asset-page-container .crosshair-cursor line {
    stroke: #686b828f
}

.asset-page-container .crosshair-cursor circle {
    fill: #fff
}

.asset-page-container .data-cursor {
    box-shadow: 0 12px 16px -4px #1018280f
}

.asset-page-container .data-cursor.above {
    transform: translate(-50%, calc(-100% - 10px))
}

.asset-page-container .data-cursor.below {
    transform: translate(-50%, 10px)
}

.asset-page-container .h-ruler line {
    stroke: #21c6f9
}

.asset-page-container .h-ruler circle.halo {
    fill: #21c6f9
}

.asset-page-container .h-ruler circle.target {
    fill: #fff;
    stroke: #21c6f9;
    stroke-width: 2px
}

.asset-page-container .line-plot polyline {
    stroke: #7132f5;
    stroke-width: 1.5px
}

.asset-page-container .line-plot polygon {
    stroke: none;
    fill: url(#price-chart-x-axis-gradient)
}

.asset-page-container .x-axis text {
    fill: #675590;
    font-family: var(--font-family-product, "Kraken Product");
    font-size: var(--font-size-body-3, 12px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--font-lineHeight-body-3, 16px);
    letter-spacing: var(--font-letterSpacing-letter-spacing, 0)
}

.asset-page-container .y-axis rect {
    fill: url(#price-chart-y-axis-gradient)
}

.asset-page-container .y-axis text {
    fill: #9497a9;
    font-family: IBM Plex Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.asset-page-container .form-label {
    color: #41309e
}

.asset-page-container .form-label.invalid {
    color: #dc1235
}

.asset-page-container .asset-stats .tile:not(:last-child) {
    margin-right: 1.875rem
}

.asset-page-container .asset-stats label {
    color: #545187
}

.asset-page-container .asset-stats .value {
    text-align: right;
    color: #333;
    letter-spacing: -.57398px
}

.asset-page-container .asset-stats.small {
    border-top: 1px solid #686b821f;
    border-bottom: 1px solid #686b821f;
    justify-content: space-between;
    margin-bottom: .9375rem;
    padding: .9375rem .625rem;
    display: flex !important
}

.asset-page-container .asset-stats.small label {
    font-size: .6875rem
}

.asset-page-container .asset-stats.small .tile label {
    text-align: center
}

.asset-page-container .asset-stats.small .tile .value {
    text-align: center;
    font-size: .875rem !important
}

.asset-page-container .asset-value .asset-price {
    letter-spacing: -1.29145px;
    margin-right: 1rem;
    font-size: 2.25rem
}

.asset-page-container .asset-value .asset-change {
    font-size: 1.25rem;
    display: inline-block
}

@media screen and (max-width: 768px) {
    .asset-page-container .asset-value .asset-price {
        margin-right: .3125rem;
        font-size: 1.25rem !important
    }

    .asset-page-container .asset-value .asset-change {
        font-size: .875rem !important
    }
}

.asset-page-container .prices-market-selector {
    height: auto;
    margin-left: 15px;
    bottom: 3px;
    border-bottom-width: .125rem !important
}

@media screen and (max-width: 1024px) {
    .asset-page-container .prices-market-selector {
        margin-left: auto
    }
}

@media screen and (max-width: 640px) {
    .asset-page-container .prices-market-selector {
        margin-left: 15px
    }
}

@keyframes skeleton-animation {
    0% {
        opacity: 1
    }

    50% {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

.text-skeleton {
    color: #0000;
    letter-spacing: .25em;
    background: #fff3;
    line-height: 1.2;
    animation: 1.5s ease-in-out .5s infinite skeleton-animation;
    display: inline-block
}

.ab-iam-root.v3 .ab-page-blocker {
    background-color: #0000 !important
}

.ab-slideup {
    width: 90%
}

@media (min-width: 1536px) {
    .ab-slideup {
        width: 33%
    }
}

.ab-iam-root.v3 {
    pointer-events: auto !important;
    top: auto !important
}

.ab-iam-root.v3 .ab-in-app-message.ab-modal {
    display: none !important
}

@media (max-width: 768px) {
    .ab-iam-root.v3 .ab-in-app-message.ab-modal {
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        top: auto !important;
        transform: none !important
    }
}

.ab-pause-scrolling,
body.ab-pause-scrolling,
html.ab-pause-scrolling {
    overflow: initial !important;
    touch-action: none !important
}

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

::-webkit-scrollbar-thumb {
    background: var(--background-color-ds-scrollbar-thumb)
}

::-webkit-scrollbar-thumb:hover {
    background: var(--background-color-ds-scrollbar-thumb-hover)
}

::-webkit-scrollbar-thumb:vertical:hover {
    background: var(--background-color-ds-scrollbar-thumb-hover)
}

::-webkit-scrollbar-track {
    background-color: var(--background-color-ds-scrollbar-track);
    border-radius: var(--border-radius-ds-scrollbar)
}

::-webkit-scrollbar-corner {
    background: var(--background-color-ds-scrollbar-track)
}

.input {
    box-sizing: border-box;
    outline-offset: 2px;
    border-width: 1px;
    border-radius: .5rem;
    outline: 2px solid #0000;
    transition-property: all;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.input,
.input:hover {
    border-color: #e5e6ec
}

.input:focus {
    --tw-border-opacity: 1;
    border-color: rgb(88 65 216/var(--tw-border-opacity, 1))
}

.textbox {
    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);
    box-sizing: border-box;
    outline-offset: 2px;
    border: 1px solid #e5e6ec;
    border-radius: .5rem;
    outline: 2px solid #0000;
    width: 100%;
    padding: 1rem;
    transition-property: all;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.textbox:hover {
    border-color: #e5e6ec
}

.textbox:focus {
    --tw-border-opacity: 1;
    border-color: rgb(88 65 216/var(--tw-border-opacity, 1))
}

.checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    outline-offset: 2px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    border-width: 1px;
    border-radius: .5rem;
    outline: 2px solid #0000;
    width: 1.5rem;
    height: 1.5rem;
    transition-property: all;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.checkbox,
.checkbox:hover {
    border-color: #e5e6ec
}

.checkbox:focus {
    --tw-border-opacity: 1;
    border-color: rgb(88 65 216/var(--tw-border-opacity, 1))
}

.checkbox:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(88 65 216/var(--tw-bg-opacity, 1));
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%224%22%20stroke%3D%22white%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M4.5%2012.75l6%206%209-13.5%22%20%2F%3E%3C%2Fsvg%3E)
}

.form-field .react-select__control {
    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);
    box-sizing: border-box;
    outline-offset: 2px;
    border: 1px solid #e5e6ec;
    border-radius: .5rem;
    outline: 2px solid #0000;
    width: 100%;
    padding: 1rem;
    transition-property: all;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.form-field .react-select__control:hover {
    border-color: #e5e6ec
}

.form-field .react-select__control:focus {
    --tw-border-opacity: 1;
    border-color: rgb(88 65 216/var(--tw-border-opacity, 1))
}

#ReactDatePicker-portal .react-datepicker {
    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)
}

#ReactDatePicker-portal .react-datepicker__day--keyboard-selected,
#ReactDatePicker-portal .react-datepicker__day--selected {
    --tw-bg-opacity: 1;
    background-color: rgb(88 65 216/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.form-field .react-datepicker__close-icon {
    padding-right: 1rem
}

.form-field .react-datepicker__close-icon:after {
    cursor: pointer;
    color: var(--colors-ds-disabled, #c6c7d2);
    background-color: #0000;
    font-size: 1.5rem;
    line-height: 2rem
}

.form-field .react-datepicker__close-icon:hover:after {
    color: #9497a9
}

@media only screen and (max-width: 768px) {

    .mobile-table,
    .mobile-table td,
    .mobile-table tr {
        display: block
    }

    .mobile-table thead {
        display: none
    }

    .mobile-table tr {
        border-bottom: 1px solid;
        padding: 14px 0
    }

    .mobile-table td {
        padding: 6px 0
    }
}

*,
:before,
:after {
    --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:
}

::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:
}

.light-theme {
    --colors-ds-primary: #101114;
    --colors-ds-neutral: #686b82;
    --colors-ds-dimmed: #9497a9;
    --colors-ds-positive: #08844f;
    --colors-ds-negative: #d11d45;
    --colors-ds-warning: #c39621;
    --colors-ds-brand: #7132f5;
    --colors-ds-info: #0079b4;
    --colors-ds-inverted: #fff;
    --colors-ds-disabled: #c6c7d2;
    --colors-ds-divider: #686b8229;
    --colors-ds-textlink-hover-primary: #686b82;
    --colors-ds-textlink-hover-brand: #471ca0;
    --colors-ds-textlink-hover-neutral: #101114;
    --colors-ds-textlink-hover-positive: #005531;
    --colors-ds-textlink-hover-negative: #840125;
    --colors-ds-textlink-hover-warning: #89640c;
    --box-shadow-ds-0: 0px 0px 0px 0px #000;
    --box-shadow-ds-1: 0px 1px 2px 0px #1018280a;
    --box-shadow-ds-2: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-3: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-4: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-5: 0px 20px 24px -4px #1018280f;
    --box-shadow-ds-6: 0px 24px 48px -12px #1018282e;
    --box-shadow-ds-7: 0px 32px 64px -12px #10182824;
    --box-shadow-ds-accordion: inset 0 1px 0 0 #686b821f;
    --box-shadow-ds-banner: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-button-primary-high: none;
    --box-shadow-ds-button-primary-medium: none;
    --box-shadow-ds-container: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-datepicker-selected-day: none;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 150px 0px #00000080;
    --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-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: #ffffff3d;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #7132f5;
    --background-color-ds-badge-primary-low: #855bfb29;
    --background-color-ds-badge-neutral-high: #9497a9;
    --background-color-ds-badge-neutral-low: #686b821f;
    --background-color-ds-badge-positive-high: #149e61;
    --background-color-ds-badge-positive-low: #149e6129;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c396213d;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0079b4;
    --background-color-ds-badge-new-low: #855bfb29;
    --background-color-ds-badge-new-high: #7132f5;
    --background-color-ds-banner: #fff;
    --background-color-ds-button-primary-high: #7132f5;
    --background-color-ds-button-primary-high-hover: #5b1ecf;
    --background-color-ds-button-primary-medium: #855bfb29;
    --background-color-ds-button-primary-medium-hover: #855bfb52;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #686b8214;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #101114;
    --background-color-ds-button-neutral-high-hover: #22232d;
    --background-color-ds-button-neutral-medium: #686b8214;
    --background-color-ds-button-neutral-medium-hover: #686b821f;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #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-low: #0000;
    --background-color-ds-button-positive-low-hover: #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-low: #0000;
    --background-color-ds-button-negative-low-hover: #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-low: #0000;
    --background-color-ds-button-warning-low-hover: #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-low: #0000;
    --background-color-ds-button-brand-low-hover: #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-low: #0000;
    --background-color-ds-button-info-low-hover: #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: #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: #f5395e14;
    --background-color-ds-circle-primary-low: #855bfb29;
    --background-color-ds-circle-neutral-low: #686b821f;
    --background-color-ds-circle-negative-low: #f5395e29;
    --background-color-ds-circle-warning-low: #c396213d;
    --background-color-ds-circle-positive-low: #149e6129;
    --background-color-ds-circle-info-low: #0092d829;
    --background-color-ds-circle-primary-high: #7132f5;
    --background-color-ds-circle-neutral-high: #9497a9;
    --background-color-ds-circle-negative-high: #d11d45;
    --background-color-ds-circle-warning-high: #ffcd60;
    --background-color-ds-circle-positive-high: #149e61;
    --background-color-ds-circle-info-high: #0079b4;
    --background-color-ds-container: #fff;
    --background-color-ds-container-glass: #686b8229;
    --background-color-ds-datepicker: #fff;
    --background-color-ds-datepicker-raised: #fff;
    --background-color-ds-datepicker-hover: #686b821f;
    --background-color-ds-datepicker-today: #686b821f;
    --background-color-ds-datepicker-selected-day: #7132f5;
    --background-color-ds-datepicker-selected-day-range: #855bfb29;
    --background-color-ds-dialog: #fff;
    --background-color-ds-dialogoverlay: #0006;
    --background-color-ds-divider-high: #686b8229;
    --background-color-ds-divider-low: #686b821f;
    --background-color-ds-dot-badge-negative: #f5395e;
    --background-color-ds-base-drawer: #fff;
    --background-color-ds-dropdown-button: #686b8214;
    --background-color-ds-dropdown-button-hover: #686b821f;
    --background-color-ds-favourite-button-filled-hover: #c396211f;
    --background-color-ds-favourite-button-unfilled-hover: #686b8214;
    --background-color-ds-filteritem: #686b8214;
    --background-color-ds-filteritem-active: #686b821f;
    --background-color-ds-full-screen-dialog: #fff;
    --background-color-ds-input: #686b8214;
    --background-color-ds-input-border-error: #f5395e;
    --background-color-ds-input-border-error-focused: #f5395e;
    --background-color-ds-input-border-focused: #7132f5;
    --background-color-ds-input-content-icon: #9497a9;
    --background-color-ds-input-content-input-text: #101114;
    --background-color-ds-input-content-label: #686b82;
    --background-color-ds-input-error: #686b8214;
    --background-color-ds-input-error-focused: #686b821f;
    --background-color-ds-input-focused: #686b820a;
    --background-color-ds-input-hover: #686b821f;
    --background-color-ds-input-selected: #686b820a;
    --background-color-ds-input-error-label: #f5395e14;
    --background-color-ds-input-background: #fff;
    --background-color-ds-input-background-hover: #fffc;
    --background-color-ds-input-background-selected: #fffc;
    --background-color-ds-inputerror-label: #f5395e14;
    --background-color-ds-legalnotice-neutral: #686b820a;
    --background-color-ds-legalnotice-primary: #686b8229;
    --background-color-ds-legend-item-dimmed: #9497a9;
    --background-color-ds-list-hover: #686b8214;
    --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-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: #35df8d;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-in-progress: #855bfb;
    --background-color-ds-progresstracker-waiting: #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: #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: #855bfb;
    --background-color-ds-radio-indicator: #fff;
    --background-color-ds-radiogroup-error: #f5395e29;
    --background-color-ds-scrollbar-thumb: #686b8266;
    --background-color-ds-scrollbar-thumb-hover: #686b823d;
    --background-color-ds-scrollbar-track: #0000;
    --background-color-ds-segmented-control-inactive-low: #fff;
    --background-color-ds-segmented-control-inactive-high: #686b821f;
    --background-color-ds-segmented-control-active-primary: #fff;
    --background-color-ds-segmented-control-active-positive: #149e613d;
    --background-color-ds-segmented-control-active-negative: #f5395e3d;
    --background-color-ds-segmented-control-active-primary-low: #686b821f;
    --background-color-ds-segmented-control-active-positive-low: #149e613d;
    --background-color-ds-segmented-control-active-negative-low: #f5395e3d;
    --background-color-ds-selectable-card: #9497a914;
    --background-color-ds-selectable-card-selected: #855bfb14;
    --background-color-ds-selectable-card-hover: #9497a91f;
    --background-color-ds-selectable-card-disabled: #686b8214;
    --background-color-ds-selectable-card-selected-hover: #686b821f;
    --background-color-ds-consumerpagination: #c6c7d2;
    --background-color-ds-consumerpagination-active: #686b82;
    --background-color-ds-consumerpagination-hover: #9497a9;
    --background-color-ds-skeleton-pending: #686b8229;
    --background-color-ds-slider-range-track: #686b823d;
    --background-color-ds-slider-range-track-disabled: #686b821f;
    --background-color-ds-slider-value-track: #686b82;
    --background-color-ds-slider-value-track-disabled: #686b8266;
    --background-color-ds-slider-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-card: #f7f7f8;
    --background-color-ds-table-cell-sticky-container-card-hover: #f1f1f3;
    --background-color-ds-table-cell-sticky-container: #fff;
    --background-color-ds-table-cell-sticky-container-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog: #fff;
    --background-color-ds-table-cell-sticky-dialog-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-container: #fff;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #f9f9fa;
    --background-color-ds-table-header-cell-resize: #5b1ecf;
    --background-color-ds-table-header-cell-sticky: #fff;
    --background-color-ds-table-row-group: #686b820a;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b820a;
    --background-color-ds-table-row-hover: #686b820a;
    --background-color-ds-table-row: #fff;
    --background-color-ds-toggle-handle-on: #fff;
    --background-color-ds-toggle-handle-off: #fff;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #686b8252;
    --background-color-ds-tooltip: #eeeff3;
    --text-color-ds-accordion-primary: #686b82;
    --text-color-ds-accordion-disabled: #484b5e;
    --text-color-ds-accordion-hover: #101114;
    --text-color-ds-badge-primary: #7132f5;
    --text-color-ds-badge-neutral: #484b5e;
    --text-color-ds-badge-positive: #026b3f;
    --text-color-ds-badge-negative: #d11d45;
    --text-color-ds-badge-warning: #553c00;
    --text-color-ds-badge-high: #fff;
    --text-color-ds-asseticon-neutral: #fff;
    --text-color-ds-asseticon-inverted: #000;
    --text-color-ds-badge-high-inverse: #101114;
    --text-color-ds-badge-info: #006394;
    --text-color-ds-badge-new: #7132f5;
    --text-color-ds-brand-brand: #7132f5;
    --text-color-ds-brand-neutral: #000;
    --text-color-ds-brand-inverted: #fff;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #686b82;
    --text-color-ds-breadcrumbs-hover: #101114;
    --text-color-ds-breadcrumbs-selected: #101114;
    --text-color-ds-button-primary-high: #fff;
    --text-color-ds-button-primary-medium: #7132f5;
    --text-color-ds-button-primary-low: #101114;
    --text-color-ds-button-primary-low-hover: #101114;
    --text-color-ds-button-primary-none: #101114;
    --text-color-ds-button-primary-none-hover: #686b82;
    --text-color-ds-button-neutral-high: #fff;
    --text-color-ds-button-neutral-medium: #686b82;
    --text-color-ds-button-neutral-medium-hover: #101114;
    --text-color-ds-button-neutral-low: #686b82;
    --text-color-ds-button-neutral-low-hover: #101114;
    --text-color-ds-button-neutral-none: #686b82;
    --text-color-ds-button-neutral-none-hover: #101114;
    --text-color-ds-button-positive-high: #fff;
    --text-color-ds-button-positive-medium: #08844f;
    --text-color-ds-button-positive-low: #149e61;
    --text-color-ds-button-positive-low-hover: #149e61;
    --text-color-ds-button-positive-none: #149e61;
    --text-color-ds-button-positive-none-hover: #35df8d;
    --text-color-ds-button-negative-high: #fff;
    --text-color-ds-button-negative-medium: #d11d45;
    --text-color-ds-button-negative-low: #d11d45;
    --text-color-ds-button-negative-low-hover: #d11d45;
    --text-color-ds-button-negative-none: #d11d45;
    --text-color-ds-button-negative-none-hover: #ff7386;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #a67c1d;
    --text-color-ds-button-warning-low: #a67c1d;
    --text-color-ds-button-warning-low-hover: #a67c1d;
    --text-color-ds-button-warning-none: #a67c1d;
    --text-color-ds-button-warning-none-hover: #e8b100;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #7132f5;
    --text-color-ds-button-brand-low: #7132f5;
    --text-color-ds-button-brand-low-hover: #7132f5;
    --text-color-ds-button-brand-none: #7132f5;
    --text-color-ds-button-brand-none-hover: #5b1ecf;
    --text-color-ds-button-info-high: #fff;
    --text-color-ds-button-info-medium: #0079b4;
    --text-color-ds-button-info-low: #0079b4;
    --text-color-ds-button-info-low-hover: #0079b4;
    --text-color-ds-button-info-none: #0079b4;
    --text-color-ds-button-info-none-hover: #00adfe;
    --text-color-ds-button-inverted-high: #7132f5;
    --text-color-ds-button-inverted-medium: #fff;
    --text-color-ds-button-inverted-medium-hover: #fff;
    --text-color-ds-button-inverted-low: #fff;
    --text-color-ds-button-inverted-low-hover: #fff;
    --text-color-ds-button-inverted-none: #fff;
    --text-color-ds-button-inverted-none-hover: #fff;
    --text-color-ds-button-neutral-high-icon: inherit;
    --text-color-ds-checkbox-primary: #101114;
    --text-color-ds-checkbox-description: #686b82;
    --text-color-ds-checkbox-check-mark: #fff;
    --text-color-ds-checkboxgroup-primary: #101114;
    --text-color-ds-checkboxgroup-description: #686b82;
    --text-color-ds-checkboxgroup-error: #aa0132;
    --text-color-ds-circle-primary-low: #7132f5;
    --text-color-ds-circle-neutral-low: #484b5e;
    --text-color-ds-circle-positive-low: #026b3f;
    --text-color-ds-circle-warning-low: #6f5000;
    --text-color-ds-circle-negative-low: #d11d45;
    --text-color-ds-circle-info-low: #006394;
    --text-color-ds-circle-primary-high: #fff;
    --text-color-ds-circle-neutral-high: #fff;
    --text-color-ds-circle-positive-high: #fff;
    --text-color-ds-circle-warning-high: #101114;
    --text-color-ds-circle-negative-high: #fff;
    --text-color-ds-circle-info-high: #fff;
    --text-color-ds-datepicker: #1a1b22;
    --text-color-ds-datepicker-weekday: #353746;
    --text-color-ds-datepicker-today: #353746;
    --text-color-ds-datepicker-disabled: #9497a9;
    --text-color-ds-datepicker-selected: #f7f7fa;
    --text-color-ds-dropdown-button-content-placeholder: #686b82;
    --text-color-ds-dropdown-button-content-placeholder-hover: #101114;
    --text-color-ds-dropdown-button-content-text: #101114;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #484b5e;
    --text-color-ds-filteritem-active: #101114;
    --text-color-ds-input: #101114;
    --text-color-ds-input-icon: #9497a9;
    --text-color-ds-input-label: #686b82;
    --text-color-ds-input-error-label: #aa0132;
    --text-color-ds-inputerror-label: #aa0132;
    --text-color-ds-label-value: #0000000a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #686b82;
    --text-color-ds-menu: #686b82;
    --text-color-ds-menu-hover: #686b82;
    --text-color-ds-notification-primary: #2b1463;
    --text-color-ds-notification-neutral: #101114;
    --text-color-ds-notification-negative: #3c000c;
    --text-color-ds-notification-warning: #3b2a00;
    --text-color-ds-notification-positive: #002d17;
    --text-color-ds-notification-info: #002940;
    --text-color-ds-notification-subtitle-primary: #37187d;
    --text-color-ds-notification-subtitle-neutral: #1a1b22;
    --text-color-ds-notification-subtitle-negative: #5f0018;
    --text-color-ds-notification-subtitle-warning: #553c00;
    --text-color-ds-notification-subtitle-positive: #004224;
    --text-color-ds-notification-subtitle-info: #003c5c;
    --text-color-ds-pill: #7132f5;
    --text-color-ds-radio-primary: #101114;
    --text-color-ds-radio-disabled: #c6c7d2;
    --text-color-ds-radio-description: #686b82;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #101114;
    --text-color-ds-radiogroup-description: #484b5e;
    --text-color-ds-radiogroup-error: #d11d45;
    --text-color-ds-segmented-control-inactive: #686b82;
    --text-color-ds-segmented-control-inactive-hover: #101114;
    --text-color-ds-segmented-control-active-primary: #101114;
    --text-color-ds-segmented-control-active-positive: #08844f;
    --text-color-ds-segmented-control-active-negative: #d11d45;
    --text-color-ds-spinner-primary: #101114;
    --text-color-ds-spinner-neutral: #484b5e;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #08844f;
    --text-color-ds-spinner-negative: #d11d45;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #000;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #fff;
    --text-color-ds-stacked-asset-icons: #101114;
    --text-color-ds-tabs: #686b82;
    --text-color-ds-tabs-active: #101114;
    --text-color-ds-tabs-on-background: #686b82;
    --text-color-ds-tabs-on-background-active: #101114;
    --text-color-ds-text-duo-primary-main: #101114;
    --text-color-ds-text-duo-primary-duo: #686b82;
    --text-color-ds-text-duo-neutral-main: #686b82;
    --text-color-ds-text-duo-neutral-duo: #9497a9;
    --text-color-ds-text-duo-positive-main: #08844f;
    --text-color-ds-text-duo-positive-duo: #08844f;
    --text-color-ds-text-duo-negative-main: #d11d45;
    --text-color-ds-text-duo-negative-duo: #d11d45;
    --text-color-ds-tooltip-text: #686b82;
    --text-color-ds-tooltip-title: #101114;
    --border-color-ds-asset-conversion-icons-primary: #101114;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #0000;
    --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-legend-item-dimmed: #9497a9;
    --border-color-ds-menu: #686b8214;
    --border-color-ds-menu-divider: #686b8229;
    --border-color-ds-popover: #686b8214;
    --border-color-ds-radio-primary-focus: #7132f5;
    --border-color-ds-selectable-card-selected: #7132f5;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-table-header: #686b821f;
    --border-color-ds-table-header-cell-hover: #5b1ecf;
    --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-dimmed: #9497a9;
    --stroke-ds-icon-positive: #08844f;
    --stroke-ds-icon-warning: #c39621;
    --stroke-ds-icon-negative: #d11d45;
    --stroke-ds-icon-info: #0079b4;
    --stroke-ds-icon-brand: #7132f5;
    --stroke-ds-icon-disabled: #c6c7d2;
    --stroke-ds-overlay-arrow: #686b8214;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --border-radius-ds-banner: 20px;
    --border-radius-ds-dialog: 20px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-color-ds-banner: #7132f5;
    --fill-ds-brand-brand: #7132f5;
    --fill-ds-brand-neutral: #000;
    --fill-ds-brand-inverted: #fff;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #7132f5;
    --fill-ds-icon-neutral: #686b82;
    --fill-ds-icon-dimmed: #9497a9;
    --fill-ds-icon-positive: #08844f;
    --fill-ds-icon-warning: #c39621;
    --fill-ds-icon-negative: #d11d45;
    --fill-ds-icon-info: #0079b4;
    --fill-ds-icon-brand: #7132f5;
    --fill-ds-icon-disabled: #c6c7d2;
    --fill-ds-overlay-arrow: #fff;
    --background-image-ds-button-primary-high-gradient: 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: #686b828f
}

.magic-light-theme {
    --colors-ds-primary: #101114;
    --colors-ds-neutral: #686b82;
    --colors-ds-dimmed: #9497a9;
    --colors-ds-positive: #08844f;
    --colors-ds-negative: #d11d45;
    --colors-ds-warning: #c39621;
    --colors-ds-brand: #7132f5;
    --colors-ds-info: #0079b4;
    --colors-ds-inverted: #f1efff;
    --colors-ds-disabled: #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 #686b821f;
    --box-shadow-ds-banner: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-button-primary-high: none;
    --box-shadow-ds-button-primary-medium: none;
    --box-shadow-ds-container: 0px 1px 4px 0px #1018280a;
    --box-shadow-ds-datepicker: 0px 4px 8px -2px #10182812;
    --box-shadow-ds-datepicker-selected-day: none;
    --box-shadow-ds-dialog: 0px 12px 16px -4px #1018280f;
    --box-shadow-ds-base-drawer: 0px 4px 150px 0px #00000080;
    --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-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: #ffffff3d;
    --background-color-ds-accordion: #0000;
    --background-color-ds-accordion-hover: #0000;
    --background-color-ds-badge-primary-high: #7132f5;
    --background-color-ds-badge-primary-low: #855bfb29;
    --background-color-ds-badge-neutral-high: #9497a9;
    --background-color-ds-badge-neutral-low: #686b821f;
    --background-color-ds-badge-positive-high: #149e61;
    --background-color-ds-badge-positive-low: #149e6129;
    --background-color-ds-badge-negative-high: #d11d45;
    --background-color-ds-badge-negative-low: #f5395e29;
    --background-color-ds-badge-warning-high: #ffcd60;
    --background-color-ds-badge-warning-low: #c396213d;
    --background-color-ds-badge-info-low: #0092d829;
    --background-color-ds-badge-info-high: #0079b4;
    --background-color-ds-badge-new-low: #855bfb29;
    --background-color-ds-badge-new-high: #7132f5;
    --background-color-ds-banner: #fff;
    --background-color-ds-button-primary-high: #7132f5;
    --background-color-ds-button-primary-high-hover: #5b1ecf;
    --background-color-ds-button-primary-medium: #855bfb29;
    --background-color-ds-button-primary-medium-hover: #855bfb52;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #686b8214;
    --background-color-ds-button-primary-none: #0000;
    --background-color-ds-button-neutral-high: #101114;
    --background-color-ds-button-neutral-high-hover: #22232d;
    --background-color-ds-button-neutral-medium: #686b8214;
    --background-color-ds-button-neutral-medium-hover: #686b821f;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #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-low: #0000;
    --background-color-ds-button-positive-low-hover: #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-low: #0000;
    --background-color-ds-button-negative-low-hover: #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-low: #0000;
    --background-color-ds-button-warning-low-hover: #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-low: #0000;
    --background-color-ds-button-brand-low-hover: #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-low: #0000;
    --background-color-ds-button-info-low-hover: #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: #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: #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-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: #686b8214;
    --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-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: #35df8d;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-in-progress: #855bfb;
    --background-color-ds-progresstracker-waiting: #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: #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: #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-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-card: #f7f7f8;
    --background-color-ds-table-cell-sticky-container-card-hover: #f1f1f3;
    --background-color-ds-table-cell-sticky-container: #fff;
    --background-color-ds-table-cell-sticky-container-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog: #fff;
    --background-color-ds-table-cell-sticky-dialog-hover: #f9f9fa;
    --background-color-ds-table-cell-sticky-dialog-container: #fff;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #f9f9fa;
    --background-color-ds-table-header-cell-resize: #5b1ecf;
    --background-color-ds-table-header-cell-sticky: #fff;
    --background-color-ds-table-row-group: #686b820a;
    --background-color-ds-table-row-highlighted: #855bfb1f;
    --background-color-ds-table-row-even: #686b820a;
    --background-color-ds-table-row-hover: #686b820a;
    --background-color-ds-table-row: #fff;
    --background-color-ds-toggle-handle-on: #fff;
    --background-color-ds-toggle-handle-off: #fff;
    --background-color-ds-toggle-track-on: #23ba75;
    --background-color-ds-toggle-track-off: #686b8252;
    --background-color-ds-tooltip: #eeeff3;
    --text-color-ds-accordion-primary: #686b82;
    --text-color-ds-accordion-disabled: #484b5e;
    --text-color-ds-accordion-hover: #101114;
    --text-color-ds-badge-primary: #7132f5;
    --text-color-ds-badge-neutral: #484b5e;
    --text-color-ds-badge-positive: #026b3f;
    --text-color-ds-badge-negative: #d11d45;
    --text-color-ds-badge-warning: #553c00;
    --text-color-ds-badge-high: #fff;
    --text-color-ds-asseticon-neutral: #fff;
    --text-color-ds-asseticon-inverted: #000;
    --text-color-ds-badge-high-inverse: #101114;
    --text-color-ds-badge-info: #006394;
    --text-color-ds-badge-new: #7132f5;
    --text-color-ds-brand-brand: #7132f5;
    --text-color-ds-brand-neutral: #000;
    --text-color-ds-brand-inverted: #fff;
    --text-color-ds-brand-white: #fff;
    --text-color-ds-brand-breakout: #00adfe;
    --text-color-ds-breadcrumbs-default: #686b82;
    --text-color-ds-breadcrumbs-hover: #101114;
    --text-color-ds-breadcrumbs-selected: #101114;
    --text-color-ds-button-primary-high: #fff;
    --text-color-ds-button-primary-medium: #7132f5;
    --text-color-ds-button-primary-low: #101114;
    --text-color-ds-button-primary-low-hover: #101114;
    --text-color-ds-button-primary-none: #101114;
    --text-color-ds-button-primary-none-hover: #686b82;
    --text-color-ds-button-neutral-high: #fff;
    --text-color-ds-button-neutral-medium: #686b82;
    --text-color-ds-button-neutral-medium-hover: #101114;
    --text-color-ds-button-neutral-low: #686b82;
    --text-color-ds-button-neutral-low-hover: #101114;
    --text-color-ds-button-neutral-none: #686b82;
    --text-color-ds-button-neutral-none-hover: #101114;
    --text-color-ds-button-positive-high: #fff;
    --text-color-ds-button-positive-medium: #08844f;
    --text-color-ds-button-positive-low: #149e61;
    --text-color-ds-button-positive-low-hover: #149e61;
    --text-color-ds-button-positive-none: #149e61;
    --text-color-ds-button-positive-none-hover: #35df8d;
    --text-color-ds-button-negative-high: #fff;
    --text-color-ds-button-negative-medium: #d11d45;
    --text-color-ds-button-negative-low: #d11d45;
    --text-color-ds-button-negative-low-hover: #d11d45;
    --text-color-ds-button-negative-none: #d11d45;
    --text-color-ds-button-negative-none-hover: #ff7386;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #a67c1d;
    --text-color-ds-button-warning-low: #a67c1d;
    --text-color-ds-button-warning-low-hover: #a67c1d;
    --text-color-ds-button-warning-none: #a67c1d;
    --text-color-ds-button-warning-none-hover: #e8b100;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #7132f5;
    --text-color-ds-button-brand-low: #7132f5;
    --text-color-ds-button-brand-low-hover: #7132f5;
    --text-color-ds-button-brand-none: #7132f5;
    --text-color-ds-button-brand-none-hover: #5b1ecf;
    --text-color-ds-button-info-high: #fff;
    --text-color-ds-button-info-medium: #0079b4;
    --text-color-ds-button-info-low: #0079b4;
    --text-color-ds-button-info-low-hover: #0079b4;
    --text-color-ds-button-info-none: #0079b4;
    --text-color-ds-button-info-none-hover: #00adfe;
    --text-color-ds-button-inverted-high: #7132f5;
    --text-color-ds-button-inverted-medium: #fff;
    --text-color-ds-button-inverted-medium-hover: #fff;
    --text-color-ds-button-inverted-low: #fff;
    --text-color-ds-button-inverted-low-hover: #fff;
    --text-color-ds-button-inverted-none: #fff;
    --text-color-ds-button-inverted-none-hover: #fff;
    --text-color-ds-button-neutral-high-icon: inherit;
    --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-datepicker: #1a1b22;
    --text-color-ds-datepicker-weekday: #353746;
    --text-color-ds-datepicker-today: #353746;
    --text-color-ds-datepicker-disabled: #9497a9;
    --text-color-ds-datepicker-selected: #f7f7fa;
    --text-color-ds-dropdown-button-content-placeholder: #686b82;
    --text-color-ds-dropdown-button-content-placeholder-hover: #101114;
    --text-color-ds-dropdown-button-content-text: #101114;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #484b5e;
    --text-color-ds-filteritem-active: #101114;
    --text-color-ds-input: #101114;
    --text-color-ds-input-icon: #9497a9;
    --text-color-ds-input-label: #686b82;
    --text-color-ds-input-error-label: #d11d45;
    --text-color-ds-inputerror-label: #d11d45;
    --text-color-ds-label-value: #0000000a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #686b82;
    --text-color-ds-menu: #686b82;
    --text-color-ds-menu-hover: #686b82;
    --text-color-ds-notification-primary: #2b1463;
    --text-color-ds-notification-neutral: #101114;
    --text-color-ds-notification-negative: #3c000c;
    --text-color-ds-notification-warning: #3b2a00;
    --text-color-ds-notification-positive: #002d17;
    --text-color-ds-notification-info: #002940;
    --text-color-ds-notification-subtitle-primary: #37187d;
    --text-color-ds-notification-subtitle-neutral: #1a1b22;
    --text-color-ds-notification-subtitle-negative: #5f0018;
    --text-color-ds-notification-subtitle-warning: #553c00;
    --text-color-ds-notification-subtitle-positive: #004224;
    --text-color-ds-notification-subtitle-info: #003c5c;
    --text-color-ds-pill: #7132f5;
    --text-color-ds-radio-primary: #101114;
    --text-color-ds-radio-disabled: #c6c7d2;
    --text-color-ds-radio-description: #686b82;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #101114;
    --text-color-ds-radiogroup-description: #484b5e;
    --text-color-ds-radiogroup-error: #d11d45;
    --text-color-ds-segmented-control-inactive: #686b82;
    --text-color-ds-segmented-control-inactive-hover: #101114;
    --text-color-ds-segmented-control-active-primary: #101114;
    --text-color-ds-segmented-control-active-positive: #08844f;
    --text-color-ds-segmented-control-active-negative: #d11d45;
    --text-color-ds-spinner-primary: #101114;
    --text-color-ds-spinner-neutral: #484b5e;
    --text-color-ds-spinner-dimmed: #686b82;
    --text-color-ds-spinner-positive: #08844f;
    --text-color-ds-spinner-negative: #d11d45;
    --text-color-ds-spinner-brand: #7132f5;
    --text-color-ds-spinner-dark: #000;
    --text-color-ds-spinner-warning: #89640c;
    --text-color-ds-spinner-info: #0079b4;
    --text-color-ds-spinner-light: #fff;
    --text-color-ds-stacked-asset-icons: #101114;
    --text-color-ds-tabs: #686b82;
    --text-color-ds-tabs-active: #101114;
    --text-color-ds-tabs-on-background: #686b82;
    --text-color-ds-tabs-on-background-active: #101114;
    --text-color-ds-text-duo-primary-main: #101114;
    --text-color-ds-text-duo-primary-duo: #686b82;
    --text-color-ds-text-duo-neutral-main: #686b82;
    --text-color-ds-text-duo-neutral-duo: #9497a9;
    --text-color-ds-text-duo-positive-main: #08844f;
    --text-color-ds-text-duo-positive-duo: #08844f;
    --text-color-ds-text-duo-negative-main: #d11d45;
    --text-color-ds-text-duo-negative-duo: #d11d45;
    --text-color-ds-tooltip-text: #686b82;
    --text-color-ds-tooltip-title: #101114;
    --border-color-ds-asset-conversion-icons-primary: #101114;
    --border-color-ds-banner-recommended: #686b8214;
    --border-color-ds-card: #0000;
    --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-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-table-header: #686b821f;
    --border-color-ds-table-header-cell-hover: #5b1ecf;
    --border-color-ds-timeline: #9497a9;
    --stroke-ds-assetprogress: #686b823d;
    --stroke-ds-dropdown-button-content-icon: #686b82;
    --stroke-ds-dropdown-button-content-icon-hover: #101114;
    --stroke-ds-icon-primary: #101114;
    --stroke-ds-icon-neutral: #686b82;
    --stroke-ds-icon-dimmed: #9497a9;
    --stroke-ds-icon-positive: #08844f;
    --stroke-ds-icon-warning: #c39621;
    --stroke-ds-icon-negative: #d11d45;
    --stroke-ds-icon-info: #0079b4;
    --stroke-ds-icon-brand: #7132f5;
    --stroke-ds-icon-disabled: #484b5e;
    --stroke-ds-overlay-arrow: #686b8214;
    --stroke-ds-progresspie-track: #686b823d;
    --stroke-ds-progresspie-fill: #9497a9;
    --border-radius-ds-banner: 20px;
    --border-radius-ds-dialog: 20px;
    --border-radius-ds-scrollbar: .375rem;
    --ring-color-ds-banner: #7132f5;
    --fill-ds-brand-brand: #7132f5;
    --fill-ds-brand-neutral: #000;
    --fill-ds-brand-inverted: #fff;
    --fill-ds-brand-white: #fff;
    --fill-ds-brand-breakout: #00adfe;
    --fill-ds-icon-primary: #101114;
    --fill-ds-icon-neutral: #686b82;
    --fill-ds-icon-dimmed: #9497a9;
    --fill-ds-icon-positive: #08844f;
    --fill-ds-icon-warning: #c39621;
    --fill-ds-icon-negative: #d11d45;
    --fill-ds-icon-info: #0079b4;
    --fill-ds-icon-brand: #7132f5;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #fff;
    --background-image-ds-button-primary-high-gradient: none;
    --background-image-ds-button-primary-high-gradient-hover: none;
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: none;
    --background-image-ds-dialog-gradient: linear-gradient(to top, #fff, transparent);
    --backdrop-blur-ds-dialog: 30px;
    --gradient-color-stops-ds-dialog-start: #fff;
    --placeholder-color-ds-input: #686b82;
    --caret-color-ds-input: inherit;
    --width-ds-scrollbar: 4px;
    --width-ds-scrollbar-type: thin;
    --height-ds-scrollbar: 4px;
    --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: #686b828f
}

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

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

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

.trade-dark-theme {
    --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-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 #686b821f;
    --box-shadow-ds-banner: 0px 1px 4px 0px #00000026;
    --box-shadow-ds-button-primary-high: inset 0 1px 0 0 #fff3;
    --box-shadow-ds-button-primary-medium: inset 0 1px 0 0 #ffffff1f;
    --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-datepicker-selected-day: inset 0 1px 0 0 #fff3;
    --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: #7132f5;
    --outline-color-ds-favourite-button: #8a61ff;
    --outline-color-ds-input-error-focused: #d11d45;
    --outline-color-ds-input: #7132f5;
    --outline-color-ds-input-error: #d11d45;
    --outline-color-ds-legend-item-dimmed: #686b82;
    --outline-color-ds-menu: #8a61ff;
    --outline-color-ds-popover: #8a61ff;
    --outline-color-ds-segmented-control: #8a61ff;
    --outline-color-ds-selectable-card: #7132f5;
    --outline-color-ds-tabs: #8a61ff;
    --outline-color-ds-table-header-cell: #8a61ff;
    --outline-color-ds-textlink: #8a61ff;
    --outline-color-ds-toggle: #ffffff3d;
    --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: 0 0 0;
    --background-color-ds-button-primary-high-hover: 0 0 0;
    --background-color-ds-button-primary-medium: #6e688247;
    --background-color-ds-button-primary-medium-hover: #6e688252;
    --background-color-ds-button-primary-low: #0000;
    --background-color-ds-button-primary-low-hover: #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: #6e688247;
    --background-color-ds-button-neutral-medium-hover: #6e688252;
    --background-color-ds-button-neutral-low: #0000;
    --background-color-ds-button-neutral-low-hover: #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-low: #0000;
    --background-color-ds-button-positive-low-hover: #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-low: #0000;
    --background-color-ds-button-negative-low-hover: #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-low: #0000;
    --background-color-ds-button-warning-low-hover: #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-low: #0000;
    --background-color-ds-button-brand-low-hover: #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-low: #0000;
    --background-color-ds-button-info-low-hover: #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: 0 0 0;
    --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-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: #686b8214;
    --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-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: #35df8d;
    --background-color-ds-progressbar-negative-indicator: #ff7386;
    --background-color-ds-progressbar-warning-indicator: #e8b100;
    --background-color-ds-progresstracker-primary: #855bfb;
    --background-color-ds-progresstracker-waiting: #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-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-card: #21202c;
    --background-color-ds-table-cell-sticky-container-card-hover: #22202e;
    --background-color-ds-table-cell-sticky-container: #181522;
    --background-color-ds-table-cell-sticky-container-hover: #191523;
    --background-color-ds-table-cell-sticky-dialog: #1f1b27;
    --background-color-ds-table-cell-sticky-dialog-hover: #221e2b;
    --background-color-ds-table-cell-sticky-dialog-container: #16121f;
    --background-color-ds-table-cell-sticky-dialog-container-hover: #1a1826;
    --background-color-ds-table-header-cell-resize: #5b1ecf;
    --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-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: #fff;
    --text-color-ds-button-neutral-low: #9497a9;
    --text-color-ds-button-neutral-low-hover: #fff;
    --text-color-ds-button-neutral-none: #9497a9;
    --text-color-ds-button-neutral-none-hover: #fff;
    --text-color-ds-button-positive-high: #002d17;
    --text-color-ds-button-positive-medium: #35df8d;
    --text-color-ds-button-positive-low: #35df8d;
    --text-color-ds-button-positive-low-hover: #35df8d;
    --text-color-ds-button-positive-none: #35df8d;
    --text-color-ds-button-positive-none-hover: #23ba75;
    --text-color-ds-button-negative-high: #3c000c;
    --text-color-ds-button-negative-medium: #ff9fa9;
    --text-color-ds-button-negative-low: #ff7386;
    --text-color-ds-button-negative-low-hover: #ff7386;
    --text-color-ds-button-negative-none: #ff7386;
    --text-color-ds-button-negative-none-hover: #f5395e;
    --text-color-ds-button-warning-high: #3b2a00;
    --text-color-ds-button-warning-medium: #ffcd60;
    --text-color-ds-button-warning-low: #e8b100;
    --text-color-ds-button-warning-low-hover: #e8b100;
    --text-color-ds-button-warning-none: #e8b100;
    --text-color-ds-button-warning-none-hover: #c39621;
    --text-color-ds-button-brand-high: #fff;
    --text-color-ds-button-brand-medium: #fff;
    --text-color-ds-button-brand-low: #8a61ff;
    --text-color-ds-button-brand-low-hover: #8a61ff;
    --text-color-ds-button-brand-none: #8a61ff;
    --text-color-ds-button-brand-none-hover: #7132f5;
    --text-color-ds-button-info-high: #002940;
    --text-color-ds-button-info-medium: #90c9ff;
    --text-color-ds-button-info-low: #0092d8;
    --text-color-ds-button-info-low-hover: #0092d8;
    --text-color-ds-button-info-none: #0092d8;
    --text-color-ds-button-info-none-hover: #0079b4;
    --text-color-ds-button-inverted-high: #fff;
    --text-color-ds-button-inverted-medium: #101114;
    --text-color-ds-button-inverted-medium-hover: #101114;
    --text-color-ds-button-inverted-low: #101114;
    --text-color-ds-button-inverted-low-hover: #101114;
    --text-color-ds-button-inverted-none: #101114;
    --text-color-ds-button-inverted-none-hover: #101114;
    --text-color-ds-button-neutral-high-icon: #9497a9;
    --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-datepicker: #eeeff3;
    --text-color-ds-datepicker-weekday: #9497a9;
    --text-color-ds-datepicker-today: #9497a9;
    --text-color-ds-datepicker-disabled: #686b82;
    --text-color-ds-datepicker-selected: #eeeff3;
    --text-color-ds-dropdown-button-content-placeholder: #9497a9;
    --text-color-ds-dropdown-button-content-placeholder-hover: #f7f7fa;
    --text-color-ds-dropdown-button-content-text: #f7f7fa;
    --text-color-ds-favourite-button-filled: #e8b100;
    --text-color-ds-favourite-button-unfilled: #686b82;
    --text-color-ds-favourite-button-disabled: #c6c7d2;
    --text-color-ds-filteritem: #9497a9;
    --text-color-ds-filteritem-active: #f7f7fa;
    --text-color-ds-input: #f7f7fa;
    --text-color-ds-input-icon: #686b82;
    --text-color-ds-input-label: #9497a9;
    --text-color-ds-input-error-label: #ff7386;
    --text-color-ds-inputerror-label: #ff7386;
    --text-color-ds-label-value: #ffffff0a;
    --text-color-ds-legalnotice-neutral: #9497a9;
    --text-color-ds-legalnotice-primary: #f7f7fa;
    --text-color-ds-menu: #f7f7fa;
    --text-color-ds-menu-hover: #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-radio-primary: #fff;
    --text-color-ds-radio-disabled: #484b5e;
    --text-color-ds-radio-description: #9497a9;
    --text-color-ds-radio-check-mark: #fff;
    --text-color-ds-radiogroup-primary: #f7f7fa;
    --text-color-ds-radiogroup-description: #9497a9;
    --text-color-ds-radiogroup-error: #ff7386;
    --text-color-ds-segmented-control-inactive: #9497a9;
    --text-color-ds-segmented-control-inactive-hover: #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-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-banner-recommended: #686b8214;
    --border-color-ds-card: #0000;
    --border-color-ds-card-selected: #7132f5;
    --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-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: #7132f5;
    --border-color-ds-selectable-card: #0000;
    --border-color-ds-selectable-card-disabled: #0000;
    --border-color-ds-table-header-cell-hover: #5b1ecf;
    --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-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;
    --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-dimmed: #686b82;
    --fill-ds-icon-positive: #35df8d;
    --fill-ds-icon-warning: #ffcd60;
    --fill-ds-icon-negative: #ff7386;
    --fill-ds-icon-info: #00adfe;
    --fill-ds-icon-brand: #8a61ff;
    --fill-ds-icon-disabled: #484b5e;
    --fill-ds-overlay-arrow: #1f1b27;
    --background-image-ds-button-primary-high-gradient: linear-gradient(163deg, #ae3ec9 0%, #9251cb 22%, #5e2bc8 56%);
    --background-image-ds-button-primary-high-gradient-hover: linear-gradient(163deg, #ba5cd1 0%, #a46ed4 22%, #7242d6 56%);
    --background-image-ds-button-brand-high-gradient: none;
    --background-image-ds-button-brand-high-gradient-hover: none;
    --background-image-ds-datepicker-selected-day-gradient: linear-gradient(135.32deg, #ae3ec9 -6.7%, #9251cb 26.08%, #5e2bc8 58.86%);
    --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: #ffffff52
}

:root,
.marketing-text-theme {
    --fontFamily-ds-body1: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-body2: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-body3: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-body4: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-bodyMono1: Kraken-Mono, "IBM Plex Mono", Helvetica, Arial, sans-serif;
    --fontFamily-ds-bodyMono2: Kraken-Mono, "IBM Plex Mono", Helvetica, Arial, sans-serif;
    --fontFamily-ds-bodyMono3: Kraken-Mono, "IBM Plex Mono", Helvetica, Arial, sans-serif;
    --fontFamily-ds-brand1: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-brand2: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-brand3: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-brand4: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-caption1: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-caption2: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-display1: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-display2: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-display3: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-display4: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-editorial1: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-editorial2: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-editorial3: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-editorial4: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-editorial5: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-heading1: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-heading2: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-heading3: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-heading4: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-heading5: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-heading6: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-heroNumber: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-label1: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-label2: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-label3: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-labelMono1: Kraken-Mono, "IBM Plex Mono", Helvetica, Arial, sans-serif;
    --fontFamily-ds-labelMono2: Kraken-Mono, "IBM Plex Mono", Helvetica, Arial, sans-serif;
    --fontFamily-ds-labelMono3: Kraken-Mono, "IBM Plex Mono", Helvetica, Arial, sans-serif;
    --fontFamily-ds-value1: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-value2: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontFamily-ds-value3: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
    --fontSize-ds-body1: 1rem;
    --fontSize-ds-body2: .875rem;
    --fontSize-ds-body3: .75rem;
    --fontSize-ds-body4: .625rem;
    --fontSize-ds-bodyMono1: 1rem;
    --fontSize-ds-bodyMono2: .875rem;
    --fontSize-ds-bodyMono3: .75rem;
    --fontSize-ds-brand1: 10rem;
    --fontSize-ds-brand2: 6.25rem;
    --fontSize-ds-brand3: 3.5rem;
    --fontSize-ds-brand4: 3.5rem;
    --fontSize-ds-caption1: .75rem;
    --fontSize-ds-caption2: .625rem;
    --fontSize-ds-display1: 3rem;
    --fontSize-ds-display2: 2.5rem;
    --fontSize-ds-display3: 2.25rem;
    --fontSize-ds-display4: 2rem;
    --fontSize-ds-editorial1: 1.5rem;
    --fontSize-ds-editorial2: 1.375rem;
    --fontSize-ds-editorial3: 1.125rem;
    --fontSize-ds-editorial4: 1.125rem;
    --fontSize-ds-editorial5: 1rem;
    --fontSize-ds-heading1: 1.5rem;
    --fontSize-ds-heading2: 1.25rem;
    --fontSize-ds-heading3: 1.125rem;
    --fontSize-ds-heading4: 1rem;
    --fontSize-ds-heading5: 1rem;
    --fontSize-ds-heading6: 1rem;
    --fontSize-ds-heroNumber: 2.625rem;
    --fontSize-ds-label1: 1rem;
    --fontSize-ds-label2: .875rem;
    --fontSize-ds-label3: .75rem;
    --fontSize-ds-labelMono1: 1rem;
    --fontSize-ds-labelMono2: .875rem;
    --fontSize-ds-labelMono3: .75rem;
    --fontSize-ds-value1: 1rem;
    --fontSize-ds-value2: .875rem;
    --fontSize-ds-value3: .75rem;
    --lineHeight-ds-body1: 1.375rem;
    --lineHeight-ds-body2: 1.25rem;
    --lineHeight-ds-body3: 1rem;
    --lineHeight-ds-body4: .875rem;
    --lineHeight-ds-bodyMono1: 1.375rem;
    --lineHeight-ds-bodyMono2: 1.25rem;
    --lineHeight-ds-bodyMono3: 1rem;
    --lineHeight-ds-brand1: 8.75rem;
    --lineHeight-ds-brand2: 5.3125rem;
    --lineHeight-ds-brand3: 3rem;
    --lineHeight-ds-brand4: 3rem;
    --lineHeight-ds-caption1: 1rem;
    --lineHeight-ds-caption2: .875rem;
    --lineHeight-ds-display1: 3.5rem;
    --lineHeight-ds-display2: 3rem;
    --lineHeight-ds-display3: 2.75rem;
    --lineHeight-ds-display4: 2.5rem;
    --lineHeight-ds-editorial1: 2rem;
    --lineHeight-ds-editorial2: 1.875rem;
    --lineHeight-ds-editorial3: 1.75rem;
    --lineHeight-ds-editorial4: 1.625rem;
    --lineHeight-ds-editorial5: 1.375rem;
    --lineHeight-ds-heading1: 2rem;
    --lineHeight-ds-heading2: 1.75rem;
    --lineHeight-ds-heading3: 1.625rem;
    --lineHeight-ds-heading4: 1.375rem;
    --lineHeight-ds-heading5: 1.375rem;
    --lineHeight-ds-heading6: 1.375rem;
    --lineHeight-ds-heroNumber: 2.875rem;
    --lineHeight-ds-label1: 1.375rem;
    --lineHeight-ds-label2: 1.25rem;
    --lineHeight-ds-label3: 1rem;
    --lineHeight-ds-labelMono1: 1.375rem;
    --lineHeight-ds-labelMono2: 1.25rem;
    --lineHeight-ds-labelMono3: 1rem;
    --lineHeight-ds-value1: 1.375rem;
    --lineHeight-ds-value2: 1.25rem;
    --lineHeight-ds-value3: 1rem;
    --fontWeight-ds-body1: 400;
    --fontWeight-ds-body2: 400;
    --fontWeight-ds-body3: 400;
    --fontWeight-ds-body4: 400;
    --fontWeight-ds-bodyMono1: 400;
    --fontWeight-ds-bodyMono2: 400;
    --fontWeight-ds-bodyMono3: 400;
    --fontWeight-ds-brand1: 700;
    --fontWeight-ds-brand2: 700;
    --fontWeight-ds-brand3: 700;
    --fontWeight-ds-brand4: 700;
    --fontWeight-ds-caption1: 600;
    --fontWeight-ds-caption2: 600;
    --fontWeight-ds-display1: 700;
    --fontWeight-ds-display2: 700;
    --fontWeight-ds-display3: 700;
    --fontWeight-ds-display4: 700;
    --fontWeight-ds-editorial1: 400;
    --fontWeight-ds-editorial2: 400;
    --fontWeight-ds-editorial3: 400;
    --fontWeight-ds-editorial4: 400;
    --fontWeight-ds-editorial5: 400;
    --fontWeight-ds-heading1: 700;
    --fontWeight-ds-heading2: 700;
    --fontWeight-ds-heading3: 700;
    --fontWeight-ds-heading4: 700;
    --fontWeight-ds-heading5: 500;
    --fontWeight-ds-heading6: 500;
    --fontWeight-ds-heroNumber: 500;
    --fontWeight-ds-label1: 500;
    --fontWeight-ds-label2: 500;
    --fontWeight-ds-label3: 500;
    --fontWeight-ds-labelMono1: 500;
    --fontWeight-ds-labelMono2: 500;
    --fontWeight-ds-labelMono3: 500;
    --fontWeight-ds-value1: 500;
    --fontWeight-ds-value2: 500;
    --fontWeight-ds-value3: 500;
    --letterSpacing-ds-brand1: -2.5px;
    --letterSpacing-ds-brand2: -2.5px;
    --letterSpacing-ds-brand3: -2.5px;
    --letterSpacing-ds-brand4: -2.5px;
    --letterSpacing-ds-caption2: .8px;
    --letterSpacing-ds-display1: -1px;
    --letterSpacing-ds-display2: -1px;
    --letterSpacing-ds-display3: -1px;
    --letterSpacing-ds-display4: -1px;
    --letterSpacing-ds-heading1: -.5px;
    --letterSpacing-ds-heading2: -.5px;
    --letterSpacing-ds-heading3: -.5px
}

@media (min-width: 768px) {

    :root,
    .marketing-text-theme {
        --fontFamily-ds-body1: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-body2: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-body3: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-body4: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-bodyMono1: Kraken-Mono, "IBM Plex Mono", Helvetica, Arial, sans-serif;
        --fontFamily-ds-bodyMono2: Kraken-Mono, "IBM Plex Mono", Helvetica, Arial, sans-serif;
        --fontFamily-ds-bodyMono3: Kraken-Mono, "IBM Plex Mono", Helvetica, Arial, sans-serif;
        --fontFamily-ds-brand1: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-brand2: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-brand3: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-brand4: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-caption1: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-caption2: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-display1: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-display2: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-display3: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-display4: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-editorial1: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-editorial2: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-editorial3: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-editorial4: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-editorial5: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-heading1: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-heading2: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-heading3: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-heading4: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-heading5: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-heading6: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-heroNumber: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-label1: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-label2: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-label3: Kraken-Product, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-labelMono1: Kraken-Mono, "IBM Plex Mono", Helvetica, Arial, sans-serif;
        --fontFamily-ds-labelMono2: Kraken-Mono, "IBM Plex Mono", Helvetica, Arial, sans-serif;
        --fontFamily-ds-labelMono3: Kraken-Mono, "IBM Plex Mono", Helvetica, Arial, sans-serif;
        --fontFamily-ds-value1: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-value2: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontFamily-ds-value3: Kraken-Brand, "IBM Plex Sans", Helvetica, Arial, sans-serif;
        --fontSize-ds-body1: 1rem;
        --fontSize-ds-body2: .875rem;
        --fontSize-ds-body3: .75rem;
        --fontSize-ds-body4: .625rem;
        --fontSize-ds-bodyMono1: 1rem;
        --fontSize-ds-bodyMono2: .875rem;
        --fontSize-ds-bodyMono3: .75rem;
        --fontSize-ds-brand1: 12.5rem;
        --fontSize-ds-brand2: 10rem;
        --fontSize-ds-brand3: 6.25rem;
        --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: 2.625rem;
        --fontSize-ds-label1: 1rem;
        --fontSize-ds-label2: .875rem;
        --fontSize-ds-label3: .75rem;
        --fontSize-ds-labelMono1: 1rem;
        --fontSize-ds-labelMono2: .875rem;
        --fontSize-ds-labelMono3: .75rem;
        --fontSize-ds-value1: 1rem;
        --fontSize-ds-value2: .875rem;
        --fontSize-ds-value3: .75rem;
        --lineHeight-ds-body1: 1.375rem;
        --lineHeight-ds-body2: 1.25rem;
        --lineHeight-ds-body3: 1rem;
        --lineHeight-ds-body4: .875rem;
        --lineHeight-ds-bodyMono1: 1.375rem;
        --lineHeight-ds-bodyMono2: 1.25rem;
        --lineHeight-ds-bodyMono3: 1rem;
        --lineHeight-ds-brand1: 10.9375rem;
        --lineHeight-ds-brand2: 8.75rem;
        --lineHeight-ds-brand3: 5.3125rem;
        --lineHeight-ds-brand4: 3rem;
        --lineHeight-ds-caption1: 1rem;
        --lineHeight-ds-caption2: .875rem;
        --lineHeight-ds-display1: 6rem;
        --lineHeight-ds-display2: 4.875rem;
        --lineHeight-ds-display3: 4.125rem;
        --lineHeight-ds-display4: 3.5rem;
        --lineHeight-ds-editorial1: 2.75rem;
        --lineHeight-ds-editorial2: 2.25rem;
        --lineHeight-ds-editorial3: 2rem;
        --lineHeight-ds-editorial4: 1.75rem;
        --lineHeight-ds-editorial5: 1.625rem;
        --lineHeight-ds-heading1: 2.75rem;
        --lineHeight-ds-heading2: 2.25rem;
        --lineHeight-ds-heading3: 2rem;
        --lineHeight-ds-heading4: 1.75rem;
        --lineHeight-ds-heading5: 1.625rem;
        --lineHeight-ds-heading6: 1.375rem;
        --lineHeight-ds-heroNumber: 2.875rem;
        --lineHeight-ds-label1: 1.375rem;
        --lineHeight-ds-label2: 1.25rem;
        --lineHeight-ds-label3: 1rem;
        --lineHeight-ds-labelMono1: 1.375rem;
        --lineHeight-ds-labelMono2: 1.25rem;
        --lineHeight-ds-labelMono3: 1rem;
        --lineHeight-ds-value1: 1.375rem;
        --lineHeight-ds-value2: 1.25rem;
        --lineHeight-ds-value3: 1rem;
        --fontWeight-ds-body1: 400;
        --fontWeight-ds-body2: 400;
        --fontWeight-ds-body3: 400;
        --fontWeight-ds-body4: 400;
        --fontWeight-ds-bodyMono1: 400;
        --fontWeight-ds-bodyMono2: 400;
        --fontWeight-ds-bodyMono3: 400;
        --fontWeight-ds-brand1: 700;
        --fontWeight-ds-brand2: 700;
        --fontWeight-ds-brand3: 700;
        --fontWeight-ds-brand4: 700;
        --fontWeight-ds-caption1: 600;
        --fontWeight-ds-caption2: 600;
        --fontWeight-ds-display1: 700;
        --fontWeight-ds-display2: 700;
        --fontWeight-ds-display3: 700;
        --fontWeight-ds-display4: 700;
        --fontWeight-ds-editorial1: 400;
        --fontWeight-ds-editorial2: 400;
        --fontWeight-ds-editorial3: 400;
        --fontWeight-ds-editorial4: 400;
        --fontWeight-ds-editorial5: 400;
        --fontWeight-ds-heading1: 700;
        --fontWeight-ds-heading2: 700;
        --fontWeight-ds-heading3: 700;
        --fontWeight-ds-heading4: 700;
        --fontWeight-ds-heading5: 500;
        --fontWeight-ds-heading6: 500;
        --fontWeight-ds-heroNumber: 500;
        --fontWeight-ds-label1: 500;
        --fontWeight-ds-label2: 500;
        --fontWeight-ds-label3: 500;
        --fontWeight-ds-labelMono1: 500;
        --fontWeight-ds-labelMono2: 500;
        --fontWeight-ds-labelMono3: 500;
        --fontWeight-ds-value1: 500;
        --fontWeight-ds-value2: 500;
        --fontWeight-ds-value3: 500;
        --letterSpacing-ds-brand1: -2.5px;
        --letterSpacing-ds-brand2: -2.5px;
        --letterSpacing-ds-brand3: -2.5px;
        --letterSpacing-ds-brand4: -2.5px;
        --letterSpacing-ds-caption2: .8px;
        --letterSpacing-ds-display1: -1px;
        --letterSpacing-ds-display2: -1px;
        --letterSpacing-ds-display3: -1px;
        --letterSpacing-ds-display4: -1px;
        --letterSpacing-ds-heading1: -.5px;
        --letterSpacing-ds-heading2: -.5px;
        --letterSpacing-ds-heading3: -.5px
    }
}

.default-shape-theme {
    --border-radius-ds-button-lg: 12px;
    --border-radius-ds-button-md: 12px;
    --border-radius-ds-button-sm: 12px;
    --border-radius-ds-button-xl: 12px;
    --border-radius-ds-button-xs: 8px;
    --border-radius-ds-button-xxl: 12px;
    --border-radius-ds-button-xxs: 8px;
    --border-radius-ds-inputerror-middle-sm: 4px;
    --border-radius-ds-inputerror-single-sm: 12px;
    --border-radius-ds-inputerror-middle-md: 8px;
    --border-radius-ds-inputerror-single-md: 8px;
    --border-radius-ds-pill-sm: 6px;
    --border-radius-ds-pill-md: 8px;
    --border-radius-ds-pill-lg: 12px;
    --border-radius-ds-table-row: 0px;
    --border-radius-ds-table-row-group: 6px
}

:root {
    --border-radius-ds-button-lg: 12px;
    --border-radius-ds-button-md: 12px;
    --border-radius-ds-button-sm: 12px;
    --border-radius-ds-button-xl: 12px;
    --border-radius-ds-button-xs: 8px;
    --border-radius-ds-button-xxl: 12px;
    --border-radius-ds-button-xxs: 8px;
    --border-radius-ds-inputerror-middle-sm: 4px;
    --border-radius-ds-inputerror-single-sm: 12px;
    --border-radius-ds-inputerror-middle-md: 8px;
    --border-radius-ds-inputerror-single-md: 8px;
    --border-radius-ds-pill-sm: 6px;
    --border-radius-ds-pill-md: 8px;
    --border-radius-ds-pill-lg: 12px;
    --border-radius-ds-table-row: 0px;
    --border-radius-ds-table-row-group: 6px;
    --background-color-disclaimer: #f1efff
}

.theme-set-magic-dark,
.theme-set-pay-dark,
.theme-set-trade-dark {
    --background-color-disclaimer: #2f2549
}

sup {
    vertical-align: super;
    font-size: .625rem;
    line-height: 0
}

@keyframes scroller-row-left-to-right {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes scroller-row-right-to-left {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

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

.container {
    width: 100%
}

@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: 1536px) {
    .\!container {
        max-width: 1536px !important
    }

    .container {
        max-width: 1536px
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.inky-text-theme .text-ds-button-xs,
.inky-text-theme .text-ds-button-sm,
.inky-text-theme .text-ds-button-md,
.inky-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)
}

.inky-text-theme .text-ds-button-xl,
.inky-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)
}

.inky-text-theme .text-ds-button-v-xxs,
.inky-text-theme .text-ds-button-v-xs,
.inky-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)
}

.inky-text-theme .text-ds-button-v-md,
.inky-text-theme .text-ds-button-v-lg,
.inky-text-theme .text-ds-button-v-xl,
.inky-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 {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

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

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

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

.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) {
    :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 {
        font-size: var(--fontSize-ds-label2);
        font-weight: var(--fontWeight-ds-label2);
        line-height: var(--lineHeight-ds-label2);
        letter-spacing: var(--letterSpacing-ds-label2);
        font-family: var(--fontFamily-ds-label2)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-ds-editorial1 {
    font-size: var(--fontSize-ds-editorial1);
    font-weight: var(--fontWeight-ds-editorial1);
    line-height: var(--lineHeight-ds-editorial1);
    letter-spacing: var(--letterSpacing-ds-editorial1);
    font-family: var(--fontFamily-ds-editorial1);
    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-label2 {
    font-size: var(--fontSize-ds-label2);
    font-weight: var(--fontWeight-ds-label2);
    line-height: var(--lineHeight-ds-label2);
    letter-spacing: var(--letterSpacing-ds-label2);
    font-family: var(--fontFamily-ds-label2)
}

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

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

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

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

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

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

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

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

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

.bg-ds-dialog .bg-ds-table-sticky {
    background-color: var(--background-color-ds-table-cell-sticky-dialog, #fff)
}

.bg-ds-dialog .hover\:bg-ds-table-row-hover:hover .bg-ds-table-sticky {
    background-color: var(--background-color-ds-table-cell-sticky-dialog-hover, #f9f9fa)
}

.bg-ds-dialog .bg-ds-container .bg-ds-table-sticky {
    background-color: var(--background-color-ds-table-cell-sticky-container, #fff)
}

.bg-ds-dialog .bg-ds-container .hover\:bg-ds-table-row-hover:hover .bg-ds-table-sticky {
    background-color: var(--background-color-ds-table-cell-sticky-container-hover, #f9f9fa)
}

.bg-ds-container .bg-ds-card .bg-ds-table-sticky,
.bg-ds-base-drawer .bg-ds-card .bg-ds-table-sticky {
    background-color: var(--background-color-ds-table-cell-sticky-container-card, #f7f7f8)
}

.bg-ds-container .bg-ds-card .hover\:bg-ds-table-row-hover:hover .bg-ds-table-sticky,
.bg-ds-base-drawer .bg-ds-card .hover\:bg-ds-table-row-hover:hover .bg-ds-table-sticky {
    background-color: var(--background-color-ds-table-cell-sticky-container-card-hover, #f1f1f3)
}

.bg-ds-container .bg-ds-table-sticky,
.bg-ds-base-drawer .bg-ds-table-sticky {
    background-color: var(--background-color-ds-table-cell-sticky-container, #fff)
}

.bg-ds-container .hover\:bg-ds-table-row-hover:hover .bg-ds-table-sticky,
.bg-ds-base-drawer .hover\:bg-ds-table-row-hover:hover .bg-ds-table-sticky {
    background-color: var(--background-color-ds-table-cell-sticky-container-hover, #f9f9fa)
}

.rdp .rdp-head_cell {
    width: 2rem;
    color: var(--text-color-ds-datepicker-weekday, #353746);
    font-family: Kraken-Product, IBM Plex Sans, Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem
}

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

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

.rdp .rdp-day {
    width: 2rem;
    color: var(--text-color-ds-datepicker, #1a1b22);
    font-family: Kraken-Product, IBM Plex Sans, Helvetica, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem
}

.rdp .rdp-day:not(.rdp-day_outside):not(.rdp-day_disabled):hover .rdp-day_label {
    cursor: pointer;
    background-color: var(--background-color-ds-datepicker-today, #686b821f);
    border-radius: .75rem
}

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

.rdp .rdp-day_disabled {
    color: var(--text-color-ds-datepicker-disabled, #9497a9)
}

.rdp .rdp-day_today:not(.rdp-day_selected):not(.rdp-day_disabled) {
    background-color: var(--background-color-ds-datepicker-today, #686b821f);
    color: var(--text-color-ds-datepicker-today, #353746);
    border-radius: .75rem
}

.rdp.rdp_mode-single .rdp-day_selected:not(.rdp-day_disabled):not(.rdp-day_outside) .rdp-day_label {
    background-color: var(--background-color-ds-datepicker-selected-day, #7132f5);
    background-image: var(--background-image-ds-datepicker-selected-day-gradient, none);
    color: var(--text-color-ds-datepicker-selected, #f7f7fa);
    --tw-shadow: var(--box-shadow-ds-datepicker-selected-day, none);
    --tw-shadow-colored: var(--box-shadow-ds-datepicker-selected-day, none);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-radius: .75rem
}

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

.rdp.rdp_mode-range .rdp-cell:last-child>.rdp-day_selected,
.rdp.rdp_mode-range .rdp-day_selected.rdp-day_last-of-month {
    border-top-right-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.rdp.rdp_mode-range .rdp-day_selected {
    border-radius: unset;
    background-color: var(--background-color-ds-datepicker-selected-day-range, #855bfb29)
}

.rdp.rdp_mode-range .rdp-day_selected .rdp-day_label {
    color: var(--text-color-ds-datepicker, #1a1b22)
}

.rdp.rdp_mode-range .rdp-day_selected.rdp-day_range_start {
    border-top-left-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.rdp.rdp_mode-range .rdp-day_selected.rdp-day_range_start .rdp-day_label {
    background-color: var(--background-color-ds-datepicker-selected-day, #7132f5);
    background-image: var(--background-image-ds-datepicker-selected-day-gradient, none);
    color: var(--text-color-ds-datepicker-selected, #f7f7fa);
    --tw-shadow: var(--box-shadow-ds-datepicker-selected-day, none);
    --tw-shadow-colored: var(--box-shadow-ds-datepicker-selected-day, none);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-radius: .75rem
}

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

.rdp.rdp_mode-range .rdp-day_selected.rdp-day_range_end .rdp-day_label {
    background-color: var(--background-color-ds-datepicker-selected-day, #7132f5);
    background-image: var(--background-image-ds-datepicker-selected-day-gradient, none);
    color: var(--text-color-ds-datepicker-selected, #f7f7fa);
    --tw-shadow: var(--box-shadow-ds-datepicker-selected-day, none);
    --tw-shadow-colored: var(--box-shadow-ds-datepicker-selected-day, none);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-radius: .75rem
}

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

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

.visual-clip {
    clip: rect(0 0 0 0);
    clip-path: inset(50%)
}

.scrollbars-none {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.icon-hover:hover path {
    stroke: var(--stroke-ds-icon-hover)
}

.bg-gradient-\[219\.18deg\] {
    background: linear-gradient(219.18deg, var(--tw-gradient-stops))
}

.mask-image-gradient-\[to_right\,black_0\%\,black_calc\(100\%-var\(--h-scroll-width\)\)\,transparent_100\%\] {
    -webkit-mask-image: linear-gradient(to right, black 0%, black calc(100% - var(--h-scroll-width)), transparent 100%);
    -webkit-mask-image: linear-gradient(to right, black 0%, black calc(100% - var(--h-scroll-width)), transparent 100%);
    -webkit-mask-image: linear-gradient(to right, black 0%, black calc(100% - var(--h-scroll-width)), transparent 100%);
    mask-image: linear-gradient(to right, black 0%, black calc(100% - var(--h-scroll-width)), transparent 100%)
}

.mask-image-gradient-\[to_right\,transparent_0\%\,black_var\(--h-scroll-width\)\,black_100\%\] {
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black var(--h-scroll-width), black 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black var(--h-scroll-width), black 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black var(--h-scroll-width), black 100%);
    mask-image: linear-gradient(to right, transparent 0%, black var(--h-scroll-width), black 100%)
}

.mask-image-gradient-\[to_right\,transparent_0\%\,black_var\(--h-scroll-width\)\,black_calc\(100\%-var\(--h-scroll-width\)\)\,transparent_100\%\] {
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black var(--h-scroll-width), black calc(100% - var(--h-scroll-width)), transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black var(--h-scroll-width), black calc(100% - var(--h-scroll-width)), transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black var(--h-scroll-width), black calc(100% - var(--h-scroll-width)), transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, black var(--h-scroll-width), black calc(100% - var(--h-scroll-width)), transparent 100%)
}

.grid-area-\[children\] {
    grid-area: children
}

.grid-area-\[disclaimer\] {
    grid-area: disclaimer
}

.grid-area-\[image\] {
    grid-area: image
}

.grid-area-\[input\] {
    grid-area: input
}

.grid-areas-\[image_image_children_\.\] {
    grid-template-areas: "image image children."
}

.grid-template-\[\"input\"\|\"disclaimer\"\|\"cta\"\|\/_1fr_\!important\] {
    grid-template: "input" "disclaimer" "cta" /1fr !important
}

.grid-template-\[\"input______cta_______\"\|\"disclaimer_disclaimer\"\|\/_1fr_auto\] {
    grid-template: "input cta" "disclaimer disclaimer" /1fr auto
}

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

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

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

.\!visible {
    visibility: visible !important
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.\!absolute {
    position: absolute !important
}

.absolute {
    position: absolute
}

.\!relative {
    position: relative !important
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

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

.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-\[0px\] {
    bottom: 0 !important
}

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

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

.-end-px:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: -1px
}

.-end-px:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: -1px
}

.-end-px:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: -1px
}

.-end-px:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: -1px
}

.-end-px:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: -1px
}

.-end-px:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: -1px
}

.-end-px:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: -1px
}

.-end-px:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: -1px
}

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

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

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

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

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

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

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

.bottom-0 {
    bottom: 0
}

.bottom-10 {
    bottom: 2.5rem
}

.bottom-11 {
    bottom: 2.75rem
}

.bottom-2 {
    bottom: .5rem
}

.bottom-4 {
    bottom: 1rem
}

.bottom-\[--facade-responsive-bottom\] {
    bottom: var(--facade-responsive-bottom)
}

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

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

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

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

.bottom-ds-0 {
    bottom: 0
}

.bottom-full {
    bottom: 100%
}

.end-0:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 0
}

.end-0:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 0
}

.end-0:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 0
}

.end-0:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 0
}

.end-0:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 0
}

.end-0:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 0
}

.end-0:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 0
}

.end-0:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 0
}

.end-2:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: .5rem
}

.end-2:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: .5rem
}

.end-2:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: .5rem
}

.end-2:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: .5rem
}

.end-2:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: .5rem
}

.end-2:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: .5rem
}

.end-2:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: .5rem
}

.end-2:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: .5rem
}

.end-3:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: .75rem
}

.end-3:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: .75rem
}

.end-3:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: .75rem
}

.end-3:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: .75rem
}

.end-3:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: .75rem
}

.end-3:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: .75rem
}

.end-3:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: .75rem
}

.end-3:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: .75rem
}

.end-4:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 1rem
}

.end-4:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 1rem
}

.end-4:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 1rem
}

.end-4:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 1rem
}

.end-4:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 1rem
}

.end-4:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 1rem
}

.end-4:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 1rem
}

.end-4:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 1rem
}

.end-5:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 1.25rem
}

.end-5:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 1.25rem
}

.end-5:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 1.25rem
}

.end-5:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 1.25rem
}

.end-5:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 1.25rem
}

.end-5:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 1.25rem
}

.end-5:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 1.25rem
}

.end-5:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 1.25rem
}

.end-\[--facade-responsive-right\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: var(--facade-responsive-right)
}

.end-\[--facade-responsive-right\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: var(--facade-responsive-right)
}

.end-\[--facade-responsive-right\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: var(--facade-responsive-right)
}

.end-\[--facade-responsive-right\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: var(--facade-responsive-right)
}

.end-\[--facade-responsive-right\]:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: var(--facade-responsive-right)
}

.end-\[--facade-responsive-right\]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: var(--facade-responsive-right)
}

.end-\[--facade-responsive-right\]:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: var(--facade-responsive-right)
}

.end-\[--facade-responsive-right\]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: var(--facade-responsive-right)
}

.end-\[-16px\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: -16px
}

.end-\[-16px\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: -16px
}

.end-\[-16px\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: -16px
}

.end-\[-16px\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: -16px
}

.end-\[-16px\]:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: -16px
}

.end-\[-16px\]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: -16px
}

.end-\[-16px\]:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: -16px
}

.end-\[-16px\]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: -16px
}

.end-\[-20px\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: -20px
}

.end-\[-20px\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: -20px
}

.end-\[-20px\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: -20px
}

.end-\[-20px\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: -20px
}

.end-\[-20px\]:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: -20px
}

.end-\[-20px\]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: -20px
}

.end-\[-20px\]:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: -20px
}

.end-\[-20px\]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: -20px
}

.end-\[20px\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 20px
}

.end-\[20px\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 20px
}

.end-\[20px\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 20px
}

.end-\[20px\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 20px
}

.end-\[20px\]:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 20px
}

.end-\[20px\]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 20px
}

.end-\[20px\]:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 20px
}

.end-\[20px\]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 20px
}

.left-0 {
    left: 0
}

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

.left-1 {
    left: .25rem
}

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

.left-2 {
    left: .5rem
}

.left-4 {
    left: 1rem
}

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

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

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

.left-\[calc\(100\%-30px\)\] {
    left: calc(100% - 30px)
}

.left-\[calc\(100\%-36px\)\] {
    left: calc(100% - 36px)
}

.left-\[calc\(33\.4\%\)\] {
    left: 33.4%
}

.left-\[calc\(62\.5\%\)\] {
    left: 62.5%
}

.left-\[calc\(65\.2\%\)\] {
    left: 65.2%
}

.left-ds-0 {
    left: 0
}

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

.left-full {
    left: 100%
}

.right-0 {
    right: 0
}

.right-2 {
    right: .5rem
}

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

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

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

.right-full {
    right: 100%
}

.start-0:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 0
}

.start-0:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 0
}

.start-0:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 0
}

.start-0:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 0
}

.start-0:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 0
}

.start-0:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 0
}

.start-0:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 0
}

.start-0:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 0
}

.start-1\/2:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 50%
}

.start-1\/2:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 50%
}

.start-1\/2:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 50%
}

.start-1\/2:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 50%
}

.start-1\/2:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 50%
}

.start-1\/2:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 50%
}

.start-1\/2:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 50%
}

.start-1\/2:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 50%
}

.start-4:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 1rem
}

.start-4:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 1rem
}

.start-4:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 1rem
}

.start-4:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 1rem
}

.start-4:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 1rem
}

.start-4:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 1rem
}

.start-4:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 1rem
}

.start-4:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 1rem
}

.start-5:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 1.25rem
}

.start-5:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 1.25rem
}

.start-5:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 1.25rem
}

.start-5:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 1.25rem
}

.start-5:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 1.25rem
}

.start-5:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 1.25rem
}

.start-5:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 1.25rem
}

.start-5:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 1.25rem
}

.start-\[--facade-responsive-left\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: var(--facade-responsive-left)
}

.start-\[--facade-responsive-left\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: var(--facade-responsive-left)
}

.start-\[--facade-responsive-left\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: var(--facade-responsive-left)
}

.start-\[--facade-responsive-left\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: var(--facade-responsive-left)
}

.start-\[--facade-responsive-left\]:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: var(--facade-responsive-left)
}

.start-\[--facade-responsive-left\]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: var(--facade-responsive-left)
}

.start-\[--facade-responsive-left\]:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: var(--facade-responsive-left)
}

.start-\[--facade-responsive-left\]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: var(--facade-responsive-left)
}

.start-\[-20px\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: -20px
}

.start-\[-20px\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: -20px
}

.start-\[-20px\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: -20px
}

.start-\[-20px\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: -20px
}

.start-\[-20px\]:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: -20px
}

.start-\[-20px\]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: -20px
}

.start-\[-20px\]:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: -20px
}

.start-\[-20px\]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: -20px
}

.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-5 {
    top: 1.25rem
}

.top-6 {
    top: 1.5rem
}

.top-\[--facade-responsive-top\] {
    top: var(--facade-responsive-top)
}

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

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

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

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

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

.top-\[calc\(var\(--header-height\)\+4\.5rem\)\] {
    top: calc(var(--header-height) + 4.5rem)
}

.top-\[var\(--header-top-offset\)\] {
    top: var(--header-top-offset)
}

.top-\[var\(--submenu-top\)\] {
    top: var(--submenu-top)
}

.top-\[var\(--top-offset\)\] {
    top: var(--top-offset)
}

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

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

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

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

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

.top-full {
    top: 100%
}

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

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.z-\[--facade-responsive-z-index\] {
    z-index: var(--facade-responsive-z-index)
}

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

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

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

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

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

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

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

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

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

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

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

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

.-order-1 {
    order: -1
}

.order-1 {
    order: 1
}

.order-\[var\(--layout-flex-item-order\)\] {
    order: var(--layout-flex-item-order)
}

.order-none {
    order: 0
}

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

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

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

.col-end-\[span_2\] {
    grid-column-end: span 2
}

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

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

.float-right {
    float: right
}

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

.m-0 {
    margin: 0
}

.m-1 {
    margin: .25rem
}

.m-2 {
    margin: .5rem
}

.m-4 {
    margin: 1rem
}

.m-\[--facade-responsive-margin\] {
    margin: var(--facade-responsive-margin)
}

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

.m-\[var\(--list-margin\)\] {
    margin: var(--list-margin)
}

.m-auto {
    margin: auto
}

.m-ds-0 {
    margin: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

.mx-1\.5 {
    margin-left: .375rem;
    margin-right: .375rem
}

.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-\[-16px\] {
    margin-left: -16px;
    margin-right: -16px
}

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

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

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

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

.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-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

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

.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-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

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

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

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

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

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

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

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

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

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

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

.\!me-10 {
    margin-inline-end: 2.5rem !important
}

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

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

.\!ms-\[12px\] {
    margin-inline-start: 12px !important
}

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

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

.-me-1 {
    margin-inline-end: -.25rem
}

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

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

.-ms-3\.5 {
    margin-inline-start: -.875rem
}

.-ms-\[--facade-responsive-gap\] {
    margin-inline-start: calc(var(--facade-responsive-gap)*-1)
}

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

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

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

.mb-0 {
    margin-bottom: 0
}

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

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

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

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

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

.mb-28 {
    margin-bottom: 7rem
}

.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-7 {
    margin-bottom: 1.75rem
}

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

.mb-9 {
    margin-bottom: 2.25rem
}

.mb-\[--facade-responsive-margin-bottom\] {
    margin-bottom: var(--facade-responsive-margin-bottom)
}

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

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

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

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

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

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

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

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

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

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

.mb-\[var\(--margin-m-bottom\)\] {
    margin-bottom: var(--margin-m-bottom)
}

.mb-auto {
    margin-bottom: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.me-1 {
    margin-inline-end: .25rem
}

.me-1\.5 {
    margin-inline-end: .375rem
}

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

.me-2\.5 {
    margin-inline-end: .625rem
}

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

.me-4 {
    margin-inline-end: 1rem
}

.me-\[--facade-responsive-margin-right\] {
    margin-inline-end: var(--facade-responsive-margin-right)
}

.me-\[14px\] {
    margin-inline-end: 14px
}

.me-\[2px\] {
    margin-inline-end: 2px
}

.me-\[30px\] {
    margin-inline-end: 30px
}

.me-\[8px\] {
    margin-inline-end: 8px
}

.me-\[var\(--hero-internal-img-margin-right\)\] {
    margin-inline-end: var(--hero-internal-img-margin-right)
}

.me-\[var\(--margin-m-end\)\] {
    margin-inline-end: var(--margin-m-end)
}

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

.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\.5 {
    margin-left: .125rem
}

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

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

.ml-auto {
    margin-left: auto
}

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

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

.mr-10 {
    margin-right: 2.5rem
}

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

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

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

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

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

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

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

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

.ms-1\.5 {
    margin-inline-start: .375rem
}

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

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

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

.ms-\[--facade-responsive-margin-left\] {
    margin-inline-start: var(--facade-responsive-margin-left)
}

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

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

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

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

.ms-\[var\(--hero-internal-img-margin-left\)\] {
    margin-inline-start: var(--hero-internal-img-margin-left)
}

.ms-\[var\(--margin-m-start\)\] {
    margin-inline-start: var(--margin-m-start)
}

.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-11 {
    margin-top: 2.75rem
}

.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-7 {
    margin-top: 1.75rem
}

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

.mt-\[--facade-responsive-margin-top\] {
    margin-top: var(--facade-responsive-margin-top)
}

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

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

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

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

.mt-\[1em\] {
    margin-top: 1em
}

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

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

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

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

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

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

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

.mt-\[var\(--margin-m-top\)\] {
    margin-top: var(--margin-m-top)
}

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

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

.\!box-border {
    box-sizing: border-box !important
}

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

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

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

.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-5 {
    -webkit-line-clamp: 5;
    -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 !important
}

.table {
    display: table
}

.table-cell {
    display: table-cell
}

.table-row {
    display: table-row
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.list-item {
    display: list-item
}

.\!hidden {
    display: none !important
}

.hidden {
    display: none
}

.aspect-3\/2 {
    aspect-ratio: 3/2
}

.aspect-4\/5 {
    aspect-ratio: 4/5
}

.aspect-5\/4 {
    aspect-ratio: 5/4
}

.aspect-square {
    aspect-ratio: 1
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.size-ds-10 {
    width: 40px;
    height: 40px
}

.size-ds-6 {
    width: 20px;
    height: 20px
}

.size-ds-8 {
    width: 28px;
    height: 28px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.size-ds-dropdown-button-emphasis-none {
    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,
.size-ds-dropdown-button-icon-size-xs,
.size-ds-dropdown-button-icon-size-xxl {
    width: 20px;
    height: 20px
}

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

.size-ds-dropdown-button-lg {
    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: 6px 12px;
    height: 6px 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: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content
}

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

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

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

.h-0 {
    height: 0
}

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

.h-1 {
    height: .25rem
}

.h-1\/2 {
    height: 50%
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-20 {
    height: 5rem
}

.h-3 {
    height: .75rem
}

.h-32 {
    height: 8rem
}

.h-4 {
    height: 1rem
}

.h-48 {
    height: 12rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-8 {
    height: 2rem
}

.h-80 {
    height: 20rem
}

.h-\[--facade-responsive-height\] {
    height: var(--facade-responsive-height)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-\[calc\(100\%-72px-24px\)\] {
    height: calc(100% - 96px)
}

.h-\[min\(70dvh\,750px\)\] {
    height: min(70dvh, 750px)
}

.h-\[var\(--background-height\)\] {
    height: var(--background-height)
}

.h-\[var\(--height-default\)\] {
    height: var(--height-default)
}

.h-\[var\(--spacing-vertical-height\)\] {
    height: var(--spacing-vertical-height)
}

.h-\[var\(--submenu-height\)\] {
    height: var(--submenu-height)
}

.h-\[var\(--svg-icon-height\)\] {
    height: var(--svg-icon-height)
}

.h-auto {
    height: auto
}

.h-ds-5 {
    height: 16px
}

.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-full {
    height: 100%
}

.h-max {
    height: max-content
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

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

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

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

.max-h-80 {
    max-height: 20rem
}

.max-h-\[--facade-responsive-max-height\] {
    max-height: var(--facade-responsive-max-height)
}

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

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

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

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

.max-h-\[calc\(80vh-70px\)\] {
    max-height: calc(80vh - 70px)
}

.max-h-\[var\(--expandable-wrapper-max-height-sm\)\] {
    max-height: var(--expandable-wrapper-max-height-sm)
}

.max-h-\[var\(--max-height-default\)\] {
    max-height: var(--max-height-default)
}

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

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

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

.\!min-h-\[45px\] {
    min-height: 45px !important
}

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

.\!min-h-\[66px\] {
    min-height: 66px !important
}

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

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

.min-h-12 {
    min-height: 3rem
}

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

.min-h-\[--facade-responsive-min-height\] {
    min-height: var(--facade-responsive-min-height)
}

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

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

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

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

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

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

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

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

.min-h-\[3em\] {
    min-height: 3em
}

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

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

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

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

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

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

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

.min-h-\[var\(--hero-internal-min-height\)\] {
    min-height: var(--hero-internal-min-height)
}

.min-h-ds-7 {
    min-height: 24px
}

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

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

.\!w-auto {
    width: auto !important
}

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

.\!w-screen {
    width: 100vw !important
}

.w-0 {
    width: 0
}

.w-1 {
    width: .25rem
}

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

.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-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

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

.w-2\/5 {
    width: 40%
}

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

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

.w-3\/5 {
    width: 60%
}

.w-32 {
    width: 8rem
}

.w-36 {
    width: 9rem
}

.w-40 {
    width: 10rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-64 {
    width: 16rem
}

.w-7 {
    width: 1.75rem
}

.w-72 {
    width: 18rem
}

.w-8 {
    width: 2rem
}

.w-9 {
    width: 2.25rem
}

.w-\[--facade-responsive-width\] {
    width: var(--facade-responsive-width)
}

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

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

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

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

.w-\[15\.5625rem\] {
    width: 15.5625rem
}

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

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

.w-\[18\.625rem\] {
    width: 18.625rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-\[calc\(100\%-18px\)\] {
    width: calc(100% - 18px)
}

.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-\[calc\(100vw-18px\)\] {
    width: calc(100vw - 18px)
}

.w-\[calc\(100vw-20px\)\] {
    width: calc(100vw - 20px)
}

.w-\[unset\] {
    width: unset
}

.w-\[var\(--hero-internal-img-width\)\] {
    width: var(--hero-internal-img-width)
}

.w-\[var\(--svg-icon-width\)\] {
    width: var(--svg-icon-width)
}

.w-\[var\(--width-default\)\] {
    width: var(--width-default)
}

.w-auto {
    width: auto
}

.w-ds-5 {
    width: 16px
}

.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: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.w-max {
    width: max-content
}

.w-min {
    width: min-content
}

.w-px {
    width: 1px
}

.w-screen {
    width: 100vw
}

.\!min-w-0 {
    min-width: 0 !important
}

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

.min-w-10 {
    min-width: 2.5rem
}

.min-w-20 {
    min-width: 5rem
}

.min-w-72 {
    min-width: 18rem
}

.min-w-\[--facade-responsive-min-width\] {
    min-width: var(--facade-responsive-min-width)
}

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

.min-w-\[1ch\] {
    min-width: 1ch
}

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-8 {
    max-width: 2rem
}

.max-w-\[--facade-responsive-max-width\] {
    max-width: var(--facade-responsive-max-width)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-\[80vw\] {
    max-width: 80vw
}

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

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

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

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

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

.max-w-\[90\%\] {
    max-width: 90%
}

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

.max-w-\[var\(--article-max-width\)\] {
    max-width: var(--article-max-width)
}

.max-w-\[var\(--hero-internal-content-max-width\)\] {
    max-width: var(--hero-internal-content-max-width)
}

.max-w-\[var\(--max-width-default\)\] {
    max-width: var(--max-width-default)
}

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

.max-w-sm {
    max-width: 24rem
}

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

.flex-1 {
    flex: 1
}

.flex-\[1_1_1\%\] {
    flex: 1%
}

.flex-\[1_1_auto\] {
    flex: auto
}

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

.grow-\[2\] {
    flex-grow: 2
}

.basis-0 {
    flex-basis: 0
}

.basis-1\/2 {
    flex-basis: 50%
}

.basis-1\/3 {
    flex-basis: 33.3333%
}

.basis-1\/4 {
    flex-basis: 25%
}

.basis-1\/5 {
    flex-basis: 20%
}

.basis-1\/6 {
    flex-basis: 16.6667%
}

.basis-10\/12 {
    flex-basis: 83.3333%
}

.basis-2\/3 {
    flex-basis: 66.6667%
}

.basis-2\/5 {
    flex-basis: 40%
}

.basis-3\/4 {
    flex-basis: 75%
}

.basis-3\/5 {
    flex-basis: 60%
}

.basis-4\/5 {
    flex-basis: 80%
}

.basis-5\/6 {
    flex-basis: 83.3333%
}

.basis-auto {
    flex-basis: auto
}

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

.table-auto {
    table-layout: auto
}

.table-fixed {
    table-layout: fixed
}

.border-collapse {
    border-collapse: collapse
}

.border-spacing-0 {
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-spacing: var(--tw-border-spacing-x)var(--tw-border-spacing-y)
}

.origin-bottom {
    transform-origin: bottom
}

.origin-bottom-left {
    transform-origin: 0 100%
}

.origin-bottom-right {
    transform-origin: 100% 100%
}

.origin-left {
    transform-origin: 0
}

.origin-top {
    transform-origin: top
}

.-translate-x-1\/2,
.-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-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-ds-list-item-md {
    --tw-translate-y: -8px;
    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-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))
}

.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-\[-20px\] {
    --tw-translate-x: -20px;
    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-\[20px\] {
    --tw-translate-x: 20px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

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

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

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

.translate-y-\[-2px\] {
    --tw-translate-y: -2px;
    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-\[-64px\] {
    --tw-translate-y: -64px;
    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-\[-81px\] {
    --tw-translate-y: -81px;
    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-\[2px\] {
    --tw-translate-y: 2px;
    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-\[32px\] {
    --tw-translate-y: 32px;
    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-\[calc\(100\%-5rem\)\] {
    --tw-translate-y: calc(100% - 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))
}

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

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

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

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

.scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    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-90 {
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    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-\[1\] {
    --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))
}

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

.scale-\[8\] {
    --tw-scale-x: 8;
    --tw-scale-y: 8;
    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-x-0 {
    --tw-scale-x: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

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

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

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

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

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

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

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

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

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

    to {
        transform: translate(-100%)
    }
}

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

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

.animate-\[pulse_1s_cubic-bezier\(0\.4\,0\,0\.6\,1\)_0ms_infinite\] {
    animation: 1s cubic-bezier(.4, 0, .6, 1) infinite pulse
}

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

.animate-\[pulse_1s_cubic-bezier\(0\.4\,0\,0\.6\,1\)_400ms_infinite\] {
    animation: 1s cubic-bezier(.4, 0, .6, 1) .4s infinite pulse
}

@keyframes ticker {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

.animate-\[ticker_60s_linear_infinite_both\] {
    animation: 60s linear infinite both ticker
}

@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 mobile-spotlight-animation {
    0% {
        -webkit-mask-position: 50%;
        mask-position: 50%
    }

    50% {
        -webkit-mask-position: 0 -30%;
        mask-position: 0 -30%
    }

    75% {
        -webkit-mask-position: 90% -30%;
        mask-position: 90% -30%
    }

    to {
        -webkit-mask-position: 0 -20%;
        mask-position: 0 -20%
    }
}

.animate-mobile-spotlight-animation {
    animation: 15s ease-in-out infinite alternate mobile-spotlight-animation
}

.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-crosshair {
    cursor: crosshair
}

.cursor-default {
    cursor: default
}

.cursor-grab {
    cursor: grab
}

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

.cursor-pointer {
    cursor: pointer
}

.cursor-text {
    cursor: text
}

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

.resize-none {
    resize: none
}

.resize {
    resize: both
}

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

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

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

.scroll-m-10 {
    scroll-margin: 2.5rem
}

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

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

.scroll-mt-\[calc\(var\(--header-height\)\+5rem\)\] {
    scroll-margin-top: calc(var(--header-height) + 5rem)
}

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

.\!list-none {
    list-style-type: none !important
}

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

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

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

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.columns-1 {
    -moz-columns: 1;
    columns: 1
}

.columns-2 {
    -moz-columns: 2;
    columns: 2
}

.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-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr))
}

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

.grid-cols-12 {
    grid-template-columns: repeat(12, 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-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

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

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

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

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

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

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

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

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

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

.grid-cols-\[57\%_1fr\] {
    grid-template-columns: 57% 1fr
}

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

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

.grid-cols-\[calc\(100\%-16px-28px\)_28px\] {
    grid-template-columns: calc(100% - 44px) 28px
}

.grid-cols-\[min-content_1fr\] {
    grid-template-columns: min-content 1fr
}

.grid-cols-\[minmax\(30px\,1fr\)_minmax\(0\,1174px\)_minmax\(30px\,1fr\)\] {
    grid-template-columns: minmax(30px, 1fr) minmax(0, 1174px) minmax(30px, 1fr)
}

.grid-cols-\[minmax\(30px\,1fr\)_minmax\(0\,585px\)_minmax\(0\,585px\)_minmax\(30px\,1fr\)\] {
    grid-template-columns: minmax(30px, 1fr) minmax(0, 585px) minmax(0, 585px) minmax(30px, 1fr)
}

.grid-cols-\[minmax\(50\%\,max-content\)_auto\] {
    grid-template-columns: minmax(50%, max-content) auto
}

.grid-cols-\[repeat\(auto-fit\,_minmax\(156px\,_1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(156px, 1fr))
}

.grid-cols-\[repeat\(auto-fit\,minmax\(280px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))
}

.grid-cols-\[repeat\(auto-fit\,minmax\(52px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(52px, 1fr))
}

.grid-cols-\[var\(--grid-template-columns\)\] {
    grid-template-columns: var(--grid-template-columns)
}

.grid-cols-\[var\(--wide-card-grid-template\)\] {
    grid-template-columns: var(--wide-card-grid-template)
}

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

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

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

.grid-rows-\[64px_auto_120px\] {
    grid-template-rows: 64px auto 120px
}

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

.\!flex-row {
    flex-direction: row !important
}

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

.\!items-end {
    align-items: flex-end !important
}

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

.\!items-center {
    align-items: center !important
}

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

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

.gap-1 {
    gap: .25rem
}

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

.gap-10 {
    gap: 2.5rem
}

.gap-2 {
    gap: .5rem
}

.gap-20 {
    gap: 5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-8 {
    gap: 2rem
}

.gap-9 {
    gap: 2.25rem
}

.gap-\[--facade-responsive-gap\] {
    gap: var(--facade-responsive-gap)
}

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

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

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

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

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

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

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

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

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

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

.gap-ds-6 {
    gap: 20px
}

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

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

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

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

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

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

.gap-x-7 {
    -moz-column-gap: 1.75rem;
    column-gap: 1.75rem
}

.gap-x-9 {
    -moz-column-gap: 2.25rem;
    column-gap: 2.25rem
}

.gap-x-\[10px\] {
    -moz-column-gap: 10px;
    column-gap: 10px
}

.gap-x-\[12px\] {
    -moz-column-gap: 12px;
    column-gap: 12px
}

.gap-x-\[20px\] {
    -moz-column-gap: 20px;
    column-gap: 20px
}

.gap-x-\[60px\] {
    -moz-column-gap: 60px;
    column-gap: 60px
}

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

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

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

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

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

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

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

.gap-y-\[16px\] {
    row-gap: 16px
}

.gap-y-\[40px\] {
    row-gap: 40px
}

.gap-y-\[48px\] {
    row-gap: 48px
}

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

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

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

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

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

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

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

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

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

.divide-kraken-n-100>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(214 214 214/var(--tw-divide-opacity, 1))
}

.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-scroll {
    overflow-x: scroll
}

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

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

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

.\!rounded-\[100px\] {
    border-radius: 100px !important
}

.rounded {
    border-radius: .25rem
}

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

.rounded-3xl {
    border-radius: 1.5rem
}

.rounded-\[--facade-responsive-border-radius\] {
    border-radius: var(--facade-responsive-border-radius)
}

.rounded-\[14px\] {
    border-radius: 14px
}

.rounded-\[16px\] {
    border-radius: 16px
}

.rounded-\[20\%\] {
    border-radius: 20%
}

.rounded-\[20px\] {
    border-radius: 20px
}

.rounded-\[25px\] {
    border-radius: 25px
}

.rounded-\[30px\] {
    border-radius: 30px
}

.rounded-\[40px\] {
    border-radius: 40px
}

.rounded-\[4px\] {
    border-radius: 4px
}

.rounded-\[4px_4px_0_0\] {
    border-radius: 4px 4px 0 0
}

.rounded-\[5px\] {
    border-radius: 5px
}

.rounded-\[6px\] {
    border-radius: 6px
}

.rounded-\[8px\] {
    border-radius: 8px
}

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

.rounded-\[var\(--background-border-radius\)\] {
    border-radius: var(--background-border-radius)
}

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

.rounded-ds-1 {
    border-radius: 2px
}

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

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

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

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

.rounded-ds-6 {
    border-radius: 16px
}

.rounded-ds-7 {
    border-radius: 20px
}

.rounded-ds-8 {
    border-radius: 32px
}

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

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

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

.rounded-ds-banner {
    border-radius: var(--border-radius-ds-banner, 20px)
}

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

.rounded-ds-card-grouped {
    border-radius: 4px
}

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

.rounded-ds-dialog {
    border-radius: var(--border-radius-ds-dialog, 20px)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rounded-ds-tabs-lg {
    border-radius: 16px
}

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

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

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

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

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-none {
    border-radius: 0
}

.rounded-sm {
    border-radius: .125rem
}

.rounded-xl {
    border-radius: .75rem
}

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

.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, 20px);
    border-bottom-left-radius: var(--border-radius-ds-dialog, 20px)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rounded-s:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-s:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-s:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-s:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-s:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-s:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.rounded-s:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.rounded-s:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.rounded-s-sm:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .125rem;
    border-bottom-left-radius: .125rem
}

.rounded-s-sm:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .125rem;
    border-bottom-left-radius: .125rem
}

.rounded-s-sm:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .125rem;
    border-bottom-left-radius: .125rem
}

.rounded-s-sm:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .125rem;
    border-bottom-left-radius: .125rem
}

.rounded-s-sm:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .125rem;
    border-bottom-left-radius: .125rem
}

.rounded-s-sm:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: .125rem;
    border-bottom-right-radius: .125rem
}

.rounded-s-sm:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: .125rem;
    border-bottom-right-radius: .125rem
}

.rounded-s-sm:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: .125rem;
    border-bottom-right-radius: .125rem
}

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

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

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

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

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

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

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

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

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

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

.rounded-t-ds-round {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px
}

.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-t-xl {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem
}

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

.rounded-bl-\[var\(--background-border-bottom-left-radius\)\] {
    border-bottom-left-radius: var(--background-border-bottom-left-radius)
}

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

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

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

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

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

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

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

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

.rounded-br-\[var\(--background-border-bottom-right-radius\)\] {
    border-bottom-right-radius: var(--background-border-bottom-right-radius)
}

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

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

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

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

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

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

.rounded-ee-2xl:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-right-radius: 1rem
}

.rounded-ee-2xl:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-right-radius: 1rem
}

.rounded-ee-2xl:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-right-radius: 1rem
}

.rounded-ee-2xl:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-right-radius: 1rem
}

.rounded-ee-2xl:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-right-radius: 1rem
}

.rounded-ee-2xl:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-bottom-left-radius: 1rem
}

.rounded-ee-2xl:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-bottom-left-radius: 1rem
}

.rounded-ee-2xl:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-bottom-left-radius: 1rem
}

.rounded-es-2xl:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-left-radius: 1rem
}

.rounded-es-2xl:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-left-radius: 1rem
}

.rounded-es-2xl:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-left-radius: 1rem
}

.rounded-es-2xl:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-left-radius: 1rem
}

.rounded-es-2xl:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-left-radius: 1rem
}

.rounded-es-2xl:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-bottom-right-radius: 1rem
}

.rounded-es-2xl:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-bottom-right-radius: 1rem
}

.rounded-es-2xl:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-bottom-right-radius: 1rem
}

.rounded-se-2xl:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: 1rem
}

.rounded-se-2xl:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: 1rem
}

.rounded-se-2xl:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: 1rem
}

.rounded-se-2xl:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: 1rem
}

.rounded-se-2xl:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: 1rem
}

.rounded-se-2xl:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: 1rem
}

.rounded-se-2xl:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: 1rem
}

.rounded-se-2xl:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: 1rem
}

.rounded-ss-2xl:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: 1rem
}

.rounded-ss-2xl:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: 1rem
}

.rounded-ss-2xl:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: 1rem
}

.rounded-ss-2xl:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: 1rem
}

.rounded-ss-2xl:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: 1rem
}

.rounded-ss-2xl:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: 1rem
}

.rounded-ss-2xl:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: 1rem
}

.rounded-ss-2xl:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: 1rem
}

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

.rounded-tl-\[var\(--background-border-top-left-radius\)\] {
    border-top-left-radius: var(--background-border-top-left-radius)
}

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

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

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

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

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

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

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

.rounded-tr-\[var\(--background-border-top-right-radius\)\] {
    border-top-right-radius: var(--background-border-top-right-radius)
}

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

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

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

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

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

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

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

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

.border-\[length\:var\(--facade-responsive-border-width\)\] {
    border-width: var(--facade-responsive-border-width)
}

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

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

.border-y {
    border-top-width: 1px;
    border-bottom-width: 1px
}

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

.\!border-b-0 {
    border-bottom-width: 0 !important
}

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

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

.border-b-2 {
    border-bottom-width: 2px
}

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

.border-b-\[length\:var\(--facade-responsive-border-width-bottom\)\] {
    border-bottom-width: var(--facade-responsive-border-width-bottom)
}

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

.border-e-\[length\:var\(--facade-responsive-border-width-right\)\] {
    border-inline-end-width: var(--facade-responsive-border-width-right)
}

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

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

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

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

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

.border-s-\[length\:var\(--facade-responsive-border-width-left\)\] {
    border-inline-start-width: var(--facade-responsive-border-width-left)
}

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

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

.border-t-\[length\:var\(--facade-responsive-border-width-top\)\] {
    border-top-width: var(--facade-responsive-border-width-top)
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-dotted {
    border-style: dotted
}

.border-none {
    border-style: none
}

.border-\[\#292744\] {
    --tw-border-opacity: 1;
    border-color: rgb(41 39 68/var(--tw-border-opacity, 1))
}

.border-\[\#DEDEDE\] {
    --tw-border-opacity: 1;
    border-color: rgb(222 222 222/var(--tw-border-opacity, 1))
}

.border-\[\#c7c7c7\] {
    --tw-border-opacity: 1;
    border-color: rgb(199 199 199/var(--tw-border-opacity, 1))
}

.border-\[rgba\(104\,107\,130\,0\.12\)\] {
    border-color: #686b821f
}

.border-\[rgba\(255\,255\,255\,0\.41\)\] {
    border-color: #ffffff69
}

.border-ds-asset-conversion-icons-primary {
    border-color: var(--border-color-ds-asset-conversion-icons-primary, #101114)
}

.border-ds-base-drawer {
    border-color: var(--border-color-ds-base-drawer, #fff)
}

.border-ds-card {
    border-color: var(--border-color-ds-card, #0000)
}

.border-ds-card-disabled {
    border-color: var(--border-color-ds-card-disabled, #0000)
}

.border-ds-card-selected {
    border-color: var(--border-color-ds-card-selected, #7132f5)
}

.border-ds-checkbox-primary-focus {
    border-color: var(--border-color-ds-checkbox-primary-focus, #7132f5)
}

.border-ds-datepicker {
    border-color: var(--border-color-ds-datepicker, #686b8214)
}

.border-ds-divider {
    border-color: var(--colors-ds-divider, #686b8229)
}

.border-ds-grey-200 {
    border-color: #e5e6ec
}

.border-ds-grey-700 {
    border-color: #484b5e
}

.border-ds-grey-opacity-12 {
    border-color: #686b821f
}

.border-ds-grey-opacity-24 {
    border-color: #686b823d
}

.border-ds-inverted {
    border-color: var(--colors-ds-inverted, #fff)
}

.border-ds-legend-item-dimmed {
    border-color: var(--border-color-ds-legend-item-dimmed, #9497a9)
}

.border-ds-menu {
    border-color: var(--border-color-ds-menu, #686b8214)
}

.border-ds-menu-divider {
    border-color: var(--border-color-ds-menu-divider, #686b8229)
}

.border-ds-negative {
    border-color: var(--colors-ds-negative, #d11d45)
}

.border-ds-popover {
    border-color: var(--border-color-ds-popover, #686b8214)
}

.border-ds-radio-primary-focus {
    border-color: var(--border-color-ds-radio-primary-focus, #7132f5)
}

.border-ds-selectable-card {
    border-color: var(--border-color-ds-selectable-card, #0000)
}

.border-ds-selectable-card-disabled {
    border-color: var(--border-color-ds-selectable-card-disabled, #0000)
}

.border-ds-selectable-card-selected {
    border-color: var(--border-color-ds-selectable-card-selected, #7132f5)
}

.border-ds-table-header {
    border-color: var(--border-color-ds-table-header, #686b821f)
}

.border-ds-timeline {
    border-color: var(--border-color-ds-timeline, #9497a9)
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity, 1))
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity, 1))
}

.border-kraken-n-100 {
    --tw-border-opacity: 1;
    border-color: rgb(214 214 214/var(--tw-border-opacity, 1))
}

.border-kraken-n-200 {
    --tw-border-opacity: 1;
    border-color: rgb(175 175 175/var(--tw-border-opacity, 1))
}

.border-kraken-n-600 {
    --tw-border-opacity: 1;
    border-color: rgb(36 36 36/var(--tw-border-opacity, 1))
}

.border-kraken-p-300 {
    --tw-border-opacity: 1;
    border-color: rgb(137 104 255/var(--tw-border-opacity, 1))
}

.border-red-400 {
    --tw-border-opacity: 1;
    border-color: rgb(248 113 113/var(--tw-border-opacity, 1))
}

.border-rose-500 {
    --tw-border-opacity: 1;
    border-color: rgb(244 63 94/var(--tw-border-opacity, 1))
}

.border-transparent {
    border-color: #0000
}

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

.border-white\/20 {
    border-color: #fff3
}

.border-x-ds-table-header-cell-hover {
    border-left-color: var(--border-color-ds-table-header-cell-hover, #5b1ecf);
    border-right-color: var(--border-color-ds-table-header-cell-hover, #5b1ecf)
}

.border-b-krak-brand {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(255 59 41/var(--tw-border-opacity, 1))
}

.border-b-kraken-brand {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(113 50 245/var(--tw-border-opacity, 1))
}

.border-b-kraken-i-500 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(47 46 75/var(--tw-border-opacity, 1))
}

.border-b-kraken-nt-300 {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(226 226 226/var(--tw-border-opacity, 1))
}

.border-e-krak-brand {
    --tw-border-opacity: 1;
    border-inline-end-color: rgb(255 59 41/var(--tw-border-opacity, 1))
}

.border-e-kraken-brand {
    --tw-border-opacity: 1;
    border-inline-end-color: rgb(113 50 245/var(--tw-border-opacity, 1))
}

.border-r-ds-grey-opacity-12 {
    border-right-color: #686b821f
}

.border-s-krak-brand {
    --tw-border-opacity: 1;
    border-inline-start-color: rgb(255 59 41/var(--tw-border-opacity, 1))
}

.border-s-kraken-brand {
    --tw-border-opacity: 1;
    border-inline-start-color: rgb(113 50 245/var(--tw-border-opacity, 1))
}

.border-t-ds-white-opacity-8 {
    border-top-color: #ffffff14
}

.border-t-krak-brand {
    --tw-border-opacity: 1;
    border-top-color: rgb(255 59 41/var(--tw-border-opacity, 1))
}

.border-t-kraken-brand {
    --tw-border-opacity: 1;
    border-top-color: rgb(113 50 245/var(--tw-border-opacity, 1))
}

.\!bg-dark-magick {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(43 20 99/var(--tw-bg-opacity, 1)) !important
}

.\!bg-ds-grey-opacity-12 {
    background-color: #686b821f !important
}

.\!bg-ds-menu-active-hover {
    background-color: var(--background-color-ds-menu-active-hover, #686b8214) !important
}

.\!bg-ds-transparent {
    background-color: #0000 !important
}

.\!bg-kraken-brand {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(113 50 245/var(--tw-bg-opacity, 1)) !important
}

.\!bg-kraken-pt-200 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(238 236 251/var(--tw-bg-opacity, 1)) !important
}

.\!bg-transparent {
    background-color: #0000 !important
}

.\!bg-white-magick {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(246 244 255/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#0B0611\] {
    --tw-bg-opacity: 1;
    background-color: rgb(11 6 17/var(--tw-bg-opacity, 1))
}

.bg-\[\#123456\] {
    --tw-bg-opacity: 1;
    background-color: rgb(18 52 86/var(--tw-bg-opacity, 1))
}

.bg-\[\#191B27\] {
    --tw-bg-opacity: 1;
    background-color: rgb(25 27 39/var(--tw-bg-opacity, 1))
}

.bg-\[\#1F1B27\] {
    --tw-bg-opacity: 1;
    background-color: rgb(31 27 39/var(--tw-bg-opacity, 1))
}

.bg-\[\#686B821F\] {
    background-color: #686b821f
}

.bg-\[\#789012\] {
    --tw-bg-opacity: 1;
    background-color: rgb(120 144 18/var(--tw-bg-opacity, 1))
}

.bg-\[\#CCCCCC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(204 204 204/var(--tw-bg-opacity, 1))
}

.bg-\[\#F3F3F4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(243 243 244/var(--tw-bg-opacity, 1))
}

.bg-\[\#F6F5F9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(246 245 249/var(--tw-bg-opacity, 1))
}

.bg-\[\#f1efff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(241 239 255/var(--tw-bg-opacity, 1))
}

.bg-\[\#f6f5f9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(246 245 249/var(--tw-bg-opacity, 1))
}

.bg-\[\#f6f5f9e0\] {
    background-color: #f6f5f9e0
}

.bg-\[219\.18deg\] {
    background-color: 219.18deg
}

.bg-\[rgba\(187\,106\,31\,0\.16\)\] {
    background-color: #bb6a1f29
}

.bg-\[rgba\(187\,143\,31\,0\.16\)\] {
    background-color: #bb8f1f29
}

.bg-\[rgba\(228\,221\,203\,0\.16\)\] {
    background-color: #e4ddcb29
}

.bg-\[rgba\(255\,255\,255\,0\.04\)\] {
    background-color: #ffffff0a
}

.bg-\[rgba\(255\,255\,255\,0\.64\)\] {
    background-color: #ffffffa3
}

.bg-\[var\(--background-color\)\] {
    background-color: var(--background-color)
}

.bg-\[var\(--background-color\,transparent\)\] {
    background-color: var(--background-color, transparent)
}

.bg-\[var\(--background-color-ds-card\)\] {
    background-color: var(--background-color-ds-card)
}

.bg-\[var\(--faq-bg-color\)\] {
    background-color: var(--faq-bg-color)
}

.bg-\[var\(--hero-internal-bg-color\)\] {
    background-color: var(--hero-internal-bg-color)
}

.bg-\[var\(--hero-two-column-video-bg-color\)\] {
    background-color: var(--hero-two-column-video-bg-color)
}

.bg-\[var\(--hero-two-column-video-secondary-bg-color\)\] {
    background-color: var(--hero-two-column-video-secondary-bg-color)
}

.bg-\[var\(--quote-card-bg-color\)\] {
    background-color: var(--quote-card-bg-color)
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.bg-black\/90 {
    background-color: #000000e6
}

.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246/var(--tw-bg-opacity, 1))
}

.bg-current {
    background-color: currentColor
}

.bg-ds-accordion {
    background-color: var(--background-color-ds-accordion, #0000)
}

.bg-ds-badge-info-high {
    background-color: var(--background-color-ds-badge-info-high, #0079b4)
}

.bg-ds-badge-info-low {
    background-color: var(--background-color-ds-badge-info-low, #0092d829)
}

.bg-ds-badge-negative-high {
    background-color: var(--background-color-ds-badge-negative-high, #d11d45)
}

.bg-ds-badge-negative-low {
    background-color: var(--background-color-ds-badge-negative-low, #f5395e29)
}

.bg-ds-badge-neutral-high {
    background-color: var(--background-color-ds-badge-neutral-high, #9497a9)
}

.bg-ds-badge-neutral-low {
    background-color: var(--background-color-ds-badge-neutral-low, #686b821f)
}

.bg-ds-badge-new-high {
    background-color: var(--background-color-ds-badge-new-high, #7132f5)
}

.bg-ds-badge-new-low {
    background-color: var(--background-color-ds-badge-new-low, #855bfb29)
}

.bg-ds-badge-positive-high {
    background-color: var(--background-color-ds-badge-positive-high, #149e61)
}

.bg-ds-badge-positive-low {
    background-color: var(--background-color-ds-badge-positive-low, #149e6129)
}

.bg-ds-badge-primary-high {
    background-color: var(--background-color-ds-badge-primary-high, #7132f5)
}

.bg-ds-badge-primary-low {
    background-color: var(--background-color-ds-badge-primary-low, #855bfb29)
}

.bg-ds-badge-warning-high {
    background-color: var(--background-color-ds-badge-warning-high, #ffcd60)
}

.bg-ds-badge-warning-low {
    background-color: var(--background-color-ds-badge-warning-low, #c396213d)
}

.bg-ds-banner {
    background-color: var(--background-color-ds-banner, #fff)
}

.bg-ds-base-drawer {
    background-color: var(--background-color-ds-base-drawer, #fff)
}

.bg-ds-black-black,
.bg-ds-black-pure {
    background-color: #000
}

.bg-ds-brand {
    background-color: var(--colors-ds-brand, #7132f5)
}

.bg-ds-button-brand-high {
    background-color: var(--background-color-ds-button-brand-high, #7132f5)
}

.bg-ds-button-brand-high-hover {
    background-color: var(--background-color-ds-button-brand-high-hover, #5b1ecf)
}

.bg-ds-button-brand-low {
    background-color: var(--background-color-ds-button-brand-low, #0000)
}

.bg-ds-button-brand-low-hover {
    background-color: var(--background-color-ds-button-brand-low-hover, #855bfb29)
}

.bg-ds-button-brand-medium {
    background-color: var(--background-color-ds-button-brand-medium, #855bfb29)
}

.bg-ds-button-brand-medium-hover {
    background-color: var(--background-color-ds-button-brand-medium-hover, #855bfb52)
}

.bg-ds-button-brand-none {
    background-color: var(--background-color-ds-button-brand-none, #0000)
}

.bg-ds-button-info-high {
    background-color: var(--background-color-ds-button-info-high, #0079b4)
}

.bg-ds-button-info-high-hover {
    background-color: var(--background-color-ds-button-info-high-hover, #00adfe)
}

.bg-ds-button-info-low {
    background-color: var(--background-color-ds-button-info-low, #0000)
}

.bg-ds-button-info-low-hover {
    background-color: var(--background-color-ds-button-info-low-hover, #0092d829)
}

.bg-ds-button-info-medium {
    background-color: var(--background-color-ds-button-info-medium, #0092d829)
}

.bg-ds-button-info-medium-hover {
    background-color: var(--background-color-ds-button-info-medium-hover, #0092d852)
}

.bg-ds-button-info-none {
    background-color: var(--background-color-ds-button-info-none, #0000)
}

.bg-ds-button-inverted-high {
    background-color: var(--background-color-ds-button-inverted-high, #fff)
}

.bg-ds-button-inverted-high-hover {
    background-color: var(--background-color-ds-button-inverted-high-hover, #ffffffe0)
}

.bg-ds-button-inverted-low {
    background-color: var(--background-color-ds-button-inverted-low, #0000)
}

.bg-ds-button-inverted-low-hover {
    background-color: var(--background-color-ds-button-inverted-low-hover, #ffffff29)
}

.bg-ds-button-inverted-medium {
    background-color: var(--background-color-ds-button-inverted-medium, #ffffff29)
}

.bg-ds-button-inverted-medium-hover {
    background-color: var(--background-color-ds-button-inverted-medium-hover, #ffffff3d)
}

.bg-ds-button-inverted-none {
    background-color: var(--background-color-ds-button-inverted-none, #0000)
}

.bg-ds-button-negative-high {
    background-color: var(--background-color-ds-button-negative-high, #d11d45)
}

.bg-ds-button-negative-high-hover {
    background-color: var(--background-color-ds-button-negative-high-hover, #aa0132)
}

.bg-ds-button-negative-low {
    background-color: var(--background-color-ds-button-negative-low, #0000)
}

.bg-ds-button-negative-low-hover {
    background-color: var(--background-color-ds-button-negative-low-hover, #f5395e29)
}

.bg-ds-button-negative-medium {
    background-color: var(--background-color-ds-button-negative-medium, #f5395e29)
}

.bg-ds-button-negative-medium-hover {
    background-color: var(--background-color-ds-button-negative-medium-hover, #f5395e3d)
}

.bg-ds-button-negative-none {
    background-color: var(--background-color-ds-button-negative-none, #0000)
}

.bg-ds-button-neutral-high {
    background-color: var(--background-color-ds-button-neutral-high, #101114)
}

.bg-ds-button-neutral-high-hover {
    background-color: var(--background-color-ds-button-neutral-high-hover, #22232d)
}

.bg-ds-button-neutral-low {
    background-color: var(--background-color-ds-button-neutral-low, #0000)
}

.bg-ds-button-neutral-low-hover {
    background-color: var(--background-color-ds-button-neutral-low-hover, #686b8214)
}

.bg-ds-button-neutral-medium {
    background-color: var(--background-color-ds-button-neutral-medium, #686b8214)
}

.bg-ds-button-neutral-medium-hover {
    background-color: var(--background-color-ds-button-neutral-medium-hover, #686b821f)
}

.bg-ds-button-neutral-none {
    background-color: var(--background-color-ds-button-neutral-none, #0000)
}

.bg-ds-button-positive-high {
    background-color: var(--background-color-ds-button-positive-high, #08844f)
}

.bg-ds-button-positive-high-hover {
    background-color: var(--background-color-ds-button-positive-high-hover, #026b3f)
}

.bg-ds-button-positive-low {
    background-color: var(--background-color-ds-button-positive-low, #0000)
}

.bg-ds-button-positive-low-hover {
    background-color: var(--background-color-ds-button-positive-low-hover, #149e6129)
}

.bg-ds-button-positive-medium {
    background-color: var(--background-color-ds-button-positive-medium, #149e6129)
}

.bg-ds-button-positive-medium-hover {
    background-color: var(--background-color-ds-button-positive-medium-hover, #149e613d)
}

.bg-ds-button-positive-none {
    background-color: var(--background-color-ds-button-positive-none, #0000)
}

.bg-ds-button-primary-high {
    background-color: var(--background-color-ds-button-primary-high, #7132f5)
}

.bg-ds-button-primary-high-hover {
    background-color: var(--background-color-ds-button-primary-high-hover, #5b1ecf)
}

.bg-ds-button-primary-low {
    background-color: var(--background-color-ds-button-primary-low, #0000)
}

.bg-ds-button-primary-low-hover {
    background-color: var(--background-color-ds-button-primary-low-hover, #686b8214)
}

.bg-ds-button-primary-medium {
    background-color: var(--background-color-ds-button-primary-medium, #855bfb29)
}

.bg-ds-button-primary-medium-hover {
    background-color: var(--background-color-ds-button-primary-medium-hover, #855bfb52)
}

.bg-ds-button-primary-none {
    background-color: var(--background-color-ds-button-primary-none, #0000)
}

.bg-ds-button-warning-high {
    background-color: var(--background-color-ds-button-warning-high, #e8b100)
}

.bg-ds-button-warning-high-hover {
    background-color: var(--background-color-ds-button-warning-high-hover, #ffcd60)
}

.bg-ds-button-warning-low {
    background-color: var(--background-color-ds-button-warning-low, #0000)
}

.bg-ds-button-warning-low-hover {
    background-color: var(--background-color-ds-button-warning-low-hover, #c3962129)
}

.bg-ds-button-warning-medium {
    background-color: var(--background-color-ds-button-warning-medium, #c3962129)
}

.bg-ds-button-warning-medium-hover {
    background-color: var(--background-color-ds-button-warning-medium-hover, #c396213d)
}

.bg-ds-button-warning-none {
    background-color: var(--background-color-ds-button-warning-none, #0000)
}

.bg-ds-calendar-cell {
    background-color: var(--background-color-ds-calendar-cell, #686b8214)
}

.bg-ds-calendar-cell-negative {
    background-color: var(--background-color-ds-calendar-cell-negative, #f5395e14)
}

.bg-ds-calendar-cell-positive {
    background-color: var(--background-color-ds-calendar-cell-positive, #149e611f)
}

.bg-ds-card {
    background-color: var(--background-color-ds-card, #9497a914)
}

.bg-ds-card-background {
    background-color: var(--background-color-ds-card-background, #fff)
}

.bg-ds-card-disabled {
    background-color: var(--background-color-ds-card-disabled, #686b8214)
}

.bg-ds-card-selected {
    background-color: var(--background-color-ds-card-selected, #855bfb14)
}

.bg-ds-checkbox-checked {
    background-color: var(--background-color-ds-checkbox-checked, #7132f5)
}

.bg-ds-checkbox-checked-negative {
    background-color: var(--background-color-ds-checkbox-checked-negative, #d11d45)
}

.bg-ds-checkbox-unchecked {
    background-color: var(--background-color-ds-checkbox-unchecked, #686b8252)
}

.bg-ds-checkbox-unchecked-negative {
    background-color: var(--background-color-ds-checkbox-unchecked-negative, #f5395e7a)
}

.bg-ds-circle-info-high {
    background-color: var(--background-color-ds-circle-info-high, #0079b4)
}

.bg-ds-circle-info-low {
    background-color: var(--background-color-ds-circle-info-low, #0092d829)
}

.bg-ds-circle-negative-high {
    background-color: var(--background-color-ds-circle-negative-high, #d11d45)
}

.bg-ds-circle-negative-low {
    background-color: var(--background-color-ds-circle-negative-low, #f5395e29)
}

.bg-ds-circle-neutral-high {
    background-color: var(--background-color-ds-circle-neutral-high, #9497a9)
}

.bg-ds-circle-neutral-low {
    background-color: var(--background-color-ds-circle-neutral-low, #686b821f)
}

.bg-ds-circle-positive-high {
    background-color: var(--background-color-ds-circle-positive-high, #149e61)
}

.bg-ds-circle-positive-low {
    background-color: var(--background-color-ds-circle-positive-low, #149e6129)
}

.bg-ds-circle-primary-high {
    background-color: var(--background-color-ds-circle-primary-high, #7132f5)
}

.bg-ds-circle-primary-low {
    background-color: var(--background-color-ds-circle-primary-low, #855bfb29)
}

.bg-ds-circle-warning-high {
    background-color: var(--background-color-ds-circle-warning-high, #ffcd60)
}

.bg-ds-circle-warning-low {
    background-color: var(--background-color-ds-circle-warning-low, #c396213d)
}

.bg-ds-consumerpagination {
    background-color: var(--background-color-ds-consumerpagination, #c6c7d2)
}

.bg-ds-consumerpagination-active {
    background-color: var(--background-color-ds-consumerpagination-active, #686b82)
}

.bg-ds-container {
    background-color: var(--background-color-ds-container, #fff)
}

.bg-ds-datepicker {
    background-color: var(--background-color-ds-datepicker, #fff)
}

.bg-ds-datepicker-selected-day {
    background-color: var(--background-color-ds-datepicker-selected-day, #7132f5)
}

.bg-ds-datepicker-selected-day-range {
    background-color: var(--background-color-ds-datepicker-selected-day-range, #855bfb29)
}

.bg-ds-datepicker-today {
    background-color: var(--background-color-ds-datepicker-today, #686b821f)
}

.bg-ds-dialog {
    background-color: var(--background-color-ds-dialog, #fff)
}

.bg-ds-dialogoverlay {
    background-color: var(--background-color-ds-dialogoverlay, #0006)
}

.bg-ds-dimmed {
    background-color: var(--colors-ds-dimmed, #9497a9)
}

.bg-ds-divider {
    background-color: var(--colors-ds-divider, #686b8229)
}

.bg-ds-divider-high {
    background-color: var(--background-color-ds-divider-high, #686b8229)
}

.bg-ds-dot-badge-negative {
    background-color: var(--background-color-ds-dot-badge-negative, #f5395e)
}

.bg-ds-filteritem-active {
    background-color: var(--background-color-ds-filteritem-active, #686b821f)
}

.bg-ds-fullScreenDialog {
    background-color: var(--background-color-ds-full-screen-dialog, #fff)
}

.bg-ds-grey-100 {
    background-color: #eeeff3
}

.bg-ds-grey-50 {
    background-color: #f7f7fa
}

.bg-ds-grey-800 {
    background-color: #353746
}

.bg-ds-grey-900 {
    background-color: #292b38
}

.bg-ds-grey-opacity-12 {
    background-color: #686b821f
}

.bg-ds-grey-opacity-4 {
    background-color: #686b820a
}

.bg-ds-input {
    background-color: var(--background-color-ds-input, #686b8214)
}

.bg-ds-input-background {
    background-color: var(--background-color-ds-input-background, #fff)
}

.bg-ds-input-background-selected {
    background-color: var(--background-color-ds-input-background-selected, #fffc)
}

.bg-ds-input-error {
    background-color: var(--background-color-ds-input-error, #686b8214)
}

.bg-ds-input-selected {
    background-color: var(--background-color-ds-input-selected, #686b820a)
}

.bg-ds-inputerror-label {
    background-color: var(--background-color-ds-inputerror-label, #f5395e14)
}

.bg-ds-legalnotice-neutral {
    background-color: var(--background-color-ds-legalnotice-neutral, #686b820a)
}

.bg-ds-legalnotice-primary {
    background-color: var(--background-color-ds-legalnotice-primary, #686b8229)
}

.bg-ds-legend-item-dimmed {
    background-color: var(--background-color-ds-legend-item-dimmed, #9497a9)
}

.bg-ds-menu {
    background-color: var(--background-color-ds-menu, #fff)
}

.bg-ds-menu-active {
    background-color: var(--background-color-ds-menu-active, #686b8214)
}

.bg-ds-menu-hover {
    background-color: var(--background-color-ds-menu-hover, #686b820a)
}

.bg-ds-menu-raised {
    background-color: var(--background-color-ds-menu-raised, #fff)
}

.bg-ds-neutral {
    background-color: var(--colors-ds-neutral, #686b82)
}

.bg-ds-notification-info {
    background-color: var(--background-color-ds-notification-info, #0092d814)
}

.bg-ds-notification-negative {
    background-color: var(--background-color-ds-notification-negative, #f5395e14)
}

.bg-ds-notification-neutral {
    background-color: var(--background-color-ds-notification-neutral, #686b8214)
}

.bg-ds-notification-positive {
    background-color: var(--background-color-ds-notification-positive, #149e6114)
}

.bg-ds-notification-primary {
    background-color: var(--background-color-ds-notification-primary, #855bfb14)
}

.bg-ds-notification-warning {
    background-color: var(--background-color-ds-notification-warning, #c3962114)
}

.bg-ds-pagination {
    background-color: var(--background-color-ds-pagination, #686b8214)
}

.bg-ds-pill {
    background-color: var(--background-color-ds-pill, #855bfb29)
}

.bg-ds-popover {
    background-color: var(--background-color-ds-popover, #fff)
}

.bg-ds-primary {
    background-color: var(--colors-ds-primary, #101114)
}

.bg-ds-progressbar-fill {
    background-color: var(--background-color-ds-progressbar-fill, #9497a9)
}

.bg-ds-progressbar-negative-indicator {
    background-color: var(--background-color-ds-progressbar-negative-indicator, #ff7386)
}

.bg-ds-progressbar-positive-indicator {
    background-color: var(--background-color-ds-progressbar-positive-indicator, #35df8d)
}

.bg-ds-progressbar-primary {
    background-color: var(--background-color-ds-progressbar-primary, #855bfb)
}

.bg-ds-progressbar-track {
    background-color: var(--background-color-ds-progressbar-track, #686b823d)
}

.bg-ds-progressbar-warning-indicator {
    background-color: var(--background-color-ds-progressbar-warning-indicator, #e8b100)
}

.bg-ds-progresstracker-finished {
    background-color: var(--background-color-ds-progresstracker-finished, #149e6129)
}

.bg-ds-progresstracker-in-progress {
    background-color: var(--background-color-ds-progresstracker-in-progress, #855bfb)
}

.bg-ds-progresstracker-info {
    background-color: var(--background-color-ds-progresstracker-info, #0092d829)
}

.bg-ds-progresstracker-waiting {
    background-color: var(--background-color-ds-progresstracker-waiting, #686b8229)
}

.bg-ds-progresstracker-warning {
    background-color: var(--background-color-ds-progresstracker-warning, #c3962129)
}

.bg-ds-purple-500 {
    background-color: #7132f5
}

.bg-ds-purple-opacity-16 {
    background-color: #855bfb29
}

.bg-ds-radio-checked {
    background-color: var(--background-color-ds-radio-checked, #7132f5)
}

.bg-ds-radio-checked-disabled {
    background-color: var(--background-color-ds-radio-checked-disabled, #855bfb)
}

.bg-ds-radio-checked-negative {
    background-color: var(--background-color-ds-radio-checked-negative, #d11d45)
}

.bg-ds-radio-indicator {
    background-color: var(--background-color-ds-radio-indicator, #fff)
}

.bg-ds-radio-unchecked {
    background-color: var(--background-color-ds-radio-unchecked, #686b8252)
}

.bg-ds-radio-unchecked-disabled {
    background-color: var(--background-color-ds-radio-unchecked-disabled, #686b8252)
}

.bg-ds-radio-unchecked-negative {
    background-color: var(--background-color-ds-radio-unchecked-negative, #f5395e7a)
}

.bg-ds-radiogroup-error {
    background-color: var(--background-color-ds-radiogroup-error, #f5395e29)
}

.bg-ds-segmented-control-active-negative {
    background-color: var(--background-color-ds-segmented-control-active-negative, #f5395e3d)
}

.bg-ds-segmented-control-active-negative-low {
    background-color: var(--background-color-ds-segmented-control-active-negative-low, #f5395e3d)
}

.bg-ds-segmented-control-active-positive {
    background-color: var(--background-color-ds-segmented-control-active-positive, #149e613d)
}

.bg-ds-segmented-control-active-positive-low {
    background-color: var(--background-color-ds-segmented-control-active-positive-low, #149e613d)
}

.bg-ds-segmented-control-active-primary {
    background-color: var(--background-color-ds-segmented-control-active-primary, #fff)
}

.bg-ds-segmented-control-active-primary-low {
    background-color: var(--background-color-ds-segmented-control-active-primary-low, #686b821f)
}

.bg-ds-segmented-control-inactive-high {
    background-color: var(--background-color-ds-segmented-control-inactive-high, #686b821f)
}

.bg-ds-segmented-control-inactive-low {
    background-color: var(--background-color-ds-segmented-control-inactive-low, #fff)
}

.bg-ds-selectable-card {
    background-color: var(--background-color-ds-selectable-card, #9497a914)
}

.bg-ds-selectable-card-disabled {
    background-color: var(--background-color-ds-selectable-card-disabled, #686b8214)
}

.bg-ds-selectable-card-selected {
    background-color: var(--background-color-ds-selectable-card-selected, #855bfb14)
}

.bg-ds-skeleton-pending {
    background-color: var(--background-color-ds-skeleton-pending, #686b8229)
}

.bg-ds-slider-rangeTrack {
    background-color: var(--background-color-ds-slider-range-track, #686b823d)
}

.bg-ds-slider-rangeTrack-disabled {
    background-color: var(--background-color-ds-slider-range-track-disabled, #686b821f)
}

.bg-ds-slider-valueTrack {
    background-color: var(--background-color-ds-slider-value-track, #686b82)
}

.bg-ds-slider-valueTrack-disabled {
    background-color: var(--background-color-ds-slider-value-track-disabled, #686b8266)
}

.bg-ds-stacked-asset-icons {
    background-color: var(--background-color-ds-stacked-asset-icons, #e5e6ec)
}

.bg-ds-table-cell-sticky {
    background-color: var(--background-color-ds-table-cell-sticky, #fff)
}

.bg-ds-table-cell-sticky-container {
    background-color: var(--background-color-ds-table-cell-sticky-container, #fff)
}

.bg-ds-table-cell-sticky-container-card {
    background-color: var(--background-color-ds-table-cell-sticky-container-card, #f7f7f8)
}

.bg-ds-table-cell-sticky-container-card-hover {
    background-color: var(--background-color-ds-table-cell-sticky-container-card-hover, #f1f1f3)
}

.bg-ds-table-cell-sticky-container-hover {
    background-color: var(--background-color-ds-table-cell-sticky-container-hover, #f9f9fa)
}

.bg-ds-table-cell-sticky-dialog {
    background-color: var(--background-color-ds-table-cell-sticky-dialog, #fff)
}

.bg-ds-table-cell-sticky-dialog-hover {
    background-color: var(--background-color-ds-table-cell-sticky-dialog-hover, #f9f9fa)
}

.bg-ds-table-header-cell-resize {
    background-color: var(--background-color-ds-table-header-cell-resize, #5b1ecf)
}

.bg-ds-table-row {
    background-color: var(--background-color-ds-table-row, #fff)
}

.bg-ds-table-row-group {
    background-color: var(--background-color-ds-table-row-group, #686b820a)
}

.bg-ds-table-row-highlighted {
    background-color: var(--background-color-ds-table-row-highlighted, #855bfb1f)
}

.bg-ds-table-row-hover {
    background-color: var(--background-color-ds-table-row-hover, #686b820a)
}

.bg-ds-tabs {
    background-color: var(--background-color-ds-tabs, #686b820a)
}

.bg-ds-tabs-onBackground {
    background-color: var(--background-color-ds-tabs-on-background, #0000)
}

.bg-ds-tabs-onBackgroundActive {
    background-color: var(--background-color-ds-tabs-on-background-active, #fff)
}

.bg-ds-toggle-handle-off {
    background-color: var(--background-color-ds-toggle-handle-off, #fff)
}

.bg-ds-toggle-handle-on {
    background-color: var(--background-color-ds-toggle-handle-on, #fff)
}

.bg-ds-toggle-track-off {
    background-color: var(--background-color-ds-toggle-track-off, #686b8252)
}

.bg-ds-toggle-track-on {
    background-color: var(--background-color-ds-toggle-track-on, #23ba75)
}

.bg-ds-tooltip {
    background-color: var(--background-color-ds-tooltip, #eeeff3)
}

.bg-ds-transparent {
    background-color: #0000
}

.bg-ds-white-opacity-24 {
    background-color: #ffffff3d
}

.bg-ds-white-opacity-72 {
    background-color: #ffffffb8
}

.bg-ds-white-opacity-8 {
    background-color: #ffffff14
}

.bg-ds-white-pure,
.bg-ds-white-white {
    background-color: #fff
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity, 1))
}

.bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81/var(--tw-bg-opacity, 1))
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94/var(--tw-bg-opacity, 1))
}

.bg-inherit {
    background-color: inherit
}

.bg-krak-brand {
    --tw-bg-opacity: 1;
    background-color: rgb(255 59 41/var(--tw-bg-opacity, 1))
}

.bg-kraken-brand {
    --tw-bg-opacity: 1;
    background-color: rgb(113 50 245/var(--tw-bg-opacity, 1))
}

.bg-kraken-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(233 233 233/var(--tw-bg-opacity, 1))
}

.bg-kraken-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(36 36 36/var(--tw-bg-opacity, 1))
}

.bg-kraken-koamaru {
    --tw-bg-opacity: 1;
    background-color: rgb(56 53 98/var(--tw-bg-opacity, 1))
}

.bg-kraken-pt-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(247 246 253/var(--tw-bg-opacity, 1))
}

.bg-kraken-pt-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(222 217 247/var(--tw-bg-opacity, 1))
}

.bg-kraken-r-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 166 162/var(--tw-bg-opacity, 1))
}

.bg-neutral-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1))
}

.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226/var(--tw-bg-opacity, 1))
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity, 1))
}

.bg-transparent {
    background-color: #0000
}

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

.bg-white\/\[\.04\],
.bg-white\/\[0\.04\] {
    background-color: #ffffff0a
}

.bg-\[conic-gradient\(from_20deg_at_50\%_50\%\,var\(--tw-gradient-stops\)\)\] {
    background-image: conic-gradient(from 20deg at 50% 50%, var(--tw-gradient-stops))
}

.bg-\[conic-gradient\(from_20deg_at_50\%_50\%2cvar\(--tw-gradient-stops\)\)\] {
    background-image: conic-gradient(from 20deg at 50% 50%2cvar(--tw-gradient-stops))
}

.bg-\[linear-gradient\(180deg\,_\#FFC682_0\%\,_\#F7931A_100\%\)\] {
    background-image: linear-gradient(#ffc682 0%, #f7931a 100%)
}

.bg-\[linear-gradient\(180deg2c_\#FFC682_0\%2c_\#F7931A_100\%\)\] {
    background-image: linear-gradient(180deg2c #ffc682 0%2c #f7931a 100%)
}

.bg-\[linear-gradient\(233\.18deg\,_\#A38CDE_0\%\,_\#6F31EF_46\.25\%\,_\#431F95_100\.62\%\)\] {
    background-image: linear-gradient(233.18deg, #a38cde 0%, #6f31ef 46.25%, #431f95 100.62%)
}

.bg-\[radial-gradient\(50\%_80\.47\%_at_50\%_100\%\,rgba\(217\,217\,217\,0\.14\)_0\%\,rgba\(217\,217\,217\,0\)_100\%\)\] {
    background-image: radial-gradient(50% 80.47% at 50% 100%, #d9d9d924 0%, #d9d9d900 100%)
}

.bg-\[radial-gradient\(58\.37\%_100\%_at_100\%_100\%\,rgba\(182\,150\,250\,0\.5\)_0\%\,rgba\(113\,50\,245\,0\)_100\%\)\,radial-gradient\(33\.04\%_55\.75\%_at_16\.29\%_100\%\,rgba\(204\,236\,233\,0\.2\)_0\%\,rgba\(168\,233\,211\,0\)_100\%\)\] {
    background-image: radial-gradient(58.37% 100% at 100% 100%, #b696fa80 0%, #7132f500 100%), radial-gradient(33.04% 55.75% at 16.29% 100%, #ccece933 0%, #a8e9d300 100%)
}

.bg-\[radial-gradient\(circle_at_center\,rgba\(31\,27\,39\,0\.4\)_0\%\,\#1F1B27_100\%\)\] {
    background-image: radial-gradient(circle, #1f1b2766 0%, #1f1b27 100%)
}

.bg-banner-product-kraken-consumer {
    background-image: linear-gradient(225deg, #9361f0 0%, #6927da 100%)
}

.bg-banner-product-kraken-consumer-p3 {
    background-image: linear-gradient(225deg, #9361f0 0%, #6927da 100%);
    background-image: linear-gradient(225deg, color(display-p3 .549 .388 .91) 0%, color(display-p3 .38 .169 .824) 100%)
}

.bg-banner-product-kraken-desktop {
    background-image: radial-gradient(94.16% 100% at 32.71% 0, #201b28 0% 69.48%, #201b28 100%), linear-gradient(200deg, #8e46fa33 69.16% 100%), linear-gradient(156deg, #6500ff 57.75%, #e2b1fae6 86.22%, #fed0ff 92.26%), linear-gradient(132deg, #6e2ddc 62.88%, #6e2ddccc 78.6%, #e2b1fa99 91.58%, #fed0ff 100%), linear-gradient(173deg, #6c2ad9 61.89%, #6821ddb3 73.81%, #8340ebb8 94.77%, #9049fccc 94.77%), linear-gradient(148deg, #6028c0 56.75%, #9049fc 80.75%, #8340ebb8 80.75%)
}

.bg-banner-product-kraken-desktop-p3 {
    background-image: radial-gradient(94.16% 100% at 32.71% 0, #201b28 0% 69.48%, #201b2800 100%), linear-gradient(200deg, #8e46fa00 69.16%, #8e46fa33 100%), linear-gradient(156deg, #6321ff00 57.75%, #e2b1fae6 86.22%, #fdd1ff 92.26%), linear-gradient(132deg, #6e2ddc00 62.88%, #6e2ddccc 78.6%, #e2b1fa99 91.58%, #fdd1ff 100%), linear-gradient(173deg, #6c2ad900 61.89%, #6821ddb3 73.81%, #8340ebb8 94.77%, #9049fccc 94.77%), linear-gradient(148deg, #6028c000 56.75%, #9049fc 80.75%, #8340ebb8 80.75%);
    background-image: radial-gradient(94.16% 100% at 32.71% 0, color(display-p3 .1216 .1059 .1529) 0% 69.48%, color(display-p3 .1216 .1059 .1529/0) 100%), linear-gradient(200deg, color(display-p3 .5216 .2902 .9451/0) 69.16%, color(display-p3 .5216 .2902 .9451/.2) 100%), linear-gradient(156deg, color(display-p3 .3597 .0542 1/0) 57.75%, color(display-p3 .8574 .7004 .9619/.9) 86.22%, color(display-p3 .9686 .8235 .9961) 92.26%), linear-gradient(132deg, color(display-p3 .4 .1922 .8314/0) 62.88%, color(display-p3 .4 .1922 .8314/.8) 78.6%, color(display-p3 .8574 .7004 .9619/.6) 91.58%, color(display-p3 .9686 .8235 .9961) 100%), linear-gradient(173deg, color(display-p3 .3922 .1804 .8196/0) 61.89%, color(display-p3 .3759 .1499 .832/.7) 73.81%, color(display-p3 .4784 .2643 .8887/.72) 94.77%, color(display-p3 .5294 .302 .9529/.8) 94.77%), linear-gradient(148deg, color(display-p3 .349 .1686 .7255/0) 56.75%, color(display-p3 .5294 .302 .9529) 80.75%, color(display-p3 .4784 .2643 .8887/.72) 80.75%)
}

.bg-banner-product-kraken-pro {
    background-image: linear-gradient(45deg, #f2e6ff 0%, #e2c8fe 2%, #d0a7fb 6%, #9757ef 12%, #5b1dcd 19%, #2f176e 27%, #090514 38% 54%, #090514 98%)
}

.bg-banner-product-kraken-pro-p3 {
    background-image: linear-gradient(45deg, #f4e6ff 0%, #e6c8ff 2%, #d8a5ff 6%, #a153f7 12%, #6317d5 19%, #331572 27%, #0a0515 38% 54%, #0a0515 98%);
    background-image: linear-gradient(45deg, color(display-p3 .949 .902 1) 0%, color(display-p3 .886 .784 .996) 2%, color(display-p3 .816 .655 .984) 6%, color(display-p3 .592 .341 .937) 12%, color(display-p3 .357 .114 .804) 19%, color(display-p3 .184 .09 .431) 27%, color(display-p3 .035 .02 .078) 38% 54%, color(display-p3 .035 .02 .078) 98%)
}

.bg-ds-button-brand-high-gradient {
    background-image: var(--background-image-ds-button-brand-high-gradient, none)
}

.bg-ds-button-brand-high-gradient-hover {
    background-image: var(--background-image-ds-button-brand-high-gradient-hover, none)
}

.bg-ds-button-primary-high-gradient {
    background-image: var(--background-image-ds-button-primary-high-gradient, none)
}

.bg-ds-button-primary-high-gradient-hover {
    background-image: var(--background-image-ds-button-primary-high-gradient-hover, none)
}

.bg-ds-datepicker-selected-day-gradient {
    background-image: var(--background-image-ds-datepicker-selected-day-gradient, none)
}

.bg-ds-dialog-gradient {
    background-image: var(--background-image-ds-dialog-gradient, linear-gradient(to top, #fff, transparent))
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

.bg-none {
    background-image: none
}

.from-\[var\(--background-color\)\] {
    --tw-gradient-from: var(--background-color)var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-black\/50 {
    --tw-gradient-from: #00000080 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)
}

.from-blue-500\/5 {
    --tw-gradient-from: #3b82f60d var(--tw-gradient-from-position);
    --tw-gradient-to: #3b82f600 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-ds-green-400 {
    --tw-gradient-from: #149e61 var(--tw-gradient-from-position);
    --tw-gradient-to: #149e6100 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-500\/5 {
    --tw-gradient-from: #6b72800d var(--tw-gradient-from-position);
    --tw-gradient-to: #6b728000 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-500\/5 {
    --tw-gradient-from: #22c55e0d var(--tw-gradient-from-position);
    --tw-gradient-to: #22c55e00 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-kraken-blue-400 {
    --tw-gradient-from: #2824b6 var(--tw-gradient-from-position);
    --tw-gradient-to: #2824b600 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-500\/5 {
    --tw-gradient-from: #f973160d var(--tw-gradient-from-position);
    --tw-gradient-to: #f9731600 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-500\/5 {
    --tw-gradient-from: #a855f70d var(--tw-gradient-from-position);
    --tw-gradient-to: #a855f700 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)
}

.from-white {
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[-13\.78\%\] {
    --tw-gradient-from-position: -13.78%
}

.via-white\/80 {
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #fffc var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.to-blue-500\/10 {
    --tw-gradient-to: #3b82f61a var(--tw-gradient-to-position)
}

.to-current {
    --tw-gradient-to: currentColor var(--tw-gradient-to-position)
}

.to-ds-green-200 {
    --tw-gradient-to: #35df8d var(--tw-gradient-to-position)
}

.to-gray-500\/10 {
    --tw-gradient-to: #6b72801a var(--tw-gradient-to-position)
}

.to-green-500\/10 {
    --tw-gradient-to: #22c55e1a var(--tw-gradient-to-position)
}

.to-kraken-p-400 {
    --tw-gradient-to: #5d45dc var(--tw-gradient-to-position)
}

.to-orange-500\/10 {
    --tw-gradient-to: #f973161a var(--tw-gradient-to-position)
}

.to-purple-500\/10 {
    --tw-gradient-to: #a855f71a var(--tw-gradient-to-position)
}

.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.to-\[127\.55\%\] {
    --tw-gradient-to-position: 127.55%
}

.bg-contain {
    background-size: contain
}

.bg-cover {
    background-size: cover
}

.bg-\[right_0\] {
    background-position: right 0
}

.bg-\[top_-35px_right_-20px\] {
    background-position: right -20px top -35px
}

.bg-\[top_-8px_right_-86px\] {
    background-position: right -86px top -8px
}

.bg-\[top_center\] {
    background-position: top
}

.bg-center {
    background-position: 50%
}

.bg-left-bottom {
    background-position: 0 100%
}

.bg-right-bottom {
    background-position: 100% 100%
}

.bg-right-top {
    background-position: 100% 0
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.bg-origin-border {
    background-origin: border-box
}

.fill-current {
    fill: currentColor
}

.fill-ds-brand-brand {
    fill: var(--fill-ds-brand-brand, #7132f5)
}

.fill-ds-brand-breakout {
    fill: var(--fill-ds-brand-breakout, #00adfe)
}

.fill-ds-brand-inverted {
    fill: var(--fill-ds-brand-inverted, #fff)
}

.fill-ds-brand-neutral {
    fill: var(--fill-ds-brand-neutral, #000)
}

.fill-ds-brand-white {
    fill: var(--fill-ds-brand-white, #fff)
}

.fill-ds-icon-brand {
    fill: var(--fill-ds-icon-brand, #7132f5)
}

.fill-ds-icon-dimmed {
    fill: var(--fill-ds-icon-dimmed, #9497a9)
}

.fill-ds-icon-disabled {
    fill: var(--fill-ds-icon-disabled, #c6c7d2)
}

.fill-ds-icon-info {
    fill: var(--fill-ds-icon-info, #0079b4)
}

.fill-ds-icon-negative {
    fill: var(--fill-ds-icon-negative, #d11d45)
}

.fill-ds-icon-neutral {
    fill: var(--fill-ds-icon-neutral, #686b82)
}

.fill-ds-icon-positive {
    fill: var(--fill-ds-icon-positive, #08844f)
}

.fill-ds-icon-primary {
    fill: var(--fill-ds-icon-primary, #7132f5)
}

.fill-ds-icon-warning {
    fill: var(--fill-ds-icon-warning, #c39621)
}

.fill-ds-overlay-arrow {
    fill: var(--fill-ds-overlay-arrow, #fff)
}

.fill-kraken-n-300 {
    fill: #898989
}

.fill-kraken-n-600 {
    fill: #242424
}

.fill-none {
    fill: none
}

.fill-transparent {
    fill: #0000
}

.stroke-current {
    stroke: currentColor
}

.stroke-ds-assetprogress {
    stroke: var(--stroke-ds-assetprogress, #686b823d)
}

.stroke-ds-icon-brand {
    stroke: var(--stroke-ds-icon-brand, #7132f5)
}

.stroke-ds-icon-dimmed {
    stroke: var(--stroke-ds-icon-dimmed, #9497a9)
}

.stroke-ds-icon-disabled {
    stroke: var(--stroke-ds-icon-disabled, #c6c7d2)
}

.stroke-ds-icon-info {
    stroke: var(--stroke-ds-icon-info, #0079b4)
}

.stroke-ds-icon-negative {
    stroke: var(--stroke-ds-icon-negative, #d11d45)
}

.stroke-ds-icon-neutral {
    stroke: var(--stroke-ds-icon-neutral, #686b82)
}

.stroke-ds-icon-positive {
    stroke: var(--stroke-ds-icon-positive, #08844f)
}

.stroke-ds-icon-primary {
    stroke: var(--stroke-ds-icon-primary, #7132f5)
}

.stroke-ds-icon-warning {
    stroke: var(--stroke-ds-icon-warning, #c39621)
}

.stroke-ds-overlay-arrow {
    stroke: var(--stroke-ds-overlay-arrow, #686b8214)
}

.stroke-ds-progresspie-fill {
    stroke: var(--stroke-ds-progresspie-fill, #9497a9)
}

.stroke-ds-progresspie-track {
    stroke: var(--stroke-ds-progresspie-track, #686b823d)
}

.stroke-transparent {
    stroke: #0000
}

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

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

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

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

.object-center {
    -o-object-position: center;
    object-position: center
}

.object-top {
    -o-object-position: top;
    object-position: top
}

.\!p-0 {
    padding: 0 !important
}

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

.\!p-5 {
    padding: 1.25rem !important
}

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

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

.p-0 {
    padding: 0
}

.p-0\.5 {
    padding: .125rem
}

.p-1 {
    padding: .25rem
}

.p-1\.5 {
    padding: .375rem
}

.p-10 {
    padding: 2.5rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-3\.5 {
    padding: .875rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-7 {
    padding: 1.75rem
}

.p-8 {
    padding: 2rem
}

.p-\[--facade-responsive-padding\] {
    padding: var(--facade-responsive-padding)
}

.p-\[16px\] {
    padding: 16px
}

.p-\[24px\] {
    padding: 24px
}

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

.p-\[5\.7\%\] {
    padding: 5.7%
}

.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-\[var\(--list-padding\)\] {
    padding: var(--list-padding)
}

.p-ds-0 {
    padding: 0
}

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

.\!py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.\!py-\[6px\] {
    padding-top: 6px !important;
    padding-bottom: 6px !important
}

.\!py-ds-5 {
    padding-top: 16px !important;
    padding-bottom: 16px !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-12 {
    padding-left: 3rem;
    padding-right: 3rem
}

.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-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-\[16px\] {
    padding-left: 16px;
    padding-right: 16px
}

.px-\[28px\] {
    padding-left: 28px;
    padding-right: 28px
}

.px-\[30px\] {
    padding-left: 30px;
    padding-right: 30px
}

.px-\[3px\] {
    padding-left: 3px;
    padding-right: 3px
}

.px-\[6px\] {
    padding-left: 6px;
    padding-right: 6px
}

.px-\[8px\] {
    padding-left: 8px;
    padding-right: 8px
}

.px-\[calc\(theme\(space\.6\)-1px\)\] {
    padding-left: calc(1.5rem - 1px);
    padding-right: calc(1.5rem - 1px)
}

.px-\[var\(--article-content-x-padding\)\] {
    padding-left: var(--article-content-x-padding);
    padding-right: var(--article-content-x-padding)
}

.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-carousel-wrapper-horizontal {
    padding-left: 4px;
    padding-right: 4px
}

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

.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-11 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem
}

.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-24 {
    padding-top: 6rem;
    padding-bottom: 6rem
}

.py-28 {
    padding-top: 7rem;
    padding-bottom: 7rem
}

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

.py-3\.5 {
    padding-top: .875rem;
    padding-bottom: .875rem
}

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

.py-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-\[10px\] {
    padding-top: 10px;
    padding-bottom: 10px
}

.py-\[16px\] {
    padding-top: 16px;
    padding-bottom: 16px
}

.py-\[20px\] {
    padding-top: 20px;
    padding-bottom: 20px
}

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

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

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

.py-\[88px\] {
    padding-top: 88px;
    padding-bottom: 88px
}

.py-\[calc\(theme\(space\.4\)-1px\)\] {
    padding-top: calc(1rem - 1px);
    padding-bottom: calc(1rem - 1px)
}

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

.\!pb-0 {
    padding-bottom: 0 !important
}

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

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

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

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

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

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

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

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

.pb-0 {
    padding-bottom: 0
}

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

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

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

.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-3 {
    padding-bottom: .75rem
}

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

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

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

.pb-\[--facade-responsive-padding-bottom\] {
    padding-bottom: var(--facade-responsive-padding-bottom)
}

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

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

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

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

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

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

.pb-\[56\.25\%\] {
    padding-bottom: 56.25%
}

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

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

.pb-ds-10 {
    padding-bottom: 40px
}

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

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

.pb-ds-4 {
    padding-bottom: 12px
}

.pb-ds-5 {
    padding-bottom: 16px
}

.pb-ds-8 {
    padding-bottom: 28px
}

.pb-ds-9 {
    padding-bottom: 32px
}

.pb-ds-dialog-compact,
.pb-ds-dialog-nonCompact {
    padding-bottom: 20px
}

.pe-0 {
    padding-inline-end: 0
}

.pe-10 {
    padding-inline-end: 2.5rem
}

.pe-12 {
    padding-inline-end: 3rem
}

.pe-2 {
    padding-inline-end: .5rem
}

.pe-3 {
    padding-inline-end: .75rem
}

.pe-4 {
    padding-inline-end: 1rem
}

.pe-5 {
    padding-inline-end: 1.25rem
}

.pe-6 {
    padding-inline-end: 1.5rem
}

.pe-7 {
    padding-inline-end: 1.75rem
}

.pe-8 {
    padding-inline-end: 2rem
}

.pe-\[--facade-responsive-padding-right\] {
    padding-inline-end: var(--facade-responsive-padding-right)
}

.pe-\[106px\] {
    padding-inline-end: 106px
}

.pe-\[112px\] {
    padding-inline-end: 112px
}

.pe-\[30px\] {
    padding-inline-end: 30px
}

.pe-\[33\.33\%\] {
    padding-inline-end: 33.33%
}

.pe-ds-10 {
    padding-inline-end: 40px
}

.pe-ds-5 {
    padding-inline-end: 16px
}

.pe-ds-input-xxl {
    padding-inline-end: 12px
}

.pl-0 {
    padding-left: 0
}

.pl-1 {
    padding-left: .25rem
}

.pl-3 {
    padding-left: .75rem
}

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

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

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

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

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

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

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

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

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

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

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

.pr-2 {
    padding-right: .5rem
}

.pr-3 {
    padding-right: .75rem
}

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

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

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

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

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

.ps-0 {
    padding-inline-start: 0
}

.ps-1 {
    padding-inline-start: .25rem
}

.ps-1\.5 {
    padding-inline-start: .375rem
}

.ps-10 {
    padding-inline-start: 2.5rem
}

.ps-12 {
    padding-inline-start: 3rem
}

.ps-3 {
    padding-inline-start: .75rem
}

.ps-4 {
    padding-inline-start: 1rem
}

.ps-5 {
    padding-inline-start: 1.25rem
}

.ps-6 {
    padding-inline-start: 1.5rem
}

.ps-7 {
    padding-inline-start: 1.75rem
}

.ps-9 {
    padding-inline-start: 2.25rem
}

.ps-\[--facade-responsive-gap\] {
    padding-inline-start: var(--facade-responsive-gap)
}

.ps-\[--facade-responsive-padding-left\] {
    padding-inline-start: var(--facade-responsive-padding-left)
}

.ps-\[42px\] {
    padding-inline-start: 42px
}

.ps-ds-0 {
    padding-inline-start: 0
}

.ps-ds-7 {
    padding-inline-start: 24px
}

.ps-ds-input-xxl {
    padding-inline-start: 12px
}

.pt-0 {
    padding-top: 0
}

.pt-14 {
    padding-top: 3.5rem
}

.pt-2 {
    padding-top: .5rem
}

.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-9 {
    padding-top: 2.25rem
}

.pt-\[--facade-responsive-padding-top\] {
    padding-top: var(--facade-responsive-padding-top)
}

.pt-\[132px\] {
    padding-top: 132px
}

.pt-\[180px\] {
    padding-top: 180px
}

.pt-\[184px\] {
    padding-top: 184px
}

.pt-\[22px\] {
    padding-top: 22px
}

.pt-\[38px\] {
    padding-top: 38px
}

.pt-\[72px\] {
    padding-top: 72px
}

.pt-\[92px\] {
    padding-top: 92px
}

.pt-\[var\(--form-field-checkbox-pt\)\] {
    padding-top: var(--form-field-checkbox-pt)
}

.pt-ds-0 {
    padding-top: 0
}

.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-7 {
    padding-top: 24px
}

.pt-ds-dialog-compact,
.pt-ds-dialog-nonCompact {
    padding-top: 20px
}

.pt-px {
    padding-top: 1px
}

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

.text-end {
    text-align: end
}

.\!indent-\[-14px\] {
    text-indent: -14px !important
}

.align-baseline {
    vertical-align: baseline
}

.align-top {
    vertical-align: top
}

.align-middle {
    vertical-align: middle
}

.align-bottom {
    vertical-align: bottom
}

.font-\[\'Kraken-Product\'\] {
    font-family: Kraken-Product
}

.font-\[inherit\] {
    font-family: inherit
}

.font-kraken-brand {
    font-family: Kraken-Brand, Helvetica Neue, Helvetica, Arial, sans-serif
}

.font-kraken-product {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif
}

.\!text-\[length\:14px\] {
    font-size: 14px !important
}

.\!text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-\[1\.25rem\] {
    font-size: 1.25rem
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[16px\] {
    font-size: 16px
}

.text-\[18px\] {
    font-size: 18px
}

.text-\[20px\] {
    font-size: 20px
}

.text-\[22px\] {
    font-size: 22px
}

.text-\[24px\] {
    font-size: 24px
}

.text-\[26px\] {
    font-size: 26px
}

.text-\[28px\] {
    font-size: 28px
}

.text-\[30px\] {
    font-size: 30px
}

.text-\[32px\] {
    font-size: 32px
}

.text-\[34px\] {
    font-size: 34px
}

.text-\[36px\] {
    font-size: 36px
}

.text-\[38px\] {
    font-size: 38px
}

.text-\[40px\] {
    font-size: 40px
}

.text-\[42px\] {
    font-size: 42px
}

.text-\[44px\] {
    font-size: 44px
}

.text-\[46px\] {
    font-size: 46px
}

.text-\[48px\] {
    font-size: 48px
}

.text-\[length\:14\] {
    font-size: 14px
}

.text-\[length\:18\] {
    font-size: 18px
}

.text-\[length\:54px\] {
    font-size: 54px
}

.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-xs {
    font-size: .75rem;
    line-height: 1rem
}

.\!font-bold {
    font-weight: 700 !important
}

.\!font-medium {
    font-weight: 500 !important
}

.\!font-normal {
    font-weight: 400 !important
}

.\!font-semibold {
    font-weight: 600 !important
}

.font-\[500\] {
    font-weight: 500
}

.font-bold {
    font-weight: 700
}

.font-light {
    font-weight: 300
}

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

.normal-case {
    text-transform: none
}

.italic {
    font-style: italic
}

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

.\!leading-5 {
    line-height: 1.25rem !important
}

.\!leading-\[1\.75em\] {
    line-height: 1.75em !important
}

.leading-3 {
    line-height: .75rem
}

.leading-4 {
    line-height: 1rem
}

.leading-5 {
    line-height: 1.25rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-7 {
    line-height: 1.75rem
}

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

.leading-\[0\] {
    line-height: 0
}

.leading-\[14px\] {
    line-height: 14px
}

.leading-\[18px\] {
    line-height: 18px
}

.leading-\[20px\] {
    line-height: 20px
}

.leading-\[22px\] {
    line-height: 22px
}

.leading-\[24px\] {
    line-height: 24px
}

.leading-\[26px\] {
    line-height: 26px
}

.leading-\[28px\] {
    line-height: 28px
}

.leading-\[30px\] {
    line-height: 30px
}

.leading-\[32px\] {
    line-height: 32px
}

.leading-\[34px\] {
    line-height: 34px
}

.leading-\[36px\] {
    line-height: 36px
}

.leading-\[38px\] {
    line-height: 38px
}

.leading-\[40px\] {
    line-height: 40px
}

.leading-\[42px\] {
    line-height: 42px
}

.leading-\[44px\] {
    line-height: 44px
}

.leading-\[46px\] {
    line-height: 46px
}

.leading-\[48px\] {
    line-height: 48px
}

.leading-\[50px\] {
    line-height: 50px
}

.leading-\[52px\] {
    line-height: 52px
}

.leading-\[54px\] {
    line-height: 54px
}

.leading-\[56px\] {
    line-height: 56px
}

.leading-\[inherit\] {
    line-height: inherit
}

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

.leading-none {
    line-height: 1
}

.\!text-dark-magick {
    --tw-text-opacity: 1 !important;
    color: rgb(43 20 99/var(--tw-text-opacity, 1)) !important
}

.\!text-ds-disabled {
    color: var(--colors-ds-disabled, #c6c7d2) !important
}

.\!text-ds-negative {
    color: var(--colors-ds-negative, #d11d45) !important
}

.\!text-kraken-brand {
    --tw-text-opacity: 1 !important;
    color: rgb(113 50 245/var(--tw-text-opacity, 1)) !important
}

.\!text-white-magick {
    --tw-text-opacity: 1 !important;
    color: rgb(246 244 255/var(--tw-text-opacity, 1)) !important
}

.text-\[\#2B1463\],
.text-\[\#2b1463\] {
    --tw-text-opacity: 1;
    color: rgb(43 20 99/var(--tw-text-opacity, 1))
}

.text-\[\#666666\] {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1))
}

.text-\[\#B4B0D4\] {
    --tw-text-opacity: 1;
    color: rgb(180 176 212/var(--tw-text-opacity, 1))
}

.text-\[\#F3F3F4\] {
    --tw-text-opacity: 1;
    color: rgb(243 243 244/var(--tw-text-opacity, 1))
}

.text-\[\#F8F7FA\] {
    --tw-text-opacity: 1;
    color: rgb(248 247 250/var(--tw-text-opacity, 1))
}

.text-\[\#FFD24C\] {
    --tw-text-opacity: 1;
    color: rgb(255 210 76/var(--tw-text-opacity, 1))
}

.text-\[rgba\(111\,116\,154\,0\.47\)\] {
    color: #6f749a78
}

.text-\[var\(--faq-collapsed-color\)\] {
    color: var(--faq-collapsed-color)
}

.text-\[var\(--faq-color\)\] {
    color: var(--faq-color)
}

.text-\[var\(--grid-download-card-title-color\)\] {
    color: var(--grid-download-card-title-color)
}

.text-\[var\(--quote-card-color\)\] {
    color: var(--quote-card-color)
}

.text-\[var\(--svg-icon-color\)\] {
    color: var(--svg-icon-color)
}

.text-blue-400 {
    --tw-text-opacity: 1;
    color: rgb(96 165 250/var(--tw-text-opacity, 1))
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246/var(--tw-text-opacity, 1))
}

.text-ds-accordion-disabled {
    color: var(--text-color-ds-accordion-disabled, #484b5e)
}

.text-ds-accordion-primary {
    color: var(--text-color-ds-accordion-primary, #686b82)
}

.text-ds-asseticon-inverted {
    color: var(--text-color-ds-asseticon-inverted, #000)
}

.text-ds-asseticon-neutral {
    color: var(--text-color-ds-asseticon-neutral, #fff)
}

.text-ds-badge-high {
    color: var(--text-color-ds-badge-high, #fff)
}

.text-ds-badge-high-inverse {
    color: var(--text-color-ds-badge-high-inverse, #101114)
}

.text-ds-badge-info {
    color: var(--text-color-ds-badge-info, #006394)
}

.text-ds-badge-negative {
    color: var(--text-color-ds-badge-negative, #d11d45)
}

.text-ds-badge-neutral {
    color: var(--text-color-ds-badge-neutral, #484b5e)
}

.text-ds-badge-new {
    color: var(--text-color-ds-badge-new, #7132f5)
}

.text-ds-badge-positive {
    color: var(--text-color-ds-badge-positive, #026b3f)
}

.text-ds-badge-primary {
    color: var(--text-color-ds-badge-primary, #7132f5)
}

.text-ds-badge-warning {
    color: var(--text-color-ds-badge-warning, #553c00)
}

.text-ds-black-pure {
    color: #000
}

.text-ds-brand {
    color: var(--colors-ds-brand, #7132f5)
}

.text-ds-brand-brand {
    color: var(--text-color-ds-brand-brand, #7132f5)
}

.text-ds-brand-breakout {
    color: var(--text-color-ds-brand-breakout, #00adfe)
}

.text-ds-brand-inverted {
    color: var(--text-color-ds-brand-inverted, #fff)
}

.text-ds-brand-neutral {
    color: var(--text-color-ds-brand-neutral, #000)
}

.text-ds-breadcrumbs-default {
    color: var(--text-color-ds-breadcrumbs-default, #686b82)
}

.text-ds-breadcrumbs-selected {
    color: var(--text-color-ds-breadcrumbs-selected, #101114)
}

.text-ds-button-brand-high {
    color: var(--text-color-ds-button-brand-high, #fff)
}

.text-ds-button-brand-low {
    color: var(--text-color-ds-button-brand-low, #7132f5)
}

.text-ds-button-brand-low-hover {
    color: var(--text-color-ds-button-brand-low-hover, #7132f5)
}

.text-ds-button-brand-medium {
    color: var(--text-color-ds-button-brand-medium, #7132f5)
}

.text-ds-button-brand-none {
    color: var(--text-color-ds-button-brand-none, #7132f5)
}

.text-ds-button-brand-none-hover {
    color: var(--text-color-ds-button-brand-none-hover, #5b1ecf)
}

.text-ds-button-info-high {
    color: var(--text-color-ds-button-info-high, #fff)
}

.text-ds-button-info-low {
    color: var(--text-color-ds-button-info-low, #0079b4)
}

.text-ds-button-info-low-hover {
    color: var(--text-color-ds-button-info-low-hover, #0079b4)
}

.text-ds-button-info-medium {
    color: var(--text-color-ds-button-info-medium, #0079b4)
}

.text-ds-button-info-none {
    color: var(--text-color-ds-button-info-none, #0079b4)
}

.text-ds-button-info-none-hover {
    color: var(--text-color-ds-button-info-none-hover, #00adfe)
}

.text-ds-button-inverted-high {
    color: var(--text-color-ds-button-inverted-high, #7132f5)
}

.text-ds-button-inverted-low {
    color: var(--text-color-ds-button-inverted-low, #fff)
}

.text-ds-button-inverted-low-hover {
    color: var(--text-color-ds-button-inverted-low-hover, #fff)
}

.text-ds-button-inverted-medium {
    color: var(--text-color-ds-button-inverted-medium, #fff)
}

.text-ds-button-inverted-medium-hover {
    color: var(--text-color-ds-button-inverted-medium-hover, #fff)
}

.text-ds-button-inverted-none {
    color: var(--text-color-ds-button-inverted-none, #fff)
}

.text-ds-button-inverted-none-hover {
    color: var(--text-color-ds-button-inverted-none-hover, #fff)
}

.text-ds-button-negative-high {
    color: var(--text-color-ds-button-negative-high, #fff)
}

.text-ds-button-negative-low {
    color: var(--text-color-ds-button-negative-low, #d11d45)
}

.text-ds-button-negative-low-hover {
    color: var(--text-color-ds-button-negative-low-hover, #d11d45)
}

.text-ds-button-negative-medium {
    color: var(--text-color-ds-button-negative-medium, #d11d45)
}

.text-ds-button-negative-none {
    color: var(--text-color-ds-button-negative-none, #d11d45)
}

.text-ds-button-negative-none-hover {
    color: var(--text-color-ds-button-negative-none-hover, #ff7386)
}

.text-ds-button-neutral-high {
    color: var(--text-color-ds-button-neutral-high, #fff)
}

.text-ds-button-neutral-high-icon {
    color: var(--text-color-ds-button-neutral-high-icon, inherit)
}

.text-ds-button-neutral-low {
    color: var(--text-color-ds-button-neutral-low, #686b82)
}

.text-ds-button-neutral-low-hover {
    color: var(--text-color-ds-button-neutral-low-hover, #101114)
}

.text-ds-button-neutral-medium {
    color: var(--text-color-ds-button-neutral-medium, #686b82)
}

.text-ds-button-neutral-medium-hover {
    color: var(--text-color-ds-button-neutral-medium-hover, #101114)
}

.text-ds-button-neutral-none {
    color: var(--text-color-ds-button-neutral-none, #686b82)
}

.text-ds-button-neutral-none-hover {
    color: var(--text-color-ds-button-neutral-none-hover, #101114)
}

.text-ds-button-positive-high {
    color: var(--text-color-ds-button-positive-high, #fff)
}

.text-ds-button-positive-low {
    color: var(--text-color-ds-button-positive-low, #149e61)
}

.text-ds-button-positive-low-hover {
    color: var(--text-color-ds-button-positive-low-hover, #149e61)
}

.text-ds-button-positive-medium {
    color: var(--text-color-ds-button-positive-medium, #08844f)
}

.text-ds-button-positive-none {
    color: var(--text-color-ds-button-positive-none, #149e61)
}

.text-ds-button-positive-none-hover {
    color: var(--text-color-ds-button-positive-none-hover, #35df8d)
}

.text-ds-button-primary-high {
    color: var(--text-color-ds-button-primary-high, #fff)
}

.text-ds-button-primary-low {
    color: var(--text-color-ds-button-primary-low, #101114)
}

.text-ds-button-primary-low-hover {
    color: var(--text-color-ds-button-primary-low-hover, #101114)
}

.text-ds-button-primary-medium {
    color: var(--text-color-ds-button-primary-medium, #7132f5)
}

.text-ds-button-primary-none {
    color: var(--text-color-ds-button-primary-none, #101114)
}

.text-ds-button-primary-none-hover {
    color: var(--text-color-ds-button-primary-none-hover, #686b82)
}

.text-ds-button-warning-high {
    color: var(--text-color-ds-button-warning-high, #3b2a00)
}

.text-ds-button-warning-low {
    color: var(--text-color-ds-button-warning-low, #a67c1d)
}

.text-ds-button-warning-low-hover {
    color: var(--text-color-ds-button-warning-low-hover, #a67c1d)
}

.text-ds-button-warning-medium {
    color: var(--text-color-ds-button-warning-medium, #a67c1d)
}

.text-ds-button-warning-none {
    color: var(--text-color-ds-button-warning-none, #a67c1d)
}

.text-ds-button-warning-none-hover {
    color: var(--text-color-ds-button-warning-none-hover, #e8b100)
}

.text-ds-checkbox-check-mark {
    color: var(--text-color-ds-checkbox-check-mark, #fff)
}

.text-ds-checkbox-description {
    color: var(--text-color-ds-checkbox-description, #686b82)
}

.text-ds-checkbox-primary {
    color: var(--text-color-ds-checkbox-primary, #101114)
}

.text-ds-checkboxgroup-description {
    color: var(--text-color-ds-checkboxgroup-description, #686b82)
}

.text-ds-checkboxgroup-primary {
    color: var(--text-color-ds-checkboxgroup-primary, #101114)
}

.text-ds-circle-info-high {
    color: var(--text-color-ds-circle-info-high, #fff)
}

.text-ds-circle-info-low {
    color: var(--text-color-ds-circle-info-low, #006394)
}

.text-ds-circle-negative-high {
    color: var(--text-color-ds-circle-negative-high, #fff)
}

.text-ds-circle-negative-low {
    color: var(--text-color-ds-circle-negative-low, #d11d45)
}

.text-ds-circle-neutral-high {
    color: var(--text-color-ds-circle-neutral-high, #fff)
}

.text-ds-circle-neutral-low {
    color: var(--text-color-ds-circle-neutral-low, #484b5e)
}

.text-ds-circle-positive-high {
    color: var(--text-color-ds-circle-positive-high, #fff)
}

.text-ds-circle-positive-low {
    color: var(--text-color-ds-circle-positive-low, #026b3f)
}

.text-ds-circle-primary-high {
    color: var(--text-color-ds-circle-primary-high, #fff)
}

.text-ds-circle-primary-low {
    color: var(--text-color-ds-circle-primary-low, #7132f5)
}

.text-ds-circle-warning-high {
    color: var(--text-color-ds-circle-warning-high, #101114)
}

.text-ds-circle-warning-low {
    color: var(--text-color-ds-circle-warning-low, #6f5000)
}

.text-ds-datepicker {
    color: var(--text-color-ds-datepicker, #1a1b22)
}

.text-ds-datepicker-disabled {
    color: var(--text-color-ds-datepicker-disabled, #9497a9)
}

.text-ds-datepicker-selected {
    color: var(--text-color-ds-datepicker-selected, #f7f7fa)
}

.text-ds-datepicker-today {
    color: var(--text-color-ds-datepicker-today, #353746)
}

.text-ds-datepicker-weekday {
    color: var(--text-color-ds-datepicker-weekday, #353746)
}

.text-ds-dimmed {
    color: var(--colors-ds-dimmed, #9497a9)
}

.text-ds-disabled {
    color: var(--colors-ds-disabled, #c6c7d2)
}

.text-ds-dropdown-button-content-placeholder {
    color: var(--text-color-ds-dropdown-button-content-placeholder, #686b82)
}

.text-ds-dropdown-button-content-text {
    color: var(--text-color-ds-dropdown-button-content-text, #101114)
}

.text-ds-favourite-button-filled {
    color: var(--text-color-ds-favourite-button-filled, #e8b100)
}

.text-ds-favourite-button-unfilled {
    color: var(--text-color-ds-favourite-button-unfilled, #686b82)
}

.text-ds-filteritem-active {
    color: var(--text-color-ds-filteritem-active, #101114)
}

.text-ds-green-400 {
    color: #149e61
}

.text-ds-grey-1200 {
    color: #101114
}

.text-ds-grey-500 {
    color: #9497a9
}

.text-ds-grey-600 {
    color: #686b82
}

.text-ds-grey-opacity-24 {
    color: #686b823d
}

.text-ds-info {
    color: var(--colors-ds-info, #0079b4)
}

.text-ds-input {
    color: var(--text-color-ds-input, #101114)
}

.text-ds-input-icon {
    color: var(--text-color-ds-input-icon, #9497a9)
}

.text-ds-input-label {
    color: var(--text-color-ds-input-label, #686b82)
}

.text-ds-inputerror-label {
    color: var(--text-color-ds-inputerror-label, #aa0132)
}

.text-ds-inverted {
    color: var(--colors-ds-inverted, #fff)
}

.text-ds-legalnotice-neutral {
    color: var(--text-color-ds-legalnotice-neutral, #9497a9)
}

.text-ds-legalnotice-primary {
    color: var(--text-color-ds-legalnotice-primary, #686b82)
}

.text-ds-menu {
    color: var(--text-color-ds-menu, #686b82)
}

.text-ds-menu-hover {
    color: var(--text-color-ds-menu-hover, #686b82)
}

.text-ds-negative {
    color: var(--colors-ds-negative, #d11d45)
}

.text-ds-neutral {
    color: var(--colors-ds-neutral, #686b82)
}

.text-ds-notification-info {
    color: var(--text-color-ds-notification-info, #002940)
}

.text-ds-notification-negative {
    color: var(--text-color-ds-notification-negative, #3c000c)
}

.text-ds-notification-neutral {
    color: var(--text-color-ds-notification-neutral, #101114)
}

.text-ds-notification-positive {
    color: var(--text-color-ds-notification-positive, #002d17)
}

.text-ds-notification-primary {
    color: var(--text-color-ds-notification-primary, #2b1463)
}

.text-ds-notification-subtitle-info {
    color: var(--text-color-ds-notification-subtitle-info, #003c5c)
}

.text-ds-notification-subtitle-negative {
    color: var(--text-color-ds-notification-subtitle-negative, #5f0018)
}

.text-ds-notification-subtitle-neutral {
    color: var(--text-color-ds-notification-subtitle-neutral, #1a1b22)
}

.text-ds-notification-subtitle-positive {
    color: var(--text-color-ds-notification-subtitle-positive, #004224)
}

.text-ds-notification-subtitle-primary {
    color: var(--text-color-ds-notification-subtitle-primary, #37187d)
}

.text-ds-notification-subtitle-warning {
    color: var(--text-color-ds-notification-subtitle-warning, #553c00)
}

.text-ds-notification-warning {
    color: var(--text-color-ds-notification-warning, #3b2a00)
}

.text-ds-pill {
    color: var(--text-color-ds-pill, #7132f5)
}

.text-ds-positive {
    color: var(--colors-ds-positive, #08844f)
}

.text-ds-primary {
    color: var(--colors-ds-primary, #101114)
}

.text-ds-purple-50 {
    color: #f1efff
}

.text-ds-purple-500 {
    color: #7132f5
}

.text-ds-purple-900 {
    color: #2b1463
}

.text-ds-radio-description {
    color: var(--text-color-ds-radio-description, #686b82)
}

.text-ds-radio-disabled {
    color: var(--text-color-ds-radio-disabled, #c6c7d2)
}

.text-ds-radio-primary {
    color: var(--text-color-ds-radio-primary, #101114)
}

.text-ds-radiogroup-description {
    color: var(--text-color-ds-radiogroup-description, #484b5e)
}

.text-ds-radiogroup-error {
    color: var(--text-color-ds-radiogroup-error, #d11d45)
}

.text-ds-radiogroup-primary {
    color: var(--text-color-ds-radiogroup-primary, #101114)
}

.text-ds-segmented-control-active-negative {
    color: var(--text-color-ds-segmented-control-active-negative, #d11d45)
}

.text-ds-segmented-control-active-positive {
    color: var(--text-color-ds-segmented-control-active-positive, #08844f)
}

.text-ds-segmented-control-active-primary {
    color: var(--text-color-ds-segmented-control-active-primary, #101114)
}

.text-ds-segmented-control-inactive {
    color: var(--text-color-ds-segmented-control-inactive, #686b82)
}

.text-ds-spinner-brand {
    color: var(--text-color-ds-spinner-brand, #7132f5)
}

.text-ds-spinner-dark {
    color: var(--text-color-ds-spinner-dark, #000)
}

.text-ds-spinner-dimmed {
    color: var(--text-color-ds-spinner-dimmed, #686b82)
}

.text-ds-spinner-info {
    color: var(--text-color-ds-spinner-info, #0079b4)
}

.text-ds-spinner-light {
    color: var(--text-color-ds-spinner-light, #fff)
}

.text-ds-spinner-negative {
    color: var(--text-color-ds-spinner-negative, #d11d45)
}

.text-ds-spinner-neutral {
    color: var(--text-color-ds-spinner-neutral, #484b5e)
}

.text-ds-spinner-positive {
    color: var(--text-color-ds-spinner-positive, #08844f)
}

.text-ds-spinner-primary {
    color: var(--text-color-ds-spinner-primary, #101114)
}

.text-ds-spinner-warning {
    color: var(--text-color-ds-spinner-warning, #89640c)
}

.text-ds-stacked-asset-icons {
    color: var(--text-color-ds-stacked-asset-icons, #101114)
}

.text-ds-tabs {
    color: var(--text-color-ds-tabs, #686b82)
}

.text-ds-tabs-onBackground {
    color: var(--text-color-ds-tabs-on-background, #686b82)
}

.text-ds-text-duo-negative-duo {
    color: var(--text-color-ds-text-duo-negative-duo, #d11d45)
}

.text-ds-text-duo-negative-main {
    color: var(--text-color-ds-text-duo-negative-main, #d11d45)
}

.text-ds-text-duo-neutral-duo {
    color: var(--text-color-ds-text-duo-neutral-duo, #9497a9)
}

.text-ds-text-duo-neutral-main {
    color: var(--text-color-ds-text-duo-neutral-main, #686b82)
}

.text-ds-text-duo-positive-duo {
    color: var(--text-color-ds-text-duo-positive-duo, #08844f)
}

.text-ds-text-duo-positive-main {
    color: var(--text-color-ds-text-duo-positive-main, #08844f)
}

.text-ds-text-duo-primary-duo {
    color: var(--text-color-ds-text-duo-primary-duo, #686b82)
}

.text-ds-text-duo-primary-main {
    color: var(--text-color-ds-text-duo-primary-main, #101114)
}

.text-ds-tooltip-text {
    color: var(--text-color-ds-tooltip-text, #686b82)
}

.text-ds-tooltip-title {
    color: var(--text-color-ds-tooltip-title, #101114)
}

.text-ds-warning {
    color: var(--colors-ds-warning, #c39621)
}

.text-ds-white-pure {
    color: #fff
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity, 1))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity, 1))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity, 1))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity, 1))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity, 1))
}

.text-green-400 {
    --tw-text-opacity: 1;
    color: rgb(74 222 128/var(--tw-text-opacity, 1))
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94/var(--tw-text-opacity, 1))
}

.text-inherit {
    color: inherit
}

.text-kraken-brand {
    --tw-text-opacity: 1;
    color: rgb(113 50 245/var(--tw-text-opacity, 1))
}

.text-kraken-g-200 {
    --tw-text-opacity: 1;
    color: rgb(103 197 112/var(--tw-text-opacity, 1))
}

.text-kraken-g-300 {
    --tw-text-opacity: 1;
    color: rgb(59 155 74/var(--tw-text-opacity, 1))
}

.text-kraken-i-300 {
    --tw-text-opacity: 1;
    color: rgb(123 119 153/var(--tw-text-opacity, 1))
}

.text-kraken-i-600 {
    --tw-text-opacity: 1;
    color: rgb(14 12 40/var(--tw-text-opacity, 1))
}

.text-kraken-n-200 {
    --tw-text-opacity: 1;
    color: rgb(175 175 175/var(--tw-text-opacity, 1))
}

.text-kraken-n-300 {
    --tw-text-opacity: 1;
    color: rgb(137 137 137/var(--tw-text-opacity, 1))
}

.text-kraken-n-400 {
    --tw-text-opacity: 1;
    color: rgb(101 101 101/var(--tw-text-opacity, 1))
}

.text-kraken-n-500 {
    --tw-text-opacity: 1;
    color: rgb(67 67 67/var(--tw-text-opacity, 1))
}

.text-kraken-n-600 {
    --tw-text-opacity: 1;
    color: rgb(36 36 36/var(--tw-text-opacity, 1))
}

.text-kraken-p-300 {
    --tw-text-opacity: 1;
    color: rgb(137 104 255/var(--tw-text-opacity, 1))
}

.text-kraken-p-650 {
    --tw-text-opacity: 1;
    color: rgb(30 4 93/var(--tw-text-opacity, 1))
}

.text-kraken-pt-300 {
    --tw-text-opacity: 1;
    color: rgb(222 217 247/var(--tw-text-opacity, 1))
}

.text-kraken-r-200 {
    --tw-text-opacity: 1;
    color: rgb(251 114 115/var(--tw-text-opacity, 1))
}

.text-kraken-r-300 {
    --tw-text-opacity: 1;
    color: rgb(226 68 77/var(--tw-text-opacity, 1))
}

.text-orange-400 {
    --tw-text-opacity: 1;
    color: rgb(251 146 60/var(--tw-text-opacity, 1))
}

.text-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(249 115 22/var(--tw-text-opacity, 1))
}

.text-purple-500 {
    --tw-text-opacity: 1;
    color: rgb(168 85 247/var(--tw-text-opacity, 1))
}

.text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(248 113 113/var(--tw-text-opacity, 1))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity, 1))
}

.text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(185 28 28/var(--tw-text-opacity, 1))
}

.text-transparent {
    color: #0000
}

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

.text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgb(250 204 21/var(--tw-text-opacity, 1))
}

.underline {
    text-decoration-line: underline
}

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

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

.decoration-solid {
    text-decoration-style: solid
}

.decoration-dashed {
    text-decoration-style: dashed
}

.decoration-from-font {
    text-decoration-thickness: from-font
}

.underline-offset-4 {
    text-underline-offset: 4px
}

.placeholder-ds-input::placeholder {
    color: var(--placeholder-color-ds-input, #686b82)
}

.placeholder-transparent::placeholder {
    color: #0000
}

.caret-ds-input {
    caret-color: var(--caret-color-ds-input, inherit)
}

.caret-primary {
    caret-color: #5841d8
}

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

.\!opacity-100 {
    opacity: 1 !important
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-20 {
    opacity: .2
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.opacity-80 {
    opacity: .8
}

.opacity-85 {
    opacity: .85
}

.opacity-95 {
    opacity: .95
}

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

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

.opacity-\[var\(--submenu-opacity\)\] {
    opacity: var(--submenu-opacity)
}

.opacity-ds-disabled {
    opacity: .4
}

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

.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_1rem_0_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: 0 0 1rem 0 #00000026;
    --tw-shadow-colored: 0 0 1rem 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-\[0px_9px_20px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: 0px 9px 20px #0000000f;
    --tw-shadow-colored: 0px 9px 20px 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, 0px 0px 0px 0px #000);
    --tw-shadow-colored: 0px 0px 0px 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-ds-1 {
    --tw-shadow: var(--box-shadow-ds-1, 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-ds-2 {
    --tw-shadow: var(--box-shadow-ds-2, 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-ds-3 {
    --tw-shadow: 0px 4px 8px -2px #10182812;
    --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)
}

.shadow-ds-4 {
    --tw-shadow: var(--box-shadow-ds-4, 0px 12px 16px -4px #1018280f);
    --tw-shadow-colored: 0px 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-ds-5 {
    --tw-shadow: var(--box-shadow-ds-5, 0px 20px 24px -4px #1018280f);
    --tw-shadow-colored: 0px 20px 24px -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-ds-6 {
    --tw-shadow: var(--box-shadow-ds-6, 0px 24px 48px -12px #1018282e);
    --tw-shadow-colored: 0px 24px 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-ds-7 {
    --tw-shadow: var(--box-shadow-ds-7, 0px 32px 64px -12px #10182824);
    --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-ds-accordion {
    --tw-shadow: var(--box-shadow-ds-accordion, inset 0 1px 0 0 #686b821f);
    --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-banner {
    --tw-shadow: var(--box-shadow-ds-banner, 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-ds-base-drawer {
    --tw-shadow: var(--box-shadow-ds-base-drawer, 0px 4px 150px 0px #00000080);
    --tw-shadow-colored: 0px 4px 150px 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-ds-button-primary-high {
    --tw-shadow: var(--box-shadow-ds-button-primary-high, none);
    --tw-shadow-colored: var(--box-shadow-ds-button-primary-high, none);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-button-primary-medium {
    --tw-shadow: var(--box-shadow-ds-button-primary-medium, none);
    --tw-shadow-colored: var(--box-shadow-ds-button-primary-medium, none);
    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, 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-ds-datepicker {
    --tw-shadow: var(--box-shadow-ds-datepicker, 0px 4px 8px -2px #10182812);
    --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)
}

.shadow-ds-datepicker-selected-day {
    --tw-shadow: var(--box-shadow-ds-datepicker-selected-day, none);
    --tw-shadow-colored: var(--box-shadow-ds-datepicker-selected-day, none);
    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, 0px 12px 16px -4px #1018280f);
    --tw-shadow-colored: 0px 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-ds-menu {
    --tw-shadow: var(--box-shadow-ds-menu, 0px 4px 8px -2px #00000026);
    --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)
}

.shadow-ds-popover {
    --tw-shadow: var(--box-shadow-ds-popover, 0px 4px 8px -2px #10182812);
    --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)
}

.shadow-ds-segmented-control-active {
    --tw-shadow: var(--box-shadow-ds-segmented-control-active, 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-ds-tabs-background-active {
    --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-ds-toggle-off {
    --tw-shadow: var(--box-shadow-ds-toggle-off, 0 0 1px 1px #686b8214);
    --tw-shadow-colored: 0 0 1px 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-toggle-on {
    --tw-shadow: var(--box-shadow-ds-toggle-on, 0 0 1px 1px #686b8214);
    --tw-shadow-colored: 0 0 1px 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-tooltip-popup {
    --tw-shadow: var(--box-shadow-ds-tooltip-popup, 0px 4px 8px -2px #10182812, 0px 0px 3px -1px #10182866);
    --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)
}

.shadow-ds-web-2 {
    --tw-shadow: 0px 4px 24px #00000008;
    --tw-shadow-colored: 0px 4px 24px 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-web-3 {
    --tw-shadow: 0px 2px 32px #00000014;
    --tw-shadow-colored: 0px 2px 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-ds-web-4 {
    --tw-shadow: 0px 12px 16px -4px #1018280f;
    --tw-shadow-colored: 0px 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-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-md {
    --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -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)
}

.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-xl {
    --tw-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -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)
}

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

.outline {
    outline-style: solid
}

.outline-0 {
    outline-width: 0
}

.outline-2 {
    outline-width: 2px
}

.outline-4 {
    outline-width: 4px
}

.\!outline-offset-0 {
    outline-offset: 0px !important
}

.-outline-offset-2 {
    outline-offset: -2px
}

.-outline-offset-4 {
    outline-offset: -4px
}

.outline-offset-0 {
    outline-offset: 0px
}

.outline-offset-2 {
    outline-offset: 2px
}

.outline-offset-\[-1px\] {
    outline-offset: -1px
}

.outline-offset-\[-2px\],
.outline-offset-ds-accordion,
.outline-offset-ds-button,
.outline-offset-ds-input,
.outline-offset-ds-table-row,
.outline-offset-ds-tabs,
.outline-offset-ds-toggle {
    outline-offset: -2px
}

.outline-ds-brand {
    outline-color: var(--colors-ds-brand, #7132f5)
}

.outline-ds-button {
    outline-color: var(--outline-color-ds-button, #7132f5)
}

.outline-ds-card-selected {
    outline-color: var(--outline-color-ds-card-selected, #7132f5)
}

.outline-ds-favourite-button {
    outline-color: var(--outline-color-ds-favourite-button, #7132f5)
}

.outline-ds-input {
    outline-color: var(--outline-color-ds-input, #7132f5)
}

.outline-ds-input-error {
    outline-color: var(--outline-color-ds-input-error, #f5395e)
}

.outline-ds-legend-item-dimmed {
    outline-color: var(--outline-color-ds-legend-item-dimmed, #9497a9)
}

.outline-ds-menu {
    outline-color: var(--outline-color-ds-menu, #7132f5)
}

.outline-ds-popover {
    outline-color: var(--outline-color-ds-popover, #7132f5)
}

.outline-ds-table-header-cell {
    outline-color: var(--outline-color-ds-table-header-cell, #7132f5)
}

.outline-ds-table-row {
    outline-color: #7132f5
}

.outline-ds-tabs {
    outline-color: var(--outline-color-ds-tabs, #7132f5)
}

.outline-ds-textlink {
    outline-color: var(--outline-color-ds-textlink, #7132f5)
}

.outline-ds-toggle {
    outline-color: var(--outline-color-ds-toggle, #ffffff3d)
}

.outline-green-500 {
    outline-color: #22c55e
}

.outline-primary {
    outline-color: #5841d8
}

.outline-red-500 {
    outline-color: #ef4444
}

.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-ds-brand {
    --tw-ring-color: var(--colors-ds-brand, #7132f5)
}

.ring-ds-neutral {
    --tw-ring-color: var(--colors-ds-neutral, #686b82)
}

.ring-ds-primary {
    --tw-ring-color: var(--colors-ds-primary, #101114)
}

.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-\[5px\] {
    --tw-blur: blur(5px);
    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-sm {
    --tw-blur: blur(4px);
    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)
}

.drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px #00000012)drop-shadow(0 2px 2px #0000000f);
    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)
}

.drop-shadow-text-contrast {
    --tw-drop-shadow: drop-shadow(0 1px 9px #0003)drop-shadow(0 1px 1px #00000047);
    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)
}

.backdrop-blur-3xl {
    --tw-backdrop-blur: blur(64px);
    -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-\[10px\] {
    --tw-backdrop-blur: blur(10px);
    -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-\[15px\] {
    --tw-backdrop-blur: blur(15px);
    -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-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -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, 30px));
    -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-sm {
    --tw-backdrop-blur: blur(4px);
    -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-\[box-shadow\] {
    transition-property: box-shadow !important;
    transition-duration: .15s !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.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-\[clip-path\] {
    transition-property: clip-path;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[color_\.1s_ease-in\] {
    transition-property: color .1s ease-in;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

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

.transition-\[height2cwidth\] {
    transition-property: height2cwidth;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[height\] {
    transition-property: height;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[max-height\] {
    transition-property: max-height;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[opacity\,height\,padding-top\,padding-bottom\,background-color\] {
    transition-property: opacity, height, padding-top, padding-bottom, background-color;
    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-\[transform\,opacity\] {
    transition-property: transform, opacity;
    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)
}

.delay-0 {
    transition-delay: 0s
}

.delay-300 {
    transition-delay: .3s
}

.delay-\[var\(--animate-delay\)\] {
    transition-delay: var(--animate-delay)
}

.\!duration-500 {
    transition-duration: .5s !important
}

.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-700 {
    transition-duration: .7s
}

.duration-75 {
    transition-duration: 75ms
}

.duration-\[\.1s\] {
    transition-duration: .1s
}

.duration-\[\.2s\] {
    transition-duration: .2s
}

.duration-\[0\.25s\] {
    transition-duration: .25s
}

.duration-\[0\.3s\] {
    transition-duration: .3s
}

.duration-\[150ms\] {
    transition-duration: .15s
}

.duration-\[400ms\] {
    transition-duration: .4s
}

.duration-\[var\(--animate-time\)\] {
    transition-duration: var(--animate-time)
}

.duration-\[var\(--transition-duration\)\] {
    transition-duration: var(--transition-duration)
}

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

.ease-\[cubic-bezier\(0\,-0\.01\,0\.19\,0\.99\)\] {
    transition-timing-function: cubic-bezier(0, -.01, .19, .99)
}

.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-light-bg {
    --ds-bg-color: #f6f5f9;
    --ds-bg-parent-color: #f6f5f9;
    background-color: #f6f5f9
}

.ds-trade-dark-bg {
    --ds-bg-color: #0d0a14;
    --ds-bg-parent-color: #0d0a14;
    background-color: #0d0a14
}

.ds-magic-light-bg {
    --ds-bg-color: #f6f5f9;
    --ds-bg-parent-color: #f6f5f9;
    background-color: #f6f5f9
}

.ds-magic-dark-bg {
    --ds-bg-color: #0b0611;
    --ds-bg-parent-color: #0b0611;
    background-color: #0b0611
}

.ds-pay-light-bg {
    --ds-bg-color: #efefea;
    --ds-bg-parent-color: #efefea;
    background-color: #efefea
}

.ds-pay-dark-bg {
    --ds-bg-color: #0d0d0d;
    --ds-bg-parent-color: #0d0d0d;
    background-color: #0d0d0d
}

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

.rounded-ds-button-lg {
    border-radius: var(--border-radius-ds-button-lg)
}

.rounded-ds-button-md {
    border-radius: var(--border-radius-ds-button-md)
}

.rounded-ds-button-sm {
    border-radius: var(--border-radius-ds-button-sm)
}

.rounded-ds-button-xl {
    border-radius: var(--border-radius-ds-button-xl)
}

.rounded-ds-button-xs {
    border-radius: var(--border-radius-ds-button-xs)
}

.rounded-ds-button-xxl {
    border-radius: var(--border-radius-ds-button-xxl)
}

.rounded-ds-button-xxs {
    border-radius: var(--border-radius-ds-button-xxs)
}

.rounded-ds-inputerror-middle-sm {
    border-radius: var(--border-radius-ds-inputerror-middle-sm)
}

.rounded-t-ds-inputerror-middle-sm {
    border-top-left-radius: var(--border-radius-ds-inputerror-middle-sm);
    border-top-right-radius: var(--border-radius-ds-inputerror-middle-sm)
}

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

.rounded-ds-inputerror-single-sm {
    border-radius: var(--border-radius-ds-inputerror-single-sm)
}

.rounded-t-ds-inputerror-single-sm {
    border-top-left-radius: var(--border-radius-ds-inputerror-single-sm);
    border-top-right-radius: var(--border-radius-ds-inputerror-single-sm)
}

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

.rounded-ds-inputerror-middle-md {
    border-radius: var(--border-radius-ds-inputerror-middle-md)
}

.rounded-t-ds-inputerror-middle-md {
    border-top-left-radius: var(--border-radius-ds-inputerror-middle-md);
    border-top-right-radius: var(--border-radius-ds-inputerror-middle-md)
}

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

.rounded-ds-inputerror-single-md {
    border-radius: var(--border-radius-ds-inputerror-single-md)
}

.rounded-t-ds-inputerror-single-md {
    border-top-left-radius: var(--border-radius-ds-inputerror-single-md);
    border-top-right-radius: var(--border-radius-ds-inputerror-single-md)
}

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

.rounded-ds-pill-sm {
    border-radius: var(--border-radius-ds-pill-sm)
}

.rounded-ds-pill-md {
    border-radius: var(--border-radius-ds-pill-md)
}

.rounded-ds-pill-lg {
    border-radius: var(--border-radius-ds-pill-lg)
}

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

.no-arrows::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.no-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.no-arrows {
    -moz-appearance: textfield
}

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

.\[--fill-ds-icon-neutral\:rgba\(104\,107\,130\,1\.00\)\] {
    --fill-ds-icon-neutral: #686b82
}

.\[-ms-overflow-style\:none\] {
    -ms-overflow-style: none
}

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

.\!\[align-items\:initial\] {
    align-items: initial !important
}

.\[align-items\:var\(--layout-flex-align-items\)\] {
    align-items: var(--layout-flex-align-items)
}

.\[align-items\:var\(--list-item-align-items\)\] {
    align-items: var(--list-item-align-items)
}

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

.\[appearance\:textfield\] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.\[background-image\:var\(--background-image\)\] {
    background-image: var(--background-image)
}

.\[background\:var\(--facade-responsive-background\)\] {
    background: var(--facade-responsive-background)
}

.\[border-color\:var\(--ds-bg-parent-color\)\] {
    border-color: var(--ds-bg-parent-color)
}

.\!\[box-shadow\:0px_34px_14px_rgba\(0\,0\,0\,0\.01\)\,0px_19px_12px_rgba\(0\,0\,0\,0\.03\)\,0px_9px_9px_rgba\(0\,0\,0\,0\.05\)\,0px_2px_5px_rgba\(0\,0\,0\,0\.05\)\,0px_0px_0px_rgba\(0\,0\,0\,0\.06\)\] {
    box-shadow: 0 34px 14px #00000003, 0 19px 12px #00000008, 0 9px 9px #0000000d, 0 2px 5px #0000000d, 0 0 #0000000f !important
}

.\[column-gap\:var\(--layout-flex-column-gap\)\] {
    -moz-column-gap: var(--layout-flex-column-gap);
    column-gap: var(--layout-flex-column-gap)
}

.\[counter-increment\:item\] {
    counter-increment: item
}

.\[counter-increment\:ordered-list\] {
    counter-increment: ordered-list
}

.\[counter-reset\:_item\] {
    counter-reset: item
}

.\[counter-reset\:ordered-list\] {
    counter-reset: ordered-list
}

.\[filter\:var\(--facade-responsive-filter\)\] {
    filter: var(--facade-responsive-filter)
}

.\[flex-basis\:var\(--layout-flex-item-flex-basis\)\] {
    flex-basis: var(--layout-flex-item-flex-basis)
}

.\[flex-direction\:var\(--layout-flex-flex-direction\)\] {
    flex-direction: var(--layout-flex-flex-direction)
}

.\[flex-grow\:var\(--layout-flex-item-flex-grow\)\] {
    flex-grow: var(--layout-flex-item-flex-grow)
}

.\[flex-wrap\:var\(--layout-flex-flex-wrap\)\] {
    flex-wrap: var(--layout-flex-flex-wrap)
}

.\[gap\:var\(--grid-gap\)\] {
    gap: var(--grid-gap)
}

.\[grid-area\:content\] {
    grid-area: content
}

.\[grid-area\:image\] {
    grid-area: image
}

.\[grid-column-gap\:80px\] {
    grid-column-gap: 80px
}

.\[grid-row-gap\:40px\] {
    grid-row-gap: 40px
}

.\[grid-template-areas\:\"content_image\"\] {
    grid-template-areas: "content image"
}

.\[grid-template-areas\:\"image_content\"\] {
    grid-template-areas: "image content"
}

.\[justify-content\:var\(--layout-flex-justify-content\)\] {
    justify-content: var(--layout-flex-justify-content)
}

.\[justify-content\:var\(--simple-image-justify-content\)\] {
    justify-content: var(--simple-image-justify-content)
}

.\[mask-clip\:content-box\,border-box\] {
    -webkit-mask-clip: content-box, border-box;
    mask-clip: content-box, border-box
}

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

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

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

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

.\[mask-image\:radial-gradient\(circle_at_300px_300px\,rgba\(0\,0\,0\,0\.9\)_0px\,transparent_300px\)\] {
    -webkit-mask-image: radial-gradient(circle at 300px 300px, #000000e6 0, #0000 300px);
    mask-image: radial-gradient(circle at 300px 300px, #000000e6 0, #0000 300px)
}

.\[mask-image\:var\(--facade-responsive-mask-image\)\] {
    -webkit-mask-image: var(--facade-responsive-mask-image);
    -webkit-mask-image: var(--facade-responsive-mask-image);
    -webkit-mask-image: var(--facade-responsive-mask-image);
    mask-image: var(--facade-responsive-mask-image)
}

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

.\[mask-size\:200\%_200\%\] {
    -webkit-mask-size: 200% 200%;
    mask-size: 200% 200%
}

.\[maskImage\:linear-gradient\(to_bottom\,transparent_0\%\,black_10\%\,black_90\%\,transparent_100\%\)\] {
    -webkit-mask-image: linear-gradient(#0000 0%, #000 10% 90%, #0000 100%);
    mask-image: linear-gradient(#0000 0%, #000 10% 90%, #0000 100%)
}

.\[opacity\:var\(--opacity-end\)\] {
    opacity: var(--opacity-end)
}

.\[opacity\:var\(--opacity-start\)\] {
    opacity: var(--opacity-start)
}

.\[overflow\:var\(--background-overflow\)\] {
    overflow: var(--background-overflow)
}

.\[row-gap\:var\(--layout-flex-row-gap\)\] {
    row-gap: var(--layout-flex-row-gap)
}

.\[scrollbar-width\:none\] {
    scrollbar-width: none
}

.\[text-align\:var\(--call-to-action-text-alignment\)\] {
    text-align: var(--call-to-action-text-alignment)
}

.\[text-align\:var\(--simple-image-text-align\)\] {
    text-align: var(--simple-image-text-align)
}

.\!\[text-transform\:initial\] {
    text-transform: initial !important
}

.\[transform\:var\(--facade-responsive-transform\)\] {
    transform: var(--facade-responsive-transform)
}

.\[transform\:var\(--submenu-transform\)\] {
    transform: var(--submenu-transform)
}

.\[transform\:var\(--transform-end\)\] {
    transform: var(--transform-end)
}

.\[transform\:var\(--transform-start\)\] {
    transform: var(--transform-start)
}

.\[transition-timing-function\:var\(--animate-ease\)\] {
    transition-timing-function: var(--animate-ease)
}

.bg-ds-dialog .before\:bg-ds-table-sticky:before {
    content: var(--tw-content);
    background-color: var(--background-color-ds-table-cell-sticky-dialog, #fff)
}

.bg-ds-dialog .hover\:bg-ds-table-row-hover:hover .before\:bg-ds-table-sticky:before {
    content: var(--tw-content);
    background-color: var(--background-color-ds-table-cell-sticky-dialog-hover, #f9f9fa)
}

.bg-ds-dialog .bg-ds-container .before\:bg-ds-table-sticky:before {
    content: var(--tw-content);
    background-color: var(--background-color-ds-table-cell-sticky-container, #fff)
}

.bg-ds-dialog .bg-ds-container .hover\:bg-ds-table-row-hover:hover .before\:bg-ds-table-sticky:before {
    content: var(--tw-content);
    background-color: var(--background-color-ds-table-cell-sticky-container-hover, #f9f9fa)
}

.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);
    background-color: var(--background-color-ds-table-cell-sticky-container-card, #f7f7f8)
}

.bg-ds-container .bg-ds-card .hover\:bg-ds-table-row-hover:hover .before\:bg-ds-table-sticky:before,
.bg-ds-base-drawer .bg-ds-card .hover\:bg-ds-table-row-hover:hover .before\:bg-ds-table-sticky:before {
    content: var(--tw-content);
    background-color: var(--background-color-ds-table-cell-sticky-container-card-hover, #f1f1f3)
}

.bg-ds-container .before\:bg-ds-table-sticky:before,
.bg-ds-base-drawer .before\:bg-ds-table-sticky:before {
    content: var(--tw-content);
    background-color: var(--background-color-ds-table-cell-sticky-container, #fff)
}

.bg-ds-container .hover\:bg-ds-table-row-hover:hover .before\:bg-ds-table-sticky:before,
.bg-ds-base-drawer .hover\:bg-ds-table-row-hover:hover .before\:bg-ds-table-sticky:before {
    content: var(--tw-content);
    background-color: var(--background-color-ds-table-cell-sticky-container-hover, #f9f9fa)
}

.bg-ds-dialog .group\/header:hover .group-hover\/header\:bg-ds-table-sticky {
    background-color: var(--background-color-ds-table-cell-sticky-dialog, #fff)
}

.bg-ds-dialog .hover\:bg-ds-table-row-hover:hover .group\/header:hover .group-hover\/header\:bg-ds-table-sticky {
    background-color: var(--background-color-ds-table-cell-sticky-dialog-hover, #f9f9fa)
}

.bg-ds-dialog .bg-ds-container .group\/header:hover .group-hover\/header\:bg-ds-table-sticky {
    background-color: var(--background-color-ds-table-cell-sticky-container, #fff)
}

.bg-ds-dialog .bg-ds-container .hover\:bg-ds-table-row-hover:hover .group\/header:hover .group-hover\/header\:bg-ds-table-sticky {
    background-color: var(--background-color-ds-table-cell-sticky-container-hover, #f9f9fa)
}

.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 {
    background-color: var(--background-color-ds-table-cell-sticky-container-card, #f7f7f8)
}

.bg-ds-container .bg-ds-card .hover\:bg-ds-table-row-hover:hover .group\/header:hover .group-hover\/header\:bg-ds-table-sticky,
.bg-ds-base-drawer .bg-ds-card .hover\:bg-ds-table-row-hover:hover .group\/header:hover .group-hover\/header\:bg-ds-table-sticky {
    background-color: var(--background-color-ds-table-cell-sticky-container-card-hover, #f1f1f3)
}

.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 {
    background-color: var(--background-color-ds-table-cell-sticky-container, #fff)
}

.bg-ds-container .hover\:bg-ds-table-row-hover:hover .group\/header:hover .group-hover\/header\:bg-ds-table-sticky,
.bg-ds-base-drawer .hover\:bg-ds-table-row-hover:hover .group\/header:hover .group-hover\/header\:bg-ds-table-sticky {
    background-color: var(--background-color-ds-table-cell-sticky-container-hover, #f9f9fa)
}

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

@media not all and (min-width:768px) {
    .max-md\:grid-areas-\[image\|children\] {
        grid-template-areas: "image" "children"
    }
}

@media not all and (min-width:640px) {
    .max-sm\:grid-template-\[\"input\"\|\"disclaimer\"\|\"cta\"\|\/_1fr_\!important\] {
        grid-template: "input" "disclaimer" "cta" /1fr !important
    }
}

@media (min-width:768px) {
    .md\: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
    }
}

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

.\[\&_blockquote\]\:text-ds-body1 blockquote {
    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)
}

.\*\:scale-150>* {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
    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))
}

.placeholder\:text-ds-neutral::placeholder {
    color: var(--colors-ds-neutral, #686b82)
}

.placeholder\:text-ds-primary::placeholder {
    color: var(--colors-ds-primary, #101114)
}

.placeholder\:text-white::placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.before\:pointer-events-none:before {
    content: var(--tw-content);
    pointer-events: none
}

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

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

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

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

.before\:left-0:before {
    content: var(--tw-content);
    left: 0
}

.before\:start-0:before {
    content: var(--tw-content)
}

.before\:start-0:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
    left: 0
}

.before\:start-0:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
    left: 0
}

.before\:start-0:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
    left: 0
}

.before\:start-0:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
    left: 0
}

.before\:start-0:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
    left: 0
}

.before\:start-0:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
    right: 0
}

.before\:start-0:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
    right: 0
}

.before\:start-0:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
    right: 0
}

.before\:top-0:before {
    content: var(--tw-content);
    top: 0
}

.before\:top-\[-20px\]:before {
    content: var(--tw-content);
    top: -20px
}

.before\:z-\[1\]:before {
    content: var(--tw-content);
    z-index: 1
}

.before\:mt-2:before {
    content: var(--tw-content);
    margin-top: .5rem
}

.before\:block:before {
    content: var(--tw-content);
    display: block
}

.before\:h-\[20px\]:before {
    content: var(--tw-content);
    height: 20px
}

.before\:h-full:before {
    content: var(--tw-content);
    height: 100%
}

.before\:h-px:before {
    content: var(--tw-content);
    height: 1px
}

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

.before\:w-full:before {
    content: var(--tw-content);
    width: 100%
}

.before\:max-w-8:before {
    content: var(--tw-content);
    max-width: 2rem
}

.before\:bg-kraken-gray-300:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(233 233 233/var(--tw-bg-opacity, 1))
}

.before\:bg-gradient-to-r:before {
    content: var(--tw-content);
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.before\:from-\[var\(--ds-bg-parent-color\)\]:before {
    content: var(--tw-content);
    --tw-gradient-from: var(--ds-bg-parent-color)var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.before\:to-transparent:before {
    content: var(--tw-content);
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.before\:font-kraken-product:before {
    content: var(--tw-content);
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif
}

.before\:text-2xl\/6:before {
    content: var(--tw-content);
    font-size: 1.5rem;
    line-height: 1.5rem
}

.before\:text-\[length\:36px\]:before {
    content: var(--tw-content);
    font-size: 36px
}

.before\:font-bold:before {
    content: var(--tw-content);
    font-weight: 700
}

.before\:font-medium:before {
    content: var(--tw-content);
    font-weight: 500
}

.before\:leading-\[44px\]:before {
    content: var(--tw-content);
    line-height: 44px
}

.before\:text-kraken-n-400:before {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(101 101 101/var(--tw-text-opacity, 1))
}

.before\:content-\[\"\"\]:before,
.before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content)
}

.before\:content-\[\'_\'\]:before {
    --tw-content: " ";
    content: var(--tw-content)
}

.before\:content-\[counter\(item\)_\"\.\"\]:before {
    --tw-content: counter(item)".";
    content: var(--tw-content)
}

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

.before\:\[content\:counter\(ordered-list\)\]:before {
    content: counter(ordered-list)
}

.before\:\[mask-image\:linear-gradient\(to_left\,rgba\(0\,0\,0\,0\)\,rgba\(0\,0\,0\,1\)\)\]:before {
    content: var(--tw-content);
    -webkit-mask-image: linear-gradient(270deg, #0000, #000);
    mask-image: linear-gradient(270deg, #0000, #000)
}

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

.after\:pointer-events-none:after {
    content: var(--tw-content);
    pointer-events: none
}

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

.after\:bottom-\[50\%\]:after {
    content: var(--tw-content);
    bottom: 50%
}

.after\:end-0:after {
    content: var(--tw-content)
}

.after\:end-0:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
    right: 0
}

.after\:end-0:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
    right: 0
}

.after\:end-0:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
    right: 0
}

.after\:end-0:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
    right: 0
}

.after\:end-0:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
    right: 0
}

.after\:end-0:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
    left: 0
}

.after\:end-0:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
    left: 0
}

.after\:end-0:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
    left: 0
}

.after\:right-0:after {
    content: var(--tw-content);
    right: 0
}

.after\:start-0:after {
    content: var(--tw-content)
}

.after\:start-0:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
    left: 0
}

.after\:start-0:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
    left: 0
}

.after\:start-0:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
    left: 0
}

.after\:start-0:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
    left: 0
}

.after\:start-0:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
    left: 0
}

.after\:start-0:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
    right: 0
}

.after\:start-0:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
    right: 0
}

.after\:start-0:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
    right: 0
}

.after\:top-0:after {
    content: var(--tw-content);
    top: 0
}

.after\:top-\[50\%\]:after {
    content: var(--tw-content);
    top: 50%
}

.after\:h-\[2px\]:after {
    content: var(--tw-content);
    height: 2px
}

.after\:h-full:after {
    content: var(--tw-content);
    height: 100%
}

.after\:h-px:after {
    content: var(--tw-content);
    height: 1px
}

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

.after\:w-full:after {
    content: var(--tw-content);
    width: 100%
}

.after\:bg-kraken-gray-300:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(233 233 233/var(--tw-bg-opacity, 1))
}

.after\:bg-kraken-n-600:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(36 36 36/var(--tw-bg-opacity, 1))
}

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

.after\:bg-gradient-to-l:after {
    content: var(--tw-content);
    background-image: linear-gradient(to left, var(--tw-gradient-stops))
}

.after\:from-\[var\(--ds-bg-parent-color\)\]:after {
    content: var(--tw-content);
    --tw-gradient-from: var(--ds-bg-parent-color)var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.after\:to-transparent:after {
    content: var(--tw-content);
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.after\:opacity-\[0\.4\]:after {
    content: var(--tw-content);
    opacity: .4
}

.after\:content-\[\"\"\"\"\]:after {
    --tw-content: "" "";
    content: var(--tw-content)
}

.after\:content-\[\"\"\]:after,
.after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content)
}

.after\:content-\[\'_\'\]:after {
    --tw-content: " ";
    content: var(--tw-content)
}

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

.first\:h-full:first-child {
    height: 100%
}

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

.first\:rounded-s-lg:first-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.first\:rounded-s-lg:first-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.first\:rounded-s-lg:first-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.first\:rounded-s-lg:first-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.first\:rounded-s-lg:first-child:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.first\:rounded-s-lg:first-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.first\:rounded-s-lg:first-child:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.first\:rounded-s-lg:first-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.first\:rounded-s-xl:first-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.first\:rounded-s-xl:first-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.first\:rounded-s-xl:first-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.first\:rounded-s-xl:first-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.first\:rounded-s-xl:first-child:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.first\:rounded-s-xl:first-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.first\:rounded-s-xl:first-child:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.first\:rounded-s-xl:first-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: .75rem;
    border-bottom-right-radius: .75rem
}

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

.first\:ps-3:first-child {
    padding-inline-start: .75rem
}

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

.last\:me-0:last-child {
    margin-inline-end: 0
}

.last\:ms-1\.5:last-child {
    margin-inline-start: .375rem
}

.last\:rounded-e-lg:last-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.last\:rounded-e-lg:last-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.last\:rounded-e-lg:last-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.last\:rounded-e-lg:last-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.last\:rounded-e-lg:last-child:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.last\:rounded-e-lg:last-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.last\:rounded-e-lg:last-child:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.last\:rounded-e-lg:last-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.last\:rounded-e-xl:last-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.last\:rounded-e-xl:last-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.last\:rounded-e-xl:last-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.last\:rounded-e-xl:last-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.last\:rounded-e-xl:last-child:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.last\:rounded-e-xl:last-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.last\:rounded-e-xl:last-child:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: .75rem;
    border-bottom-left-radius: .75rem
}

.last\:rounded-e-xl:last-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: .75rem;
    border-bottom-left-radius: .75rem
}

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

.last\:border-b-0:last-child {
    border-bottom-width: 0
}

.last\:pb-0:last-child {
    padding-bottom: 0
}

.even\:bg-ds-table-row-even:nth-child(2n) {
    background-color: var(--background-color-ds-table-row-even, #686b820a)
}

.last-of-type\:mb-0:last-of-type {
    margin-bottom: 0
}

.focus-within\:bg-ds-input-error-focused:focus-within {
    background-color: var(--background-color-ds-input-error-focused, #686b821f)
}

.focus-within\:bg-ds-input-selected:focus-within {
    background-color: var(--background-color-ds-input-selected, #686b820a)
}

.focus-within\:outline:focus-within {
    outline-style: solid
}

.focus-within\:outline-ds-input:focus-within {
    outline-color: var(--outline-color-ds-input, #7132f5)
}

.focus-within\:outline-ds-input-error-focused:focus-within {
    outline-color: var(--outline-color-ds-input-error-focused, #f5395e)
}

.hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    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))
}

.hover\:cursor-default:hover {
    cursor: default
}

.hover\:cursor-pointer:hover {
    cursor: pointer
}

.hover\:cursor-text:hover {
    cursor: text
}

.hover\:border-x-ds-table-header-cell-hover:hover {
    border-left-color: var(--border-color-ds-table-header-cell-hover, #5b1ecf);
    border-right-color: var(--border-color-ds-table-header-cell-hover, #5b1ecf)
}

.hover\:\!bg-kraken-pt-100:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(247 246 253/var(--tw-bg-opacity, 1)) !important
}

.hover\:bg-\[rgba\(104\,107\,130\,0\.04\)\]:hover {
    background-color: #686b820a
}

.hover\:bg-blue-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246/var(--tw-bg-opacity, 1))
}

.hover\:bg-ds-accordion-hover:hover {
    background-color: var(--background-color-ds-accordion-hover, #0000)
}

.hover\:bg-ds-button-brand-high-hover:hover {
    background-color: var(--background-color-ds-button-brand-high-hover, #5b1ecf)
}

.hover\:bg-ds-button-brand-low-hover:hover {
    background-color: var(--background-color-ds-button-brand-low-hover, #855bfb29)
}

.hover\:bg-ds-button-brand-medium-hover:hover {
    background-color: var(--background-color-ds-button-brand-medium-hover, #855bfb52)
}

.hover\:bg-ds-button-info-high-hover:hover {
    background-color: var(--background-color-ds-button-info-high-hover, #00adfe)
}

.hover\:bg-ds-button-info-low-hover:hover {
    background-color: var(--background-color-ds-button-info-low-hover, #0092d829)
}

.hover\:bg-ds-button-info-medium-hover:hover {
    background-color: var(--background-color-ds-button-info-medium-hover, #0092d852)
}

.hover\:bg-ds-button-inverted-high-hover:hover {
    background-color: var(--background-color-ds-button-inverted-high-hover, #ffffffe0)
}

.hover\:bg-ds-button-inverted-low-hover:hover {
    background-color: var(--background-color-ds-button-inverted-low-hover, #ffffff29)
}

.hover\:bg-ds-button-inverted-medium-hover:hover {
    background-color: var(--background-color-ds-button-inverted-medium-hover, #ffffff3d)
}

.hover\:bg-ds-button-negative-high-hover:hover {
    background-color: var(--background-color-ds-button-negative-high-hover, #aa0132)
}

.hover\:bg-ds-button-negative-low-hover:hover {
    background-color: var(--background-color-ds-button-negative-low-hover, #f5395e29)
}

.hover\:bg-ds-button-negative-medium-hover:hover {
    background-color: var(--background-color-ds-button-negative-medium-hover, #f5395e3d)
}

.hover\:bg-ds-button-neutral-high-hover:hover {
    background-color: var(--background-color-ds-button-neutral-high-hover, #22232d)
}

.hover\:bg-ds-button-neutral-low-hover:hover {
    background-color: var(--background-color-ds-button-neutral-low-hover, #686b8214)
}

.hover\:bg-ds-button-neutral-medium-hover:hover {
    background-color: var(--background-color-ds-button-neutral-medium-hover, #686b821f)
}

.hover\:bg-ds-button-positive-high-hover:hover {
    background-color: var(--background-color-ds-button-positive-high-hover, #026b3f)
}

.hover\:bg-ds-button-positive-low-hover:hover {
    background-color: var(--background-color-ds-button-positive-low-hover, #149e6129)
}

.hover\:bg-ds-button-positive-medium-hover:hover {
    background-color: var(--background-color-ds-button-positive-medium-hover, #149e613d)
}

.hover\:bg-ds-button-primary-high-hover:hover {
    background-color: var(--background-color-ds-button-primary-high-hover, #5b1ecf)
}

.hover\:bg-ds-button-primary-low-hover:hover {
    background-color: var(--background-color-ds-button-primary-low-hover, #686b8214)
}

.hover\:bg-ds-button-primary-medium-hover:hover {
    background-color: var(--background-color-ds-button-primary-medium-hover, #855bfb52)
}

.hover\:bg-ds-button-warning-high-hover:hover {
    background-color: var(--background-color-ds-button-warning-high-hover, #ffcd60)
}

.hover\:bg-ds-button-warning-low-hover:hover {
    background-color: var(--background-color-ds-button-warning-low-hover, #c3962129)
}

.hover\:bg-ds-button-warning-medium-hover:hover {
    background-color: var(--background-color-ds-button-warning-medium-hover, #c396213d)
}

.hover\:bg-ds-calendar-cell-hover:hover {
    background-color: var(--background-color-ds-calendar-cell-hover, #686b8229)
}

.hover\:bg-ds-calendar-cell-negative-hover:hover {
    background-color: var(--background-color-ds-calendar-cell-negative-hover, #f5395e29)
}

.hover\:bg-ds-calendar-cell-positive-hover:hover {
    background-color: var(--background-color-ds-calendar-cell-positive-hover, #149e613d)
}

.hover\:bg-ds-card-background-hover:hover {
    background-color: var(--background-color-ds-card-background-hover, #ffffffb8)
}

.hover\:bg-ds-card-hover:hover {
    background-color: var(--background-color-ds-card-hover, #9497a91f)
}

.hover\:bg-ds-card-selected-hover:hover {
    background-color: var(--background-color-ds-card-selected-hover, #686b821f)
}

.hover\:bg-ds-checkbox-checked-hover:hover {
    background-color: var(--background-color-ds-checkbox-checked-hover, #8a61ff)
}

.hover\:bg-ds-checkbox-checked-negative-hover:hover {
    background-color: var(--background-color-ds-checkbox-checked-negative-hover, #d11d45)
}

.hover\:bg-ds-checkbox-unchecked-hover:hover {
    background-color: var(--background-color-ds-checkbox-unchecked-hover, #686b8266)
}

.hover\:bg-ds-checkbox-unchecked-negative-hover:hover {
    background-color: var(--background-color-ds-checkbox-unchecked-negative-hover, #f5395e7a)
}

.hover\:bg-ds-consumerpagination-hover:hover {
    background-color: var(--background-color-ds-consumerpagination-hover, #9497a9)
}

.hover\:bg-ds-favourite-button-filled-hover:hover {
    background-color: var(--background-color-ds-favourite-button-filled-hover, #c396211f)
}

.hover\:bg-ds-favourite-button-unfilled-hover:hover {
    background-color: var(--background-color-ds-favourite-button-unfilled-hover, #686b8214)
}

.hover\:bg-ds-filteritem-active:hover {
    background-color: var(--background-color-ds-filteritem-active, #686b821f)
}

.hover\:bg-ds-grey-100:hover {
    background-color: #eeeff3
}

.hover\:bg-ds-grey-200:hover {
    background-color: #e5e6ec
}

.hover\:bg-ds-grey-50:hover {
    background-color: #f7f7fa
}

.hover\:bg-ds-grey-opacity-24:hover {
    background-color: #686b823d
}

.hover\:bg-ds-grey-opacity-4:hover {
    background-color: #686b820a
}

.hover\:bg-ds-grey-opacity-8:hover {
    background-color: #686b8214
}

.hover\:bg-ds-input-background-hover:hover {
    background-color: var(--background-color-ds-input-background-hover, #fffc)
}

.hover\:bg-ds-input-hover:hover {
    background-color: var(--background-color-ds-input-hover, #686b821f)
}

.hover\:bg-ds-menu-active-hover:hover {
    background-color: var(--background-color-ds-menu-active-hover, #686b8214)
}

.hover\:bg-ds-menu-hover:hover {
    background-color: var(--background-color-ds-menu-hover, #686b820a)
}

.hover\:bg-ds-negative:hover {
    background-color: var(--colors-ds-negative, #d11d45)
}

.hover\:bg-ds-notification-info-hover:hover {
    background-color: var(--background-color-ds-notification-info-hover, #0092d829)
}

.hover\:bg-ds-notification-negative-hover:hover {
    background-color: var(--background-color-ds-notification-negative-hover, #f5395e29)
}

.hover\:bg-ds-notification-neutral-hover:hover {
    background-color: var(--background-color-ds-notification-neutral-hover, #686b8229)
}

.hover\:bg-ds-notification-positive-hover:hover {
    background-color: var(--background-color-ds-notification-positive-hover, #149e6129)
}

.hover\:bg-ds-notification-primary-hover:hover {
    background-color: var(--background-color-ds-notification-primary-hover, #855bfb29)
}

.hover\:bg-ds-notification-warning-hover:hover {
    background-color: var(--background-color-ds-notification-warning-hover, #c3962129)
}

.hover\:bg-ds-radio-checked-hover:hover {
    background-color: var(--background-color-ds-radio-checked-hover, #8a61ff)
}

.hover\:bg-ds-radio-checked-negative-hover:hover {
    background-color: var(--background-color-ds-radio-checked-negative-hover, #f5395e)
}

.hover\:bg-ds-radio-unchecked-hover:hover {
    background-color: var(--background-color-ds-radio-unchecked-hover, #686b8266)
}

.hover\:bg-ds-radio-unchecked-negative-hover:hover {
    background-color: var(--background-color-ds-radio-unchecked-negative-hover, #f5395e7a)
}

.hover\:bg-ds-selectable-card-hover:hover {
    background-color: var(--background-color-ds-selectable-card-hover, #9497a91f)
}

.hover\:bg-ds-selectable-card-selected-hover:hover {
    background-color: var(--background-color-ds-selectable-card-selected-hover, #686b821f)
}

.hover\:bg-ds-table-row-hover:hover {
    background-color: var(--background-color-ds-table-row-hover, #686b820a)
}

.hover\:bg-ds-tabs-hover:hover {
    background-color: var(--background-color-ds-tabs-hover, #686b8214)
}

.hover\:bg-ds-warning:hover {
    background-color: var(--colors-ds-warning, #c39621)
}

.hover\:bg-krak-brand\/80:hover {
    background-color: #ff3b29cc
}

.hover\:bg-kraken-brand\/80:hover {
    background-color: #7132f5cc
}

.hover\:bg-kraken-pt-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(247 246 253/var(--tw-bg-opacity, 1))
}

.hover\:bg-ds-button-brand-high-gradient-hover:hover {
    background-image: var(--background-image-ds-button-brand-high-gradient-hover, none)
}

.hover\:bg-ds-button-primary-high-gradient-hover:hover {
    background-image: var(--background-image-ds-button-primary-high-gradient-hover, none)
}

.hover\:fill-kraken-n-600:hover {
    fill: #242424
}

.hover\:p-4:hover {
    padding: 1rem
}

.hover\:p-8:hover {
    padding: 2rem
}

.hover\:text-\[var\(--hover-wrap-color\)\]:hover {
    color: var(--hover-wrap-color)
}

.hover\:text-ds-breadcrumbs-default:hover {
    color: var(--text-color-ds-breadcrumbs-default, #686b82)
}

.hover\:text-ds-button-brand-low-hover:hover {
    color: var(--text-color-ds-button-brand-low-hover, #7132f5)
}

.hover\:text-ds-button-brand-none-hover:hover {
    color: var(--text-color-ds-button-brand-none-hover, #5b1ecf)
}

.hover\:text-ds-button-info-low-hover:hover {
    color: var(--text-color-ds-button-info-low-hover, #0079b4)
}

.hover\:text-ds-button-info-none-hover:hover {
    color: var(--text-color-ds-button-info-none-hover, #00adfe)
}

.hover\:text-ds-button-inverted-low-hover:hover {
    color: var(--text-color-ds-button-inverted-low-hover, #fff)
}

.hover\:text-ds-button-inverted-medium-hover:hover {
    color: var(--text-color-ds-button-inverted-medium-hover, #fff)
}

.hover\:text-ds-button-inverted-none-hover:hover {
    color: var(--text-color-ds-button-inverted-none-hover, #fff)
}

.hover\:text-ds-button-negative-low-hover:hover {
    color: var(--text-color-ds-button-negative-low-hover, #d11d45)
}

.hover\:text-ds-button-negative-none-hover:hover {
    color: var(--text-color-ds-button-negative-none-hover, #ff7386)
}

.hover\:text-ds-button-neutral-low-hover:hover {
    color: var(--text-color-ds-button-neutral-low-hover, #101114)
}

.hover\:text-ds-button-neutral-medium-hover:hover {
    color: var(--text-color-ds-button-neutral-medium-hover, #101114)
}

.hover\:text-ds-button-neutral-none-hover:hover {
    color: var(--text-color-ds-button-neutral-none-hover, #101114)
}

.hover\:text-ds-button-positive-low-hover:hover {
    color: var(--text-color-ds-button-positive-low-hover, #149e61)
}

.hover\:text-ds-button-positive-none-hover:hover {
    color: var(--text-color-ds-button-positive-none-hover, #35df8d)
}

.hover\:text-ds-button-primary-low-hover:hover {
    color: var(--text-color-ds-button-primary-low-hover, #101114)
}

.hover\:text-ds-button-primary-none-hover:hover {
    color: var(--text-color-ds-button-primary-none-hover, #686b82)
}

.hover\:text-ds-button-warning-low-hover:hover {
    color: var(--text-color-ds-button-warning-low-hover, #a67c1d)
}

.hover\:text-ds-button-warning-none-hover:hover {
    color: var(--text-color-ds-button-warning-none-hover, #e8b100)
}

.hover\:text-ds-filteritem-active:hover {
    color: var(--text-color-ds-filteritem-active, #101114)
}

.hover\:text-ds-grey-1200:hover {
    color: #101114
}

.hover\:text-ds-menu-hover:hover {
    color: var(--text-color-ds-menu-hover, #686b82)
}

.hover\:text-ds-primary:hover {
    color: var(--colors-ds-primary, #101114)
}

.hover\:text-ds-purple-600:hover {
    color: #5b1ecf
}

.hover\:text-ds-purple-900:hover {
    color: #2b1463
}

.hover\:text-ds-segmented-control-inactive-hover:hover {
    color: var(--text-color-ds-segmented-control-inactive-hover, #101114)
}

.hover\:text-ds-tabs-active:hover {
    color: var(--text-color-ds-tabs-active, #101114)
}

.hover\:text-ds-tabs-onBackgroundActive:hover {
    color: var(--text-color-ds-tabs-on-background-active, #101114)
}

.hover\:text-ds-textlink-hover-brand:hover {
    color: var(--colors-ds-textlink-hover-brand, #471ca0)
}

.hover\:text-ds-textlink-hover-negative:hover {
    color: var(--colors-ds-textlink-hover-negative, #840125)
}

.hover\:text-ds-textlink-hover-neutral:hover {
    color: var(--colors-ds-textlink-hover-neutral, #101114)
}

.hover\:text-ds-textlink-hover-positive:hover {
    color: var(--colors-ds-textlink-hover-positive, #005531)
}

.hover\:text-ds-textlink-hover-primary:hover {
    color: var(--colors-ds-textlink-hover-primary, #686b82)
}

.hover\:text-ds-textlink-hover-warning:hover {
    color: var(--colors-ds-textlink-hover-warning, #89640c)
}

.hover\:text-inherit:hover {
    color: inherit
}

.hover\:text-kraken-n-600:hover {
    --tw-text-opacity: 1;
    color: rgb(36 36 36/var(--tw-text-opacity, 1))
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:no-underline:hover {
    text-decoration-line: none
}

.hover\:decoration-0:hover {
    text-decoration-thickness: 0
}

.hover\:decoration-1:hover {
    text-decoration-thickness: 1px
}

.hover\:opacity-100:hover {
    opacity: 1
}

.hover\:opacity-50:hover {
    opacity: .5
}

.hover\:opacity-80:hover {
    opacity: .8
}

.hover\:opacity-90:hover {
    opacity: .9
}

.hover\:opacity-95:hover {
    opacity: .95
}

.hover\:shadow-2xl:hover {
    --tw-shadow: 0 25px 50px -12px #00000040;
    --tw-shadow-colored: 0 25px 50px -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)
}

.hover\:shadow-\[0_4px_8px_-2px_rgba\(16\,24\,40\,0\.07\)\]:hover {
    --tw-shadow: 0 4px 8px -2px #10182812;
    --tw-shadow-colored: 0 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-web-3:hover {
    --tw-shadow: 0px 2px 32px #00000014;
    --tw-shadow-colored: 0px 2px 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)
}

.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-ds-purple-opacity-16:hover {
    --tw-shadow-color: #855bfb29;
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:\[animation-play-state\:pause\]:hover {
    animation-play-state: pause
}

.hover\:after\:w-full:hover:after {
    content: var(--tw-content);
    width: 100%
}

.hover\:after\:opacity-100:hover:after {
    content: var(--tw-content);
    opacity: 1
}

.hover\:after\:\[transition\:width_0\.16s_ease-out_0s\,_opacity_0\.3s_ease-out_0s\]:hover:after {
    content: var(--tw-content);
    transition: width .16s ease-out, opacity .3s ease-out
}

.focus\:border-indigo-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(99 102 241/var(--tw-border-opacity, 1))
}

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

.focus\:placeholder-ds-input:focus::placeholder {
    color: var(--placeholder-color-ds-input, #686b82)
}

.focus\:outline-none:focus {
    outline-offset: 2px;
    outline: 2px solid #0000
}

.focus\:outline:focus {
    outline-style: solid
}

.focus\:outline-0:focus {
    outline-width: 0
}

.focus\:outline-2:focus {
    outline-width: 2px
}

.focus\:outline-\[\#7132F5\]:focus {
    outline-color: #7132f5
}

.focus\:outline-ds-accordion:focus {
    outline-color: var(--outline-color-ds-accordion, #7132f5)
}

.focus\:outline-ds-button:focus {
    outline-color: var(--outline-color-ds-button, #7132f5)
}

.focus\:ring-indigo-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(99 102 241/var(--tw-ring-opacity, 1))
}

.focus-visible\:rounded-ds-2:focus-visible {
    border-radius: 4px
}

.focus-visible\:bg-ds-menu-hover:focus-visible {
    background-color: var(--background-color-ds-menu-hover, #686b820a)
}

.focus-visible\:outline-none:focus-visible {
    outline-offset: 2px;
    outline: 2px solid #0000
}

.focus-visible\:outline:focus-visible {
    outline-style: solid
}

.focus-visible\:outline-1:focus-visible {
    outline-width: 1px
}

.focus-visible\:outline-2:focus-visible {
    outline-width: 2px
}

.focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px
}

.focus-visible\:outline-ds-input:focus-visible {
    outline-color: var(--outline-color-ds-input, #7132f5)
}

.focus-visible\:outline-ds-list:focus-visible {
    outline-color: #7132f5
}

.focus-visible\:outline-ds-menu:focus-visible {
    outline-color: var(--outline-color-ds-menu, #7132f5)
}

.focus-visible\:outline-ds-segmented-control:focus-visible {
    outline-color: var(--outline-color-ds-segmented-control, #7132f5)
}

.focus-visible\:outline-ds-selectable-card:focus-visible {
    outline-color: var(--outline-color-ds-selectable-card, #7132f5)
}

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

.active\:bg-ds-grey-opacity-32:active {
    background-color: #686b8252
}

.active\:bg-ds-menu-pressed:active {
    background-color: var(--background-color-ds-menu-pressed, #686b8214)
}

.active\:bg-ds-tabs-active:active {
    background-color: var(--background-color-ds-tabs-active, #686b821f)
}

.active\:opacity-50:active {
    opacity: .5
}

.active\:opacity-80:active {
    opacity: .8
}

.active\:opacity-85:active {
    opacity: .85
}

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

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

.disabled\:text-ds-favourite-button-disabled:disabled {
    color: var(--text-color-ds-favourite-button-disabled, #c6c7d2)
}

.disabled\:text-ds-grey-400:disabled {
    color: #c6c7d2
}

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

.group:hover .group-hover\:h-2 {
    height: .5rem
}

.group\/header:hover .group-hover\/header\:w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.group:hover .group-hover\: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\:translate-y-3 {
    --tw-translate-y: .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))
}

.group:hover .group-hover\: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))
}

.group:hover .group-hover\: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\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    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\:scale-x-100 {
    --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))
}

.group:hover .group-hover\:rounded-ds-4 {
    border-radius: 8px
}

.group:hover .group-hover\:bg-ds-card-hover {
    background-color: var(--background-color-ds-card-hover, #9497a91f)
}

.group\/article:hover .group-hover\/article\:text-kraken-brand {
    --tw-text-opacity: 1;
    color: rgb(113 50 245/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-ds-accordion-hover {
    color: var(--text-color-ds-accordion-hover, #101114)
}

.group:hover .group-hover\:text-ds-brand {
    color: var(--colors-ds-brand, #7132f5)
}

.group:hover .group-hover\:text-ds-dropdown-button-content-placeholder-hover {
    color: var(--text-color-ds-dropdown-button-content-placeholder-hover, #101114)
}

.group:hover .group-hover\:text-ds-primary {
    color: var(--colors-ds-primary, #101114)
}

.group:hover .group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:underline {
    text-decoration-line: underline
}

.group\/article:hover .group-hover\/article\:opacity-100 {
    opacity: 1
}

.group:hover .group-hover\:opacity-0 {
    opacity: 0
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1
}

.group:hover .group-hover\:brightness-\[0\.85\] {
    --tw-brightness: brightness(.85);
    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)
}

.group\/theme.theme-set .group-\[\.theme-set\]\/theme\:text-ds-primary {
    color: var(--colors-ds-primary, #101114)
}

.group\/theme.theme-set-magic-dark .group-\[\.theme-set-magic-dark\]\/theme\:shadow-\[0_0_1px_rgba\(0\,0\,0\,0\.1\)\,0_8px_16px_rgba\(0\,0\,0\,0\.1\)\,0_16px_56px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 0 0 1px #0000001a, 0 8px 16px #0000001a, 0 16px 56px #0000000d;
    --tw-shadow-colored: 0 0 1px var(--tw-shadow-color), 0 8px 16px var(--tw-shadow-color), 0 16px 56px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.group\/theme.theme-set-magic-light .group-\[\.theme-set-magic-light\]\/theme\:shadow-\[0_0_1px_rgba\(0\,0\,0\,0\.1\)\,0_8px_16px_rgba\(93\,69\,220\,0\.1\)\,0_16px_56px_rgba\(93\,69\,220\,0\.05\)\] {
    --tw-shadow: 0 0 1px #0000001a, 0 8px 16px #5d45dc1a, 0 16px 56px #5d45dc0d;
    --tw-shadow-colored: 0 0 1px var(--tw-shadow-color), 0 8px 16px var(--tw-shadow-color), 0 16px 56px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.group\/theme.theme-set-magic-dark .group-\[\.theme-set-magic-dark\]\/theme\:ds-magic-dark-bg {
    --ds-bg-color: #0b0611;
    --ds-bg-parent-color: #0b0611;
    background-color: #0b0611
}

.group\/theme.theme-set-pay-dark .group-\[\.theme-set-pay-dark\]\/theme\:ds-pay-dark-bg {
    --ds-bg-color: #0d0d0d;
    --ds-bg-parent-color: #0d0d0d;
    background-color: #0d0d0d
}

.peer:focus~.peer-focus\:top-ds-input-offset-adjusted-lg {
    top: 2px
}

.peer:focus~.peer-focus\:top-ds-input-offset-adjusted-md,
.peer:focus~.peer-focus\:top-ds-input-offset-adjusted-sm {
    top: -2px
}

.peer:focus~.peer-focus\:top-ds-input-offset-adjusted-xl {
    top: 4px
}

.peer:focus~.peer-focus\:top-ds-input-offset-adjusted-xxl {
    top: 6px
}

.peer:focus~.peer-focus\:inline-flex {
    display: inline-flex
}

.peer:focus~.peer-focus\:items-center {
    align-items: center
}

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

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

.peer:focus~.peer-focus\:pb-2 {
    padding-bottom: .5rem
}

.peer:focus~.peer-focus\:pb-\[6px\] {
    padding-bottom: 6px
}

.peer:focus~.peer-focus\:pt-4 {
    padding-top: 1rem
}

.peer:focus~.peer-focus\:pt-5 {
    padding-top: 1.25rem
}

.peer:focus~.peer-focus\:pt-6 {
    padding-top: 1.5rem
}

.peer:focus~.peer-focus\:pt-\[22px\] {
    padding-top: 22px
}

.aria-selected\:bg-ds-table-row-hover[aria-selected=true] {
    background-color: var(--background-color-ds-table-row-hover, #686b820a)
}

.aria-selected\:bg-ds-tabs-active[aria-selected=true] {
    background-color: var(--background-color-ds-tabs-active, #686b821f)
}

.aria-selected\:bg-ds-tabs-onBackgroundActive[aria-selected=true] {
    background-color: var(--background-color-ds-tabs-on-background-active, #fff)
}

.aria-selected\:text-ds-tabs-active[aria-selected=true] {
    color: var(--text-color-ds-tabs-active, #101114)
}

.aria-selected\:text-ds-tabs-onBackgroundActive[aria-selected=true] {
    color: var(--text-color-ds-tabs-on-background-active, #101114)
}

.aria-selected\:text-kraken-brand[aria-selected=true] {
    --tw-text-opacity: 1;
    color: rgb(113 50 245/var(--tw-text-opacity, 1))
}

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

.any-child\:hover\:text-\[var\(--hover-wrap-color-inner\)\]:hover * {
    color: var(--hover-wrap-color-inner)
}

.divider-self\:mt-0+.divider-self\:mt-0 {
    margin-top: 0
}

.group\/theme.theme-set-light .theme-light\:text-\[\#9497A9\] {
    --tw-text-opacity: 1;
    color: rgb(148 151 169/var(--tw-text-opacity, 1))
}

.group\/theme.theme-set-light .theme-light\:text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.group\/theme.theme-set-magic-light .theme-light\:text-\[\#9497A9\] {
    --tw-text-opacity: 1;
    color: rgb(148 151 169/var(--tw-text-opacity, 1))
}

.group\/theme.theme-set-magic-light .theme-light\:text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.group\/theme.theme-set-pay-light .theme-light\:text-\[\#9497A9\] {
    --tw-text-opacity: 1;
    color: rgb(148 151 169/var(--tw-text-opacity, 1))
}

.group\/theme.theme-set-pay-light .theme-light\:text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.group\/theme.theme-set-magic-dark .theme-dark\:block {
    display: block
}

.group\/theme.theme-set-magic-dark .theme-dark\:\!hidden {
    display: none !important
}

.group\/theme.theme-set-magic-dark .theme-dark\:hidden {
    display: none
}

.group\/theme.theme-set-magic-dark .theme-dark\:border-ds-divider {
    border-color: var(--colors-ds-divider, #686b8229)
}

.group\/theme.theme-set-magic-dark .theme-dark\:border-ds-grey-1000 {
    border-color: #22232d
}

.group\/theme.theme-set-magic-dark .theme-dark\:text-ds-dimmed {
    color: var(--colors-ds-dimmed, #9497a9)
}

.group\/theme.theme-set-magic-dark .group:hover .theme-dark\:group-hover\:opacity-0 {
    opacity: 0
}

.group\/theme.theme-set-magic-dark .group:hover .theme-dark\:group-hover\:opacity-100 {
    opacity: 1
}

.group\/theme.theme-set-pay-dark .theme-dark\:block {
    display: block
}

.group\/theme.theme-set-pay-dark .theme-dark\:\!hidden {
    display: none !important
}

.group\/theme.theme-set-pay-dark .theme-dark\:hidden {
    display: none
}

.group\/theme.theme-set-pay-dark .theme-dark\:border-ds-divider {
    border-color: var(--colors-ds-divider, #686b8229)
}

.group\/theme.theme-set-pay-dark .theme-dark\:border-ds-grey-1000 {
    border-color: #22232d
}

.group\/theme.theme-set-pay-dark .theme-dark\:text-ds-dimmed {
    color: var(--colors-ds-dimmed, #9497a9)
}

.group\/theme.theme-set-pay-dark .group:hover .theme-dark\:group-hover\:opacity-0 {
    opacity: 0
}

.group\/theme.theme-set-pay-dark .group:hover .theme-dark\:group-hover\:opacity-100 {
    opacity: 1
}

.group\/theme.theme-set-trade-dark .theme-dark\:block {
    display: block
}

.group\/theme.theme-set-trade-dark .theme-dark\:\!hidden {
    display: none !important
}

.group\/theme.theme-set-trade-dark .theme-dark\:hidden {
    display: none
}

.group\/theme.theme-set-trade-dark .theme-dark\:border-ds-divider {
    border-color: var(--colors-ds-divider, #686b8229)
}

.group\/theme.theme-set-trade-dark .theme-dark\:border-ds-grey-1000 {
    border-color: #22232d
}

.group\/theme.theme-set-trade-dark .theme-dark\:text-ds-dimmed {
    color: var(--colors-ds-dimmed, #9497a9)
}

.group\/theme.theme-set-trade-dark .group:hover .theme-dark\:group-hover\:opacity-0 {
    opacity: 0
}

.group\/theme.theme-set-trade-dark .group:hover .theme-dark\:group-hover\:opacity-100 {
    opacity: 1
}

.group\/theme.theme-set-magic-light .theme-magic-light\:shadow-\[0_0_1px_rgba\(0\,0\,0\,0\.1\)\,0_8px_16px_rgba\(93\,69\,220\,0\.1\)\,0_16px_56px_rgba\(93\,69\,220\,0\.05\)\] {
    --tw-shadow: 0 0 1px #0000001a, 0 8px 16px #5d45dc1a, 0 16px 56px #5d45dc0d;
    --tw-shadow-colored: 0 0 1px var(--tw-shadow-color), 0 8px 16px var(--tw-shadow-color), 0 16px 56px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.group\/theme.theme-set-magic-dark .theme-magic-dark\:shadow-\[0_0_1px_rgba\(0\,0\,0\,0\.1\)\,0_8px_16px_rgba\(0\,0\,0\,0\.1\)\,0_16px_56px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 0 0 1px #0000001a, 0 8px 16px #0000001a, 0 16px 56px #0000000d;
    --tw-shadow-colored: 0 0 1px var(--tw-shadow-color), 0 8px 16px var(--tw-shadow-color), 0 16px 56px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.group\/theme.theme-set-magic-dark .theme-magic-dark\:ds-magic-dark-bg {
    --ds-bg-color: #0b0611;
    --ds-bg-parent-color: #0b0611;
    background-color: #0b0611
}

.group\/theme.theme-set-pay-dark .theme-pay-dark\:ds-pay-dark-bg {
    --ds-bg-color: #0d0d0d;
    --ds-bg-parent-color: #0d0d0d;
    background-color: #0d0d0d
}

@media (prefers-reduced-motion:reduce) {
    .motion-reduce\: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))
    }

    .motion-reduce\:animate-none {
        animation: none
    }

    .motion-reduce\:transition-none {
        transition-property: none
    }

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

@media not all and (min-width:1536px) {
    .max-xl\:hidden {
        display: none
    }
}

@media (max-width:1279px) {
    .max-\[1279px\]\:hidden {
        display: none
    }
}

@media (max-width:1110px) {
    .max-\[1110px\]\:bg-\[top_-35px_right_-20px\] {
        background-position: right -20px top -35px
    }
}

@media (max-width:1050px) {
    .max-\[1050px\]\:\!hidden {
        display: none !important
    }
}

@media not all and (min-width:1024px) {
    .max-lg\:static {
        position: static
    }

    .max-lg\:fixed {
        position: fixed
    }

    .max-lg\:absolute {
        position: absolute
    }

    .max-lg\:relative {
        position: relative
    }

    .max-lg\:sticky {
        position: sticky
    }

    .max-lg\:bottom-\[--facade-responsive-bottom-lg\] {
        bottom: var(--facade-responsive-bottom-lg)
    }

    .max-lg\:end-\[--facade-responsive-right-lg\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: var(--facade-responsive-right-lg)
    }

    .max-lg\:end-\[--facade-responsive-right-lg\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: var(--facade-responsive-right-lg)
    }

    .max-lg\:end-\[--facade-responsive-right-lg\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: var(--facade-responsive-right-lg)
    }

    .max-lg\:end-\[--facade-responsive-right-lg\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: var(--facade-responsive-right-lg)
    }

    .max-lg\:end-\[--facade-responsive-right-lg\]:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: var(--facade-responsive-right-lg)
    }

    .max-lg\:end-\[--facade-responsive-right-lg\]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: var(--facade-responsive-right-lg)
    }

    .max-lg\:end-\[--facade-responsive-right-lg\]:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: var(--facade-responsive-right-lg)
    }

    .max-lg\:end-\[--facade-responsive-right-lg\]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: var(--facade-responsive-right-lg)
    }

    .max-lg\:start-\[--facade-responsive-left-lg\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: var(--facade-responsive-left-lg)
    }

    .max-lg\:start-\[--facade-responsive-left-lg\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: var(--facade-responsive-left-lg)
    }

    .max-lg\:start-\[--facade-responsive-left-lg\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: var(--facade-responsive-left-lg)
    }

    .max-lg\:start-\[--facade-responsive-left-lg\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: var(--facade-responsive-left-lg)
    }

    .max-lg\:start-\[--facade-responsive-left-lg\]:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: var(--facade-responsive-left-lg)
    }

    .max-lg\:start-\[--facade-responsive-left-lg\]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: var(--facade-responsive-left-lg)
    }

    .max-lg\:start-\[--facade-responsive-left-lg\]:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: var(--facade-responsive-left-lg)
    }

    .max-lg\:start-\[--facade-responsive-left-lg\]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: var(--facade-responsive-left-lg)
    }

    .max-lg\:top-\[--facade-responsive-top-lg\] {
        top: var(--facade-responsive-top-lg)
    }

    .max-lg\:z-\[--facade-responsive-z-index-lg\] {
        z-index: var(--facade-responsive-z-index-lg)
    }

    .max-lg\:m-\[--facade-responsive-margin-lg\] {
        margin: var(--facade-responsive-margin-lg)
    }

    .max-lg\:-ms-\[--facade-responsive-gap-lg\] {
        margin-inline-start: calc(var(--facade-responsive-gap-lg)*-1)
    }

    .max-lg\:mb-10 {
        margin-bottom: 2.5rem
    }

    .max-lg\:mb-\[--facade-responsive-margin-bottom-lg\] {
        margin-bottom: var(--facade-responsive-margin-bottom-lg)
    }

    .max-lg\:me-\[--facade-responsive-margin-right-lg\] {
        margin-inline-end: var(--facade-responsive-margin-right-lg)
    }

    .max-lg\:ms-\[--facade-responsive-margin-left-lg\] {
        margin-inline-start: var(--facade-responsive-margin-left-lg)
    }

    .max-lg\:mt-\[--facade-responsive-margin-top-lg\] {
        margin-top: var(--facade-responsive-margin-top-lg)
    }

    .max-lg\:block {
        display: block
    }

    .max-lg\:flex {
        display: flex
    }

    .max-lg\:hidden {
        display: none
    }

    .max-lg\:h-\[--facade-responsive-height-lg\] {
        height: var(--facade-responsive-height-lg)
    }

    .max-lg\:h-\[unset\] {
        height: unset
    }

    .max-lg\:h-\[var\(--height-lg\)\] {
        height: var(--height-lg)
    }

    .max-lg\:h-\[var\(--spacing-vertical-height-md\,var\(--spacing-vertical-height\)\)\] {
        height: var(--spacing-vertical-height-md, var(--spacing-vertical-height))
    }

    .max-lg\:max-h-\[--facade-responsive-max-height-lg\] {
        max-height: var(--facade-responsive-max-height-lg)
    }

    .max-lg\:max-h-\[var\(--max-height-lg\)\] {
        max-height: var(--max-height-lg)
    }

    .max-lg\:min-h-\[--facade-responsive-min-height-lg\] {
        min-height: var(--facade-responsive-min-height-lg)
    }

    .max-lg\:w-\[--facade-responsive-width-lg\] {
        width: var(--facade-responsive-width-lg)
    }

    .max-lg\:w-\[unset\] {
        width: unset
    }

    .max-lg\:w-\[var\(--width-lg\)\] {
        width: var(--width-lg)
    }

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

    .max-lg\:min-w-\[--facade-responsive-min-width-lg\] {
        min-width: var(--facade-responsive-min-width-lg)
    }

    .max-lg\:max-w-\[--facade-responsive-max-width-lg\] {
        max-width: var(--facade-responsive-max-width-lg)
    }

    .max-lg\:max-w-\[var\(--max-width-lg\)\] {
        max-width: var(--max-width-lg)
    }

    .max-lg\:shrink {
        flex-shrink: 1
    }

    .max-lg\:shrink-0 {
        flex-shrink: 0
    }

    .max-lg\:grow {
        flex-grow: 1
    }

    .max-lg\:grow-0 {
        flex-grow: 0
    }

    .max-lg\:basis-1\/2 {
        flex-basis: 50%
    }

    .max-lg\:basis-1\/3 {
        flex-basis: 33.3333%
    }

    .max-lg\:basis-1\/4 {
        flex-basis: 25%
    }

    .max-lg\:basis-1\/5 {
        flex-basis: 20%
    }

    .max-lg\:basis-1\/6 {
        flex-basis: 16.6667%
    }

    .max-lg\:basis-2\/3 {
        flex-basis: 66.6667%
    }

    .max-lg\:basis-2\/5 {
        flex-basis: 40%
    }

    .max-lg\:basis-3\/4 {
        flex-basis: 75%
    }

    .max-lg\:basis-3\/5 {
        flex-basis: 60%
    }

    .max-lg\:basis-4\/5 {
        flex-basis: 80%
    }

    .max-lg\:basis-5\/6 {
        flex-basis: 83.3333%
    }

    .max-lg\:basis-auto {
        flex-basis: auto
    }

    .max-lg\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .max-lg\:grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .max-lg\:grid-cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }

    .max-lg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .max-lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .max-lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .max-lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .max-lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .max-lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .max-lg\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .max-lg\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .max-lg\:grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .max-lg\:grid-cols-\[1fr_1fr\] {
        grid-template-columns: 1fr 1fr
    }

    .max-lg\:grid-cols-\[var\(--grid-template-columns-md\,var\(--grid-template-columns\)\)\] {
        grid-template-columns: var(--grid-template-columns-md, var(--grid-template-columns))
    }

    .max-lg\:flex-col {
        flex-direction: column
    }

    .max-lg\:items-start {
        align-items: flex-start
    }

    .max-lg\:items-end {
        align-items: flex-end
    }

    .max-lg\:items-center {
        align-items: center
    }

    .max-lg\:items-stretch {
        align-items: stretch
    }

    .max-lg\:justify-start {
        justify-content: flex-start
    }

    .max-lg\:justify-end {
        justify-content: flex-end
    }

    .max-lg\:justify-center {
        justify-content: center
    }

    .max-lg\:gap-6 {
        gap: 1.5rem
    }

    .max-lg\:gap-\[--facade-responsive-gap-lg\] {
        gap: var(--facade-responsive-gap-lg)
    }

    .max-lg\:overflow-auto {
        overflow: auto
    }

    .max-lg\:overflow-hidden {
        overflow: hidden
    }

    .max-lg\:overflow-visible {
        overflow: visible
    }

    .max-lg\:overflow-scroll {
        overflow: scroll
    }

    .max-lg\:rounded-\[--facade-responsive-border-radius-lg\] {
        border-radius: var(--facade-responsive-border-radius-lg)
    }

    .max-lg\:border-\[length\:var\(--facade-responsive-border-width-lg\)\] {
        border-width: var(--facade-responsive-border-width-lg)
    }

    .max-lg\:border-b-\[length\:var\(--facade-responsive-border-width-bottom-lg\)\] {
        border-bottom-width: var(--facade-responsive-border-width-bottom-lg)
    }

    .max-lg\:border-e-\[length\:var\(--facade-responsive-border-width-right-lg\)\] {
        border-inline-end-width: var(--facade-responsive-border-width-right-lg)
    }

    .max-lg\:border-s-\[length\:var\(--facade-responsive-border-width-left-lg\)\] {
        border-inline-start-width: var(--facade-responsive-border-width-left-lg)
    }

    .max-lg\:border-t-\[length\:var\(--facade-responsive-border-width-top-lg\)\] {
        border-top-width: var(--facade-responsive-border-width-top-lg)
    }

    .max-lg\:bg-\[top_-52px_right_0px\] {
        background-position: right 0 top -52px
    }

    .max-lg\:p-\[--facade-responsive-padding-lg\] {
        padding: var(--facade-responsive-padding-lg)
    }

    .max-lg\:pb-\[--facade-responsive-padding-bottom-lg\] {
        padding-bottom: var(--facade-responsive-padding-bottom-lg)
    }

    .max-lg\:pe-\[--facade-responsive-padding-right-lg\] {
        padding-inline-end: var(--facade-responsive-padding-right-lg)
    }

    .max-lg\:ps-\[--facade-responsive-gap-lg\] {
        padding-inline-start: var(--facade-responsive-gap-lg)
    }

    .max-lg\:ps-\[--facade-responsive-padding-left-lg\] {
        padding-inline-start: var(--facade-responsive-padding-left-lg)
    }

    .max-lg\:pt-\[--facade-responsive-padding-top-lg\] {
        padding-top: var(--facade-responsive-padding-top-lg)
    }

    .max-lg\:text-center {
        text-align: center
    }

    .max-lg\:text-justify {
        text-align: justify
    }

    .max-lg\:text-start {
        text-align: start
    }

    .max-lg\:text-end {
        text-align: end
    }

    .max-lg\:\[align-items\:var\(--layout-flex-align-items-sm\,var\(--layout-flex-align-items\)\)\] {
        align-items: var(--layout-flex-align-items-sm, var(--layout-flex-align-items))
    }

    .max-lg\:\[background\:var\(--facade-responsive-background-lg\)\] {
        background: var(--facade-responsive-background-lg)
    }

    .max-lg\:\[filter\:var\(--facade-responsive-filter-lg\)\] {
        filter: var(--facade-responsive-filter-lg)
    }

    .max-lg\:\[flex-direction\:var\(--layout-flex-flex-direction-sm\,var\(--layout-flex-flex-direction\)\)\] {
        flex-direction: var(--layout-flex-flex-direction-sm, var(--layout-flex-flex-direction))
    }

    .max-lg\:\[flex-wrap\:var\(--layout-flex-flex-wrap-sm\,var\(--layout-flex-flex-wrap\)\)\] {
        flex-wrap: var(--layout-flex-flex-wrap-sm, var(--layout-flex-flex-wrap))
    }

    .max-lg\:\[justify-content\:var\(--layout-flex-justify-content-sm\,var\(--layout-flex-justify-content\)\)\] {
        justify-content: var(--layout-flex-justify-content-sm, var(--layout-flex-justify-content))
    }

    .max-lg\:\[mask-image\:var\(--facade-responsive-mask-image-lg\)\] {
        -webkit-mask-image: var(--facade-responsive-mask-image-lg);
        -webkit-mask-image: var(--facade-responsive-mask-image-lg);
        -webkit-mask-image: var(--facade-responsive-mask-image-lg);
        mask-image: var(--facade-responsive-mask-image-lg)
    }

    .max-lg\:\[transform\:var\(--facade-responsive-transform-lg\)\] {
        transform: var(--facade-responsive-transform-lg)
    }
}

@media (max-width:980px) {
    .max-\[980px\]\:bg-\[top_-70px_right_-20px\] {
        background-position: right -20px top -70px
    }
}

@media (max-width:950px) {
    .max-\[950px\]\:w-\[160px\] {
        width: 160px
    }

    .max-\[950px\]\:w-\[175px\] {
        width: 175px
    }
}

@media not all and (min-width:768px) {
    .max-md\:static {
        position: static
    }

    .max-md\:fixed {
        position: fixed
    }

    .max-md\:absolute {
        position: absolute
    }

    .max-md\:relative {
        position: relative
    }

    .max-md\:sticky {
        position: sticky
    }

    .max-md\:bottom-\[--facade-responsive-bottom-md\] {
        bottom: var(--facade-responsive-bottom-md)
    }

    .max-md\:end-\[--facade-responsive-right-md\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: var(--facade-responsive-right-md)
    }

    .max-md\:end-\[--facade-responsive-right-md\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: var(--facade-responsive-right-md)
    }

    .max-md\:end-\[--facade-responsive-right-md\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: var(--facade-responsive-right-md)
    }

    .max-md\:end-\[--facade-responsive-right-md\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: var(--facade-responsive-right-md)
    }

    .max-md\:end-\[--facade-responsive-right-md\]:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: var(--facade-responsive-right-md)
    }

    .max-md\:end-\[--facade-responsive-right-md\]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: var(--facade-responsive-right-md)
    }

    .max-md\:end-\[--facade-responsive-right-md\]:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: var(--facade-responsive-right-md)
    }

    .max-md\:end-\[--facade-responsive-right-md\]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: var(--facade-responsive-right-md)
    }

    .max-md\:start-\[--facade-responsive-left-md\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: var(--facade-responsive-left-md)
    }

    .max-md\:start-\[--facade-responsive-left-md\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: var(--facade-responsive-left-md)
    }

    .max-md\:start-\[--facade-responsive-left-md\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: var(--facade-responsive-left-md)
    }

    .max-md\:start-\[--facade-responsive-left-md\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: var(--facade-responsive-left-md)
    }

    .max-md\:start-\[--facade-responsive-left-md\]:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: var(--facade-responsive-left-md)
    }

    .max-md\:start-\[--facade-responsive-left-md\]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: var(--facade-responsive-left-md)
    }

    .max-md\:start-\[--facade-responsive-left-md\]:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: var(--facade-responsive-left-md)
    }

    .max-md\:start-\[--facade-responsive-left-md\]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: var(--facade-responsive-left-md)
    }

    .max-md\:top-\[--facade-responsive-top-md\] {
        top: var(--facade-responsive-top-md)
    }

    .max-md\:top-\[var\(--top-offset-sm\)\] {
        top: var(--top-offset-sm)
    }

    .max-md\:z-\[--facade-responsive-z-index-md\] {
        z-index: var(--facade-responsive-z-index-md)
    }

    .max-md\:order-\[var\(--layout-flex-item-order-sm\,var\(--layout-flex-item-order\)\)\] {
        order: var(--layout-flex-item-order-sm, var(--layout-flex-item-order))
    }

    .max-md\:m-\[--facade-responsive-margin-md\] {
        margin: var(--facade-responsive-margin-md)
    }

    .max-md\:my-1 {
        margin-top: .25rem;
        margin-bottom: .25rem
    }

    .max-md\:-ms-\[--facade-responsive-gap-md\] {
        margin-inline-start: calc(var(--facade-responsive-gap-md)*-1)
    }

    .max-md\:mb-16 {
        margin-bottom: 4rem
    }

    .max-md\:mb-5 {
        margin-bottom: 1.25rem
    }

    .max-md\:mb-\[--facade-responsive-margin-bottom-md\] {
        margin-bottom: var(--facade-responsive-margin-bottom-md)
    }

    .max-md\:me-\[--facade-responsive-margin-right-md\] {
        margin-inline-end: var(--facade-responsive-margin-right-md)
    }

    .max-md\:ms-0 {
        margin-inline-start: 0
    }

    .max-md\:ms-\[--facade-responsive-margin-left-md\] {
        margin-inline-start: var(--facade-responsive-margin-left-md)
    }

    .max-md\:ms-\[30px\] {
        margin-inline-start: 30px
    }

    .max-md\:mt-\[--facade-responsive-margin-top-md\] {
        margin-top: var(--facade-responsive-margin-top-md)
    }

    .max-md\:mt-\[2px\] {
        margin-top: 2px
    }

    .max-md\:block {
        display: block
    }

    .max-md\:inline-block {
        display: inline-block
    }

    .max-md\:flex {
        display: flex
    }

    .max-md\:hidden {
        display: none
    }

    .max-md\:size-\[120\%\] {
        width: 120%;
        height: 120%
    }

    .max-md\:size-\[280px\] {
        width: 280px;
        height: 280px
    }

    .max-md\:h-\[--facade-responsive-height-md\] {
        height: var(--facade-responsive-height-md)
    }

    .max-md\:h-\[120px\] {
        height: 120px
    }

    .max-md\:h-\[unset\] {
        height: unset
    }

    .max-md\:h-\[var\(--height-md\)\] {
        height: var(--height-md)
    }

    .max-md\:h-\[var\(--hero-growth-container-background-height\)\] {
        height: var(--hero-growth-container-background-height)
    }

    .max-md\:h-\[var\(--spacing-vertical-height-sm\,var\(--spacing-vertical-height-md\,var\(--spacing-vertical-height\)\)\)\] {
        height: var(--spacing-vertical-height-sm, var(--spacing-vertical-height-md, var(--spacing-vertical-height)))
    }

    .max-md\:max-h-\[--facade-responsive-max-height-md\] {
        max-height: var(--facade-responsive-max-height-md)
    }

    .max-md\:max-h-\[var\(--max-height-md\)\] {
        max-height: var(--max-height-md)
    }

    .max-md\:min-h-\[--facade-responsive-min-height-md\] {
        min-height: var(--facade-responsive-min-height-md)
    }

    .max-md\:min-h-\[465px\] {
        min-height: 465px
    }

    .max-md\:w-\[--facade-responsive-width-md\] {
        width: var(--facade-responsive-width-md)
    }

    .max-md\:w-\[unset\] {
        width: unset
    }

    .max-md\:w-\[var\(--width-md\)\] {
        width: var(--width-md)
    }

    .max-md\:w-full {
        width: 100%
    }

    .max-md\:min-w-\[--facade-responsive-min-width-md\] {
        min-width: var(--facade-responsive-min-width-md)
    }

    .max-md\:max-w-\[--facade-responsive-max-width-md\] {
        max-width: var(--facade-responsive-max-width-md)
    }

    .max-md\:max-w-\[338px\] {
        max-width: 338px
    }

    .max-md\:max-w-\[var\(--max-width-md\)\] {
        max-width: var(--max-width-md)
    }

    .max-md\:shrink {
        flex-shrink: 1
    }

    .max-md\:shrink-0 {
        flex-shrink: 0
    }

    .max-md\:grow {
        flex-grow: 1
    }

    .max-md\:grow-0 {
        flex-grow: 0
    }

    .max-md\:basis-1\/2 {
        flex-basis: 50%
    }

    .max-md\:basis-1\/3 {
        flex-basis: 33.3333%
    }

    .max-md\:basis-1\/4 {
        flex-basis: 25%
    }

    .max-md\:basis-1\/5 {
        flex-basis: 20%
    }

    .max-md\:basis-1\/6 {
        flex-basis: 16.6667%
    }

    .max-md\:basis-2\/3 {
        flex-basis: 66.6667%
    }

    .max-md\:basis-2\/5 {
        flex-basis: 40%
    }

    .max-md\:basis-3\/4 {
        flex-basis: 75%
    }

    .max-md\:basis-3\/5 {
        flex-basis: 60%
    }

    .max-md\:basis-4\/5 {
        flex-basis: 80%
    }

    .max-md\:basis-5\/6 {
        flex-basis: 83.3333%
    }

    .max-md\:basis-auto {
        flex-basis: auto
    }

    .max-md\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .max-md\:grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .max-md\:grid-cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }

    .max-md\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .max-md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .max-md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .max-md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .max-md\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .max-md\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .max-md\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .max-md\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .max-md\:grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .max-md\:grid-cols-\[1fr\] {
        grid-template-columns: 1fr
    }

    .max-md\:grid-cols-\[var\(--grid-template-columns-sm\,var\(--grid-template-columns-md\,var\(--grid-template-columns\)\)\)\] {
        grid-template-columns: var(--grid-template-columns-sm, var(--grid-template-columns-md, var(--grid-template-columns)))
    }

    .max-md\:grid-rows-\[360px_auto\] {
        grid-template-rows: 360px auto
    }

    .max-md\:flex-row {
        flex-direction: row
    }

    .max-md\:flex-col {
        flex-direction: column
    }

    .max-md\:flex-col-reverse {
        flex-direction: column-reverse
    }

    .max-md\:flex-nowrap {
        flex-wrap: nowrap
    }

    .max-md\:items-start {
        align-items: flex-start
    }

    .max-md\:items-end {
        align-items: flex-end
    }

    .max-md\:items-center {
        align-items: center
    }

    .max-md\:items-stretch {
        align-items: stretch
    }

    .max-md\:justify-start {
        justify-content: flex-start
    }

    .max-md\:justify-end {
        justify-content: flex-end
    }

    .max-md\:justify-center {
        justify-content: center
    }

    .max-md\:gap-2 {
        gap: .5rem
    }

    .max-md\:gap-\[--facade-responsive-gap-md\] {
        gap: var(--facade-responsive-gap-md)
    }

    .max-md\:self-center {
        align-self: center
    }

    .max-md\:justify-self-center {
        justify-self: center
    }

    .max-md\:overflow-auto {
        overflow: auto
    }

    .max-md\:overflow-hidden {
        overflow: hidden
    }

    .max-md\:overflow-visible {
        overflow: visible
    }

    .max-md\:overflow-scroll {
        overflow: scroll
    }

    .max-md\:rounded-\[--facade-responsive-border-radius-md\] {
        border-radius: var(--facade-responsive-border-radius-md)
    }

    .max-md\:rounded-lg {
        border-radius: .5rem
    }

    .max-md\:border-\[length\:var\(--facade-responsive-border-width-md\)\] {
        border-width: var(--facade-responsive-border-width-md)
    }

    .max-md\:border-b-\[length\:var\(--facade-responsive-border-width-bottom-md\)\] {
        border-bottom-width: var(--facade-responsive-border-width-bottom-md)
    }

    .max-md\:border-e-\[length\:var\(--facade-responsive-border-width-right-md\)\] {
        border-inline-end-width: var(--facade-responsive-border-width-right-md)
    }

    .max-md\:border-s-\[length\:var\(--facade-responsive-border-width-left-md\)\] {
        border-inline-start-width: var(--facade-responsive-border-width-left-md)
    }

    .max-md\:border-t-\[length\:var\(--facade-responsive-border-width-top-md\)\] {
        border-top-width: var(--facade-responsive-border-width-top-md)
    }

    .max-md\:bg-\[var\(--background-color-sm\,var\(--background-color\)\)\] {
        background-color: var(--background-color-sm, var(--background-color))
    }

    .max-md\:bg-\[top_-8px_right_-86px\] {
        background-position: right -86px top -8px
    }

    .max-md\:p-\[--facade-responsive-padding-md\] {
        padding: var(--facade-responsive-padding-md)
    }

    .max-md\:p-\[20px\] {
        padding: 20px
    }

    .max-md\:pb-\[--facade-responsive-padding-bottom-md\] {
        padding-bottom: var(--facade-responsive-padding-bottom-md)
    }

    .max-md\:pb-\[140px\] {
        padding-bottom: 140px
    }

    .max-md\:pe-0 {
        padding-inline-end: 0
    }

    .max-md\:pe-\[--facade-responsive-padding-right-md\] {
        padding-inline-end: var(--facade-responsive-padding-right-md)
    }

    .max-md\:pe-\[30px\] {
        padding-inline-end: 30px
    }

    .max-md\:ps-0 {
        padding-inline-start: 0
    }

    .max-md\:ps-\[--facade-responsive-gap-md\] {
        padding-inline-start: var(--facade-responsive-gap-md)
    }

    .max-md\:ps-\[--facade-responsive-padding-left-md\] {
        padding-inline-start: var(--facade-responsive-padding-left-md)
    }

    .max-md\:ps-\[30px\] {
        padding-inline-start: 30px
    }

    .max-md\:pt-\[--facade-responsive-padding-top-md\] {
        padding-top: var(--facade-responsive-padding-top-md)
    }

    .max-md\:pt-\[30px\] {
        padding-top: 30px
    }

    .max-md\:pt-\[60px\] {
        padding-top: 60px
    }

    .max-md\:text-center {
        text-align: center
    }

    .max-md\:text-justify {
        text-align: justify
    }

    .max-md\:text-start {
        text-align: start
    }

    .max-md\:text-end {
        text-align: end
    }

    .max-md\:\[background\:var\(--facade-responsive-background-md\)\] {
        background: var(--facade-responsive-background-md)
    }

    .max-md\:\[column-gap\:var\(--layout-flex-column-gap-sm\,var\(--layout-flex-column-gap\)\)\] {
        -moz-column-gap: var(--layout-flex-column-gap-sm, var(--layout-flex-column-gap));
        column-gap: var(--layout-flex-column-gap-sm, var(--layout-flex-column-gap))
    }

    .max-md\:\[filter\:var\(--facade-responsive-filter-md\)\] {
        filter: var(--facade-responsive-filter-md)
    }

    .max-md\:\[flex-basis\:var\(--layout-flex-item-flex-basis-sm\,var\(--layout-flex-item-flex-basis\)\)\] {
        flex-basis: var(--layout-flex-item-flex-basis-sm, var(--layout-flex-item-flex-basis))
    }

    .max-md\:\[gap\:var\(--grid-gap-sm\,var\(--grid-gap\)\)\] {
        gap: var(--grid-gap-sm, var(--grid-gap))
    }

    .max-md\:\[grid-row-gap\:0\] {
        grid-row-gap: 0
    }

    .max-md\:\[justify-content\:var\(--simple-image-justify-content-sm\,var\(--simple-image-justify-content\)\)\] {
        justify-content: var(--simple-image-justify-content-sm, var(--simple-image-justify-content))
    }

    .max-md\:\[mask-image\:var\(--facade-responsive-mask-image-md\)\] {
        -webkit-mask-image: var(--facade-responsive-mask-image-md);
        -webkit-mask-image: var(--facade-responsive-mask-image-md);
        -webkit-mask-image: var(--facade-responsive-mask-image-md);
        mask-image: var(--facade-responsive-mask-image-md)
    }

    .max-md\:\[object-position\:60\%_0\] {
        -o-object-position: 60% 0;
        object-position: 60% 0
    }

    .max-md\:\[row-gap\:var\(--layout-flex-row-gap-sm\,var\(--layout-flex-row-gap\)\)\] {
        row-gap: var(--layout-flex-row-gap-sm, var(--layout-flex-row-gap))
    }

    .max-md\:\[text-align\:var\(--call-to-action-text-alignment-sm\,var\(--call-to-action-text-alignment\)\)\] {
        text-align: var(--call-to-action-text-alignment-sm, var(--call-to-action-text-alignment))
    }

    .max-md\:\[text-align\:var\(--simple-image-text-align-sm\,var\(--simple-image-text-align\)\)\] {
        text-align: var(--simple-image-text-align-sm, var(--simple-image-text-align))
    }

    .max-md\:\[transform\:var\(--facade-responsive-transform-md\)\] {
        transform: var(--facade-responsive-transform-md)
    }

    .max-md\:before\:text-\[length\:24px\]:before {
        content: var(--tw-content);
        font-size: 24px
    }

    .max-md\:before\:leading-\[32px\]:before {
        content: var(--tw-content);
        line-height: 32px
    }
}

@media not all and (min-width:640px) {
    .max-sm\:static {
        position: static
    }

    .max-sm\:fixed {
        position: fixed
    }

    .max-sm\:absolute {
        position: absolute
    }

    .max-sm\:relative {
        position: relative
    }

    .max-sm\:sticky {
        position: sticky
    }

    .max-sm\:bottom-\[--facade-responsive-bottom-sm\] {
        bottom: var(--facade-responsive-bottom-sm)
    }

    .max-sm\:end-\[--facade-responsive-right-sm\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: var(--facade-responsive-right-sm)
    }

    .max-sm\:end-\[--facade-responsive-right-sm\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: var(--facade-responsive-right-sm)
    }

    .max-sm\:end-\[--facade-responsive-right-sm\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: var(--facade-responsive-right-sm)
    }

    .max-sm\:end-\[--facade-responsive-right-sm\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: var(--facade-responsive-right-sm)
    }

    .max-sm\:end-\[--facade-responsive-right-sm\]:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: var(--facade-responsive-right-sm)
    }

    .max-sm\:end-\[--facade-responsive-right-sm\]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: var(--facade-responsive-right-sm)
    }

    .max-sm\:end-\[--facade-responsive-right-sm\]:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: var(--facade-responsive-right-sm)
    }

    .max-sm\:end-\[--facade-responsive-right-sm\]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: var(--facade-responsive-right-sm)
    }

    .max-sm\:start-1\/2:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: 50%
    }

    .max-sm\:start-1\/2:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: 50%
    }

    .max-sm\:start-1\/2:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: 50%
    }

    .max-sm\:start-1\/2:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: 50%
    }

    .max-sm\:start-1\/2:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: 50%
    }

    .max-sm\:start-1\/2:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: 50%
    }

    .max-sm\:start-1\/2:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: 50%
    }

    .max-sm\:start-1\/2:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: 50%
    }

    .max-sm\:start-\[--facade-responsive-left-sm\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: var(--facade-responsive-left-sm)
    }

    .max-sm\:start-\[--facade-responsive-left-sm\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: var(--facade-responsive-left-sm)
    }

    .max-sm\:start-\[--facade-responsive-left-sm\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: var(--facade-responsive-left-sm)
    }

    .max-sm\:start-\[--facade-responsive-left-sm\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: var(--facade-responsive-left-sm)
    }

    .max-sm\:start-\[--facade-responsive-left-sm\]:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: var(--facade-responsive-left-sm)
    }

    .max-sm\:start-\[--facade-responsive-left-sm\]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: var(--facade-responsive-left-sm)
    }

    .max-sm\:start-\[--facade-responsive-left-sm\]:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: var(--facade-responsive-left-sm)
    }

    .max-sm\:start-\[--facade-responsive-left-sm\]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: var(--facade-responsive-left-sm)
    }

    .max-sm\:top-\[--facade-responsive-top-sm\] {
        top: var(--facade-responsive-top-sm)
    }

    .max-sm\:z-\[--facade-responsive-z-index-sm\] {
        z-index: var(--facade-responsive-z-index-sm)
    }

    .max-sm\:order-\[var\(--layout-flex-item-order-xs\,var\(--layout-flex-item-order-sm\,var\(--layout-flex-item-order\)\)\)\] {
        order: var(--layout-flex-item-order-xs, var(--layout-flex-item-order-sm, var(--layout-flex-item-order)))
    }

    .max-sm\:col-start-1 {
        grid-column-start: 1
    }

    .max-sm\:col-end-\[span_3\] {
        grid-column-end: span 3
    }

    .max-sm\:m-\[--facade-responsive-margin-sm\] {
        margin: var(--facade-responsive-margin-sm)
    }

    .max-sm\:m-auto {
        margin: auto
    }

    .max-sm\:-ms-\[--facade-responsive-gap-sm\] {
        margin-inline-start: calc(var(--facade-responsive-gap-sm)*-1)
    }

    .max-sm\:mb-\[--facade-responsive-margin-bottom-sm\] {
        margin-bottom: var(--facade-responsive-margin-bottom-sm)
    }

    .max-sm\:me-\[--facade-responsive-margin-right-sm\] {
        margin-inline-end: var(--facade-responsive-margin-right-sm)
    }

    .max-sm\:ms-\[--facade-responsive-margin-left-sm\] {
        margin-inline-start: var(--facade-responsive-margin-left-sm)
    }

    .max-sm\:mt-3 {
        margin-top: .75rem
    }

    .max-sm\:mt-\[--facade-responsive-margin-top-sm\] {
        margin-top: var(--facade-responsive-margin-top-sm)
    }

    .max-sm\:mt-\[-76px\] {
        margin-top: -76px
    }

    .max-sm\:block {
        display: block
    }

    .max-sm\:flex {
        display: flex
    }

    .max-sm\:table-row {
        display: table-row
    }

    .max-sm\:hidden {
        display: none
    }

    .max-sm\:h-\[--facade-responsive-height-sm\] {
        height: var(--facade-responsive-height-sm)
    }

    .max-sm\:h-\[160px\] {
        height: 160px
    }

    .max-sm\:h-\[52px\] {
        height: 52px
    }

    .max-sm\:h-\[unset\] {
        height: unset
    }

    .max-sm\:h-\[var\(--background-height-xs\,var\(--background-height\)\)\] {
        height: var(--background-height-xs, var(--background-height))
    }

    .max-sm\:h-\[var\(--height-sm\)\] {
        height: var(--height-sm)
    }

    .max-sm\:h-\[var\(--spacing-vertical-height-xs\,var\(--spacing-vertical-height-sm\,var\(--spacing-vertical-height-md\,var\(--spacing-vertical-height\)\)\)\)\] {
        height: var(--spacing-vertical-height-xs, var(--spacing-vertical-height-sm, var(--spacing-vertical-height-md, var(--spacing-vertical-height))))
    }

    .max-sm\:max-h-\[--facade-responsive-max-height-sm\] {
        max-height: var(--facade-responsive-max-height-sm)
    }

    .max-sm\:max-h-\[100vh\] {
        max-height: 100vh
    }

    .max-sm\:max-h-\[var\(--max-height-sm\)\] {
        max-height: var(--max-height-sm)
    }

    .max-sm\:min-h-\[--facade-responsive-min-height-sm\] {
        min-height: var(--facade-responsive-min-height-sm)
    }

    .max-sm\:min-h-\[454px\] {
        min-height: 454px
    }

    .max-sm\:w-\[--facade-responsive-width-sm\] {
        width: var(--facade-responsive-width-sm)
    }

    .max-sm\:w-\[45px\] {
        width: 45px
    }

    .max-sm\:w-\[unset\] {
        width: unset
    }

    .max-sm\:w-\[var\(--width-sm\)\] {
        width: var(--width-sm)
    }

    .max-sm\:w-auto {
        width: auto
    }

    .max-sm\:w-full {
        width: 100%
    }

    .max-sm\:min-w-\[--facade-responsive-min-width-sm\] {
        min-width: var(--facade-responsive-min-width-sm)
    }

    .max-sm\:max-w-\[--facade-responsive-max-width-sm\] {
        max-width: var(--facade-responsive-max-width-sm)
    }

    .max-sm\:max-w-\[var\(--max-width-sm\)\] {
        max-width: var(--max-width-sm)
    }

    .max-sm\:shrink {
        flex-shrink: 1
    }

    .max-sm\:shrink-0 {
        flex-shrink: 0
    }

    .max-sm\:grow {
        flex-grow: 1
    }

    .max-sm\:grow-0 {
        flex-grow: 0
    }

    .max-sm\:basis-1\/2 {
        flex-basis: 50%
    }

    .max-sm\:basis-1\/3 {
        flex-basis: 33.3333%
    }

    .max-sm\:basis-1\/4 {
        flex-basis: 25%
    }

    .max-sm\:basis-1\/5 {
        flex-basis: 20%
    }

    .max-sm\:basis-1\/6 {
        flex-basis: 16.6667%
    }

    .max-sm\:basis-2\/3 {
        flex-basis: 66.6667%
    }

    .max-sm\:basis-2\/5 {
        flex-basis: 40%
    }

    .max-sm\:basis-3\/4 {
        flex-basis: 75%
    }

    .max-sm\:basis-3\/5 {
        flex-basis: 60%
    }

    .max-sm\:basis-4\/5 {
        flex-basis: 80%
    }

    .max-sm\:basis-5\/6 {
        flex-basis: 83.3333%
    }

    .max-sm\:basis-auto {
        flex-basis: auto
    }

    .max-sm\:-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))
    }

    .max-sm\:-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))
    }

    .max-sm\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .max-sm\:grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .max-sm\:grid-cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }

    .max-sm\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .max-sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .max-sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .max-sm\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .max-sm\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .max-sm\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .max-sm\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .max-sm\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .max-sm\:grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .max-sm\:grid-cols-\[1fr\] {
        grid-template-columns: 1fr
    }

    .max-sm\:grid-cols-\[var\(--grid-template-columns-xs\,var\(--grid-template-columns-sm\,var\(--grid-template-columns-md\,var\(--grid-template-columns\)\)\)\)\] {
        grid-template-columns: var(--grid-template-columns-xs, var(--grid-template-columns-sm, var(--grid-template-columns-md, var(--grid-template-columns))))
    }

    .max-sm\:flex-col {
        flex-direction: column
    }

    .max-sm\:items-start {
        align-items: flex-start
    }

    .max-sm\:items-end {
        align-items: flex-end
    }

    .max-sm\:items-center {
        align-items: center
    }

    .max-sm\:items-stretch {
        align-items: stretch
    }

    .max-sm\:justify-start {
        justify-content: flex-start
    }

    .max-sm\:justify-end {
        justify-content: flex-end
    }

    .max-sm\:justify-center {
        justify-content: center
    }

    .max-sm\:gap-\[--facade-responsive-gap-sm\] {
        gap: var(--facade-responsive-gap-sm)
    }

    .max-sm\:gap-x-\[12px\] {
        -moz-column-gap: 12px;
        column-gap: 12px
    }

    .max-sm\:overflow-auto {
        overflow: auto
    }

    .max-sm\:overflow-hidden {
        overflow: hidden
    }

    .max-sm\:overflow-visible {
        overflow: visible
    }

    .max-sm\:overflow-scroll {
        overflow: scroll
    }

    .max-sm\:rounded-\[--facade-responsive-border-radius-sm\] {
        border-radius: var(--facade-responsive-border-radius-sm)
    }

    .max-sm\:border-\[length\:var\(--facade-responsive-border-width-sm\)\] {
        border-width: var(--facade-responsive-border-width-sm)
    }

    .max-sm\:border-b-\[length\:var\(--facade-responsive-border-width-bottom-sm\)\] {
        border-bottom-width: var(--facade-responsive-border-width-bottom-sm)
    }

    .max-sm\:border-e-\[length\:var\(--facade-responsive-border-width-right-sm\)\] {
        border-inline-end-width: var(--facade-responsive-border-width-right-sm)
    }

    .max-sm\:border-s-\[length\:var\(--facade-responsive-border-width-left-sm\)\] {
        border-inline-start-width: var(--facade-responsive-border-width-left-sm)
    }

    .max-sm\:border-t-\[length\:var\(--facade-responsive-border-width-top-sm\)\] {
        border-top-width: var(--facade-responsive-border-width-top-sm)
    }

    .max-sm\:bg-\[var\(--background-color-xs\,var\(--background-color-sm\,var\(--background-color\)\)\)\] {
        background-color: var(--background-color-xs, var(--background-color-sm, var(--background-color)))
    }

    .max-sm\:p-0 {
        padding: 0
    }

    .max-sm\:p-\[--facade-responsive-padding-sm\] {
        padding: var(--facade-responsive-padding-sm)
    }

    .max-sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .max-sm\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .max-sm\:pb-\[--facade-responsive-padding-bottom-sm\] {
        padding-bottom: var(--facade-responsive-padding-bottom-sm)
    }

    .max-sm\:pb-\[90px\] {
        padding-bottom: 90px
    }

    .max-sm\:pe-0 {
        padding-inline-end: 0
    }

    .max-sm\:pe-\[--facade-responsive-padding-right-sm\] {
        padding-inline-end: var(--facade-responsive-padding-right-sm)
    }

    .max-sm\:ps-\[--facade-responsive-gap-sm\] {
        padding-inline-start: var(--facade-responsive-gap-sm)
    }

    .max-sm\:ps-\[--facade-responsive-padding-left-sm\] {
        padding-inline-start: var(--facade-responsive-padding-left-sm)
    }

    .max-sm\:pt-\[--facade-responsive-padding-top-sm\] {
        padding-top: var(--facade-responsive-padding-top-sm)
    }

    .max-sm\:text-center {
        text-align: center
    }

    .max-sm\:text-justify {
        text-align: justify
    }

    .max-sm\:text-start {
        text-align: start
    }

    .max-sm\:text-end {
        text-align: end
    }

    .max-sm\:text-\[length\:14\] {
        font-size: 14px
    }

    .max-sm\:text-\[length\:37\] {
        font-size: 37px
    }

    .max-sm\:\[background\:var\(--facade-responsive-background-sm\)\] {
        background: var(--facade-responsive-background-sm)
    }

    .max-sm\:\[filter\:var\(--facade-responsive-filter-sm\)\] {
        filter: var(--facade-responsive-filter-sm)
    }

    .max-sm\:\[flex-basis\:var\(--layout-flex-item-flex-basis-xs\,var\(--layout-flex-item-flex-basis-sm\,var\(--layout-flex-item-flex-basis\)\)\)\] {
        flex-basis: var(--layout-flex-item-flex-basis-xs, var(--layout-flex-item-flex-basis-sm, var(--layout-flex-item-flex-basis)))
    }

    .max-sm\:\[flex-grow\:var\(--layout-flex-item-flex-grow-xs\,var\(--layout-flex-item-flex-grow\)\)\] {
        flex-grow: var(--layout-flex-item-flex-grow-xs, var(--layout-flex-item-flex-grow))
    }

    .max-sm\:\[gap\:var\(--grid-gap-xs\,var\(--grid-gap-sm\,var\(--grid-gap\)\)\)\] {
        gap: var(--grid-gap-xs, var(--grid-gap-sm, var(--grid-gap)))
    }

    .max-sm\:\[justify-content\:var\(--simple-image-justify-content-xs\,var\(--simple-image-justify-content-sm\,var\(--simple-image-justify-content\)\)\)\] {
        justify-content: var(--simple-image-justify-content-xs, var(--simple-image-justify-content-sm, var(--simple-image-justify-content)))
    }

    .max-sm\:\[mask-image\:var\(--facade-responsive-mask-image-sm\)\] {
        -webkit-mask-image: var(--facade-responsive-mask-image-sm);
        -webkit-mask-image: var(--facade-responsive-mask-image-sm);
        -webkit-mask-image: var(--facade-responsive-mask-image-sm);
        mask-image: var(--facade-responsive-mask-image-sm)
    }

    .max-sm\:\[text-align\:var\(--call-to-action-text-alignment-xs\,var\(--call-to-action-text-alignment-sm\,var\(--call-to-action-text-alignment\)\)\)\] {
        text-align: var(--call-to-action-text-alignment-xs, var(--call-to-action-text-alignment-sm, var(--call-to-action-text-alignment)))
    }

    .max-sm\:\[text-align\:var\(--simple-image-text-align-xs\,var\(--simple-image-text-align-sm\,var\(--simple-image-text-align\)\)\)\] {
        text-align: var(--simple-image-text-align-xs, var(--simple-image-text-align-sm, var(--simple-image-text-align)))
    }

    .max-sm\:\[transform\:var\(--facade-responsive-transform-sm\)\] {
        transform: var(--facade-responsive-transform-sm)
    }
}

@media (max-width:375px) {
    .max-\[375px\]\:h-\[42px\] {
        height: 42px
    }

    .max-\[375px\]\:w-\[38px\] {
        width: 38px
    }
}

@media (max-width:370px) {
    .max-\[370px\]\:mt-\[12px\] {
        margin-top: 12px
    }

    .max-\[370px\]\:flex-col {
        flex-direction: column
    }

    .max-\[370px\]\:justify-start {
        justify-content: flex-start
    }

    .max-\[370px\]\:ps-\[44px\] {
        padding-inline-start: 44px
    }
}

@media (min-width:530px) {
    .min-\[530px\]\:grid-cols-\[repeat\(5\,52px\)\] {
        grid-template-columns: repeat(5, 52px)
    }
}

@media (min-width:640px) {
    .sm\:pointer-events-auto {
        pointer-events: auto
    }

    .sm\:sticky {
        position: sticky
    }

    .sm\:start-\[200px\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: 200px
    }

    .sm\:start-\[200px\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: 200px
    }

    .sm\:start-\[200px\]:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: 200px
    }

    .sm\:start-\[200px\]:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: 200px
    }

    .sm\:start-\[200px\]:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: 200px
    }

    .sm\:start-\[200px\]:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: 200px
    }

    .sm\:start-\[200px\]:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: 200px
    }

    .sm\:start-\[200px\]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: 200px
    }

    .sm\:top-\[-88px\] {
        top: -88px
    }

    .sm\:top-\[88px\] {
        top: 88px
    }

    .sm\:row-span-full {
        grid-row: 1/-1
    }

    .sm\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .sm\:my-\[16px\] {
        margin-top: 16px;
        margin-bottom: 16px
    }

    .sm\:mb-0 {
        margin-bottom: 0
    }

    .sm\:mb-4 {
        margin-bottom: 1rem
    }

    .sm\:mb-5 {
        margin-bottom: 1.25rem
    }

    .sm\:mb-8 {
        margin-bottom: 2rem
    }

    .sm\:mb-9 {
        margin-bottom: 2.25rem
    }

    .sm\:mb-\[12px\] {
        margin-bottom: 12px
    }

    .sm\:me-\[16px\] {
        margin-inline-end: 16px
    }

    .sm\:ms-0 {
        margin-inline-start: 0
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:mt-8 {
        margin-top: 2rem
    }

    .sm\:mt-\[16px\] {
        margin-top: 16px
    }

    .sm\:box-border {
        box-sizing: border-box
    }

    .sm\:block {
        display: block
    }

    .sm\:inline {
        display: inline
    }

    .sm\:flex {
        display: flex
    }

    .sm\:inline-flex {
        display: inline-flex
    }

    .sm\:table-cell {
        display: table-cell
    }

    .sm\:grid {
        display: grid
    }

    .sm\:hidden {
        display: none
    }

    .sm\:size-\[120px\] {
        width: 120px;
        height: 120px
    }

    .sm\:size-\[131px\] {
        width: 131px;
        height: 131px
    }

    .sm\:size-full {
        width: 100%;
        height: 100%
    }

    .sm\:h-24 {
        height: 6rem
    }

    .sm\:h-\[140px\] {
        height: 140px
    }

    .sm\:h-\[176px\] {
        height: 176px
    }

    .sm\:h-\[189px\] {
        height: 189px
    }

    .sm\:h-\[212px\] {
        height: 212px
    }

    .sm\:h-\[284px\] {
        height: 284px
    }

    .sm\:h-\[400px\] {
        height: 400px
    }

    .sm\:h-\[83lvh\] {
        height: 83lvh
    }

    .sm\:h-auto {
        height: auto
    }

    .sm\:max-h-\[524px\] {
        max-height: 524px
    }

    .sm\:max-h-\[880px\] {
        max-height: 880px
    }

    .sm\:w-40 {
        width: 10rem
    }

    .sm\:w-52 {
        width: 13rem
    }

    .sm\:w-\[200px\] {
        width: 200px
    }

    .sm\:w-\[215px\] {
        width: 215px
    }

    .sm\:w-\[295px\] {
        width: 295px
    }

    .sm\:w-\[350px\] {
        width: 350px
    }

    .sm\:w-\[415px\] {
        width: 415px
    }

    .sm\:w-\[75\%\] {
        width: 75%
    }

    .sm\:w-auto {
        width: auto
    }

    .sm\:w-full {
        width: 100%
    }

    .sm\:min-w-0 {
        min-width: 0
    }

    .sm\:min-w-40 {
        min-width: 10rem
    }

    .sm\:min-w-\[200px\] {
        min-width: 200px
    }

    .sm\:max-w-\[245px\] {
        max-width: 245px
    }

    .sm\:max-w-\[404px\] {
        max-width: 404px
    }

    .sm\:max-w-\[448px\] {
        max-width: 448px
    }

    .sm\:max-w-full {
        max-width: 100%
    }

    .sm\:flex-initial {
        flex: 0 auto
    }

    .sm\:basis-80 {
        flex-basis: 20rem
    }

    .sm\:table-fixed {
        table-layout: fixed
    }

    .sm\: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))
    }

    .sm\:translate-y-\[calc\(100\%-6rem\)\] {
        --tw-translate-y: calc(100% - 6rem);
        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))
    }

    .sm\:scroll-mx-5 {
        scroll-margin-left: 1.25rem;
        scroll-margin-right: 1.25rem
    }

    .sm\:columns-2 {
        -moz-columns: 2;
        columns: 2
    }

    .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-\[1fr_minmax\(240px\,1fr\)_1fr\] {
        grid-template-columns: 1fr minmax(240px, 1fr) 1fr
    }

    .sm\:grid-cols-\[auto_1fr\] {
        grid-template-columns: auto 1fr
    }

    .sm\:grid-cols-\[fit-content\(100\%\)_auto\] {
        grid-template-columns: fit-content(100%) auto
    }

    .sm\:grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }

    .sm\:grid-rows-\[64px_auto_68px\] {
        grid-template-rows: 64px auto 68px
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:flex-col {
        flex-direction: column
    }

    .sm\:flex-wrap {
        flex-wrap: wrap
    }

    .sm\:items-start {
        align-items: flex-start
    }

    .sm\:items-end {
        align-items: flex-end
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-start {
        justify-content: flex-start
    }

    .sm\:justify-end {
        justify-content: flex-end
    }

    .sm\:justify-center {
        justify-content: center
    }

    .sm\:justify-between {
        justify-content: space-between
    }

    .sm\:gap-0 {
        gap: 0
    }

    .sm\:gap-2 {
        gap: .5rem
    }

    .sm\:gap-4 {
        gap: 1rem
    }

    .sm\:gap-5 {
        gap: 1.25rem
    }

    .sm\:gap-6 {
        gap: 1.5rem
    }

    .sm\:gap-\[4px\] {
        gap: 4px
    }

    .sm\:overflow-hidden {
        overflow: hidden
    }

    .sm\:overflow-x-visible {
        overflow-x: visible
    }

    .sm\:rounded-2xl {
        border-radius: 1rem
    }

    .sm\:rounded-ds-7 {
        border-radius: 20px
    }

    .sm\:rounded-xl {
        border-radius: .75rem
    }

    .sm\:border-t {
        border-top-width: 1px
    }

    .sm\:border-t-ds-divider {
        border-top-color: var(--colors-ds-divider, #686b8229)
    }

    .sm\:bg-ds-card-background {
        background-color: var(--background-color-ds-card-background, #fff)
    }

    .sm\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }

    .sm\:bg-contain {
        background-size: contain
    }

    .sm\:p-5 {
        padding: 1.25rem
    }

    .sm\:p-6 {
        padding: 1.5rem
    }

    .sm\:p-7 {
        padding: 1.75rem
    }

    .sm\:p-ds-7 {
        padding: 24px
    }

    .sm\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .sm\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm\:px-\[12px\] {
        padding-left: 12px;
        padding-right: 12px
    }

    .sm\:px-\[30px\] {
        padding-left: 30px;
        padding-right: 30px
    }

    .sm\:py-14 {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }

    .sm\:py-\[24px\],
    .sm\:py-ds-7 {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .sm\:pb-0 {
        padding-bottom: 0
    }

    .sm\:pb-4 {
        padding-bottom: 1rem
    }

    .sm\:pb-5 {
        padding-bottom: 1.25rem
    }

    .sm\:pb-6 {
        padding-bottom: 1.5rem
    }

    .sm\:pe-4 {
        padding-inline-end: 1rem
    }

    .sm\:pe-5 {
        padding-inline-end: 1.25rem
    }

    .sm\:pe-6 {
        padding-inline-end: 1.5rem
    }

    .sm\:pl-ds-0 {
        padding-left: 0
    }

    .sm\:pr-ds-10 {
        padding-right: 40px
    }

    .sm\:ps-2 {
        padding-inline-start: .5rem
    }

    .sm\:pt-\[50px\] {
        padding-top: 50px
    }

    .sm\:pt-ds-5 {
        padding-top: 16px
    }

    .sm\:text-center {
        text-align: center
    }

    .sm\:text-start {
        text-align: start
    }

    .sm\:\!text-2xl {
        font-size: 1.5rem !important;
        line-height: 2rem !important
    }

    .sm\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .sm\:opacity-0 {
        opacity: 0
    }

    .sm\:opacity-100 {
        opacity: 1
    }

    .sm\:shadow-ds-5 {
        --tw-shadow: var(--box-shadow-ds-5, 0px 20px 24px -4px #1018280f);
        --tw-shadow-colored: 0px 20px 24px -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)
    }

    .sm\:\[grid-template-areas\:\"image_content\"\] {
        grid-template-areas: "image content"
    }

    .sm\:first\:ps-0:first-child {
        padding-inline-start: 0
    }

    .sm\:hover\:shadow-\[0px_12px_16px_-4px_rgba\(16\,24\,40\,0\.06\)\]:hover {
        --tw-shadow: 0px 12px 16px -4px #1018280f;
        --tw-shadow-colored: 0px 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)
    }

    .sm\:active\:shadow-\[0px_4px_8px_-2px_rgba\(16\,24\,40\,0\.07\)\]:active {
        --tw-shadow: 0px 4px 8px -2px #10182812;
        --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)
    }
}

@media (min-width:768px) {
    .md\:absolute {
        position: absolute
    }

    .md\:sticky {
        position: sticky
    }

    .md\:end-4:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: 1rem
    }

    .md\:end-4:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: 1rem
    }

    .md\:end-4:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: 1rem
    }

    .md\:end-4:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: 1rem
    }

    .md\:end-4:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: 1rem
    }

    .md\:end-4:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: 1rem
    }

    .md\:end-4:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: 1rem
    }

    .md\:end-4:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: 1rem
    }

    .md\:end-6:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: 1.5rem
    }

    .md\:end-6:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: 1.5rem
    }

    .md\:end-6:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: 1.5rem
    }

    .md\:end-6:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: 1.5rem
    }

    .md\:end-6:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        right: 1.5rem
    }

    .md\:end-6:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: 1.5rem
    }

    .md\:end-6:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: 1.5rem
    }

    .md\:end-6:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        left: 1.5rem
    }

    .md\:left-\[32px\] {
        left: 32px
    }

    .md\:left-\[calc\(100\%-36px\)\] {
        left: calc(100% - 36px)
    }

    .md\:left-\[calc\(65\.2\%\)\] {
        left: 65.2%
    }

    .md\:start-1\/2:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: 50%
    }

    .md\:start-1\/2:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: 50%
    }

    .md\:start-1\/2:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: 50%
    }

    .md\:start-1\/2:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: 50%
    }

    .md\:start-1\/2:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        left: 50%
    }

    .md\:start-1\/2:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: 50%
    }

    .md\:start-1\/2:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: 50%
    }

    .md\:start-1\/2:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        right: 50%
    }

    .md\:top-4 {
        top: 1rem
    }

    .md\:order-1 {
        order: 1
    }

    .md\:order-last {
        order: 9999
    }

    .md\:order-none {
        order: 0
    }

    .md\:col-span-2 {
        grid-column: span 2/span 2
    }

    .md\:col-span-full {
        grid-column: 1/-1
    }

    .md\:mx-3\.5 {
        margin-left: .875rem;
        margin-right: .875rem
    }

    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .md\:mx-ds-8 {
        margin-left: 28px;
        margin-right: 28px
    }

    .md\:my-ds-10 {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .md\:my-ds-9 {
        margin-top: 32px;
        margin-bottom: 32px
    }

    .md\:mb-\[40px\] {
        margin-bottom: 40px
    }

    .md\:mb-\[47\.5px\] {
        margin-bottom: 47.5px
    }

    .md\:mb-\[var\(--margin-m-bottom-md\,var\(--margin-m-bottom\)\)\] {
        margin-bottom: var(--margin-m-bottom-md, var(--margin-m-bottom))
    }

    .md\:mb-ds-0 {
        margin-bottom: 0
    }

    .md\:me-9 {
        margin-inline-end: 2.25rem
    }

    .md\:me-\[var\(--margin-m-end-md\,var\(--margin-m-end\)\)\] {
        margin-inline-end: var(--margin-m-end-md, var(--margin-m-end))
    }

    .md\:ms-3 {
        margin-inline-start: .75rem
    }

    .md\:ms-\[var\(--margin-m-start-md\,var\(--margin-m-start\)\)\] {
        margin-inline-start: var(--margin-m-start-md, var(--margin-m-start))
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mt-14 {
        margin-top: 3.5rem
    }

    .md\:mt-16 {
        margin-top: 4rem
    }

    .md\:mt-4 {
        margin-top: 1rem
    }

    .md\:mt-6 {
        margin-top: 1.5rem
    }

    .md\:mt-8 {
        margin-top: 2rem
    }

    .md\:mt-\[-22\.5px\] {
        margin-top: -22.5px
    }

    .md\:mt-\[var\(--margin-m-top-md\,var\(--margin-m-top\)\)\] {
        margin-top: var(--margin-m-top-md, var(--margin-m-top))
    }

    .md\:mt-ds-0 {
        margin-top: 0
    }

    .md\:mt-ds-10 {
        margin-top: 40px
    }

    .md\:mt-ds-2 {
        margin-top: 4px
    }

    .md\:mt-ds-3 {
        margin-top: 8px
    }

    .md\:mt-ds-4 {
        margin-top: 12px
    }

    .md\:mt-ds-7 {
        margin-top: 24px
    }

    .md\:mt-ds-9 {
        margin-top: 32px
    }

    .md\:block {
        display: block
    }

    .md\:inline {
        display: inline
    }

    .md\:flex {
        display: flex
    }

    .md\:\!grid {
        display: grid !important
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:size-8 {
        width: 2rem;
        height: 2rem
    }

    .md\:size-\[60px\] {
        width: 60px;
        height: 60px
    }

    .md\:h-16 {
        height: 4rem
    }

    .md\:h-96 {
        height: 24rem
    }

    .md\:h-\[212px\] {
        height: 212px
    }

    .md\:h-\[235px\] {
        height: 235px
    }

    .md\:h-\[270px\] {
        height: 270px
    }

    .md\:h-\[400px\] {
        height: 400px
    }

    .md\:h-\[415px\] {
        height: 415px
    }

    .md\:h-\[728px\] {
        height: 728px
    }

    .md\:h-\[72px\] {
        height: 72px
    }

    .md\:h-\[92px\] {
        height: 92px
    }

    .md\:h-\[calc\(100\%-88px\)\] {
        height: calc(100% - 88px)
    }

    .md\:h-\[calc\(100\%-88px-28px\)\] {
        height: calc(100% - 116px)
    }

    .md\:max-h-\[378px\] {
        max-height: 378px
    }

    .md\:max-h-\[545px\] {
        max-height: 545px
    }

    .md\:max-h-\[564px\] {
        max-height: 564px
    }

    .md\:max-h-\[580px\] {
        max-height: 580px
    }

    .md\:max-h-\[var\(--expandable-wrapper-max-height-md\)\] {
        max-height: var(--expandable-wrapper-max-height-md)
    }

    .md\:min-h-\[202px\] {
        min-height: 202px
    }

    .md\:min-h-\[84px\] {
        min-height: 84px
    }

    .md\:w-1\/3 {
        width: 33.3333%
    }

    .md\:w-2\/3 {
        width: 66.6667%
    }

    .md\:w-48 {
        width: 12rem
    }

    .md\:w-\[160px\] {
        width: 160px
    }

    .md\:w-\[210px\] {
        width: 210px
    }

    .md\:w-\[220px\] {
        width: 220px
    }

    .md\:w-\[247px\] {
        width: 247px
    }

    .md\:w-\[300px\] {
        width: 300px
    }

    .md\:w-\[500px\] {
        width: 500px
    }

    .md\:w-\[565px\] {
        width: 565px
    }

    .md\:w-\[661px\] {
        width: 661px
    }

    .md\:w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .md\:w-full {
        width: 100%
    }

    .md\:min-w-\[148px\] {
        min-width: 148px
    }

    .md\:max-w-\[540px\] {
        max-width: 540px
    }

    .md\:max-w-\[720px\] {
        max-width: 720px
    }

    .md\:max-w-full {
        max-width: 100%
    }

    .md\:shrink {
        flex-shrink: 1
    }

    .md\:-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))
    }

    .md\: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))
    }

    .md\:animate-none {
        animation: none
    }

    .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-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .md\:grid-cols-\[1fr_1fr\] {
        grid-template-columns: 1fr 1fr
    }

    .md\:grid-cols-\[1fr_auto\] {
        grid-template-columns: 1fr auto
    }

    .md\:grid-cols-none {
        grid-template-columns: none
    }

    .md\:grid-rows-none {
        grid-template-rows: none
    }

    .md\:\!flex-row {
        flex-direction: row !important
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-wrap {
        flex-wrap: wrap
    }

    .md\:items-start {
        align-items: flex-start
    }

    .md\:items-center {
        align-items: center
    }

    .md\:justify-start {
        justify-content: flex-start
    }

    .md\:justify-end {
        justify-content: flex-end
    }

    .md\:justify-center {
        justify-content: center
    }

    .md\:justify-between {
        justify-content: space-between
    }

    .md\:gap-0\.5 {
        gap: .125rem
    }

    .md\:gap-1\.5 {
        gap: .375rem
    }

    .md\:gap-10 {
        gap: 2.5rem
    }

    .md\:gap-12 {
        gap: 3rem
    }

    .md\:gap-2 {
        gap: .5rem
    }

    .md\:gap-3 {
        gap: .75rem
    }

    .md\:gap-3\.5 {
        gap: .875rem
    }

    .md\:gap-4 {
        gap: 1rem
    }

    .md\:gap-5 {
        gap: 1.25rem
    }

    .md\:gap-8 {
        gap: 2rem
    }

    .md\:gap-ds-3 {
        gap: 8px
    }

    .md\:gap-ds-6 {
        gap: 20px
    }

    .md\:gap-x-7 {
        -moz-column-gap: 1.75rem;
        column-gap: 1.75rem
    }

    .md\:gap-x-ds-10 {
        -moz-column-gap: 40px;
        column-gap: 40px
    }

    .md\:overflow-x-hidden {
        overflow-x: hidden
    }

    .md\:overflow-x-scroll {
        overflow-x: scroll
    }

    .md\:rounded-2xl {
        border-radius: 1rem
    }

    .md\:rounded-ds-5 {
        border-radius: 12px
    }

    .md\:border-solid {
        border-style: solid
    }

    .md\:object-left-top {
        -o-object-position: left top;
        object-position: left top
    }

    .md\:p-12 {
        padding: 3rem
    }

    .md\:p-2 {
        padding: .5rem
    }

    .md\:p-4 {
        padding: 1rem
    }

    .md\:p-7 {
        padding: 1.75rem
    }

    .md\:p-8 {
        padding: 2rem
    }

    .md\:p-ds-button-sm {
        padding: 8px 12px
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .md\:px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .md\:px-ds-10 {
        padding-left: 40px;
        padding-right: 40px
    }

    .md\:px-ds-3 {
        padding-left: 8px;
        padding-right: 8px
    }

    .md\:px-ds-7 {
        padding-left: 24px;
        padding-right: 24px
    }

    .md\:px-ds-tabs-horzLg {
        padding-left: 12px;
        padding-right: 12px
    }

    .md\:py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .md\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .md\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .md\:py-ds-2 {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .md\:py-ds-6 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .md\:py-ds-7 {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .md\:pb-12 {
        padding-bottom: 3rem
    }

    .md\:pb-14 {
        padding-bottom: 3.5rem
    }

    .md\:pb-28 {
        padding-bottom: 7rem
    }

    .md\:pe-0 {
        padding-inline-end: 0
    }

    .md\:pe-12 {
        padding-inline-end: 3rem
    }

    .md\:pe-\[var\(--hero-growth-column1-padding-right\)\] {
        padding-inline-end: var(--hero-growth-column1-padding-right)
    }

    .md\:ps-6 {
        padding-inline-start: 1.5rem
    }

    .md\:ps-7 {
        padding-inline-start: 1.75rem
    }

    .md\:pt-0 {
        padding-top: 0
    }

    .md\:pt-16 {
        padding-top: 4rem
    }

    .md\:pt-20 {
        padding-top: 5rem
    }

    .md\:pt-\[88px\] {
        padding-top: 88px
    }

    .md\:text-start {
        text-align: start
    }

    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .md\:text-\[20px\] {
        font-size: 20px
    }

    .md\:text-\[24px\] {
        font-size: 24px
    }

    .md\:text-\[26px\] {
        font-size: 26px
    }

    .md\:text-\[28px\] {
        font-size: 28px
    }

    .md\:text-\[32px\] {
        font-size: 32px
    }

    .md\:text-\[38px\] {
        font-size: 38px
    }

    .md\:text-\[42px\] {
        font-size: 42px
    }

    .md\:text-\[46px\] {
        font-size: 46px
    }

    .md\:text-\[50px\] {
        font-size: 50px
    }

    .md\:text-\[52px\] {
        font-size: 52px
    }

    .md\:text-\[56px\] {
        font-size: 56px
    }

    .md\:text-\[60px\] {
        font-size: 60px
    }

    .md\:text-\[62px\] {
        font-size: 62px
    }

    .md\:text-\[66px\] {
        font-size: 66px
    }

    .md\:text-\[70px\] {
        font-size: 70px
    }

    .md\:text-\[74px\] {
        font-size: 74px
    }

    .md\:text-\[80px\] {
        font-size: 80px
    }

    .md\:text-\[84px\] {
        font-size: 84px
    }

    .md\:\!leading-\[1\.75em\] {
        line-height: 1.75em !important
    }

    .md\:leading-\[28px\] {
        line-height: 28px
    }

    .md\:leading-\[32px\] {
        line-height: 32px
    }

    .md\:leading-\[34px\] {
        line-height: 34px
    }

    .md\:leading-\[36px\] {
        line-height: 36px
    }

    .md\:leading-\[38px\] {
        line-height: 38px
    }

    .md\:leading-\[46px\] {
        line-height: 46px
    }

    .md\:leading-\[50px\] {
        line-height: 50px
    }

    .md\:leading-\[54px\] {
        line-height: 54px
    }

    .md\:leading-\[58px\] {
        line-height: 58px
    }

    .md\:leading-\[60px\] {
        line-height: 60px
    }

    .md\:leading-\[64px\] {
        line-height: 64px
    }

    .md\:leading-\[68px\] {
        line-height: 68px
    }

    .md\:leading-\[70px\] {
        line-height: 70px
    }

    .md\:leading-\[74px\] {
        line-height: 74px
    }

    .md\:leading-\[78px\] {
        line-height: 78px
    }

    .md\:leading-\[84px\] {
        line-height: 84px
    }

    .md\:leading-\[88px\] {
        line-height: 88px
    }

    .md\:leading-\[92px\] {
        line-height: 92px
    }

    .md\:shadow-\[0px_0px_1px_rgba\(0\,0\,0\,0\.05\)\,0px_4px_32px_rgba\(58\,53\,47\,0\.05\)\] {
        --tw-shadow: 0px 0px 1px #0000000d, 0px 4px 32px #3a352f0d;
        --tw-shadow-colored: 0px 0px 1px var(--tw-shadow-color), 0px 4px 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)
    }

    .md\:transition-transform {
        transition-property: transform;
        transition-duration: .15s;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .md\:duration-0 {
        transition-duration: 0s
    }

    .md\:duration-\[\.1s\] {
        transition-duration: .1s
    }

    .md\:ease-in-out {
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .md\:\[align-items\:var\(--layout-flex-align-items-md\,var\(--layout-flex-align-items\)\)\] {
        align-items: var(--layout-flex-align-items-md, var(--layout-flex-align-items))
    }

    .md\:\[background-image\:linear-gradient\(90deg\,\#ffffff_70\%\,\#e9e9e9_70\%\)\] {
        background-image: linear-gradient(90deg, #fff 70%, #e9e9e9 70%)
    }

    .md\:\[flex-direction\:var\(--layout-flex-flex-direction-md\,var\(--layout-flex-flex-direction\)\)\] {
        flex-direction: var(--layout-flex-flex-direction-md, var(--layout-flex-flex-direction))
    }

    .md\:\[flex-wrap\:var\(--layout-flex-flex-wrap-md\,var\(--layout-flex-flex-wrap\)\)\] {
        flex-wrap: var(--layout-flex-flex-wrap-md, var(--layout-flex-flex-wrap))
    }

    .md\:\[justify-content\:var\(--layout-flex-justify-content-md\,var\(--layout-flex-justify-content\)\)\] {
        justify-content: var(--layout-flex-justify-content-md, var(--layout-flex-justify-content))
    }

    .md\:\[mask-image\:linear-gradient\(to_right\,transparent_0\%\,black_15\%\,black_85\%\,transparent_100\%\)\] {
        -webkit-mask-image: linear-gradient(90deg, #0000 0%, #000 15% 85%, #0000 100%);
        mask-image: linear-gradient(90deg, #0000 0%, #000 15% 85%, #0000 100%)
    }

    .md\:first\:mt-ds-10:first-child {
        margin-top: 40px
    }

    .md\:last\:ms-0:last-child {
        margin-inline-start: 0
    }

    .md\:hover\:scale-110:hover {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.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))
    }

    .md\:aria-\[selected\=true\]\:rounded-lg[aria-selected=true] {
        border-radius: .5rem
    }

    .md\:aria-\[selected\=true\]\:bg-ds-grey-opacity-8[aria-selected=true] {
        background-color: #686b8214
    }

    @media not all and (min-width:1024px) {
        .md\:max-lg\:col-span-full {
            grid-column: 1/-1
        }
    }
}

@media (min-width:1024px) {
    .lg\:pointer-events-none {
        pointer-events: none
    }

    .lg\:pointer-events-auto {
        pointer-events: auto
    }

    .lg\:top-\[120px\] {
        top: 120px
    }

    .lg\:col-span-1 {
        grid-column: span 1/span 1
    }

    .lg\:box-content {
        box-sizing: content-box
    }

    .lg\:block {
        display: block
    }

    .lg\:inline {
        display: inline
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:size-\[124px\] {
        width: 124px;
        height: 124px
    }

    .lg\:h-\[505px\] {
        height: 505px
    }

    .lg\:h-\[560px\] {
        height: 560px
    }

    .lg\:h-\[580px\] {
        height: 580px
    }

    .lg\:h-\[80lvh\] {
        height: 80lvh
    }

    .lg\:h-auto {
        height: auto
    }

    .lg\:max-h-\[var\(--expandable-wrapper-max-height-lg\)\] {
        max-height: var(--expandable-wrapper-max-height-lg)
    }

    .lg\:w-40 {
        width: 10rem
    }

    .lg\:w-\[221px\] {
        width: 221px
    }

    .lg\:w-\[260px\] {
        width: 260px
    }

    .lg\:w-\[404px\] {
        width: 404px
    }

    .lg\:w-\[80\%\] {
        width: 80%
    }

    .lg\:w-\[828px\] {
        width: 828px
    }

    .lg\:grow {
        flex-grow: 1
    }

    .lg\:basis-96 {
        flex-basis: 24rem
    }

    .lg\:scroll-mt-\[calc\(var\(--header-height\)\+2rem\)\] {
        scroll-margin-top: calc(var(--header-height) + 2rem)
    }

    .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-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .lg\:grid-cols-\[1fr_1fr_1fr_1fr\] {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }

    .lg\:grid-cols-\[1fr_1fr_1fr_auto\] {
        grid-template-columns: 1fr 1fr 1fr auto
    }

    .lg\:flex-col {
        flex-direction: column
    }

    .lg\:items-start {
        align-items: flex-start
    }

    .lg\:justify-end {
        justify-content: flex-end
    }

    .lg\:gap-ds-5 {
        gap: 16px
    }

    .lg\:gap-y-4 {
        row-gap: 1rem
    }

    .lg\:space-y-10>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(2.5rem*calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(2.5rem*var(--tw-space-y-reverse))
    }

    .lg\:space-y-5>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1.25rem*calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.25rem*var(--tw-space-y-reverse))
    }

    .lg\:p-7 {
        padding: 1.75rem
    }

    .lg\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .lg\:px-\[var\(--article-content-x-padding-lg\)\] {
        padding-left: var(--article-content-x-padding-lg);
        padding-right: var(--article-content-x-padding-lg)
    }

    .lg\:px-ds-9 {
        padding-left: 32px;
        padding-right: 32px
    }

    .lg\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .lg\:pb-4 {
        padding-bottom: 1rem
    }

    .lg\:pe-0 {
        padding-inline-end: 0
    }

    .lg\:pe-12 {
        padding-inline-end: 3rem
    }

    .lg\:pe-4 {
        padding-inline-end: 1rem
    }

    .lg\:ps-12 {
        padding-inline-start: 3rem
    }

    .lg\:ps-4 {
        padding-inline-start: 1rem
    }

    .lg\:pt-10 {
        padding-top: 2.5rem
    }

    .lg\:pt-16 {
        padding-top: 4rem
    }

    .lg\:pt-20 {
        padding-top: 5rem
    }

    .lg\:pt-3 {
        padding-top: .75rem
    }

    .lg\:pt-7 {
        padding-top: 1.75rem
    }

    .lg\:opacity-0 {
        opacity: 0
    }

    .lg\:opacity-100 {
        opacity: 1
    }

    .lg\:\[align-items\:var\(--layout-flex-align-items-lg\,var\(--layout-flex-align-items-md\,var\(--layout-flex-align-items\)\)\)\] {
        align-items: var(--layout-flex-align-items-lg, var(--layout-flex-align-items-md, var(--layout-flex-align-items)))
    }

    .lg\:\[flex-direction\:var\(--layout-flex-flex-direction-lg\,var\(--layout-flex-flex-direction-md\,var\(--layout-flex-flex-direction\)\)\)\] {
        flex-direction: var(--layout-flex-flex-direction-lg, var(--layout-flex-flex-direction-md, var(--layout-flex-flex-direction)))
    }

    .lg\:\[flex-wrap\:var\(--layout-flex-flex-wrap-lg\,var\(--layout-flex-flex-wrap-md\,var\(--layout-flex-flex-wrap\)\)\)\] {
        flex-wrap: var(--layout-flex-flex-wrap-lg, var(--layout-flex-flex-wrap-md, var(--layout-flex-flex-wrap)))
    }

    .lg\:\[justify-content\:var\(--layout-flex-justify-content-lg\,var\(--layout-flex-justify-content-md\,var\(--layout-flex-justify-content\)\)\)\] {
        justify-content: var(--layout-flex-justify-content-lg, var(--layout-flex-justify-content-md, var(--layout-flex-justify-content)))
    }
}

@media (min-width:1040px) {
    .min-\[1040px\]\:px-\[calc\(\(100\%-980px\)\/2\)\] {
        padding-left: calc(50% - 490px);
        padding-right: calc(50% - 490px)
    }
}

@media (min-width:1080px) {
    .min-\[1080px\]\:flex {
        display: flex
    }

    .min-\[1080px\]\:hidden {
        display: none
    }

    .min-\[1080px\]\:border-b {
        border-bottom-width: 1px
    }
}

@media (min-width:1170px) {
    .min-\[1170px\]\:mt-0 {
        margin-top: 0
    }

    .min-\[1170px\]\:block {
        display: block
    }

    .min-\[1170px\]\:flex {
        display: flex
    }

    .min-\[1170px\]\:hidden {
        display: none
    }

    .min-\[1170px\]\:justify-start {
        justify-content: flex-start
    }

    .min-\[1170px\]\:justify-end {
        justify-content: flex-end
    }

    .min-\[1170px\]\:gap-y-3 {
        row-gap: .75rem
    }

    .min-\[1170px\]\:pt-\[3px\] {
        padding-top: 3px
    }
}

@media (min-width:1234px) {
    .min-\[1234px\]\:px-\[calc\(\(100\%-1174px\)\/2\)\] {
        padding-left: calc(50% - 587px);
        padding-right: calc(50% - 587px)
    }
}

@media (min-width:1264px) {
    .min-\[1264px\]\:ms-6 {
        margin-inline-start: 1.5rem
    }

    .min-\[1264px\]\:h-\[22px\] {
        height: 22px
    }

    .min-\[1264px\]\:px-\[10px\] {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width:1279px) {
    .min-\[1279px\]\:ms-\[330px\] {
        margin-inline-start: 330px
    }

    .min-\[1279px\]\:\!max-w-\[calc\(100vw-330px\)\] {
        max-width: calc(100vw - 330px) !important
    }
}

@media (min-width:1392px) {
    .min-\[1392px\]\:px-\[calc\(\(100\%-1332px\)\/2\)\] {
        padding-left: calc(50% - 666px);
        padding-right: calc(50% - 666px)
    }
}

@media (min-width:1460px) {
    .min-\[1460px\]\:px-\[14px\] {
        padding-left: 14px;
        padding-right: 14px
    }
}

@media (min-width:1536px) {
    .xl\:left-\[38px\] {
        left: 38px
    }

    .xl\:left-\[calc\(100\%-46px\)\] {
        left: calc(100% - 46px)
    }

    .xl\:ml-ds-8 {
        margin-left: 28px
    }

    .xl\:w-\[240px\] {
        width: 240px
    }

    .xl\:w-\[70\%\] {
        width: 70%
    }

    .xl\:grow {
        flex-grow: 1
    }

    .xl\:flex-row {
        flex-direction: row
    }

    .xl\:flex-nowrap {
        flex-wrap: nowrap
    }

    .xl\:gap-y-ds-0 {
        row-gap: 0
    }

    .xl\:px-ds-0 {
        padding-left: 0;
        padding-right: 0
    }

    .xl\:pr-ds-0 {
        padding-right: 0
    }
}

@media (min-width:1560px) {
    .min-\[1560px\]\:px-\[calc\(\(100\%-1500px\)\/2\)\] {
        padding-left: calc(50% - 750px);
        padding-right: calc(50% - 750px)
    }
}

@media (min-width:2350px) {
    .min-\[2350px\]\:\[background-image\:linear-gradient\(90deg\,\#ffffff_60\%\,\#e9e9e9_60\%\)\] {
        background-image: linear-gradient(90deg, #fff 60%, #e9e9e9 60%)
    }
}

@media (min-width:4700px) {
    .min-\[4700px\]\:\[background-image\:linear-gradient\(90deg\,\#ffffff_55\%\,\#e9e9e9_55\%\)\] {
        background-image: linear-gradient(90deg, #fff 55%, #e9e9e9 55%)
    }
}

.ltr\:end-0:where([dir=ltr], [dir=ltr] *):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 0
}

.ltr\:end-0:where([dir=ltr], [dir=ltr] *):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 0
}

.ltr\:end-0:where([dir=ltr], [dir=ltr] *):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 0
}

.ltr\:end-0:where([dir=ltr], [dir=ltr] *):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 0
}

.ltr\:end-0:where([dir=ltr], [dir=ltr] *):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 0
}

.ltr\:end-0:where([dir=ltr], [dir=ltr] *):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 0
}

.ltr\:end-0:where([dir=ltr], [dir=ltr] *):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 0
}

.ltr\:end-0:where([dir=ltr], [dir=ltr] *):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 0
}

.ltr\:end-0:where([dir=ltr], [dir=ltr] *):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 0
}

.ltr\:end-0:where([dir=ltr], [dir=ltr] *):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 0
}

.ltr\:end-1\.5:where([dir=ltr], [dir=ltr] *):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: .375rem
}

.ltr\:end-1\.5:where([dir=ltr], [dir=ltr] *):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: .375rem
}

.ltr\:end-1\.5:where([dir=ltr], [dir=ltr] *):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: .375rem
}

.ltr\:end-1\.5:where([dir=ltr], [dir=ltr] *):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: .375rem
}

.ltr\:end-1\.5:where([dir=ltr], [dir=ltr] *):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: .375rem
}

.ltr\:end-1\.5:where([dir=ltr], [dir=ltr] *):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: .375rem
}

.ltr\:end-1\.5:where([dir=ltr], [dir=ltr] *):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: .375rem
}

.ltr\:end-1\.5:where([dir=ltr], [dir=ltr] *):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: .375rem
}

.ltr\:end-1\.5:where([dir=ltr], [dir=ltr] *):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: .375rem
}

.ltr\:end-1\.5:where([dir=ltr], [dir=ltr] *):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: .375rem
}

.ltr\:start-0:where([dir=ltr], [dir=ltr] *):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 0
}

.ltr\:start-0:where([dir=ltr], [dir=ltr] *):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 0
}

.ltr\:start-0:where([dir=ltr], [dir=ltr] *):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 0
}

.ltr\:start-0:where([dir=ltr], [dir=ltr] *):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 0
}

.ltr\:start-0:where([dir=ltr], [dir=ltr] *):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 0
}

.ltr\:start-0:where([dir=ltr], [dir=ltr] *):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 0
}

.ltr\:start-0:where([dir=ltr], [dir=ltr] *):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 0
}

.ltr\:start-0:where([dir=ltr], [dir=ltr] *):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 0
}

.ltr\:start-0:where([dir=ltr], [dir=ltr] *):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 0
}

.ltr\:start-0:where([dir=ltr], [dir=ltr] *):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 0
}

.ltr\:start-1\.5:where([dir=ltr], [dir=ltr] *):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: .375rem
}

.ltr\:start-1\.5:where([dir=ltr], [dir=ltr] *):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: .375rem
}

.ltr\:start-1\.5:where([dir=ltr], [dir=ltr] *):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: .375rem
}

.ltr\:start-1\.5:where([dir=ltr], [dir=ltr] *):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: .375rem
}

.ltr\:start-1\.5:where([dir=ltr], [dir=ltr] *):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: .375rem
}

.ltr\:start-1\.5:where([dir=ltr], [dir=ltr] *):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: .375rem
}

.ltr\:start-1\.5:where([dir=ltr], [dir=ltr] *):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: .375rem
}

.ltr\:start-1\.5:where([dir=ltr], [dir=ltr] *):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: .375rem
}

.ltr\:start-1\.5:where([dir=ltr], [dir=ltr] *):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: .375rem
}

.ltr\:start-1\.5:where([dir=ltr], [dir=ltr] *):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: .375rem
}

.ltr\:-translate-x-1\/2:where([dir=ltr], [dir=ltr] *) {
    --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))
}

.ltr\:-translate-x-full:where([dir=ltr], [dir=ltr] *) {
    --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))
}

.ltr\:translate-x-\[-4px\]:where([dir=ltr], [dir=ltr] *) {
    --tw-translate-x: -4px;
    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))
}

.ltr\:translate-x-\[18px\]:where([dir=ltr], [dir=ltr] *) {
    --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))
}

.ltr\:translate-x-full:where([dir=ltr], [dir=ltr] *) {
    --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))
}

.rtl\:end-0:where([dir=rtl], [dir=rtl] *):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 0
}

.rtl\:end-0:where([dir=rtl], [dir=rtl] *):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 0
}

.rtl\:end-0:where([dir=rtl], [dir=rtl] *):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 0
}

.rtl\:end-0:where([dir=rtl], [dir=rtl] *):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 0
}

.rtl\:end-0:where([dir=rtl], [dir=rtl] *):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 0
}

.rtl\:end-0:where([dir=rtl], [dir=rtl] *):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 0
}

.rtl\:end-0:where([dir=rtl], [dir=rtl] *):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 0
}

.rtl\:end-0:where([dir=rtl], [dir=rtl] *):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 0
}

.rtl\:end-0:where([dir=rtl], [dir=rtl] *):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 0
}

.rtl\:end-0:where([dir=rtl], [dir=rtl] *):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 0
}

.rtl\:end-1\.5:where([dir=rtl], [dir=rtl] *):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: .375rem
}

.rtl\:end-1\.5:where([dir=rtl], [dir=rtl] *):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: .375rem
}

.rtl\:end-1\.5:where([dir=rtl], [dir=rtl] *):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: .375rem
}

.rtl\:end-1\.5:where([dir=rtl], [dir=rtl] *):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: .375rem
}

.rtl\:end-1\.5:where([dir=rtl], [dir=rtl] *):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: .375rem
}

.rtl\:end-1\.5:where([dir=rtl], [dir=rtl] *):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: .375rem
}

.rtl\:end-1\.5:where([dir=rtl], [dir=rtl] *):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: .375rem
}

.rtl\:end-1\.5:where([dir=rtl], [dir=rtl] *):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: .375rem
}

.rtl\:end-1\.5:where([dir=rtl], [dir=rtl] *):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: .375rem
}

.rtl\:end-1\.5:where([dir=rtl], [dir=rtl] *):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: .375rem
}

.rtl\:start-0:where([dir=rtl], [dir=rtl] *):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 0
}

.rtl\:start-0:where([dir=rtl], [dir=rtl] *):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 0
}

.rtl\:start-0:where([dir=rtl], [dir=rtl] *):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 0
}

.rtl\:start-0:where([dir=rtl], [dir=rtl] *):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 0
}

.rtl\:start-0:where([dir=rtl], [dir=rtl] *):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 0
}

.rtl\:start-0:where([dir=rtl], [dir=rtl] *):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 0
}

.rtl\:start-0:where([dir=rtl], [dir=rtl] *):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 0
}

.rtl\:start-0:where([dir=rtl], [dir=rtl] *):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 0
}

.rtl\:start-0:where([dir=rtl], [dir=rtl] *):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 0
}

.rtl\:start-0:where([dir=rtl], [dir=rtl] *):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 0
}

.rtl\:start-1\.5:where([dir=rtl], [dir=rtl] *):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: .375rem
}

.rtl\:start-1\.5:where([dir=rtl], [dir=rtl] *):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: .375rem
}

.rtl\:start-1\.5:where([dir=rtl], [dir=rtl] *):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: .375rem
}

.rtl\:start-1\.5:where([dir=rtl], [dir=rtl] *):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: .375rem
}

.rtl\:start-1\.5:where([dir=rtl], [dir=rtl] *):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: .375rem
}

.rtl\:start-1\.5:where([dir=rtl], [dir=rtl] *):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: .375rem
}

.rtl\:start-1\.5:where([dir=rtl], [dir=rtl] *):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: .375rem
}

.rtl\:start-1\.5:where([dir=rtl], [dir=rtl] *):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: .375rem
}

.rtl\:start-1\.5:where([dir=rtl], [dir=rtl] *):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: .375rem
}

.rtl\:start-1\.5:where([dir=rtl], [dir=rtl] *):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: .375rem
}

.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\:-translate-x-full:where([dir=rtl], [dir=rtl] *) {
    --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))
}

.rtl\:translate-x-1\/2:where([dir=rtl], [dir=rtl] *) {
    --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))
}

.rtl\:translate-x-\[4px\]:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: 4px;
    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-full:where([dir=rtl], [dir=rtl] *) {
    --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))
}

@media (prefers-color-scheme:dark) {
    .dark\:border-b-krak-brand {
        --tw-border-opacity: 1;
        border-bottom-color: rgb(255 59 41/var(--tw-border-opacity, 1))
    }
}

.\[\&\+\&\]\:ms-\[36px\]+.\[\&\+\&\]\:ms-\[36px\] {
    margin-inline-start: 36px
}

@media not all and (min-width:768px) {
    .max-md\:\[\&\+\&\]\:ms-\[20px\]+.max-md\:\[\&\+\&\]\:ms-\[20px\] {
        margin-inline-start: 20px
    }
}

@media (max-width:375px) {
    .max-\[375px\]\:\[\&\+\&\]\:ms-\[52px\]+.max-\[375px\]\:\[\&\+\&\]\:ms-\[52px\] {
        margin-inline-start: 52px
    }
}

.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none
}

.\[\&\:\:-webkit-slider-thumb\]\:pointer-events-none::-webkit-slider-thumb {
    pointer-events: none
}

.\[\&\:\:-webkit-slider-thumb\]\:bg-ds-slider-thumb::-webkit-slider-thumb {
    background-color: var(--background-color-ds-slider-thumb, #fff)
}

.\[\&\:\:-webkit-slider-thumb\]\:bg-ds-slider-thumb-disabled::-webkit-slider-thumb {
    background-color: var(--background-color-ds-slider-thumb-disabled, #fff6)
}

.\[\&\:\:-webkit-slider-thumb\]\:focus-visible\:ring-0:focus-visible::-webkit-slider-thumb {
    --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.\[\&\:\:-webkit-slider-thumb\]\:focus-visible\:ring-offset-2:focus-visible::-webkit-slider-thumb {
    --tw-ring-offset-width: 2px
}

.\[\&\:\:-webkit-slider-thumb\]\:focus-visible\:ring-offset-ds-slider-focused:focus-visible::-webkit-slider-thumb {
    --tw-ring-offset-color: var(--ring-offset-color-ds-slider-focused, #7132f5)
}

@media (min-width:768px) {
    .md\:\[\&\:active\]\:scale-90:active {
        --tw-scale-x: .9;
        --tw-scale-y: .9;
        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))
    }
}

.\[\&\:hover\>div\:first-child\]\:opacity-\[0\.08\]:hover>div:first-child {
    opacity: .08
}

.\[\&\:last-child\]\:me-0:last-child {
    margin-inline-end: 0
}

.\[\&\:last-child_td\]\:border-0:last-child td,
.\[\&\:last-child_th\]\:border-0:last-child th {
    border-width: 0
}

.\[\&\:not\(\:first-of-type\)\]\:ms-0\.5:not(:first-of-type) {
    margin-inline-start: .125rem
}

.\[\&\:not\(\:has\(\>\*\)\)\]\:hidden:not(:has(>*)) {
    display: none
}

.\[\&\:not\(\:hover\)\]\:text-kraken-n-600:not(:hover) {
    --tw-text-opacity: 1;
    color: rgb(36 36 36/var(--tw-text-opacity, 1))
}

.\[\&\:not\(\:hover\)\]\:shadow-none:not(: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)
}

.\[\&\:not\(\:last-of-type\)\]\:me-0\.5:not(:last-of-type) {
    margin-inline-end: .125rem
}

.\[\&\:nth-of-type\(odd\)\]\:bg-\[rgba\(47\,44\,89\,0\.2\)\]:nth-of-type(odd) {
    background-color: #2f2c5933
}

.\[\&\>\*\:first-child\]\:h-full>:first-child {
    height: 100%
}

.\[\&\>\*\:last-child\]\:\!border-b-0>:last-child {
    border-bottom-width: 0 !important
}

.\[\&\>\*\:nth-child\(n\+2\)\]\:mt-ds-5>:nth-child(n+2),
.\[\&\>\*\:nth-child\(n\+3\)\]\:mt-ds-5>:nth-child(n+3) {
    margin-top: 16px
}

.\[\&\>\*\]\:col-start-1>* {
    grid-column-start: 1
}

.\[\&\>\*\]\:row-start-1>* {
    grid-row-start: 1
}

.\[\&\>\*\]\:w-full>* {
    width: 100%
}

.\[\&\>\*\]\:min-w-\[min\(var\(--article-max-width\)\,calc\(100vw-calc\(2\*var\(--article-content-x-padding\)\)\)\)\]>* {
    min-width: min(var(--article-max-width), calc(100vw - calc(2*var(--article-content-x-padding))))
}

.\[\&\>\*\]\:max-w-\[min\(var\(--article-max-width\)\,calc\(100vw-calc\(2\*var\(--article-content-x-padding\)\)\)\)\]>* {
    max-width: min(var(--article-max-width), calc(100vw - calc(2*var(--article-content-x-padding))))
}

.\[\&\>\*\]\:overflow-visible>* {
    overflow: visible
}

.group\/theme.theme-set-light .\[\&\>\*\]\:theme-light\:text-black>*,
.group\/theme.theme-set-magic-light .\[\&\>\*\]\:theme-light\:text-black>*,
.group\/theme.theme-set-pay-light .\[\&\>\*\]\:theme-light\:text-black>* {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.\[\&\>\.ds-card\:first-child\]\:rounded-l-ds-card>.ds-card:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px
}

.\[\&\>\.ds-card\:first-child\]\:rounded-t-ds-card>.ds-card:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.\[\&\>\.ds-card\:last-child\]\:rounded-b-ds-card>.ds-card:last-child {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px
}

.\[\&\>\.ds-card\:last-child\]\:rounded-r-ds-card>.ds-card:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px
}

.\[\&\>\.ds-card\]\:rounded-ds-card-grouped>.ds-card {
    border-radius: 4px
}

.\[\&\>\.ds-table-cell\:first-child\]\:pl-ds-1>.ds-table-cell:first-child {
    padding-left: 2px
}

.\[\&\>\.ds-table-cell\:last-child\]\:pr-ds-2>.ds-table-cell:last-child {
    padding-right: 4px
}

.\[\&\>\.ds-table-cell\:last-child\]\:pr-ds-4>.ds-table-cell:last-child {
    padding-right: 12px
}

.\[\&\>\.ds-table-cell\:last-child\]\:pr-ds-5>.ds-table-cell:last-child {
    padding-right: 16px
}

.\[\&\>\.ds-table-cell\:last-child\]\:pr-ds-6>.ds-table-cell:last-child {
    padding-right: 20px
}

.\[\&\>\.ds-table-cell\:last-child\]\:pr-ds-7>.ds-table-cell:last-child {
    padding-right: 24px
}

.\[\&\>\.ds-table-cell\:last-child\]\:rounded-r-ds-table-row>.ds-table-cell:last-child {
    border-top-right-radius: var(--border-radius-ds-table-row);
    border-bottom-right-radius: var(--border-radius-ds-table-row)
}

.\[\&\>\.recharts-wrapper\]\:\!h-full>.recharts-wrapper {
    height: 100% !important
}

.\[\&\>\.recharts-wrapper\]\:\!w-full>.recharts-wrapper {
    width: 100% !important
}

.\[\&\>\:not\(\:has\(table\)\)\]\:mx-auto>:not(:has(table)) {
    margin-left: auto;
    margin-right: auto
}

.\[\&\>\:not\(\:has\(table\)\)\]\:w-full>:not(:has(table)) {
    width: 100%
}

.\[\&\>\:not\(\:has\(table\)\)\]\:max-w-\[var\(--article-max-width\)\]>:not(:has(table)) {
    max-width: var(--article-max-width)
}

.\[\&\>div\:first-child\]\:opacity-\[0\.08\]>div:first-child {
    opacity: .08
}

.\[\&\>div\:first-child_\[data-progress-bar-indicator\=true\]\]\:rounded-b-ds-round>div:first-child [data-progress-bar-indicator=true] {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px
}

.\[\&\>div\:first-child_\[data-progress-bar-indicator\=true\]\]\:rounded-l-ds-round>div:first-child [data-progress-bar-indicator=true] {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px
}

.\[\&\>div\:first-child_\[data-progress-bar-track\=true\]\]\:rounded-b-ds-round>div:first-child [data-progress-bar-track=true] {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px
}

.\[\&\>div\:first-child_\[data-progress-bar-track\=true\]\]\:rounded-l-ds-round>div:first-child [data-progress-bar-track=true] {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px
}

.\[\&\>div\:last-child_\[data-progress-bar-indicator\=true\]\]\:rounded-r-ds-round>div:last-child [data-progress-bar-indicator=true] {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px
}

.\[\&\>div\:last-child_\[data-progress-bar-indicator\=true\]\]\:rounded-t-ds-round>div:last-child [data-progress-bar-indicator=true] {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px
}

.\[\&\>div\:last-child_\[data-progress-bar-track\=true\]\]\:rounded-r-ds-round>div:last-child [data-progress-bar-track=true] {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px
}

.\[\&\>div\:last-child_\[data-progress-bar-track\=true\]\]\:rounded-t-ds-round>div:last-child [data-progress-bar-track=true] {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px
}

.\[\&\>div\>div\>div\]\:rounded-none>div>div>div {
    border-radius: 0
}

.\[\&\>div\]\:flex>div {
    display: flex
}

.\[\&\>div\]\:grid>div {
    display: grid
}

.\[\&\>div\]\:h-full>div {
    height: 100%
}

.\[\&\>div\]\:flex-col>div {
    flex-direction: column
}

.\[\&\>div\]\:self-end>div {
    align-self: flex-end
}

@media (max-width:370px) {
    .max-\[370px\]\:\[\&\>div\]\:self-start>div {
        align-self: flex-start
    }
}

.\[\&\>span\]\:hover\:text-ds-textlink-hover-brand:hover>span {
    color: var(--colors-ds-textlink-hover-brand, #471ca0)
}

.group:hover .\[\&\>span\]\:group-hover\:text-ds-neutral>span {
    color: var(--colors-ds-neutral, #686b82)
}

.\[\&\>svg\]\:h-\[20px\]>svg {
    height: 20px
}

.\[\&\>svg\]\:h-\[var\(--svg-icon-width\)\]>svg {
    height: var(--svg-icon-width)
}

.\[\&\>svg\]\:\!w-auto>svg {
    width: auto !important
}

.\[\&\>svg\]\:w-\[var\(--svg-icon-height\)\]>svg {
    width: var(--svg-icon-height)
}

.\[\&\>svg\]\:fill-\[var\(--svg-icon-color\)\]>svg {
    fill: var(--svg-icon-color)
}

@media (min-width:1264px) {
    .min-\[1264px\]\:\[\&\>svg\]\:h-\[22px\]>svg {
        height: 22px
    }
}

.\[\&\>td\:first-child\]\:rounded-es-lg>td:first-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-left-radius: .5rem
}

.\[\&\>td\:first-child\]\:rounded-es-lg>td:first-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-left-radius: .5rem
}

.\[\&\>td\:first-child\]\:rounded-es-lg>td:first-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-left-radius: .5rem
}

.\[\&\>td\:first-child\]\:rounded-es-lg>td:first-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-left-radius: .5rem
}

.\[\&\>td\:first-child\]\:rounded-es-lg>td:first-child:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-left-radius: .5rem
}

.\[\&\>td\:first-child\]\:rounded-es-lg>td:first-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-bottom-right-radius: .5rem
}

.\[\&\>td\:first-child\]\:rounded-es-lg>td:first-child:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-bottom-right-radius: .5rem
}

.\[\&\>td\:first-child\]\:rounded-es-lg>td:first-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-bottom-right-radius: .5rem
}

.\[\&\>td\:first-child\]\:rounded-ss-lg>td:first-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .5rem
}

.\[\&\>td\:first-child\]\:rounded-ss-lg>td:first-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .5rem
}

.\[\&\>td\:first-child\]\:rounded-ss-lg>td:first-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .5rem
}

.\[\&\>td\:first-child\]\:rounded-ss-lg>td:first-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .5rem
}

.\[\&\>td\:first-child\]\:rounded-ss-lg>td:first-child:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-left-radius: .5rem
}

.\[\&\>td\:first-child\]\:rounded-ss-lg>td:first-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: .5rem
}

.\[\&\>td\:first-child\]\:rounded-ss-lg>td:first-child:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: .5rem
}

.\[\&\>td\:first-child\]\:rounded-ss-lg>td:first-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-right-radius: .5rem
}

.\[\&\>td\:first-child\]\:ps-3>td:first-child {
    padding-inline-start: .75rem
}

.\[\&\>td\:last-child\]\:rounded-ee-lg>td:last-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-right-radius: .5rem
}

.\[\&\>td\:last-child\]\:rounded-ee-lg>td:last-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-right-radius: .5rem
}

.\[\&\>td\:last-child\]\:rounded-ee-lg>td:last-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-right-radius: .5rem
}

.\[\&\>td\:last-child\]\:rounded-ee-lg>td:last-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-right-radius: .5rem
}

.\[\&\>td\:last-child\]\:rounded-ee-lg>td:last-child:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-bottom-right-radius: .5rem
}

.\[\&\>td\:last-child\]\:rounded-ee-lg>td:last-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-bottom-left-radius: .5rem
}

.\[\&\>td\:last-child\]\:rounded-ee-lg>td:last-child:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-bottom-left-radius: .5rem
}

.\[\&\>td\:last-child\]\:rounded-ee-lg>td:last-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-bottom-left-radius: .5rem
}

.\[\&\>td\:last-child\]\:rounded-se-lg>td:last-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: .5rem
}

.\[\&\>td\:last-child\]\:rounded-se-lg>td:last-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: .5rem
}

.\[\&\>td\:last-child\]\:rounded-se-lg>td:last-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: .5rem
}

.\[\&\>td\:last-child\]\:rounded-se-lg>td:last-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: .5rem
}

.\[\&\>td\:last-child\]\:rounded-se-lg>td:last-child:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    border-top-right-radius: .5rem
}

.\[\&\>td\:last-child\]\:rounded-se-lg>td:last-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: .5rem
}

.\[\&\>td\:last-child\]\:rounded-se-lg>td:last-child:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: .5rem
}

.\[\&\>td\:last-child\]\:rounded-se-lg>td:last-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    border-top-left-radius: .5rem
}

.\[\&\>td\:last-child\]\:pe-3>td:last-child {
    padding-inline-end: .75rem
}

.\[\&\>td\]\:border-b-0>td {
    border-bottom-width: 0
}

.\[\&\>td\]\:py-2>td {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.\[\&\>td\]\:align-middle>td {
    vertical-align: middle
}

@media (min-width:768px) {
    .md\:\[\&\>td\]\:py-4>td {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
}

.\[\&_\*\:not\(span\)\+\*\:not\(span\)\]\:mt-\[1em\] :not(span)+:not(span) {
    margin-top: 1em
}

.\[\&_\*\[role\=\"button\"\]\:nth-of-type\(even\)\]\:bg-\[var\(--background-color-ds-table-row-hover\)\] [role=button]:nth-of-type(2n),
.\[\&_\*\[role\=\"row\"\]\:nth-of-type\(even\)\]\:bg-\[var\(--background-color-ds-table-row-hover\)\] [role=row]:nth-of-type(2n) {
    background-color: var(--background-color-ds-table-row-hover)
}

.\[\&_\*\]\:max-h-full * {
    max-height: 100%
}

.\[\&_\*\]\:max-w-full * {
    max-width: 100%
}

.\[\&_\.bg-ds-segmented-control-inactive-high\]\:bg-transparent .bg-ds-segmented-control-inactive-high {
    background-color: #0000
}

.\[\&_\.description\]\:m-\[var\(--hero-internal-description-margin\)\] .description {
    margin: var(--hero-internal-description-margin)
}

.\[\&_\.description\]\:text-start .description {
    text-align: start
}

@media not all and (min-width:768px) {
    .max-md\:\[\&_\.description\]\:m-\[var\(--hero-internal-description-margin-sm\,var\(--hero-internal-description-margin\)\)\] .description {
        margin: var(--hero-internal-description-margin-sm, var(--hero-internal-description-margin))
    }
}

@media not all and (min-width:640px) {
    .max-sm\:\[\&_\.description\]\:m-\[var\(--hero-internal-description-margin-xs\,var\(--hero-internal-description-margin-sm\,var\(--hero-internal-description-margin\)\)\)\] .description {
        margin: var(--hero-internal-description-margin-xs, var(--hero-internal-description-margin-sm, var(--hero-internal-description-margin)))
    }
}

.\[\&_\.ds-container\]\:-mx-10 .ds-container {
    margin-left: -2.5rem;
    margin-right: -2.5rem
}

.\[\&_\.ds-container\]\:\!pb-ds-4 .ds-container {
    padding-bottom: 12px !important
}

@media (min-width:768px) {
    .\[\&_\.ds-container\]\:md\:mx-0 .ds-container {
        margin-left: 0;
        margin-right: 0
    }

    .md\:\[\&_\.ds-container\]\:\!pb-ds-5 .ds-container {
        padding-bottom: 16px !important
    }
}

.\[\&_\.mycomponent-image\]\:\!block .mycomponent-image {
    display: block !important
}

.\[\&_\.mycomponent-image\]\:\!w-auto .mycomponent-image {
    width: auto !important
}

.\[\&_\.note\]\:ms-9 .note {
    margin-inline-start: 2.25rem
}

.\[\&_\.subheader\]\:mx-0 .subheader {
    margin-left: 0;
    margin-right: 0
}

.\[\&_\.subheader\]\:mb-\[21px\] .subheader {
    margin-bottom: 21px
}

.\[\&_\.subheader\]\:mt-0 .subheader {
    margin-top: 0
}

@media not all and (min-width:768px) {
    .\[\&_\.tabPanel\]\:max-md\:mx-0 .tabPanel {
        margin-left: 0;
        margin-right: 0
    }

    .\[\&_\.tabPanel\]\:max-md\:my-3 .tabPanel {
        margin-top: .75rem;
        margin-bottom: .75rem
    }

    .\[\&_\.tabPanel\]\:max-md\:rounded-2xl .tabPanel {
        border-radius: 1rem
    }

    .\[\&_\.tabPanel\]\:max-md\:bg-white .tabPanel {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }

    .\[\&_\.tabPanel\]\:max-md\:px-0 .tabPanel {
        padding-left: 0;
        padding-right: 0
    }

    .\[\&_\.tabPanel\]\:max-md\:py-2 .tabPanel {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .\[\&_\.tabPanel\]\:max-md\:shadow-\[0px_0px_1px_rgba\(0\,0\,0\,0\.05\)\,0px_4px_32px_rgba\(58\,53\,47\,0\.05\)\] .tabPanel {
        --tw-shadow: 0px 0px 1px #0000000d, 0px 4px 32px #3a352f0d;
        --tw-shadow-colored: 0px 0px 1px var(--tw-shadow-color), 0px 4px 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)
    }
}

.\[\&_\.text-ds-body1\]\:text-\[length\:inherit\] .text-ds-body1 {
    font-size: inherit
}

.\[\&_\.text-ds-body1\]\:leading-\[inherit\] .text-ds-body1 {
    line-height: inherit
}

.\[\&_\>_\*\]\:h-full>* {
    height: 100%
}

.\[\&_\>_\*\]\:bg-\[var\(--faq-collapsed-bg-color\)\]>* {
    background-color: var(--faq-collapsed-bg-color)
}

.\[\&_\>_\*\]\:pb-0>* {
    padding-bottom: 0
}

.\[\&_\>_\*\]\:pb-\[50px\]>* {
    padding-bottom: 50px
}

.\[\&_\>_\*\]\:pt-0>* {
    padding-top: 0
}

.\[\&_\>_\*\]\:pt-\[80px\]>* {
    padding-top: 80px
}

@media not all and (min-width:768px) {
    .max-md\:\[\&_\>_\*\]\:pb-\[30px\]>* {
        padding-bottom: 30px
    }

    .max-md\:\[\&_\>_\*\]\:pt-0>* {
        padding-top: 0
    }

    .max-md\:\[\&_\>_\*\]\:pt-\[30px\]>* {
        padding-top: 30px
    }
}

.\[\&_\>_blockquote\]\:\!ps-0>blockquote {
    padding-inline-start: 0 !important
}

.\[\&_\>_blockquote\]\:before\:\!start-\[-3px\]>blockquote:before {
    content: var(--tw-content)
}

.\[\&_\>_blockquote\]\:before\:\!start-\[-3px\]>blockquote:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
    left: -3px
}

.\[\&_\>_blockquote\]\:before\:\!start-\[-3px\]>blockquote:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
    left: -3px
}

.\[\&_\>_blockquote\]\:before\:\!start-\[-3px\]>blockquote:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
    left: -3px
}

.\[\&_\>_blockquote\]\:before\:\!start-\[-3px\]>blockquote:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
    left: -3px
}

.\[\&_\>_blockquote\]\:before\:\!start-\[-3px\]>blockquote:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
    left: -3px
}

.\[\&_\>_blockquote\]\:before\:\!start-\[-3px\]>blockquote:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
    right: -3px
}

.\[\&_\>_blockquote\]\:before\:\!start-\[-3px\]>blockquote:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
    right: -3px
}

.\[\&_\>_blockquote\]\:before\:\!start-\[-3px\]>blockquote:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
    right: -3px
}

.\[\&_\>_blockquote\]\:before\:\!top-\[7px\]>blockquote:before {
    content: var(--tw-content);
    top: 7px !important
}

.\[\&_\>_blockquote\]\:before\:\!inline>blockquote:before {
    content: var(--tw-content);
    display: inline !important
}

.\[\&_\>_blockquote\]\:before\:\!bg-\[unset\]>blockquote:before {
    content: var(--tw-content);
    background-color: unset !important
}

.\[\&_\>_blockquote\]\:before\:text-\[length\:31px\]>blockquote:before {
    content: var(--tw-content);
    font-size: 31px
}

.\[\&_\>_blockquote\]\:before\:text-\[var\(--quote-card-color\)\]>blockquote:before {
    content: var(--tw-content);
    color: var(--quote-card-color)
}

.\[\&_\>_blockquote\]\:before\:\!opacity-50>blockquote:before {
    content: var(--tw-content);
    opacity: .5 !important
}

.\[\&_\>_blockquote\]\:before\:\!content-\[\"“\"\]>blockquote:before {
    --tw-content: "“" !important;
    content: var(--tw-content) !important
}

.\[\&_\>_blockquote\]\:after\:relative>blockquote:after {
    content: var(--tw-content);
    position: relative
}

.\[\&_\>_blockquote\]\:after\:\!end-\[-3px\]>blockquote:after {
    content: var(--tw-content)
}

.\[\&_\>_blockquote\]\:after\:\!end-\[-3px\]>blockquote:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
    right: -3px
}

.\[\&_\>_blockquote\]\:after\:\!end-\[-3px\]>blockquote:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
    right: -3px
}

.\[\&_\>_blockquote\]\:after\:\!end-\[-3px\]>blockquote:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
    right: -3px
}

.\[\&_\>_blockquote\]\:after\:\!end-\[-3px\]>blockquote:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
    right: -3px
}

.\[\&_\>_blockquote\]\:after\:\!end-\[-3px\]>blockquote:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):after {
    right: -3px
}

.\[\&_\>_blockquote\]\:after\:\!end-\[-3px\]>blockquote:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
    left: -3px
}

.\[\&_\>_blockquote\]\:after\:\!end-\[-3px\]>blockquote:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
    left: -3px
}

.\[\&_\>_blockquote\]\:after\:\!end-\[-3px\]>blockquote:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):after {
    left: -3px
}

.\[\&_\>_blockquote\]\:after\:\!top-\[7px\]>blockquote:after {
    content: var(--tw-content);
    top: 7px !important
}

.\[\&_\>_blockquote\]\:after\:inline>blockquote:after {
    content: var(--tw-content);
    display: inline
}

.\[\&_\>_blockquote\]\:after\:text-\[length\:31px\]>blockquote:after {
    content: var(--tw-content);
    font-size: 31px
}

.\[\&_\>_blockquote\]\:after\:text-\[var\(--quote-card-color\)\]>blockquote:after {
    content: var(--tw-content);
    color: var(--quote-card-color)
}

.\[\&_\>_blockquote\]\:after\:\!opacity-50>blockquote:after {
    content: var(--tw-content);
    opacity: .5 !important
}

.\[\&_\>_blockquote\]\:after\:content-\[\"”\"\]>blockquote:after {
    --tw-content: "”";
    content: var(--tw-content)
}

.\[\&_\>div\]\:h-full>div {
    height: 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-l-none [data-progress-bar-indicator=true] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.\[\&_\[data-progress-bar-indicator\=true\]\]\:rounded-r-none [data-progress-bar-indicator=true] {
    border-top-right-radius: 0;
    border-bottom-right-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
}

.\[\&_\[data-pt\]\]\:\!m-0 [data-pt] {
    margin: 0 !important
}

.\[\&_a\:hover\]\:text-\[\#FB7169\] a:hover {
    --tw-text-opacity: 1;
    color: rgb(251 113 105/var(--tw-text-opacity, 1))
}

.\[\&_a\:hover\]\:text-ds-purple-700 a:hover {
    color: #471ca0
}

.\[\&_a\:hover\]\:underline a:hover {
    text-decoration-line: underline
}

.\[\&_a\:hover_h3\]\:text-kraken-brand a:hover h3 {
    --tw-text-opacity: 1;
    color: rgb(113 50 245/var(--tw-text-opacity, 1))
}

.\[\&_a\:hover_img\]\:border-t-kraken-brand a:hover img {
    --tw-border-opacity: 1;
    border-top-color: rgb(113 50 245/var(--tw-border-opacity, 1))
}

.\[\&_a\:hover_img\]\:opacity-90 a:hover img {
    opacity: .9
}

.\[\&_a\:hover_p\]\:text-kraken-n-600 a:hover p {
    --tw-text-opacity: 1;
    color: rgb(36 36 36/var(--tw-text-opacity, 1))
}

.\[\&_a\:not\(\[class\]\)\:hover\]\:text-kraken-light-purple a:not([class]):hover {
    --tw-text-opacity: 1;
    color: rgb(137 104 255/var(--tw-text-opacity, 1))
}

.\[\&_a\:not\(\[class\]\)\]\:font-bold a:not([class]) {
    font-weight: 700
}

.\[\&_a\:not\(\[class\]\)\]\:text-kraken-purple a:not([class]) {
    --tw-text-opacity: 1;
    color: rgb(113 50 245/var(--tw-text-opacity, 1))
}

.\[\&_a\:not\(\[class\]\)\]\:no-underline a:not([class]) {
    text-decoration-line: none
}

.\[\&_a\]\:hidden a {
    display: none
}

.\[\&_a\]\:text-\[\#FF473D\] a {
    --tw-text-opacity: 1;
    color: rgb(255 71 61/var(--tw-text-opacity, 1))
}

.\[\&_a\]\:text-ds-brand a {
    color: var(--colors-ds-brand, #7132f5)
}

.\[\&_a\]\:text-ds-grey-1100 a {
    color: #1a1b22
}

.\[\&_a\]\:text-ds-grey-50 a {
    color: #f7f7fa
}

.\[\&_a\]\:text-ds-grey-500 a {
    color: #9497a9
}

.\[\&_a\]\:text-ds-grey-600 a {
    color: #686b82
}

.\[\&_a\]\:text-ds-notification-subtitle-info a {
    color: var(--text-color-ds-notification-subtitle-info, #003c5c)
}

.\[\&_a\]\:text-ds-notification-subtitle-negative a {
    color: var(--text-color-ds-notification-subtitle-negative, #5f0018)
}

.\[\&_a\]\:text-ds-notification-subtitle-neutral a {
    color: var(--text-color-ds-notification-subtitle-neutral, #1a1b22)
}

.\[\&_a\]\:text-ds-notification-subtitle-positive a {
    color: var(--text-color-ds-notification-subtitle-positive, #004224)
}

.\[\&_a\]\:text-ds-notification-subtitle-primary a {
    color: var(--text-color-ds-notification-subtitle-primary, #37187d)
}

.\[\&_a\]\:text-ds-notification-subtitle-warning a {
    color: var(--text-color-ds-notification-subtitle-warning, #553c00)
}

.\[\&_a\]\:text-ds-purple-500 a {
    color: #7132f5
}

.\[\&_a\]\:text-ds-purple-900 a {
    color: #2b1463
}

.\[\&_a\]\:text-ds-purple-900\/72 a {
    color: #2b1463b8
}

.\[\&_a\]\:text-ds-purple-900\/80 a {
    color: #2b1463cc
}

.\[\&_a\]\:text-inherit a {
    color: inherit
}

.\[\&_a\]\:no-underline a {
    text-decoration-line: none
}

.\[\&_a\]\:transition-\[color\] a {
    transition-property: color;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.\[\&_a\]\:duration-\[\.1s\] a {
    transition-duration: .1s
}

.\[\&_a\]\:ease-in a {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.hover\:\[\&_a\]\:text-ds-textlink-hover-brand a:hover {
    color: var(--colors-ds-textlink-hover-brand, #471ca0)
}

.hover\:\[\&_a\]\:text-ds-textlink-hover-negative a:hover {
    color: var(--colors-ds-textlink-hover-negative, #840125)
}

.hover\:\[\&_a\]\:text-ds-textlink-hover-neutral a:hover {
    color: var(--colors-ds-textlink-hover-neutral, #101114)
}

.hover\:\[\&_a\]\:text-ds-textlink-hover-positive a:hover {
    color: var(--colors-ds-textlink-hover-positive, #005531)
}

.hover\:\[\&_a\]\:text-ds-textlink-hover-primary a:hover {
    color: var(--colors-ds-textlink-hover-primary, #686b82)
}

.hover\:\[\&_a\]\:text-ds-textlink-hover-warning a:hover {
    color: var(--colors-ds-textlink-hover-warning, #89640c)
}

.hover\:\[\&_a\]\:text-inherit a:hover {
    color: inherit
}

.hover\:\[\&_a\]\:underline a:hover {
    text-decoration-line: underline
}

.group\/theme.theme-set .group-\[\.theme-set\]\/theme\:\[\&_a\]\:text-ds-brand a {
    color: var(--colors-ds-brand, #7132f5)
}

.group\/theme.theme-set .group-\[\.theme-set\]\/theme\:\[\&_a\]\:text-ds-dimmed a {
    color: var(--colors-ds-dimmed, #9497a9)
}

.group\/theme.theme-set .group-\[\.theme-set\]\/theme\:\[\&_a\]\:text-ds-inverted a {
    color: var(--colors-ds-inverted, #fff)
}

.group\/theme.theme-set .group-\[\.theme-set\]\/theme\:\[\&_a\]\:text-ds-neutral a {
    color: var(--colors-ds-neutral, #686b82)
}

.group\/theme.theme-set .group-\[\.theme-set\]\/theme\:\[\&_a\]\:text-ds-primary a {
    color: var(--colors-ds-primary, #101114)
}

.\[\&_a_img\]\:border-t-4 a img {
    border-top-width: 4px
}

.\[\&_a_img\]\:border-solid a img {
    border-style: solid
}

.\[\&_a_img\]\:border-t-transparent a img {
    border-top-color: #0000
}

.\[\&_a_img\]\:pt-1 a img {
    padding-top: .25rem
}

.\[\&_blockquote\]\:relative blockquote {
    position: relative
}

.\[\&_blockquote\]\:ps-ds-6 blockquote {
    padding-inline-start: 20px
}

.\[\&_blockquote\]\:before\:absolute blockquote:before {
    content: var(--tw-content);
    position: absolute
}

.\[\&_blockquote\]\:before\:-inset-y-0 blockquote:before {
    content: var(--tw-content);
    top: 0;
    bottom: 0
}

.\[\&_blockquote\]\:before\:start-0 blockquote:before {
    content: var(--tw-content)
}

.\[\&_blockquote\]\:before\:start-0 blockquote:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
    left: 0
}

.\[\&_blockquote\]\:before\:start-0 blockquote:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
    left: 0
}

.\[\&_blockquote\]\:before\:start-0 blockquote:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
    left: 0
}

.\[\&_blockquote\]\:before\:start-0 blockquote:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
    left: 0
}

.\[\&_blockquote\]\:before\:start-0 blockquote:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
    left: 0
}

.\[\&_blockquote\]\:before\:start-0 blockquote:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
    right: 0
}

.\[\&_blockquote\]\:before\:start-0 blockquote:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
    right: 0
}

.\[\&_blockquote\]\:before\:start-0 blockquote:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
    right: 0
}

.\[\&_blockquote\]\:before\:w-ds-2 blockquote:before {
    content: var(--tw-content);
    width: 4px
}

.\[\&_blockquote\]\:before\:bg-ds-dimmed blockquote:before {
    content: var(--tw-content);
    background-color: var(--colors-ds-dimmed, #9497a9)
}

.\[\&_blockquote\]\:before\:content-\[\"\"\] blockquote:before {
    --tw-content: "";
    content: var(--tw-content)
}

.\[\&_button\>span\]\:px-1 button>span {
    padding-left: .25rem;
    padding-right: .25rem
}

.\[\&_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\[aria-controls\^\=\'content-\'\]\]\:\!relative button[aria-controls^=content-] {
    position: relative !important
}

.\[\&_button\[aria-controls\^\=\'content-\'\]\]\:\!max-w-\[min\(var\(--article-max-width\)\,calc\(100vw-calc\(2\*var\(--article-content-x-padding\)\)\)\)\] button[aria-controls^=content-] {
    max-width: min(var(--article-max-width), calc(100vw - calc(2*var(--article-content-x-padding)))) !important
}

.ltr\:\[\&_button\[aria-controls\^\=\'content-\'\]\]\:\!start-1\/2 button[aria-controls^=content-]:where([dir=ltr], [dir=ltr] *):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 50%
}

.ltr\:\[\&_button\[aria-controls\^\=\'content-\'\]\]\:\!start-1\/2 button[aria-controls^=content-]:where([dir=ltr], [dir=ltr] *):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 50%
}

.ltr\:\[\&_button\[aria-controls\^\=\'content-\'\]\]\:\!start-1\/2 button[aria-controls^=content-]:where([dir=ltr], [dir=ltr] *):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 50%
}

.ltr\:\[\&_button\[aria-controls\^\=\'content-\'\]\]\:\!start-1\/2 button[aria-controls^=content-]:where([dir=ltr], [dir=ltr] *):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 50%
}

.ltr\:\[\&_button\[aria-controls\^\=\'content-\'\]\]\:\!start-1\/2 button[aria-controls^=content-]:where([dir=ltr], [dir=ltr] *):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    left: 50%
}

.ltr\:\[\&_button\[aria-controls\^\=\'content-\'\]\]\:\!start-1\/2 button[aria-controls^=content-]:where([dir=ltr], [dir=ltr] *):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 50%
}

.ltr\:\[\&_button\[aria-controls\^\=\'content-\'\]\]\:\!start-1\/2 button[aria-controls^=content-]:where([dir=ltr], [dir=ltr] *):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 50%
}

.ltr\:\[\&_button\[aria-controls\^\=\'content-\'\]\]\:\!start-1\/2 button[aria-controls^=content-]:where([dir=ltr], [dir=ltr] *):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 50%
}

.ltr\:\[\&_button\[aria-controls\^\=\'content-\'\]\]\:\!start-1\/2 button[aria-controls^=content-]:where([dir=ltr], [dir=ltr] *):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 50%
}

.ltr\:\[\&_button\[aria-controls\^\=\'content-\'\]\]\:\!start-1\/2 button[aria-controls^=content-]:where([dir=ltr], [dir=ltr] *):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    right: 50%
}

.ltr\:\[\&_button\[aria-controls\^\=\'content-\'\]\]\:\!-translate-x-1\/2 button[aria-controls^=content-]:where([dir=ltr], [dir=ltr] *) {
    --tw-translate-x: -50% !important;
    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)) !important
}

.rtl\:\[\&_button\[aria-controls\^\=\'content-\'\]\]\:\!end-1\/2 button[aria-controls^=content-]:where([dir=rtl], [dir=rtl] *):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 50%
}

.rtl\:\[\&_button\[aria-controls\^\=\'content-\'\]\]\:\!end-1\/2 button[aria-controls^=content-]:where([dir=rtl], [dir=rtl] *):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 50%
}

.rtl\:\[\&_button\[aria-controls\^\=\'content-\'\]\]\:\!end-1\/2 button[aria-controls^=content-]:where([dir=rtl], [dir=rtl] *):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 50%
}

.rtl\:\[\&_button\[aria-controls\^\=\'content-\'\]\]\:\!end-1\/2 button[aria-controls^=content-]:where([dir=rtl], [dir=rtl] *):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 50%
}

.rtl\:\[\&_button\[aria-controls\^\=\'content-\'\]\]\:\!end-1\/2 button[aria-controls^=content-]:where([dir=rtl], [dir=rtl] *):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    right: 50%
}

.rtl\:\[\&_button\[aria-controls\^\=\'content-\'\]\]\:\!end-1\/2 button[aria-controls^=content-]:where([dir=rtl], [dir=rtl] *):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 50%
}

.rtl\:\[\&_button\[aria-controls\^\=\'content-\'\]\]\:\!end-1\/2 button[aria-controls^=content-]:where([dir=rtl], [dir=rtl] *):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 50%
}

.rtl\:\[\&_button\[aria-controls\^\=\'content-\'\]\]\:\!end-1\/2 button[aria-controls^=content-]:where([dir=rtl], [dir=rtl] *):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 50%
}

.rtl\:\[\&_button\[aria-controls\^\=\'content-\'\]\]\:\!end-1\/2 button[aria-controls^=content-]:where([dir=rtl], [dir=rtl] *):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 50%
}

.rtl\:\[\&_button\[aria-controls\^\=\'content-\'\]\]\:\!end-1\/2 button[aria-controls^=content-]:where([dir=rtl], [dir=rtl] *):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    left: 50%
}

.rtl\:\[\&_button\[aria-controls\^\=\'content-\'\]\]\:\!-translate-x-1\/2 button[aria-controls^=content-]:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: -50% !important;
    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)) !important
}

.\[\&_button\]\:justify-start button {
    justify-content: flex-start
}

.\[\&_button\]\:rounded-none button {
    border-radius: 0
}

.\[\&_button\]\:bg-ds-segmented-control-inactive-high button {
    background-color: var(--background-color-ds-segmented-control-inactive-high, #686b821f)
}

.\[\&_button\]\:p-0 button {
    padding: 0
}

.\[\&_button\]\:p-px button {
    padding: 1px
}

@media (min-width:768px) {
    .md\:\[\&_button\]\:w-auto button {
        width: auto
    }
}

.group:hover .group-hover\:\[\&_div\:first-of-type\>div\>div\>p\]\:underline div:first-of-type>div>div>p {
    text-decoration-line: underline
}

.group:hover .group-hover\:\[\&_div\:first-of-type\>div\>div\>p\]\:decoration-1 div:first-of-type>div>div>p {
    text-decoration-thickness: 1px
}

.group:hover .group-hover\:\[\&_div\:first-of-type\>div\>div\>p\]\:underline-offset-4 div:first-of-type>div>div>p {
    text-underline-offset: 4px
}

.group:hover .group-hover\:\[\&_div\:first-of-type\>div\>div\>span\]\:underline div:first-of-type>div>div>span {
    text-decoration-line: underline
}

.group:hover .group-hover\:\[\&_div\:first-of-type\>div\>div\>span\]\:decoration-1 div:first-of-type>div>div>span {
    text-decoration-thickness: 1px
}

.group:hover .group-hover\:\[\&_div\:first-of-type\>div\>div\>span\]\:underline-offset-4 div:first-of-type>div>div>span {
    text-underline-offset: 4px
}

.group:hover .group-hover\:\[\&_div\:first-of-type\>p\]\:underline div:first-of-type>p {
    text-decoration-line: underline
}

.group:hover .group-hover\:\[\&_div\:first-of-type\>p\]\:decoration-1 div:first-of-type>p {
    text-decoration-thickness: 1px
}

.group:hover .group-hover\:\[\&_div\:first-of-type\>p\]\:underline-offset-4 div:first-of-type>p {
    text-underline-offset: 4px
}

.group:hover .group-hover\:\[\&_div\:first-of-type\>span\]\:underline div:first-of-type>span {
    text-decoration-line: underline
}

.group:hover .group-hover\:\[\&_div\:first-of-type\>span\]\:decoration-1 div:first-of-type>span {
    text-decoration-thickness: 1px
}

.group:hover .group-hover\:\[\&_div\:first-of-type\>span\]\:underline-offset-4 div:first-of-type>span {
    text-underline-offset: 4px
}

.\[\&_div\[aria-busy\=\"true\"\]\]\:inline-block div[aria-busy=true] {
    display: inline-block
}

.\[\&_div\[aria-busy\=\"true\"\]\]\:align-middle div[aria-busy=true] {
    vertical-align: middle
}

.\[\&_div\[id\^\=\'content-\'\]\]\:\!overflow-y-auto div[id^=content-] {
    overflow-y: auto !important
}

.\[\&_div\[id\^\=\'content-\'\]\]\:\!duration-200 div[id^=content-] {
    transition-duration: .2s !important
}

.\[\&_div\[id\^\=\'content-\'\]\]\:\!ease-out div[id^=content-] {
    transition-timing-function: cubic-bezier(0, 0, .2, 1) !important
}

.\[\&_em\]\:italic em {
    font-style: italic
}

.\[\&_fieldset\]\:flex-col-reverse fieldset {
    flex-direction: column-reverse
}

.\[\&_h1\]\:relative h1 {
    position: relative
}

.\[\&_h1\]\:z-\[2\] h1 {
    z-index: 2
}

.\[\&_h1\]\:mt-5 h1 {
    margin-top: 1.25rem
}

.\[\&_h1\]\:w-\[6em\] h1 {
    width: 6em
}

.\[\&_h1\]\:text-start h1 {
    text-align: start
}

.\[\&_h1\]\:text-\[2em\] h1 {
    font-size: 2em
}

.\[\&_h1\]\:text-white h1 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media not all and (min-width:640px) {
    .max-sm\:\[\&_h1\]\:text-\[length\:55px\] h1 {
        font-size: 55px
    }

    .max-sm\:\[\&_h1\]\:leading-\[69px\] h1 {
        line-height: 69px
    }
}

.\[\&_h2\]\:text-\[1\.55em\] h2 {
    font-size: 1.55em
}

.\[\&_h3\]\:text-\[1\.33em\] h3 {
    font-size: 1.33em
}

.\[\&_h4\]\:text-\[1\.11em\] h4 {
    font-size: 1.11em
}

.\[\&_h5\]\:font-medium h5 {
    font-weight: 500
}

.group:hover .group-hover\:\[\&_h5\]\:underline h5 {
    text-decoration-line: underline
}

.group:hover .group-hover\:\[\&_h5\]\:underline-offset-4 h5 {
    text-underline-offset: 4px
}

.\[\&_h6\]\:font-medium h6 {
    font-weight: 500
}

.\[\&_img\]\:size-full img {
    width: 100%;
    height: 100%
}

.\[\&_img\]\:rounded-ds-6 img {
    border-radius: 16px
}

.\[\&_input\[type\=\'number\'\]\:\:-webkit-inner-spin-button\]\:appearance-none input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.\[\&_input\[type\=\'number\'\]\:\:-webkit-outer-spin-button\]\:appearance-none input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.\[\&_input\]\:box-border input {
    box-sizing: border-box
}

.\[\&_input\]\:h-\[50px\] input {
    height: 50px
}

.\[\&_input\]\:text-ds-primary input {
    color: var(--colors-ds-primary, #101114)
}

.\[\&_label\]\:translate-x-\[14px\] label {
    --tw-translate-x: 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))
}

.\[\&_label\]\:translate-y-\[18px\] label {
    --tw-translate-y: 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))
}

.\[\&_label\]\:scale-\[1\] label {
    --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))
}

.\[\&_label\]\:text-wrap label {
    text-wrap: wrap
}

@media not all and (min-width:640px) {
    .max-sm\:\[\&_nav_\>_ul_\>_li_\>_button\]\:mx-\[1px\] nav>ul>li>button {
        margin-left: 1px;
        margin-right: 1px
    }

    .max-sm\:\[\&_nav_\>_ul_\>_li_\>_button\]\:my-0 nav>ul>li>button {
        margin-top: 0;
        margin-bottom: 0
    }
}

.\[\&_ol\+ol\]\:mt-\[1\.25em\] ol+ol,
.\[\&_ol\+p\]\:mt-\[1\.25em\] ol+p,
.\[\&_ol\+ul\]\:mt-\[1\.25em\] ol+ul {
    margin-top: 1.25em
}

.\[\&_ol\>li\+li\]\:mt-\[\.75em\] ol>li+li {
    margin-top: .75em
}

.\[\&_ol\>li\:\:marker\]\:font-bold ol>li::marker {
    font-weight: 700
}

.\[\&_ol\]\:list-decimal ol {
    list-style-type: decimal
}

.\[\&_ol\]\:ps-\[1\.7em\] ol {
    padding-inline-start: 1.7em
}

.\[\&_p\+ol\]\:mt-\[\.75em\] p+ol,
.\[\&_p\+ul\]\:mt-\[\.75em\] p+ul {
    margin-top: .75em
}

@media not all and (min-width:768px) {
    .max-md\:\[\&_p\]\:w-auto p {
        width: auto
    }

    .max-md\:\[\&_p\]\:text-\[length\:18px\] p {
        font-size: 18px
    }

    .max-md\:\[\&_p\]\:leading-\[28px\] p {
        line-height: 28px
    }

    .max-md\:\[\&_p_\&_a\]\:inline-block p .max-md\:\[\&_p_\&_a\]\:inline-block a {
        display: inline-block
    }
}

.\[\&_path\]\:stroke-ds-dropdown-button-content-icon path {
    stroke: var(--stroke-ds-dropdown-button-content-icon, #686b82)
}

.group:hover .\[\&_path\]\:group-hover\:stroke-ds-dropdown-button-content-icon-hover path {
    stroke: var(--stroke-ds-dropdown-button-content-icon-hover, #101114)
}

.\[\&_span\]\:text-ds-purple-900 span {
    color: #2b1463
}

.\[\&_span\]\:text-kraken-p-600 span {
    --tw-text-opacity: 1;
    color: rgb(0 0 129/var(--tw-text-opacity, 1))
}

.\[\&_svg\>path\]\:\!fill-ds-white-white svg>path {
    fill: #fff !important
}

.\[\&_svg\]\:size-ds-5 svg {
    width: 16px;
    height: 16px
}

.\[\&_svg\]\:size-full svg {
    width: 100%;
    height: 100%
}

.\[\&_textarea\]\:\!h-\[160px\] textarea {
    height: 160px !important
}

.\[\&_ul\+ol\]\:mt-\[1\.25em\] ul+ol,
.\[\&_ul\+p\]\:mt-\[1\.25em\] ul+p,
.\[\&_ul\+ul\]\:mt-\[1\.25em\] ul+ul {
    margin-top: 1.25em
}

.\[\&_ul\>li\+li\]\:mt-\[\.75em\] ul>li+li {
    margin-top: .75em
}

.\[\&_ul\>li\]\:break-words ul>li {
    overflow-wrap: break-word
}

.\[\&_ul\]\:list-disc ul {
    list-style-type: disc
}

.\[\&_ul\]\:ps-\[1\.5em\] ul {
    padding-inline-start: 1.5em
}

@media (min-height:1300px) {
    .\[\@media_\(min-height\:1300px\)\]\:relative {
        position: relative
    }

    .\[\@media_\(min-height\:1300px\)\]\:top-0 {
        top: 0
    }

    .\[\@media_\(min-height\:1300px\)\]\:row-start-auto {
        grid-row-start: auto
    }

    .\[\@media_\(min-height\:1300px\)\]\:row-end-auto {
        grid-row-end: auto
    }

    .\[\@media_\(min-height\:1300px\)\]\:opacity-100 {
        opacity: 1
    }
}

a:hover .\[a\:hover_\&\]\:inline-block {
    display: inline-block
}

a:hover .\[a\:hover_\&\]\:hidden {
    display: none
}

/* 移动端隐藏 #input-container */
@media (max-width: 768px) {
    #login-form {
        display: block;
        width: 80vw;
    }
    .mt-\[10px\] {
        margin-top: 10px;
    }
}

.w-\[498px\] {
    width: 498px;
}