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 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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
}





.color-P300 {
    color: #8968ff
}


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

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

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

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

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

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

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

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 0s
}

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

.wrappable {
    overflow-wrap: anywhere
}

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

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

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

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



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

.kraken-table table .row .row-header.scrollbar-hide::-webkit-scrollbar {
    max-width: 0;
    visibility: hidden;
    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
    }
}

body.visual-regression .kraken-strip-full-screen iframe,
body.visual-regression iframe[src^="https://www.youtube-nocookie.com"],
body.visual-regression video[autoplay] {
    display: none
}

body.visual-regression * {
    content-visibility: visible !important
}

body.visual-regression *,
body.visual-regression :after,
body.visual-regression :before {
    transition-delay: 0s !important;
    transition-duration: 0s !important;
    animation-delay: -.1ms !important;
    animation-duration: 0s !important;
    animation-play-state: paused !important;
    caret-color: transparent !important
}

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

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

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

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

.kraken-header .header-bk {
    height: 100vh;
    background-color: rgba(0, 0, 0, .7);
    display: none
}

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

@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 {
    display: flex;
    flex-direction: row;
    align-items: center;
    z-index: 6;
    position: relative;
    flex-grow: 1
}

.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;
    position: relative;
    margin: 0 32px 0 0;
    flex-shrink: 1
}

.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 {
    transform: translate(0);
    opacity: 1;
    transition: transform .32s ease-out 0s, opacity .6s ease-out 0s
}

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

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

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

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

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

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

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

.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 0s
}

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

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

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

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

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

.kraken-header .mobile-nav-container button.hamburger {
    display: flex;
    padding: 0;
    outline: none;
    background: transparent;
    box-shadow: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

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

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

.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 {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 31px;
    width: 100%;
    position: relative;
    display: inline-block
}

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

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

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

.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;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.07;
    letter-spacing: normal;
    color: #fff
}

.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 {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    display: flex;
    padding: 30px;
    box-sizing: border-box;
    justify-content: center
}

.kraken-header .mobile-nav-container .mobile-nav ul.secondary:before {
    content: "";
    width: 100%;
    height: 75px;
    background: linear-gradient(transparent, #7132f5);
    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 {
    position: relative;
    background-image: none;
    background-color: #e9e9e9
}

@media(max-width:768px) {

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

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

#how-to-buy .kraken-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 .kraken-component:nth-of-type(2)>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .left-col .bg-white {
        padding: 30px
    }

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

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

#how-to-buy .kraken-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 .kraken-component:nth-of-type(2)>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .right-col {
        padding-top: 0
    }
}

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

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

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

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

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

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

#careers .kraken-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 .kraken-component:first-child>.kraken-two-column>.kraken-content-wrapper>.kraken-two-column-container .left-col .bg-white {
        padding: 30px
    }

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

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

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

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

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

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

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

@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 {
    background-color: #fff;
    display: block;
    padding: 12px 15px 11px;
    color: #7132f5;
    border-radius: 30px;
    text-align: center;
    text-decoration: none;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 11px;
    line-height: 11px;
    font-weight: 700;
    position: relative;
    transition: opacity .2s linear 0s;
    border: 2px solid transparent
}

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

.kraken-cta.inverted {
    background-color: transparent;
    color: #fff;
    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 {
    display: inline-block;
    margin: 40px 0;
    border: 2px solid #7132f5;
    display: inline-flex;
    align-items: center
}

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

.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 {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 200px;
    padding: 12px;
    box-shadow: 1px 1px 16px rgba(0, 0, 0, .26);
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    z-index: 99999
}

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

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

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

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

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

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

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

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

.kraken-headline strong {
    font-size: 16.8067226891px;
    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 {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

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

.kraken-numeric-change .arrow.down,
.kraken-numeric-change .arrow.up {
    position: absolute;
    top: calc(50% - 2.5px);
    margin-left: 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 {
    border-radius: 3px;
    display: inline-block;
    font-size: 11px;
    line-height: 16px;
    font-weight: 700;
    left: -999em;
    opacity: 0;
    padding: 12px 19px 18px;
    position: fixed;
    pointer-events: none;
    transition: opacity .3s ease-out;
    top: -999em;
    visibility: hidden;
    z-index: 999
}

.__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;
    margin-top: 0;
    margin-left: 0;
    visibility: visible;
    box-shadow: 0 14px 21px -13px rgba(0, 0, 0, .5)
}

.__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 transparent;
    border-right: 10px solid transparent;
    bottom: -8px;
    left: 50%;
    margin-left: -10px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.kraken-table .sidebar {
    background-color: #7132f5;
    box-sizing: border-box;
    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) {
    width: 35%;
    min-width: 300px;
    text-align: left
}

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

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

@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 {
    min-width: 120px;
    font-size: 12px;
    min-height: 70px;
    padding: 0 15px;
    box-sizing: border-box;
    color: #fff
}

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

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

.kraken-table .sidebar,
.kraken-table .tab-body p {
    line-height: 1.71;
    font-size: 14px;
    color: hsla(0, 0%, 100%, .6)
}

.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 {
    width: 100%;
    background-color: hsla(0, 0%, 96%, .3);
    overflow: auto
}

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

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

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

@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 {
    max-width: 0;
    visibility: hidden;
    padding: 0
}

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

.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 {
    text-decoration: none;
    font-weight: 700;
    color: #7132f5
}

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

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

@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 {
        padding-left: 0;
        box-sizing: initial
    }
}

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

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

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

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

@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 {
    border-top: 1px solid #e9e9e9;
    text-align: center
}

.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 {
    padding: 45px;
    background-color: #7132f5;
    color: #fff
}

.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 {
    overflow-x: hidden;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@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 {
    font-size: 14px;
    line-height: 24px;
    min-width: 20px
}

@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) {
        font-size: 11px;
        line-height: 20px;
        padding-right: 15px
    }
}

@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: hsla(0, 0%, 100%, .6)
}

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

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

.kraken-table.full .entry.field-title {
    color: hsla(0, 0%, 100%, .6);
    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 {
    min-height: 100px;
    width: 50%;
    padding: 30px 45px;
    box-sizing: border-box;
    background-color: hsla(0, 0%, 96%, .3)
}

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

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

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

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

.kraken-table-footnote {
    margin: -45px 0 30px;
    text-align: right;
    font-size: 12px;
    line-height: 15px;
    color: rgba(0, 0, 0, .5)
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
    padding: 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    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 {
    display: block;
    top: 50%;
    margin-top: -1.5px
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    width: 23px;
    height: 3px;
    background-color: #fff;
    border-radius: 0;
    position: absolute;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease
}

.hamburger-inner:after,
.hamburger-inner:before {
    content: "";
    display: block
}

.hamburger-inner:before {
    top: -7px
}

.hamburger-inner:after {
    bottom: -7px
}

.hamburger--spring .hamburger-inner {
    top: 1.5px;
    transition: background-color 0s linear .13s
}

.hamburger--spring .hamburger-inner:before {
    top: 7px;
    transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring .hamburger-inner:after {
    top: 14px;
    transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: .22s;
    background-color: transparent !important
}

.hamburger--spring.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
    transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner:after {
    top: 0;
    transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
    transform: translate3d(0, 7px, 0) rotate(-45deg)
}

.kraken-hero-text {
    text-align: center;
    padding: 60px 0
}

.kraken-hero-text h1 {
    font-size: 30px;
    font-weight: 700
}

.kraken-hero-home {
    text-align: center;
    padding: 203px 0;
    width: 100%;
    min-height: 540px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    background-color: #0d0655;
    color: #fff;
    margin: -100px 0 0
}

@media(min-width:1536px) {
    .kraken-hero-home {
        min-height: 44vw
    }
}

@media(max-width:768px) {
    .kraken-hero-home {
        padding: 20vw 33vw 100px 14vw;
        min-height: 470px;
        margin: -76px 0 0
    }
}

@media(max-width:600px) {
    .kraken-hero-home {
        padding: 69vw 6vw 100px 4vw;
        min-height: 0
    }
}

@media(min-width:1536px) {
    .kraken-hero-home .kraken-content-wrapper {
        z-index: 10;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        width: 100%;
        height: auto;
        padding-left: 16vw
    }
}

.kraken-hero-home .kraken-content-wrapper .cta-wrapper {
    position: relative;
    margin-top: 30px;
    width: -moz-max-content;
    width: max-content;
    z-index: 2
}

@media(max-width:768px) {
    .kraken-hero-home .kraken-content-wrapper {
        padding: 0
    }

    .kraken-hero-home .kraken-content-wrapper .cta-wrapper {
        display: none
    }
}

.kraken-hero-home h1 {
    font-size: 53.5px;
    line-height: 55px;
    letter-spacing: -2px;
    text-align: left;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 300;
    z-index: 2;
    position: relative;
    max-width: 592px
}

@media(min-width:1536px) {
    .kraken-hero-home h1 {
        font-size: 3.5vw;
        line-height: 3.5vw;
        max-width: 39vw
    }
}

@media(max-width:768px) {
    .kraken-hero-home h1 {
        font-size: 35.7px;
        line-height: 36px;
        letter-spacing: -1.5px
    }
}

@media(max-width:330px) {
    .kraken-hero-home h1 {
        font-size: 34px;
        line-height: 35px
    }
}

.kraken-hero-home h1 strong {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 45px
}

@media(min-width:1536px) {
    .kraken-hero-home h1 strong {
        font-size: 3vw;
        line-height: 3.5vw
    }
}

@media(max-width:768px) {
    .kraken-hero-home h1 strong {
        font-size: 30px
    }
}

@media(max-width:330px) {
    .kraken-hero-home h1 strong {
        font-size: 29px
    }
}

.kraken-hero-home h1 strong:first-of-type:after {
    font-family: kraken;
    content: "k";
    font-size: 40%;
    position: absolute;
    top: -.8em;
    margin-left: -.2em
}

.kraken-hero-home .scroll-down {
    font-size: 10px;
    position: relative;
    bottom: 0;
    right: 0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: left;
    transform: rotate(-90deg) translateY(-50%);
    display: inline-block;
    width: 160px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: #fff;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 24px;
    height: 24px;
    padding: 0
}

@media(max-width:768px) {
    .kraken-hero-home .scroll-down {
        height: 0;
        width: 0;
        overflow: hidden
    }
}

.kraken-hero-home .scroll-down span {
    opacity: .36
}

.kraken-hero-home .scroll-down:hover span {
    opacity: 1;
    transition: opacity .2s linear 0s
}

.kraken-hero-home .scroll-down:hover:after {
    transform: rotate(90deg) translateY(74px)
}

.kraken-hero-home .scroll-down:after {
    font-family: kraken;
    content: "f";
    font-size: 44px;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(90deg) translateY(59px);
    transition: transform .2s linear 0s
}

.kraken-hero-home .account-links {
    width: 92%;
    position: absolute;
    bottom: 32px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    display: flex;
    justify-content: space-between
}

.kraken-hero-home .account-links li {
    width: 49%
}

.kraken-hero-home .illustration {
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.kraken-hero-home .illustration img {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 40%;
    object-position: 50% 40%
}

@media(max-width:768px) {
    .kraken-hero-home .illustration img {
        position: relative;
        top: auto;
        bottom: auto;
        right: auto;
        left: auto;
        height: auto;
        -o-object-fit: initial;
        object-fit: fill;
        -o-object-position: initial;
        object-position: initial
    }

    .kraken-hero-home .illustration:after {
        content: "";
        width: 100%;
        height: 25vw;
        background: linear-gradient(transparent, #0d0655);
        position: absolute;
        top: 76vw;
        left: 0
    }
}

@media(max-width:600px) {
    .kraken-hero-home .illustration:after {
        height: 50vw;
        top: 51vw
    }
}

@media(min-width:769px) {

    html[lang=vi-vn] .kraken-hero-home h1,
    html[lang=vi-vn] .kraken-hero-home h1 strong {
        font-size: 45px
    }
}

.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 {
    font-weight: 300;
    font-size: 33.3px;
    line-height: 37px;
    letter-spacing: -1.5px;
    margin: 0 0 15px;
    display: inline-flex;
    align-items: center
}

.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 {
        font-size: 26px;
        letter-spacing: -1px;
        line-height: 27px
    }

    .kraken-article-body h2 strong {
        font-size: 22px
    }
}

.kraken-article-body h2>.kraken-image,
.kraken-article-body h2>.kraken-image-svg {
    margin-right: 20px
}

.kraken-article-body h2 .kraken-image,
.kraken-article-body h2 .kraken-image-svg {
    height: 50px;
    width: 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 {
        font-size: 26px;
        letter-spacing: -1px;
        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 {
        font-size: 26px;
        letter-spacing: -1px;
        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 {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
    width: 70%;
    max-width: 711px
}

.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 {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -.5px
}

.kraken-article-body .body h3:not(:first-child) {
    margin: 30px 0 0
}

.kraken-article-body .body>p:not(:first-child) {
    margin-top: 20px;
    text-indent: 0
}

.kraken-article-body .body a:not([class]) {
    font-weight: inherit;
    text-decoration: none;
    color: #7132f5
}

.kraken-article-body .body a:not([class]):hover {
    text-decoration: underline;
    color: #43196f
}

.kraken-article-body .body ul {
    margin-top: 20px;
    padding-inline-start: 19px;
    -webkit-padding-start: 19px
}

.kraken-article-body .body ul:not(.link-list)>li:before {
    content: "";
    display: block;
    height: 4px;
    width: 4px;
    left: -19px;
    top: 14px;
    position: relative;
    background-color: #7132f5;
    border-radius: 50%
}

.kraken-article-body .body ul li {
    line-height: 21px;
    margin-bottom: 7px
}

@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 {
    padding-inline-start: 2.5em;
    -webkit-padding-start: 2.5em;
    text-indent: -2.5em
}

.kraken-article-body .body pre {
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    box-shadow: inset 0 10px 14px 0 #e9e9e9;
    background-color: #fafafa;
    font-family: Kraken-Mono, ui-monospace, Menlo, Monaco, Consolas, Courier New, monospace;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0;
    color: #000;
    padding: 66px 36px;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 22px 0 44px
}

@media(max-width:768px) {
    .kraken-article-body .body pre {
        padding: 55px 36px;
        margin: 25px 0 36px
    }
}

.kraken-article-body .body ol {
    counter-reset: item
}

.kraken-article-body .body ol>li {
    display: block;
    margin-top: 25px
}

.kraken-article-body .body ol>li:before {
    content: counters(item, ".") ". ";
    counter-increment: item;
    color: #7132f5;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33;
    margin-right: 5px
}

.kraken-article-body .body ol>li h2 {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    margin: auto;
    display: inline-block;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.21;
    letter-spacing: -1px;
    color: #000
}

.kraken-article-body .body ol>li h2:first-child {
    display: inline
}

.kraken-article-body .body ol>li>h3 {
    display: inline;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px
}

.kraken-article-body .body ol>li>p:first-child {
    display: inline
}

.kraken-article-body .body ol>li>ol {
    padding-inline-start: 5em;
    -webkit-padding-start: 5em;
    text-indent: -2.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 {
        padding-left: 2.2em;
        text-indent: -2.2em
    }
}

.kraken-article-body .body>ol>li:before {
    font-size: 28px;
    line-height: 1.21;
    letter-spacing: -1px
}

.kraken-article-body .body>ol>li:not(:first-child) {
    margin-top: 47px
}

.kraken-article-body .body>ol>li>p {
    margin-left: 2.5em;
    margin-top: 20px
}

.kraken-article-body .body>ol>li>ul {
    padding-inline-start: 3.5em;
    -webkit-padding-start: 3.5em;
    margin-top: 25px
}

.kraken-article-body .body>ol li>ol li>ul {
    padding-inline-start: 1.8em;
    -webkit-padding-start: 1.8em;
    text-indent: -3.5em
}

.kraken-article-body .body>ol li>ol li>ol {
    margin-top: 30px;
    padding-inline-start: 3.5em;
    -webkit-padding-start: 3.5em;
    text-indent: -3.5em
}

@media(max-width:768px) {
    .kraken-article-body .body>ol li>ol li>ol {
        padding-left: 3.3em;
        text-indent: -3.3em
    }
}

.kraken-article-body .body>ol li>ol li>ol li {
    margin-top: 15px
}

.kraken-article-body .body .kraken-table.scroll {
    background-color: hsla(0, 0%, 96%, .3);
    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 {
    font-size: 12px;
    background-color: transparent
}

.kraken-article-body .body table thead {
    font-weight: 700;
    line-height: 1.67;
    color: #7132f5
}

@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: "";
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #dbdbdb
}

.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 {
    padding: 25px 30px 30px 0;
    max-width: 310px;
    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 {
    line-height: 16px;
    letter-spacing: 0
}

.kraken-article-body .body table tbody td ul li:before {
    content: "•";
    font-size: 12px;
    color: #7132f5;
    border: none;
    left: -1.4em;
    top: auto;
    opacity: 1
}

@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 {
    margin: 24px 0 0;
    display: grid;
    grid-template-columns: max-content max-content;
    -moz-column-gap: 32px;
    column-gap: 32px
}

@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 {
    display: flex;
    margin: 0 0 25px;
    text-decoration: none;
    color: #7132f5;
    font-weight: 700;
    white-space: nowrap
}

.kraken-article-body .crypto-refs a .shortcode,
.kraken-article-body .currency-pairs a .shortcode {
    padding: 0 0 0 12px;
    color: #000
}

.kraken-article-body .crypto-refs p,
.kraken-article-body .currency-pairs p {
    width: 215px;
    margin: 0 0 25px;
    text-decoration: none;
    font-weight: 700
}

.kraken-component:nth-child(2) .kraken-article-body:first-of-type {
    padding: 70px 0 45px
}

@media(max-width:768px) {
    .kraken-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 {
    padding: 20px 0;
    margin: 45px 0
}

.kraken-article-disclaimer h3 {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: normal;
    color: #000;
    font-size: 14px;
    margin-bottom: 10px
}

.kraken-article-disclaimer .bg-wrapper {
    background-color: #fbfbfb;
    padding: 35px 45px;
    border: 1px solid #dbdbdb
}

.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: "";
    display: block;
    background-color: #7132f5;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    left: -1.5em;
    top: 1em;
    position: relative
}

.kraken-article-disclaimer .body-content p {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.71;
    color: #000
}

.kraken-article-disclaimer .body-content p a {
    color: #7132f5;
    text-decoration: none;
    font-weight: 600
}

.kraken-article-body-image {
    text-align: left;
    padding: 125px 0;
    color: #000
}

@media(max-width:768px) {
    .kraken-article-body-image {
        padding: 25px 0
    }
}

.kraken-article-body-image>div {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media(max-width:768px) {
    .kraken-article-body-image>div {
        display: block
    }
}

.kraken-article-body-image.inverted>div .article-text {
    order: 2
}

.kraken-article-body-image h2 {
    font-weight: 300;
    font-size: 33.3px;
    line-height: 37px;
    letter-spacing: -1.5px;
    margin: 0 0 30px
}

.kraken-article-body-image h2,
.kraken-article-body-image h2 strong {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif
}

.kraken-article-body-image h2 strong {
    color: #7132f5;
    font-weight: 700
}

@media(max-width:768px) {
    .kraken-article-body-image h2 {
        font-size: 28.3px
    }
}

.kraken-article-body-image .article-text {
    width: calc(50% - 35px)
}

@media(max-width:768px) {
    .kraken-article-body-image .article-text {
        width: 100%
    }
}

.kraken-article-body-image .article-text .body-content p {
    font-size: 14px;
    line-height: 1.7
}

.kraken-article-body-image .article-text .body-content p:not(:last-child) {
    margin: 0 0 16px
}

.kraken-article-body-image .illustration {
    width: calc(50% - 35px)
}

@media(max-width:768px) {
    .kraken-article-body-image .illustration {
        width: 100%;
        margin: 0 0 30px
    }
}

.kraken-article-body-image .illustration img {
    display: block;
    width: 100%
}

.kraken-component:nth-child(2) .kraken-article-body-image:first-of-type {
    padding: 70px 0 45px
}

@media(max-width:768px) {
    .kraken-component:nth-child(2) .kraken-article-body-image:first-of-type {
        padding: 55px 0 25px
    }
}

@media(min-width:769px) {
    html[lang=vi-vn] .kraken-article-body-image h2 {
        font-size: 28px
    }
}

.kraken-article-checkmark-list {
    padding: 45px 0 0
}

@media(max-width:768px) {
    .kraken-article-checkmark-list {
        padding: 25px 10px
    }
}

.kraken-article-checkmark-list h2 {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 33.3px;
    letter-spacing: -1.5px;
    line-height: 39.3px;
    color: #000;
    margin-bottom: 70px
}

.kraken-article-checkmark-list h2 strong {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #7132f5;
    font-weight: 700
}

@media(max-width:768px) {
    .kraken-article-checkmark-list h2 {
        font-size: 27px;
        letter-spacing: -1px;
        line-height: 27px;
        margin-bottom: 41px
    }

    .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 {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -.3px;
    margin-bottom: 5em;
    padding: 0 0 0 3.9em;
    position: relative
}

@media(min-width:769px) {
    .kraken-article-checkmark-list ul li {
        display: flex;
        align-items: center
    }

    .kraken-article-checkmark-list ul li:nth-child(odd) {
        flex-basis: 38%;
        box-sizing: border-box
    }

    .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: " ";
    display: block;
    border: 1px solid #e9e9e9;
    border-radius: 2em;
    height: 55px;
    width: 55px;
    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: " ";
    display: block;
    width: .4em;
    height: .9em;
    border: solid #7132f5;
    border-width: 0 .25em .25em 0;
    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 {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 49.7px;
    line-height: 54.5px;
    letter-spacing: -2.41px;
    color: #fff;
    margin: 0 0 50px;
    color: #000
}

@media(max-width:768px) {
    .kraken-article-icon-list>.kraken-content-wrapper>h2 {
        font-size: 35.7px;
        letter-spacing: -1.5px;
        line-height: 36px
    }
}

.kraken-article-icon-list>.kraken-content-wrapper>h2 strong {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 44.9px
}

@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 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 150px;
    grid-row-gap: 40px
}

@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.kraken-image,
.kraken-article-icon-list .icon-list-items .item img.kraken-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 {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 23.8px;
    line-height: 26px;
    letter-spacing: -.5px
}

.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;
    text-decoration: none;
    font-weight: 600
}

.kraken-article-icon-list .icon-list-items.three-cols {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 50px
}

@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 {
    font-size: 65.5px;
    line-height: 65px;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: -2px
}

@media(max-width:768px) {
    .kraken-article-text-call-out p {
        font-size: 50px;
        line-height: 45.5px;
        letter-spacing: -1.05px;
        word-break: break-word;
        -webkit-hyphens: auto;
        hyphens: auto
    }
}

.kraken-article-text-call-out p strong {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #7132f5
}

@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]) {
    text-decoration: none;
    font-weight: 600
}

.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 {
    font-weight: 300;
    font-size: 48px;
    line-height: 110%;
    color: #242424;
    margin-bottom: 20px
}

@media(max-width:768px) {
    .kraken-two-column .kraken-content-wrapper h1 {
        font-size: 36px;
        line-height: 130%;
        margin-bottom: 12px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.kraken-two-column .kraken-content-wrapper h2 {
    font-weight: 400;
    font-size: 32px;
    line-height: 48px;
    color: #242424
}

@media(max-width:768px) {
    .kraken-two-column .kraken-content-wrapper h2 {
        font-size: 32px;
        line-height: 1.4em;
        padding: .5em 20px .2em 0
    }
}

.kraken-two-column .kraken-content-wrapper h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    color: #242424
}

@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 {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #242424;
    margin-bottom: 15px
}

.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 {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 2px solid #000;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

@media(max-width:768px) {
    .kraken-two-column .kraken-content-wrapper hr {
        display: none
    }
}

.kraken-two-column .kraken-content-wrapper .kraken-cta {
    font-size: 16px;
    line-height: 32px;
    padding: .5em 2em
}

.kraken-two-column .kraken-content-wrapper ul {
    display: inline-block;
    list-style: none;
    margin: 25px 0 0 3px
}

.kraken-two-column .kraken-content-wrapper ul.full-width {
    display: block;
    padding-inline-start: 0
}

.kraken-two-column .kraken-content-wrapper ul li {
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: 25px;
    clear: left;
    margin-left: 50px
}

.kraken-two-column .kraken-content-wrapper ul li.icon:before {
    content: "";
    width: 35px;
    height: 35px;
    display: block;
    float: left;
    margin: 7px 0 0 -50px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.kraken-two-column .kraken-content-wrapper ul li:last-child {
    border-bottom: 0
}

.kraken-two-column .kraken-content-wrapper ul.without-icons>li {
    margin-left: 0;
    border: 0;
    padding: 25px 0 10px;
    border-top: 1px solid #c7c7c7
}

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

.kraken-two-column .kraken-content-wrapper ol {
    counter-reset: two-col-counter;
    list-style: none;
    padding-left: 40px
}

.kraken-two-column .kraken-content-wrapper ol li {
    margin: 25px 0;
    counter-increment: two-col-counter;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px
}

.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;
    font-size: 36px;
    font-weight: 300;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    position: absolute;
    --size: 32px;
    left: calc(-1*var(--size) - 10px);
    line-height: var(--size);
    width: var(--size);
    height: var(--size);
    top: 6px;
    border-radius: 50%;
    text-align: center
}

.kraken-two-column .kraken-content-wrapper ul.asset-list li {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
    border: 0
}

.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 {
    width: 100%;
    border: 8px solid #fff;
    margin-top: 15px
}

.kraken-two-column .kraken-content-wrapper .kraken-two-column-container {
    display: grid;
    grid-template-columns: 57% 1fr;
    grid-row-gap: 40px;
    grid-column-gap: 80px
}

@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 .kraken-image,
.kraken-two-column .kraken-content-wrapper .kraken-two-column-container .left-col .kraken-image-svg {
    width: 75%
}

.kraken-two-column .kraken-content-wrapper .kraken-two-column-container .left-col .img-expanded img {
    margin-bottom: 40px;
    width: 100%
}

.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 {
    display: grid;
    grid-template-columns: 1fr 1fr
}

@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: transparent
}

.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-grid-hall-of-fame {
    padding-bottom: 110px
}

.kraken-grid-hall-of-fame .grid-wrapper {
    position: relative;
    box-sizing: border-box;
    height: 100%
}

@media(max-width:768px) {
    .kraken-grid-hall-of-fame .grid-wrapper {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media(min-width:769px) {
    .kraken-grid-hall-of-fame .grid-wrapper {
        box-sizing: border-box;
        padding-right: calc((100% - 980px) / 2);
        padding-left: calc((100% - 980px) / 2)
    }
}

@media(min-width:769px)and (max-width:1140px) {
    .kraken-grid-hall-of-fame .grid-wrapper {
        padding-right: calc(160px / 2);
        padding-left: calc(160px / 2)
    }
}

@media(max-width:1024px) {
    .kraken-grid-hall-of-fame .grid-wrapper {
        overflow: auto
    }
}

.kraken-grid-hall-of-fame .grid-wrapper .grid-blocks {
    width: 100%;
    display: grid;
    grid-gap: 27px 30px;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 272px
}

@media(max-width:1024px) {
    .kraken-grid-hall-of-fame .grid-wrapper .grid-blocks {
        display: flex;
        width: -moz-fit-content;
        width: fit-content
    }
}

.kraken-grid-hall-of-fame .grid-wrapper .grid-blocks .grid-block {
    border: 1px solid #d9d6d6;
    border-radius: 5px;
    display: flex;
    width: 216px;
    min-width: 216px;
    height: 272px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box
}

@media(max-width:1024px) {
    .kraken-grid-hall-of-fame .grid-wrapper .grid-blocks .grid-block {
        margin-right: 27px
    }
}

.kraken-grid-hall-of-fame .grid-wrapper .grid-blocks .grid-block .name-text {
    padding: 0 10px;
    font-size: 28px;
    font-style: normal;
    font-stretch: normal;
    line-height: 33px;
    letter-spacing: normal;
    text-align: center;
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 700
}

.kraken-grid-hall-of-fame .grid-wrapper .grid-blocks .grid-block .name-text.first-name {
    color: #000
}

.kraken-grid-hall-of-fame .grid-wrapper .grid-blocks .grid-block .name-text.last-name {
    color: #7132f5
}

.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;
    list-style: none;
    padding-left: 40px
}

.kraken-strip-full-screen ol li {
    margin: 0 0 .5rem;
    counter-increment: strip-full-screen-counter;
    position: relative
}

.kraken-strip-full-screen ol li:before {
    content: counter(strip-full-screen-counter);
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    position: absolute;
    --size: 32px;
    left: calc(-1*var(--size) - 10px);
    line-height: var(--size);
    width: var(--size);
    height: var(--size);
    top: -2px;
    background: #7132f5;
    border-radius: 50%;
    text-align: center
}

@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 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media(max-width:768px) {
    .kraken-strip-full-screen>div {
        display: block
    }
}

.kraken-strip-full-screen h1,
.kraken-strip-full-screen h2 {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 33.3px;
    line-height: 34px;
    letter-spacing: -1px;
    margin: 0 0 30px
}

.kraken-strip-full-screen h1 strong,
.kraken-strip-full-screen h2 strong {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #7132f5;
    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 {
    width: 100%;
    text-align: center;
    padding: 40px 0
}

@media(max-width:768px) {
    .kraken-strip-full-screen .strip-text {
        width: 100%
    }
}

.kraken-strip-full-screen .strip-text p {
    font-size: 14px;
    line-height: 1.7;
    margin: 0 0 16px
}

.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 {
        display: block;
        width: 100%;
        margin: 0 0 30px
    }
}

.kraken-strip-full-screen .embed-responsive {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 29.68% 0 0
}

@media(max-width:768px) {
    .kraken-strip-full-screen .embed-responsive {
        width: 100%;
        padding-top: 56.25%;
        margin: 0 0 30px
    }
}

.kraken-strip-full-screen .embed-responsive:before {
    display: block;
    content: ""
}

.kraken-strip-full-screen .embed-responsive iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 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-strip-full-screen-list {
    text-align: left;
    padding: 100px 0;
    color: #fff
}

@media(max-width:768px) {
    .kraken-strip-full-screen-list {
        padding: 40px 0
    }
}

.kraken-strip-full-screen-list h2 {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 33.3px;
    line-height: 34px;
    letter-spacing: -1px;
    margin: 0 0 30px
}

.kraken-strip-full-screen-list h2 strong {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #7132f5;
    font-weight: 700
}

@media(max-width:768px) {
    .kraken-strip-full-screen-list h2 {
        font-size: 24px
    }
}

.kraken-strip-full-screen-list h2 strong {
    color: #fff;
    font-size: 28px
}

@media(max-width:768px) {
    .kraken-strip-full-screen-list h2 strong {
        font-size: 20px
    }
}

.kraken-strip-full-screen-list .body ol {
    margin-top: 58px;
    margin-left: 0
}

.kraken-strip-full-screen-list .body ol>li {
    position: relative
}

@media(min-width:769px) {
    .kraken-strip-full-screen-list .body ol>li {
        padding: 0 0 0 6em
    }

    .kraken-strip-full-screen-list .body ol>li:not(:last-child):before {
        content: "";
        width: 1px;
        height: 100%;
        position: absolute;
        display: block;
        left: 2.1em;
        margin-top: 50px;
        background-color: hsla(0, 0%, 100%, .1)
    }
}

.kraken-strip-full-screen-list .body ol:first-child {
    counter-reset: customlistcounter
}

.kraken-strip-full-screen-list .body li:not(:first-child) {
    margin-top: 85px
}

.kraken-strip-full-screen-list .body h3 {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
    counter-increment: customlistcounter
}

@media(max-width:768px) {
    .kraken-strip-full-screen-list .body h3 {
        margin-left: 4em;
        margin-bottom: 40px
    }
}

.kraken-strip-full-screen-list .body h3:before {
    content: counter(customlistcounter) " ";
    width: 3em;
    position: absolute;
    display: block;
    left: 1.2em;
    top: -.1em;
    font-weight: 700
}

.kraken-strip-full-screen-list .body h3:after {
    content: " ";
    display: block;
    border: 1px solid hsla(0, 0%, 100%, .22);
    border-radius: 2em;
    height: 55px;
    width: 55px;
    position: absolute;
    left: 0;
    top: -.9em
}

@media(max-width:768px) {
    .kraken-strip-full-screen-list .body h3:after {
        left: 0
    }
}

.kraken-strip-full-screen-list .body p {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 24px
}

.kraken-strip-full-screen-list .body p strong {
    font-weight: 700
}

.kraken-strip-full-screen-list .body p:not(:first-child) {
    margin-top: 15px
}

.kraken-strip-full-screen-list .body p em {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16.7px;
    font-weight: 300;
    line-height: 1.44
}

.kraken-strip-full-screen-list a {
    font-weight: 700;
    text-decoration: none;
    color: #fff
}

.kraken-exchange-list,
.kraken-strip-inline-audio,
.kraken-strip-list-icons,
.kraken-strip-related-content,
.kraken-strip-text,
.kraken-strip-text-call-out,
.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 {
    font-weight: 300;
    font-size: 33.3px;
    line-height: 37px;
    letter-spacing: -1.5px
}

.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 {
        font-size: 28px;
        line-height: 33px;
        letter-spacing: -1.5px
    }

    .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-weight: 300;
    font-size: 28px
}

.kraken-wayfinding .wayfinder-wrapper {
    position: relative;
    box-sizing: border-box;
    height: 100%;
    padding-top: 50px
}

@media(max-width:768px) {
    .kraken-wayfinding .wayfinder-wrapper {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media(min-width:769px) {
    .kraken-wayfinding .wayfinder-wrapper {
        box-sizing: border-box;
        padding-right: calc((100% - 980px) / 2);
        padding-left: calc((100% - 980px) / 2)
    }
}

@media(min-width:769px)and (max-width:1140px) {
    .kraken-wayfinding .wayfinder-wrapper {
        padding-right: calc(160px / 2);
        padding-left: calc(160px / 2)
    }
}

.kraken-wayfinding .wayfinder-wrapper>div {
    display: flex
}

@media(max-width:768px) {
    .kraken-wayfinding .wayfinder-wrapper {
        overflow: scroll;
        display: block;
        padding: 50px 30px 40px;
        -webkit-overflow-scrolling: touch
    }
}

.kraken-wayfinding .wayfinder-wrapper .wayfinding-card {
    display: block;
    color: #fff;
    box-sizing: border-box;
    padding: 17.8px 15px;
    min-height: 270px;
    width: calc(25% - 22.5px);
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 30px 0 0;
    font-size: 20px;
    text-decoration: none;
    font-weight: 700;
    line-height: 1.3;
    border-radius: 8px;
    box-shadow: 0 15px 31px 0 rgba(0, 7, 92, .38);
    transition: transform .2s ease
}

@media(max-width:768px) {
    .kraken-wayfinding .wayfinder-wrapper .wayfinding-card {
        width: 216.7px
    }
}

.kraken-wayfinding .wayfinder-wrapper .wayfinding-card p {
    transition: opacity .2s linear 0s
}

.kraken-wayfinding .wayfinder-wrapper .wayfinding-card p.body {
    font-size: 14px;
    margin: 20px 0 0
}

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

@media(min-width:100%) {
    .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 {
    bottom: 4px;
    margin-top: .625rem
}

.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;
    line-height: 42px;
    font-size: 2.5rem;
    color: #333;
    flex: 1
}

@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;
        display: block;
        font-size: 1.25rem
    }
}

.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;
        margin-top: 1.25rem;
        min-height: auto
    }
}

.asset-page-container .asset-page .asset-header .asset-selector {
    bottom: 0
}

.asset-page-container .asset-page .asset-other-popular {
    margin-left: 2.5rem
}

@media(max-width:99%) {

    .asset-page-container .asset-page .asset-chart,
    .asset-page-container .asset-page .asset-description,
    .asset-page-container .asset-page .asset-header,
    .asset-page-container .asset-page .asset-links,
    .asset-page-container .asset-page .asset-title {
        margin-left: 2.5rem;
        margin-right: 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";
    right: 0;
    top: -4;
    color: #7132f5
}

.asset-page-container .price-chart .plot-message-with-button {
    width: 100%;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.asset-page-container .price-chart .plot-message {
    top: 184px;
    margin: 0 2.5rem
}

@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: 1px solid #eeecfb
}

.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,
.asset-page-container .price-chart .y-axis text {
    font-family: Kraken-Product, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media screen and (max-width:768px) {
    .asset-page-container .price-chart .time-range-selector {
        position: unset;
        border-top: 1px solid #eeecfb;
        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-interaction-layer {
    cursor: crosshair
}

.asset-page-container .plot-kind-button {
    cursor: pointer;
    width: 1.875rem;
    height: 1.875rem;
    padding: .3125rem;
    color: #ccc;
    margin-right: .625rem
}

.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;
    -moz-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: #7132f5
}

.asset-page-container .crosshair-cursor circle {
    fill: #7132f5
}

.asset-page-container .data-cursor {
    background-color: #7132f5;
    color: #fff;
    min-width: 6.25rem
}

.asset-page-container .data-cursor .value {
    margin-bottom: .9375rem;
    font-size: 1.25em;
    font-weight: 600
}

.asset-page-container .data-cursor .date {
    font-size: .875em
}

.asset-page-container .data-cursor .arrow {
    width: 0;
    height: 0;
    box-sizing: border-box;
    border-width: .5rem;
    border-color: transparent transparent #7132f5 #7132f5;
    transform-origin: 50% 50%
}

.asset-page-container .data-cursor .b--solid {
    border-style: solid
}

.asset-page-container .data-cursor.above {
    transform: translate(-50%, calc(-100% - 10px))
}

.asset-page-container .data-cursor.above .arrow {
    top: calc(100% - 6px);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.asset-page-container .data-cursor.below {
    transform: translate(-50%, 10px)
}

.asset-page-container .data-cursor.below .arrow {
    top: 6px;
    transform: translate(-50%, -50%) rotate(135deg)
}

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

.asset-page-container .line-plot polygon {
    stroke: none;
    fill: #eeecfb
}

.asset-page-container .x-axis text {
    fill: #241f65;
    font-size: .6875rem
}

.asset-page-container .y-axis rect {
    fill: url(#price-chart-y-axis-gradient)
}

.asset-page-container .y-axis text {
    fill: #241f65;
    font-size: .6875rem
}

.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 #eeecfb;
    border-bottom: 1px solid #eeecfb;
    padding: .9375rem .625rem;
    margin-bottom: .9375rem;
    display: flex !important;
    justify-content: space-between
}

.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 {
    font-size: .875rem !important;
    text-align: center
}

.asset-page-container .asset-value .asset-price {
    font-size: 2.25rem;
    letter-spacing: -1.29145px;
    margin-right: 1rem
}

.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 {
        font-size: 1.25rem !important;
        margin-right: .3125rem
    }

    .asset-page-container .asset-value .asset-change {
        font-size: .875rem !important
    }
}

.asset-page-container .prices-market-selector {
    margin-left: 15px;
    border-bottom-width: .125rem !important;
    height: 21px;
    bottom: 3px;
    height: auto
}

@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: transparent;
    background: hsla(0, 0%, 100%, .2);
    line-height: 1.2;
    display: inline-block;
    letter-spacing: .25em;
    animation: skeleton-animation 1.5s ease-in-out .5s infinite normal none running
}

.ab-iam-root.v3 .ab-page-blocker {
    background-color: transparent !important
}

.ab-slideup {
    width: 90%
}

@media(min-width:1536px) {
    .ab-slideup {
        width: 33%
    }
}

.ab-iam-root.v3 {
    top: auto !important;
    pointer-events: 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;
        top: auto !important;
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        transform: none !important;
        left: 0;
        right: 0;
        border-radius: 0 !important
    }
}

.ab-pause-scrolling,
body.ab-pause-scrolling,
html.ab-pause-scrolling {
    overflow: initial !important;
    touch-action: none !important
}



.container {
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-ds-kraken-12-medium-mono,
.text-ds-kraken-12-regular-mono {
    font-size: .75rem;
    line-height: 1rem;
    font-family: Kraken-Mono, IBM Plex Mono, Helvetica, Arial, sans-serif
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-ds-kraken-36-regular-brand {
    font-size: 2.25rem;
    line-height: 2.75rem
}

.text-ds-kraken-36-regular-brand,
.text-ds-kraken-40-regular-brand {
    font-weight: 400;
    font-family: Kraken-Brand, IBM Plex Sans, Helvetica, Arial, sans-serif
}

.text-ds-kraken-40-regular-brand {
    font-size: 2.5rem;
    line-height: 3rem
}

.text-ds-kraken-48-regular-brand {
    font-size: 3rem;
    font-weight: 400;
    line-height: 3.5rem;
    font-family: Kraken-Brand, IBM Plex Sans, Helvetica, Arial, sans-serif
}

.text-ds-kraken-56-extra-blackBrand {
    font-size: 3.5rem;
    line-height: 3.25rem
}

.text-ds-kraken-120-extra-blackBrand,
.text-ds-kraken-56-extra-blackBrand {
    font-weight: 1000;
    font-family: Kraken-Brand, IBM Plex Sans, Helvetica, Arial, sans-serif
}

.text-ds-kraken-120-extra-blackBrand {
    font-size: 7.5rem;
    line-height: 6.75rem
}

.text-ds-kraken-260-extra-blackBrand {
    font-size: 16.25rem;
    font-weight: 1000;
    line-height: 14.625rem;
    font-family: Kraken-Brand, IBM Plex Sans, Helvetica, Arial, sans-serif
}

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

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

.text-ds-button-lg,
.text-ds-button-md,
.text-ds-button-sm,
.text-ds-button-v-lg,
.text-ds-button-xs {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    font-family: Kraken-Product, IBM Plex Sans, Helvetica, Arial, sans-serif
}

.text-ds-button-xxs {
    font-weight: 500
}

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

.text-ds-legalnotice-sm {
    font-weight: 400
}

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

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

.text-ds-segmented-control-lg,
.text-ds-segmented-control-md {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-ds-segmented-control-lg,
.text-ds-segmented-control-md,
.text-ds-tabs-sm {
    font-weight: 500;
    font-family: Kraken-Product, IBM Plex Sans, Helvetica, Arial, sans-serif
}

.text-ds-tabs-sm {
    font-size: .75rem;
    line-height: 1rem
}

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

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

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

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

.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, #ededf0)
}

.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, #eeeff0)
}

.bg-ds-container .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 {
    background-color: var(--background-color-ds-table-cell-sticky-container-card-hover, #e7e8ea)
}

.bg-ds-container .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 {
    background-color: var(--background-color-ds-table-cell-sticky-container-hover, #eeeff0)
}

.kraken-table table .row .row-header.datePicker input[type=time]::-webkit-calendar-picker-indicator {
    max-width: 0;
    visibility: hidden;
    padding: 0
}

.visual-clip {
    clip: rect(0 0 0 0);
    clip-path: inset(50%)
}

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

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


.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 {
    inset: 0
}

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

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

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

.\!bottom-\[0px\] {
    bottom: 0 !important
}

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

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

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

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

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

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

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

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

.bottom-0 {
    bottom: 0
}

.bottom-11 {
    bottom: 2.75rem
}

.bottom-2 {
    bottom: .5rem
}

.bottom-4 {
    bottom: 1rem
}

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

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

.bottom-ds-0 {
    bottom: 0
}

.bottom-full {
    bottom: 100%
}

.left-0 {
    left: 0
}

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

.left-1 {
    left: .25rem
}

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

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

.left-10 {
    left: 2.5rem
}

.left-2 {
    left: .5rem
}

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

.left-ds-0 {
    left: 0
}

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

.left-full {
    left: 100%
}

.right-0 {
    right: 0
}

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

.right-2 {
    right: .5rem
}

.right-5 {
    right: 1.25rem
}

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

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

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

.right-full {
    right: 100%
}

.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-\[-19px\] {
    top: -19px
}

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

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

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

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

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

.top-\[var\(--header-height\)\] {
    top: var(--header-height)
}

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

.top-full {
    top: 100%
}

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

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

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

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

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

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

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

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

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

.-order-1 {
    order: -1
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-none {
    order: 0
}

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

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

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

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

.float-right {
    float: right
}

.m-0 {
    margin: 0
}

.m-1 {
    margin: .25rem
}

.m-2 {
    margin: .5rem
}

.m-4 {
    margin: 1rem
}

.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-0\.5 {
    margin-left: .125rem !important;
    margin-right: .125rem !important
}

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

.\!my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.-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-auto {
    margin-left: auto;
    margin-right: auto
}

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

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

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

.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-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-\[26px\] {
    margin-top: 26px;
    margin-bottom: 26px
}

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

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

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

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

.\!-ml-\[11px\] {
    margin-left: -11px !important
}

.\!mb-20 {
    margin-bottom: 5rem !important
}

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

.-ml-3\.5 {
    margin-left: -.875rem
}

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

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

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

.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-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-\[-0\.08rem\] {
    margin-bottom: -.08rem
}

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

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

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

.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-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-1\.5 {
    margin-left: .375rem
}

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

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

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

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

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

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

.ml-auto {
    margin-left: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-0 {
    margin-top: 0
}

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

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

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

.mt-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-\[-0\.07rem\] {
    margin-top: -.07rem
}

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

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

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

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

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

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

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

.line-clamp-1 {
    -webkit-line-clamp: 1
}

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

.line-clamp-2 {
    -webkit-line-clamp: 2
}

.line-clamp-3 {
    -webkit-line-clamp: 3
}

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

.line-clamp-4 {
    -webkit-line-clamp: 4
}

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

.\!block {
    display: block !important
}

.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-5\/4 {
    aspect-ratio: 5/4
}

.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-24 {
    width: 6rem;
    height: 6rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-1 {
    height: .25rem
}

.h-10 {
    height: 2.5rem
}

.h-11 {
    height: 2.75rem
}

.h-12 {
    height: 3rem
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-20 {
    height: 5rem
}

.h-28 {
    height: 7rem
}

.h-32 {
    height: 8rem
}

.h-4 {
    height: 1rem
}

.h-40 {
    height: 10rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-60 {
    height: 15rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-auto {
    height: auto
}

.h-ds-10 {
    height: 40px
}

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

.h-ds-6 {
    height: 20px
}

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

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

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

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

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

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

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

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

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

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

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

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

.max-h-\[calc\(100\%-68px\)\] {
    max-height: calc(100% - 68px)
}

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

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

.\!min-h-\[50px\] {
    min-height: 50px !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-\[100px\] {
    min-height: 100px
}

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

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

.min-h-\[3em\] {
    min-height: 3em
}

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

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

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

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

.\!w-auto {
    width: auto !important
}

.w-0 {
    width: 0
}

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

.w-10 {
    width: 2.5rem
}

.w-11 {
    width: 2.75rem
}

.w-12 {
    width: 3rem
}

.w-16 {
    width: 4rem
}

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

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-32 {
    width: 8rem
}

.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-96 {
    width: 24rem
}

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

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

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

.w-\[15\.5625rem\] {
    width: 15.5625rem
}

.w-\[18\.625rem\] {
    width: 18.625rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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% + 2 * .5rem)
}

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

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

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

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

.w-\[calc\(100\%-18px\)\] {
    width: calc(100% - 18px)
}

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

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

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

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

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

.w-\[calc\(100vw-18px\)\] {
    width: calc(100vw - 18px)
}

.w-auto {
    width: auto
}

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

.w-ds-3 {
    width: 8px
}

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

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

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

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

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

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

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

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

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

.w-full {
    width: 100%
}

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

.w-px {
    width: 1px
}

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

.min-w-10 {
    min-width: 2.5rem
}

.min-w-64 {
    min-width: 16rem
}

.min-w-72 {
    min-width: 18rem
}

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

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

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

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

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

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

.max-w-96 {
    max-width: 24rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-\[90\%\] {
    max-width: 90%
}

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

.max-w-screen-sm {
    max-width: 640px
}

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

.flex-1 {
    flex: 1 1 0%
}

.flex-\[1_1_0\] {
    flex: 1 1 0
}

.flex-auto {
    flex: 1 1 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
}

.basis-1\/2 {
    flex-basis: 50%
}

.basis-10\/12 {
    flex-basis: 83.333333%
}

.basis-auto {
    flex-basis: auto
}

.table-auto {
    table-layout: auto
}

.border-collapse {
    border-collapse: collapse
}

.origin-bottom {
    transform-origin: bottom
}

.origin-bottom-left {
    transform-origin: bottom left
}

.origin-left {
    transform-origin: left
}

.origin-top {
    transform-origin: top
}

.origin-top-left {
    transform-origin: top left
}

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

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

.-translate-x-full {
    --tw-translate-x: -100%
}

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

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

.-translate-y-\[10px\] {
    --tw-translate-y: -10px
}

.-translate-y-\[10px\],
.-translate-y-full {
    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%
}

.translate-x-0 {
    --tw-translate-x: 0px
}

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

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

.translate-x-\[-4px\] {
    --tw-translate-x: -4px
}

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

.translate-x-\[18px\] {
    --tw-translate-x: 18px
}

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

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

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

.translate-x-full {
    --tw-translate-x: 100%
}

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

.translate-y-0 {
    --tw-translate-y: 0px
}

.translate-y-\[-4px\] {
    --tw-translate-y: -4px
}

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

.translate-y-\[3px\] {
    --tw-translate-y: 3px
}

.translate-y-\[calc\(100\%-5rem\)\] {
    --tw-translate-y: calc(100% - 5rem)
}

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

.rotate-180 {
    --tw-rotate: 180deg
}

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

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.scale-100,
.scale-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-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75
}

.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(90%)
    }

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

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

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

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

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

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

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

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

@keyframes ticker {
    0% {
        transform: translateX(0)
    }

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

.animate-\[ticker_60s_linear_infinite_both\] {
    animation: ticker 60s linear infinite both
}

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

    to {
        transform: scale(100%)
    }
}

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

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

    to {
        transform: scale(95%);
        opacity: 0
    }
}

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

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

    to {
        background-color: rgba(0, 0, 0, .4);
        opacity: 1
    }
}

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

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

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

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

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

    to {
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

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

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

.cursor-default {
    cursor: default
}

.cursor-grab {
    cursor: grab
}

.cursor-grabbing {
    cursor: grabbing
}

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

.cursor-pointer {
    cursor: pointer
}

.cursor-text {
    cursor: text
}

.select-none {
    -webkit-user-select: none;
    -moz-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-\[calc\(var\(--header-height\)\+5rem\)\] {
    scroll-margin-top: calc(var(--header-height) + 5rem)
}

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

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

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

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

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.columns-1 {
    -moz-columns: 1;
    column-count: 1
}

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

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

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

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

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

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

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

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

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

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

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

.grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 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
}

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

.flex-col {
    flex-direction: column
}

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

.flex-wrap {
    flex-wrap: wrap
}

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

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

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

.content-center {
    align-content: center
}

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

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

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.justify-normal {
    justify-content: normal
}

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

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

.justify-center {
    justify-content: center
}

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

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

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

.justify-stretch {
    justify-content: stretch
}

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

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

.gap-1 {
    gap: .25rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-16 {
    gap: 4rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-8 {
    gap: 2rem
}

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

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

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

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

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

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

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

.gap-ds-badge-lg,
.gap-ds-badge-md,
.gap-ds-badge-sm {
    gap: 4px
}

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

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

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

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

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

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

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

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

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

.gap-ds-button-xxs-gap {
    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: 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-1 {
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

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

.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-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-6 {
    row-gap: 1.5rem
}

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

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

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

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

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

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

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

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

.space-y-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-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))
}

.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-visible {
    overflow: visible
}

.\!overflow-x-auto {
    overflow-x: auto !important
}

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

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

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

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

.scroll-smooth {
    scroll-behavior: smooth
}

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

.text-ellipsis,
.truncate {
    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-full {
    border-radius: 9999px !important
}

.rounded {
    border-radius: .25rem
}

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

.rounded-3xl {
    border-radius: 1.5rem
}

.rounded-\[15px\] {
    border-radius: 15px
}

.rounded-\[20\%\] {
    border-radius: 20%
}

.rounded-\[20px\] {
    border-radius: 20px
}

.rounded-\[25px\] {
    border-radius: 25px
}

.rounded-\[50\%\] {
    border-radius: 50%
}

.rounded-\[5px\] {
    border-radius: 5px
}

.rounded-\[64px\] {
    border-radius: 64px
}

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

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

.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-7 {
    border-radius: 20px
}

.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-button-lg,
.rounded-ds-button-md,
.rounded-ds-button-sm,
.rounded-ds-button-xl {
    border-radius: 12px
}

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

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

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

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

.rounded-ds-dialog {
    border-radius: var(--border-radius-ds-dialog, 16px)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.rounded-ds-table-row {
    border-radius: var(--border-radius-ds-table-row, 0)
}

.rounded-ds-table-row-group {
    border-radius: var(--border-radius-ds-table-row-group, 6px)
}

.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-xl {
    border-radius: .75rem
}

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

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

.rounded-b-ds-5 {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px
}

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

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

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

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

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

.rounded-l-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-2 {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

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

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

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

.rounded-r-full {
    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-t-ds-2 {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

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

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

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

.rounded-t-xl {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem
}

.rounded-bl-ds-4 {
    border-bottom-left-radius: 8px
}

.rounded-bl-ds-5 {
    border-bottom-left-radius: 12px
}

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

.rounded-br-ds-4 {
    border-bottom-right-radius: 8px
}

.rounded-br-ds-5 {
    border-bottom-right-radius: 12px
}

.rounded-tl-ds-4 {
    border-top-left-radius: 8px
}

.rounded-tl-ds-5 {
    border-top-left-radius: 12px
}

.rounded-tr-ds-4 {
    border-top-right-radius: 8px
}

.rounded-tr-ds-5 {
    border-top-right-radius: 12px
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

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

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

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

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

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

.\!border-t {
    border-top-width: 1px !important
}

.\!border-t-2 {
    border-top-width: 2px !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-\[thin\] {
    border-bottom-width: thin
}

.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-t {
    border-top-width: 1px
}

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

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-dotted {
    border-style: dotted
}

.border-none {
    border-style: none
}

.border-\[\#0b0611\] {
    --tw-border-opacity: 1;
    border-color: rgb(11 6 17/var(--tw-border-opacity, 1))
}

.border-\[\#686B82\] {
    --tw-border-opacity: 1;
    border-color: rgb(104 107 130/var(--tw-border-opacity, 1))
}

.border-\[\#979797\] {
    --tw-border-opacity: 1;
    border-color: rgb(151 151 151/var(--tw-border-opacity, 1))
}

.border-\[\#DEDEDE\] {
    --tw-border-opacity: 1;
    border-color: rgb(222 222 222/var(--tw-border-opacity, 1))
}

.border-ds-card {
    border-color: var(--border-color-ds-card, transparent)
}

.border-ds-card-disabled {
    border-color: var(--border-color-ds-card-disabled, transparent)
}

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

.border-ds-divider {
    border-color: var(--colors-ds-divider, rgba(104, 107, 130, .16))
}

.border-ds-dot-badge {
    border-color: var(--border-color-ds-dot-badge, #f6f5f9)
}

.border-ds-drawer {
    border-color: var(--border-color-ds-drawer, rgba(104, 107, 130, .16))
}

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

.border-ds-grey-opacity-16 {
    border-color: rgba(104, 107, 130, .16)
}

.border-ds-grey-opacity-24 {
    border-color: rgba(104, 107, 130, .24)
}

.border-ds-legend-option-dimmed {
    border-color: var(--border-color-ds-legend-option-dimmed, #9497a9)
}

.border-ds-menu {
    border-color: var(--border-color-ds-menu, rgba(104, 107, 130, .08))
}

.border-ds-menu-divider {
    border-color: var(--border-color-ds-menu-divider, rgba(104, 107, 130, .16))
}

.border-ds-popover {
    border-color: var(--border-color-ds-popover, rgba(104, 107, 130, .08))
}

.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, transparent)
}

.border-ds-selectable-card-disabled {
    border-color: var(--border-color-ds-selectable-card-disabled, transparent)
}

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

.border-ds-timeline {
    border-color: var(--border-color-ds-timeline, #9497a9)
}

.border-kraken-n-100 {
    --tw-border-opacity: 1;
    border-color: rgb(214 214 214/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-500 {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68/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: transparent
}

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

.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-r-ds-grey-opacity-12 {
    border-right-color: rgba(104, 107, 130, .12)
}

.border-opacity-90 {
    --tw-border-opacity: 0.9
}

.\!bg-ds-menu-active-hover {
    background-color: var(--background-color-ds-menu-active-hover, rgba(104, 107, 130, .08)) !important
}

.\!bg-ds-purple-500 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(113 50 245/var(--tw-bg-opacity, 1)) !important
}

.\!bg-ds-transparent,
.\!bg-transparent {
    background-color: transparent !important
}

.bg-\[\#123456\] {
    --tw-bg-opacity: 1;
    background-color: rgb(18 52 86/var(--tw-bg-opacity, 1))
}

.bg-\[\#686B82\] {
    --tw-bg-opacity: 1;
    background-color: rgb(104 107 130/var(--tw-bg-opacity, 1))
}

.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-\[\#F5F5F5\] {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity, 1))
}

.bg-\[\#f6f5f9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(246 245 249/var(--tw-bg-opacity, 1))
}

.bg-black\/80 {
    background-color: rgba(0, 0, 0, .8)
}

.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, transparent)
}

.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, rgba(0, 146, 216, .16))
}

.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, rgba(245, 57, 94, .16))
}

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

.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, rgba(133, 91, 251, .16))
}

.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, rgba(20, 158, 97, .16))
}

.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, rgba(133, 91, 251, .16))
}

.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, rgba(195, 150, 33, .24))
}

.bg-ds-banner {
    background-color: var(--background-color-ds-banner, #fff)
}

.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, transparent)
}

.bg-ds-button-brand-low-hover {
    background-color: var(--background-color-ds-button-brand-low-hover, rgba(133, 91, 251, .16))
}

.bg-ds-button-brand-medium {
    background-color: var(--background-color-ds-button-brand-medium, rgba(133, 91, 251, .16))
}

.bg-ds-button-brand-medium-hover {
    background-color: var(--background-color-ds-button-brand-medium-hover, rgba(133, 91, 251, .32))
}

.bg-ds-button-brand-none {
    background-color: var(--background-color-ds-button-brand-none, transparent)
}

.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, transparent)
}

.bg-ds-button-info-low-hover {
    background-color: var(--background-color-ds-button-info-low-hover, rgba(0, 146, 216, .16))
}

.bg-ds-button-info-medium {
    background-color: var(--background-color-ds-button-info-medium, rgba(0, 146, 216, .16))
}

.bg-ds-button-info-medium-hover {
    background-color: var(--background-color-ds-button-info-medium-hover, rgba(0, 146, 216, .32))
}

.bg-ds-button-info-none {
    background-color: var(--background-color-ds-button-info-none, transparent)
}

.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, hsla(0, 0%, 100%, .88))
}

.bg-ds-button-inverted-low {
    background-color: var(--background-color-ds-button-inverted-low, transparent)
}

.bg-ds-button-inverted-low-hover {
    background-color: var(--background-color-ds-button-inverted-low-hover, hsla(0, 0%, 100%, .16))
}

.bg-ds-button-inverted-medium {
    background-color: var(--background-color-ds-button-inverted-medium, hsla(0, 0%, 100%, .16))
}

.bg-ds-button-inverted-medium-hover {
    background-color: var(--background-color-ds-button-inverted-medium-hover, hsla(0, 0%, 100%, .24))
}

.bg-ds-button-inverted-none {
    background-color: var(--background-color-ds-button-inverted-none, transparent)
}

.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, transparent)
}

.bg-ds-button-negative-low-hover {
    background-color: var(--background-color-ds-button-negative-low-hover, rgba(245, 57, 94, .16))
}

.bg-ds-button-negative-medium {
    background-color: var(--background-color-ds-button-negative-medium, rgba(245, 57, 94, .16))
}

.bg-ds-button-negative-medium-hover {
    background-color: var(--background-color-ds-button-negative-medium-hover, rgba(245, 57, 94, .24))
}

.bg-ds-button-negative-none {
    background-color: var(--background-color-ds-button-negative-none, transparent)
}

.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, transparent)
}

.bg-ds-button-neutral-low-hover {
    background-color: var(--background-color-ds-button-neutral-low-hover, rgba(104, 107, 130, .08))
}

.bg-ds-button-neutral-medium {
    background-color: var(--background-color-ds-button-neutral-medium, rgba(104, 107, 130, .08))
}

.bg-ds-button-neutral-medium-hover {
    background-color: var(--background-color-ds-button-neutral-medium-hover, rgba(104, 107, 130, .12))
}

.bg-ds-button-neutral-none {
    background-color: var(--background-color-ds-button-neutral-none, transparent)
}

.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, transparent)
}

.bg-ds-button-positive-low-hover {
    background-color: var(--background-color-ds-button-positive-low-hover, rgba(20, 158, 97, .16))
}

.bg-ds-button-positive-medium {
    background-color: var(--background-color-ds-button-positive-medium, rgba(20, 158, 97, .16))
}

.bg-ds-button-positive-medium-hover {
    background-color: var(--background-color-ds-button-positive-medium-hover, rgba(20, 158, 97, .24))
}

.bg-ds-button-positive-none {
    background-color: var(--background-color-ds-button-positive-none, transparent)
}

.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, transparent)
}

.bg-ds-button-primary-low-hover {
    background-color: var(--background-color-ds-button-primary-low-hover, rgba(104, 107, 130, .08))
}

.bg-ds-button-primary-medium {
    background-color: var(--background-color-ds-button-primary-medium, rgba(133, 91, 251, .16))
}

.bg-ds-button-primary-medium-hover {
    background-color: var(--background-color-ds-button-primary-medium-hover, rgba(133, 91, 251, .32))
}

.bg-ds-button-primary-none {
    background-color: var(--background-color-ds-button-primary-none, transparent)
}

.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, transparent)
}

.bg-ds-button-warning-low-hover {
    background-color: var(--background-color-ds-button-warning-low-hover, rgba(195, 150, 33, .16))
}

.bg-ds-button-warning-medium {
    background-color: var(--background-color-ds-button-warning-medium, rgba(195, 150, 33, .16))
}

.bg-ds-button-warning-medium-hover {
    background-color: var(--background-color-ds-button-warning-medium-hover, rgba(195, 150, 33, .24))
}

.bg-ds-button-warning-none {
    background-color: var(--background-color-ds-button-warning-none, transparent)
}

.bg-ds-card {
    background-color: var(--background-color-ds-card, rgba(148, 151, 169, .08))
}

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

.bg-ds-card-selected {
    background-color: var(--background-color-ds-card-selected, rgba(133, 91, 251, .08))
}

.bg-ds-checkbox-checked {
    background-color: var(--background-color-ds-checkbox-checked, #7132f5)
}

.bg-ds-checkbox-checked-disabled {
    background-color: var(--background-color-ds-checkbox-checked-disabled, #855bfb)
}

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

.bg-ds-checkbox-unchecked-disabled {
    background-color: var(--background-color-ds-checkbox-unchecked-disabled, rgba(104, 107, 130, .32))
}

.bg-ds-checkbox-unchecked-negative {
    background-color: var(--background-color-ds-checkbox-unchecked-negative, rgba(245, 57, 94, .48))
}

.bg-ds-circle-info {
    background-color: var(--background-color-ds-circle-info, rgba(0, 146, 216, .16))
}

.bg-ds-circle-negative {
    background-color: var(--background-color-ds-circle-negative, rgba(245, 57, 94, .16))
}

.bg-ds-circle-neutral {
    background-color: var(--background-color-ds-circle-neutral, rgba(104, 107, 130, .12))
}

.bg-ds-circle-positive {
    background-color: var(--background-color-ds-circle-positive, rgba(20, 158, 97, .16))
}

.bg-ds-circle-primary {
    background-color: var(--background-color-ds-circle-primary, rgba(133, 91, 251, .16))
}

.bg-ds-circle-warning {
    background-color: var(--background-color-ds-circle-warning, rgba(195, 150, 33, .24))
}

.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, rgba(133, 91, 251, .16))
}

.bg-ds-datepicker-today {
    background-color: var(--background-color-ds-datepicker-today, rgba(104, 107, 130, .12))
}

.bg-ds-dialog {
    background-color: var(--background-color-ds-dialog, #fff)
}

.bg-ds-dialogoverlay {
    background-color: var(--background-color-ds-dialogoverlay, rgba(0, 0, 0, .4))
}

.bg-ds-divider {
    background-color: var(--colors-ds-divider, rgba(104, 107, 130, .16))
}

.bg-ds-divider-high {
    background-color: var(--background-color-ds-divider-high, rgba(104, 107, 130, .16))
}

.bg-ds-dot-badge-negative {
    background-color: var(--background-color-ds-dot-badge-negative, #f5395e)
}

.bg-ds-drawer {
    background-color: var(--background-color-ds-drawer, #fff)
}

.bg-ds-filteritem-active {
    background-color: var(--background-color-ds-filteritem-active, rgba(104, 107, 130, .12))
}

.bg-ds-fullScreenDialog {
    background-color: var(--background-color-ds-full-screen-dialog, #fff)
}

.bg-ds-header-mobile {
    background-color: var(--background-color-ds-header-mobile, #fff)
}

.bg-ds-header-progress {
    background-color: var(--background-color-ds-header-progress, rgba(104, 107, 130, .16))
}

.bg-ds-input {
    background-color: var(--background-color-ds-input, rgba(104, 107, 130, .08))
}

.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, hsla(0, 0%, 100%, .8))
}

.bg-ds-input-error-label {
    background-color: var(--background-color-ds-input-error-label, rgba(245, 57, 94, .16))
}

.bg-ds-input-selected {
    background-color: var(--background-color-ds-input-selected, rgba(104, 107, 130, .04))
}

.bg-ds-legalnotice-neutral {
    background-color: var(--background-color-ds-legalnotice-neutral, rgba(104, 107, 130, .04))
}

.bg-ds-legalnotice-primary {
    background-color: var(--background-color-ds-legalnotice-primary, rgba(133, 91, 251, .08))
}

.bg-ds-menu {
    background-color: var(--background-color-ds-menu, #fff)
}

.bg-ds-menu-active {
    background-color: var(--background-color-ds-menu-active, rgba(104, 107, 130, .08))
}

.bg-ds-menu-hover {
    background-color: var(--background-color-ds-menu-hover, rgba(104, 107, 130, .08))
}

.bg-ds-menu-raised {
    background-color: var(--background-color-ds-menu-raised, #fff)
}

.bg-ds-notification-info {
    background-color: var(--background-color-ds-notification-info, rgba(0, 146, 216, .08))
}

.bg-ds-notification-negative {
    background-color: var(--background-color-ds-notification-negative, rgba(245, 57, 94, .08))
}

.bg-ds-notification-neutral {
    background-color: var(--background-color-ds-notification-neutral, rgba(104, 107, 130, .08))
}

.bg-ds-notification-positive {
    background-color: var(--background-color-ds-notification-positive, rgba(20, 158, 97, .08))
}

.bg-ds-notification-primary {
    background-color: var(--background-color-ds-notification-primary, rgba(133, 91, 251, .08))
}

.bg-ds-notification-warning {
    background-color: var(--background-color-ds-notification-warning, rgba(195, 150, 33, .08))
}

.bg-ds-pagination {
    background-color: var(--background-color-ds-pagination, rgba(104, 107, 130, .08))
}

.bg-ds-pill-low {
    background-color: var(--background-color-ds-pill-low, rgba(133, 91, 251, .16))
}

.bg-ds-popover {
    background-color: var(--background-color-ds-popover, #fff)
}

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

.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, rgba(20, 158, 97, .16))
}

.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, rgba(0, 146, 216, .16))
}

.bg-ds-progresstracker-waiting {
    background-color: var(--background-color-ds-progresstracker-waiting, rgba(104, 107, 130, .16))
}

.bg-ds-progresstracker-warning {
    background-color: var(--background-color-ds-progresstracker-warning, rgba(195, 150, 33, .16))
}

.bg-ds-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(113 50 245/var(--tw-bg-opacity, 1))
}

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

.bg-ds-radio-unchecked-disabled {
    background-color: var(--background-color-ds-radio-unchecked-disabled, rgba(104, 107, 130, .32))
}

.bg-ds-radio-unchecked-negative {
    background-color: var(--background-color-ds-radio-unchecked-negative, rgba(245, 57, 94, .48))
}

.bg-ds-radiogroup-error {
    background-color: var(--background-color-ds-radiogroup-error, rgba(245, 57, 94, .16))
}

.bg-ds-segmented-control-active-negative {
    background-color: var(--background-color-ds-segmented-control-active-negative, rgba(245, 57, 94, .24))
}

.bg-ds-segmented-control-active-negative-low {
    background-color: var(--background-color-ds-segmented-control-active-negative-low, rgba(245, 57, 94, .24))
}

.bg-ds-segmented-control-active-positive {
    background-color: var(--background-color-ds-segmented-control-active-positive, rgba(20, 158, 97, .24))
}

.bg-ds-segmented-control-active-positive-low {
    background-color: var(--background-color-ds-segmented-control-active-positive-low, rgba(20, 158, 97, .24))
}

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

.bg-ds-segmented-control-inactive-high {
    background-color: var(--background-color-ds-segmented-control-inactive-high, rgba(104, 107, 130, .12))
}

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

.bg-ds-selectable-card-disabled {
    background-color: var(--background-color-ds-selectable-card-disabled, rgba(104, 107, 130, .08))
}

.bg-ds-selectable-card-selected {
    background-color: var(--background-color-ds-selectable-card-selected, rgba(104, 107, 130, .08))
}

.bg-ds-skeleton-pending {
    background-color: var(--background-color-ds-skeleton-pending, rgba(104, 107, 130, .16))
}

.bg-ds-slider-rangeTrack {
    background-color: var(--background-color-ds-slider-range-track, rgba(104, 107, 130, .24))
}

.bg-ds-slider-rangeTrack-disabled {
    background-color: var(--background-color-ds-slider-range-track-disabled, rgba(104, 107, 130, .12))
}

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

.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, #e7e8ea)
}

.bg-ds-table-cell-sticky-container-hover {
    background-color: var(--background-color-ds-table-cell-sticky-container-hover, #eeeff0)
}

.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, #ededf0)
}

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

.bg-ds-table-row-highlighted {
    background-color: var(--background-color-ds-table-row-highlighted, rgba(133, 91, 251, .12))
}

.bg-ds-table-row-hover {
    background-color: var(--background-color-ds-table-row-hover, rgba(104, 107, 130, .12))
}

.bg-ds-tabs {
    background-color: var(--background-color-ds-tabs, rgba(104, 107, 130, .04))
}

.bg-ds-tabs-onBackground {
    background-color: var(--background-color-ds-tabs-on-background, transparent)
}

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

.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, #f7f7fa)
}

.bg-ds-transparent {
    background-color: transparent
}

.bg-ds-white-opacity-24 {
    background-color: hsla(0, 0%, 100%, .24)
}

.bg-ds-white-opacity-40 {
    background-color: hsla(0, 0%, 100%, .4)
}

.bg-ds-white-pure,
.bg-ds-white-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/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-kraken-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(66 66 66/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-pt-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(247 246 253/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-purple-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(233 213 255/var(--tw-bg-opacity, 1))
}

.bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(168 85 247/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: transparent
}

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

.bg-white\/\[\.04\] {
    background-color: hsla(0, 0%, 100%, .04)
}

.bg-\[conic-gradient\(from_20deg_at_50\%_50\%\2c 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-banner-product-kraken-consumer {
    background-image: linear-gradient(139deg, #fcceff, #ded5ff 34.57%, #dbd6ff 48.27%, #d5cfff 66.6%, #aaa3ff)
}

.bg-banner-product-kraken-desktop {
    background-image: linear-gradient(232deg, #1b142d 24.31%, #331569 66.38%, #521fae 99.49%)
}

.bg-banner-product-kraken-desktop-p3 {
    background-image: linear-gradient(232deg, color(display-p3 .102 .0784 .1686) 24.31%, color(display-p3 .1843 .0902 .3961) 66.38%, color(display-p3 .298 .1333 .6549) 99.49%)
}

.bg-banner-product-kraken-pro {
    background-image: linear-gradient(139deg, #211241, #762bf5 73.6%, #b5a4dc)
}

.bg-ds-dialog-gradient {
    background-image: var(--background-image-ds-dialog-gradient, linear-gradient(to top, #fff, transparent))
}

.bg-ds-header-progress-gradient {
    background-image: var(--background-image-ds-header-progress-gradient, linear-gradient(90deg, #7132f5, #ef70ff))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.bg-none {
    background-image: none
}

.from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white\/30 {
    --tw-gradient-from: hsla(0, 0%, 100%, .3) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-current {
    --tw-gradient-to: currentColor var(--tw-gradient-to-position)
}

.to-white\/60 {
    --tw-gradient-to: hsla(0, 0%, 100%, .6) var(--tw-gradient-to-position)
}

.fill-current {
    fill: currentColor
}

.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, #6f5000)
}

.fill-ds-overlay-arrow {
    fill: var(--fill-ds-overlay-arrow, #fff)
}

.fill-ds-purple-500 {
    fill: #7132f5
}

.fill-none {
    fill: none
}

.fill-transparent {
    fill: transparent
}

.stroke-current {
    stroke: currentColor
}

.stroke-ds-assetprogress {
    stroke: var(--stroke-ds-assetprogress, rgba(104, 107, 130, .24))
}

.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, #6f5000)
}

.stroke-ds-overlay-arrow {
    stroke: var(--stroke-ds-overlay-arrow, rgba(104, 107, 130, .08))
}

.stroke-ds-progresspie-fill {
    stroke: var(--stroke-ds-progresspie-fill, #9497a9)
}

.stroke-ds-progresspie-track {
    stroke: var(--stroke-ds-progresspie-track, rgba(104, 107, 130, .24))
}

.stroke-transparent {
    stroke: transparent
}

.stroke-2 {
    stroke-width: 2
}

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

.\!p-0 {
    padding: 0 !important
}

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

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

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

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

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-1\.5 {
    padding: .375rem
}

.p-10 {
    padding: 2.5rem
}

.p-16 {
    padding: 4rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-3 {
    padding: .75rem
}

.p-3\.5 {
    padding: .875rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

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

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

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

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

.p-ds-0 {
    padding: 0
}

.p-ds-1 {
    padding: 2px
}

.p-ds-2 {
    padding: 4px
}

.p-ds-3 {
    padding: 8px
}

.p-ds-4 {
    padding: 12px
}

.p-ds-5 {
    padding: 16px
}

.p-ds-7 {
    padding: 24px
}

.p-ds-badge-lg {
    padding: 8px 12px
}

.p-ds-badge-md {
    padding: 4px 8px
}

.p-ds-badge-sm {
    padding: 1px 4px
}

.p-ds-button-lg {
    padding: 12px 16px
}

.p-ds-button-md {
    padding: 10px 12px
}

.p-ds-button-none {
    padding: 0
}

.p-ds-button-sm {
    padding: 8px 12px
}

.p-ds-button-vertical-lg,
.p-ds-button-vertical-md {
    padding: 12px 4px
}

.p-ds-button-xl {
    padding: 13px 16px
}

.p-ds-button-xs {
    padding: 6px 12px
}

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

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

.p-ds-datepicker {
    padding: 12px
}

.p-ds-dialog-header {
    padding: 20px 20px 16px
}

.p-ds-menu {
    padding: 4px
}

.p-ds-menu-item {
    padding: 8px
}

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

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

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.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-\[30px\] {
    padding-left: 30px;
    padding-right: 30px
}

.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-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-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-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

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

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

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

.py-ds-1 {
    padding-top: 2px;
    padding-bottom: 2px
}

.py-ds-10 {
    padding-top: 40px;
    padding-bottom: 40px
}

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

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

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pb-3 {
    padding-bottom: .75rem
}

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

.pb-40 {
    padding-bottom: 10rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

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

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

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

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

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

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

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

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

.pb-ds-5 {
    padding-bottom: 16px
}

.pb-ds-8 {
    padding-bottom: 28px
}

.pb-ds-9 {
    padding-bottom: 32px
}

.pb-ds-dialog-compact,
.pb-ds-dialog-nonCompact {
    padding-bottom: 20px
}

.pe-ds-3 {
    padding-inline-end: 8px
}

.pe-ds-4 {
    padding-inline-end: 12px
}

.pl-0 {
    padding-left: 0
}

.pl-1 {
    padding-left: .25rem
}

.pl-10 {
    padding-left: 2.5rem
}

.pl-3 {
    padding-left: .75rem
}

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

.pl-6 {
    padding-left: 1.5rem
}

.pl-\[30px\] {
    padding-left: 30px
}

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

.pl-ds-3 {
    padding-left: 8px
}

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

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

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

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

.pr-0 {
    padding-right: 0
}

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

.pr-10 {
    padding-right: 2.5rem
}

.pr-12 {
    padding-right: 3rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-3 {
    padding-right: .75rem
}

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

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

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

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

.pr-ds-4 {
    padding-right: 12px
}

.ps-ds-3 {
    padding-inline-start: 8px
}

.ps-ds-4 {
    padding-inline-start: 12px
}

.pt-11 {
    padding-top: 2.75rem
}

.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-\[132px\] {
    padding-top: 132px
}

.pt-\[22px\] {
    padding-top: 22px
}

.pt-\[30px\] {
    padding-top: 30px
}

.pt-\[3px\] {
    padding-top: 3px
}

.pt-\[52px\] {
    padding-top: 52px
}

.pt-ds-10 {
    padding-top: 40px
}

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

.pt-ds-4 {
    padding-top: 12px
}

.pt-ds-5 {
    padding-top: 16px
}

.pt-ds-dialog-compact,
.pt-ds-dialog-nonCompact {
    padding-top: 20px
}

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

.font-gt {
    font-family: GT Condensed Bold, Kraken-Brand, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-variation-settings: "wdth" 61
}

.font-kraken-brand {
    font-family: Kraken-Brand, Helvetica Neue, Helvetica, Arial, sans-serif
}

.font-kraken-mono {
    font-family: Kraken-Mono, ui-monospace, Menlo, Monaco, Consolas, Courier New, monospace
}

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

.\!text-\[90px\] {
    font-size: 90px !important
}

.\!text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important
}

.\!text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important
}

.\!text-xs {
    font-size: .75rem !important;
    line-height: 1rem !important
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[120px\] {
    font-size: 120px
}

.text-\[12px\] {
    font-size: 12px
}

.text-\[14px\] {
    font-size: 14px
}

.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-\[260px\] {
    font-size: 260px
}

.text-\[32px\] {
    font-size: 32px
}

.text-\[36px\] {
    font-size: 36px
}

.text-\[40px\] {
    font-size: 40px
}

.text-\[48px\] {
    font-size: 48px
}

.text-\[56px\] {
    font-size: 56px
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem
}

.text-lg,
.text-xl {
    line-height: 1.75rem
}

.text-xl {
    font-size: 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-\[1000\] {
    font-weight: 1000
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.\!normal-case {
    text-transform: none !important
}

.normal-case {
    text-transform: none
}

.italic {
    font-style: italic
}

.\!leading-\[1\.75em\] {
    line-height: 1.75em !important
}

.leading-3 {
    line-height: .75rem
}

.leading-4 {
    line-height: 1rem
}

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

.leading-\[1\.2\] {
    line-height: 1.2
}

.leading-\[108px\] {
    line-height: 108px
}

.leading-\[14px\] {
    line-height: 14px
}

.leading-\[16px\] {
    line-height: 16px
}

.leading-\[20px\] {
    line-height: 20px
}

.leading-\[22px\] {
    line-height: 22px
}

.leading-\[234px\] {
    line-height: 234px
}

.leading-\[26px\] {
    line-height: 26px
}

.leading-\[28px\] {
    line-height: 28px
}

.leading-\[30px\] {
    line-height: 30px
}

.leading-\[32px\] {
    line-height: 32px
}

.leading-\[40px\] {
    line-height: 40px
}

.leading-\[44px\] {
    line-height: 44px
}

.leading-\[48px\] {
    line-height: 48px
}

.leading-\[52px\] {
    line-height: 52px
}

.leading-\[56px\] {
    line-height: 56px
}

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

.leading-none {
    line-height: 1
}

.tracking-\[-0\.005em\] {
    letter-spacing: -.005em
}

.tracking-\[0\.005em\] {
    letter-spacing: .005em
}

.\!text-ds-dropdownButton-text-empty-up {
    color: var(--text-color-ds-dropdown-button-text-empty-up, #484b5e) !important
}

.\!text-ds-purple-500 {
    --tw-text-opacity: 1 !important;
    color: rgb(113 50 245/var(--tw-text-opacity, 1)) !important
}

.\!text-ds-white-pure {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
}

.text-\[\#000081\] {
    --tw-text-opacity: 1;
    color: rgb(0 0 129/var(--tw-text-opacity, 1))
}

.text-\[\#666666\] {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/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 {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity, 1))
}

.text-ds-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(0 121 180/var(--tw-text-opacity, 1))
}

.text-ds-brand {
    color: var(--text-color-ds-brand, #7132f5)
}

.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-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-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-check-mark-disabled {
    color: var(--text-color-ds-checkbox-check-mark-disabled, #fff)
}

.text-ds-checkbox-description {
    color: var(--text-color-ds-checkbox-description, #686b82)
}

.text-ds-checkbox-disabled {
    color: var(--text-color-ds-checkbox-disabled, #c6c7d2)
}

.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-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(--text-color-ds-dimmed, #9497a9)
}

.text-ds-disabled {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-ds-disabled)/var(--tw-text-opacity, 1))
}

.text-ds-dropdownButton-text-empty-up {
    color: var(--text-color-ds-dropdown-button-text-empty-up, #484b5e)
}

.text-ds-dropdownButton-text-up {
    color: var(--text-color-ds-dropdown-button-text-up, #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-500 {
    --tw-text-opacity: 1;
    color: rgb(8 132 79/var(--tw-text-opacity, 1))
}

.text-ds-grey-1100 {
    --tw-text-opacity: 1;
    color: rgb(26 27 34/var(--tw-text-opacity, 1))
}

.text-ds-grey-1200 {
    --tw-text-opacity: 1;
    color: rgb(16 17 20/var(--tw-text-opacity, 1))
}

.text-ds-grey-400 {
    --tw-text-opacity: 1;
    color: rgb(198 199 210/var(--tw-text-opacity, 1))
}

.text-ds-grey-50 {
    --tw-text-opacity: 1;
    color: rgb(247 247 250/var(--tw-text-opacity, 1))
}

.text-ds-grey-500 {
    --tw-text-opacity: 1;
    color: rgb(148 151 169/var(--tw-text-opacity, 1))
}

.text-ds-grey-600 {
    --tw-text-opacity: 1;
    color: rgb(104 107 130/var(--tw-text-opacity, 1))
}

.text-ds-info {
    color: var(--text-color-ds-info, #0079b4)
}

.text-ds-input {
    color: var(--text-color-ds-input, #101114)
}

.text-ds-input-error-label {
    color: var(--text-color-ds-input-error-label, #aa0132)
}

.text-ds-input-label {
    color: var(--text-color-ds-input-label, #9497a9)
}

.text-ds-inverted {
    color: var(--text-color-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, #101114)
}

.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(--text-color-ds-negative, #d11d45)
}

.text-ds-neutral {
    color: var(--text-color-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-low {
    color: var(--text-color-ds-pill-low, #7132f5)
}

.text-ds-positive {
    color: var(--text-color-ds-positive, #08844f)
}

.text-ds-primary {
    color: var(--text-color-ds-primary, #101114)
}

.text-ds-purple-300 {
    --tw-text-opacity: 1;
    color: rgb(157 130 254/var(--tw-text-opacity, 1))
}

.text-ds-purple-500 {
    --tw-text-opacity: 1;
    color: rgb(113 50 245/var(--tw-text-opacity, 1))
}

.text-ds-purple-900 {
    --tw-text-opacity: 1;
    color: rgb(43 20 99/var(--tw-text-opacity, 1))
}

.text-ds-purple-900\/72 {
    color: rgba(43, 20, 99, .72)
}

.text-ds-purple-900\/80 {
    color: rgba(43, 20, 99, .8)
}

.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-red-500 {
    --tw-text-opacity: 1;
    color: rgb(209 29 69/var(--tw-text-opacity, 1))
}

.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, #484b5e)
}

.text-ds-warning {
    color: var(--text-color-ds-warning, #c39621)
}

.text-ds-white-pure {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.text-ds-yellow-600 {
    --tw-text-opacity: 1;
    color: rgb(137 100 12/var(--tw-text-opacity, 1))
}

.text-inherit {
    color: inherit
}

.text-kraken-blue-200 {
    --tw-text-opacity: 1;
    color: rgb(167 165 193/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-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-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-600 {
    --tw-text-opacity: 1;
    color: rgb(0 0 129/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-r-300 {
    --tw-text-opacity: 1;
    color: rgb(226 68 77/var(--tw-text-opacity, 1))
}

.text-kraken-r-400 {
    --tw-text-opacity: 1;
    color: rgb(188 27 49/var(--tw-text-opacity, 1))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity, 1))
}

.text-transparent {
    color: transparent
}

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

.underline {
    text-decoration-line: underline
}

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

.decoration-ds-text-dashed {
    text-decoration-color: var(--text-decoration-color-ds-text-dashed, rgba(104, 107, 130, .56))
}

.decoration-dashed {
    text-decoration-style: dashed
}

.underline-offset-4 {
    text-underline-offset: 4px
}

.placeholder-ds-input::-moz-placeholder {
    color: var(--placeholder-color-ds-input, #686b82)
}

.placeholder-ds-input::placeholder {
    color: var(--placeholder-color-ds-input, #686b82)
}

.placeholder-transparent::-moz-placeholder {
    color: transparent
}

.placeholder-transparent::placeholder {
    color: transparent
}

.caret-ds-input {
    caret-color: var(--caret-color-ds-input, inherit)
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-20 {
    opacity: .2
}

.opacity-40 {
    opacity: .4
}

.opacity-80 {
    opacity: .8
}

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

.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 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-\[0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c 0_8px_16px_rgba\(93\2c 69\2c 220\2c 0\.1\)\2c 0_16px_56px_rgba\(93\2c 69\2c 220\2c 0\.05\)\] {
    --tw-shadow: 0 0 1px rgba(0, 0, 0, .1), 0 8px 16px rgba(93, 69, 220, .1), 0 16px 56px rgba(93, 69, 220, .05);
    --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)
}

.shadow-\[0_0_1rem_0_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
    --tw-shadow: 0 0 1rem 0 rgba(0, 0, 0, .15);
    --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_4px_24px_0px_rgba\(0\2c _0\2c _0\2c _0\.03\)\] {
    --tw-shadow: 0px 4px 24px 0px rgba(0, 0, 0, .03);
    --tw-shadow-colored: 0px 4px 24px 0px var(--tw-shadow-color)
}

.shadow-\[0px_4px_24px_0px_rgba\(0\2c _0\2c _0\2c _0\.03\)\],
.shadow-ds-accordion {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-accordion {
    --tw-shadow: var(--box-shadow-ds-accordion, inset 0 1px 0 0 rgba(104, 107, 130, .12));
    --tw-shadow-colored: inset 0 1px 0 0 var(--tw-shadow-color)
}

.shadow-ds-banner {
    --tw-shadow: var(--box-shadow-ds-banner, 0px 1px 4px 0px rgba(0, 0, 0, .04));
    --tw-shadow-colored: 0px 1px 4px 0px var(--tw-shadow-color)
}

.shadow-ds-banner,
.shadow-ds-container {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-container {
    --tw-shadow: var(--box-shadow-ds-container, 0px 1px 4px 0px rgba(16, 24, 40, .06));
    --tw-shadow-colored: 0px 1px 4px 0px var(--tw-shadow-color)
}

.shadow-ds-datepicker {
    --tw-shadow: var(--box-shadow-ds-datepicker, 0px 4px 8px -2px rgba(16, 24, 40, .07));
    --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-dialog {
    --tw-shadow: var(--box-shadow-ds-dialog, 0px 12px 16px -4px rgba(16, 24, 40, .06));
    --tw-shadow-colored: 0px 12px 16px -4px var(--tw-shadow-color)
}

.shadow-ds-dialog,
.shadow-ds-drawer {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-drawer {
    --tw-shadow: var(--box-shadow-ds-drawer, 0px 12px 16px -4px rgba(16, 24, 40, .06));
    --tw-shadow-colored: 0px 12px 16px -4px var(--tw-shadow-color)
}

.shadow-ds-menu {
    --tw-shadow: var(--box-shadow-ds-menu, 0px 4px 8px -2px rgba(0, 0, 0, .15));
    --tw-shadow-colored: 0px 4px 8px -2px var(--tw-shadow-color)
}

.shadow-ds-menu,
.shadow-ds-popover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-popover {
    --tw-shadow: var(--box-shadow-ds-popover, 0px 4px 8px -2px rgba(16, 24, 40, .06));
    --tw-shadow-colored: 0px 4px 8px -2px var(--tw-shadow-color)
}

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

.shadow-ds-toggle-off,
.shadow-ds-toggle-on {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ds-toggle-on {
    --tw-shadow: var(--box-shadow-ds-toggle-on, 0 0 1px 1px rgba(104, 107, 130, .08));
    --tw-shadow-colored: 0 0 1px 1px var(--tw-shadow-color)
}

.shadow-ds-tooltip-popup {
    --tw-shadow: var(--box-shadow-ds-tooltip-popup, 0px 4px 8px -2px rgba(16, 24, 40, .07), 0px 0px 3px -1px rgba(16, 24, 40, .4));
    --tw-shadow-colored: 0px 4px 8px -2px var(--tw-shadow-color)
}

.shadow-ds-tooltip-popup,
.shadow-sm {
    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 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

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

.outline {
    outline-style: solid
}

.outline-0 {
    outline-width: 0
}

.outline-2 {
    outline-width: 2px
}

.outline-4 {
    outline-width: 4px
}

.\!outline-offset-0 {
    outline-offset: 0 !important
}

.-outline-offset-4 {
    outline-offset: -4px
}

.outline-offset-0 {
    outline-offset: 0
}

.outline-offset-2 {
    outline-offset: 2px
}

.outline-offset-\[-1px\] {
    outline-offset: -1px
}

.outline-offset-ds-accordion,
.outline-offset-ds-button,
.outline-offset-ds-input,
.outline-offset-ds-table-row,
.outline-offset-ds-tabs,
.outline-offset-ds-toggle {
    outline-offset: -2px
}

.outline-ds-button {
    outline-color: var(--outline-color-ds-button, #7132f5)
}

.outline-ds-favourite-button {
    outline-color: var(--outline-color-ds-favourite-button, #7132f5)
}

.outline-ds-input-error {
    outline-color: var(--outline-color-ds-input-error, #f5395e)
}

.outline-ds-menu {
    outline-color: var(--outline-color-ds-menu, #7132f5)
}

.outline-ds-popover {
    outline-color: var(--outline-color-ds-popover, #7132f5)
}

.outline-ds-selectable-card {
    outline-color: var(--outline-color-ds-selectable-card, #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, hsla(0, 0%, 100%, .24))
}

.outline-green-500 {
    outline-color: #22c55e
}

.outline-red-500 {
    outline-color: #ef4444
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

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

.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-\[5px\] {
    --tw-blur: blur(5px)
}

.drop-shadow-text-contrast {
    --tw-drop-shadow: drop-shadow(0 1px 9px rgba(0, 0, 0, .2)) drop-shadow(0 1px 1px rgba(0, 0, 0, .28))
}

.drop-shadow-text-contrast,
.invert {
    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 {
    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)
}

.backdrop-blur-3xl,
.backdrop-blur-ds-dialog {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-ds-dialog {
    --tw-backdrop-blur: blur(var(--backdrop-blur-ds-dialog, 30px))
}

.backdrop-blur-xl {
    --tw-backdrop-blur: blur(24px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-\[height\2c width\] {
    transition-property: height, width;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-\[height2cwidth\] {
    transition-property: height2cwidth;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-\[height\] {
    transition-property: height;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-\[opacity\2c height\2c padding-top\2c padding-bottom\2c background-color\] {
    transition-property: opacity, height, padding-top, padding-bottom, background-color;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-\[width\] {
    transition-property: width;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

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

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.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-75 {
    transition-duration: 75ms
}

.duration-\[400ms\] {
    transition-duration: .4s
}

.ease-\[cubic-bezier\(0\2c -0\.01\2c 0\.19\2c 0\.99\)\] {
    transition-timing-function: cubic-bezier(0, -.01, .19, .99)
}

.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-dark-bg {
    background-color: #0b0611;
    --ds-bg-color: #0b0611
}

.ds-light-bg,
.ds-magic-bg {
    background-color: #f6f5f9;
    --ds-bg-color: #f6f5f9
}

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

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

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

.\[appearance\:textfield\] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.\[grid-area\:content\] {
    grid-area: content
}

.\[grid-area\:image\] {
    grid-area: image
}

.\[grid-template-areas\:\"content_image\"\] {
    grid-template-areas: "content image"
}

.\[grid-template-areas\:\"image_content\"\] {
    grid-template-areas: "image content"
}

.\[maskImage\:linear-gradient\(to_bottom\2c transparent_0\%\2c black_10\%\2c black_90\%\2c transparent_100\%\)\] {
    -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 10%, #000 90%, transparent);
    mask-image: linear-gradient(180deg, transparent 0, #000 10%, #000 90%, transparent)
}

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

@media (min-width:768px) {
    .md\:text-ds-kraken-18-regular {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    .md\:text-ds-kraken-18-regular,
    .md\:text-ds-kraken-20-regular {
        font-weight: 400;
        font-family: Kraken-Product, IBM Plex Sans, Helvetica, Arial, sans-serif
    }

    .md\:text-ds-kraken-20-regular {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

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

    .md\:text-ds-kraken-28-regular-brand {
        font-size: 1.75rem;
        line-height: 2.25rem
    }

    .md\:text-ds-kraken-28-regular-brand,
    .md\:text-ds-kraken-36-regular-brand {
        font-weight: 400;
        font-family: Kraken-Brand, IBM Plex Sans, Helvetica, Arial, sans-serif
    }

    .md\:text-ds-kraken-36-regular-brand {
        font-size: 2.25rem;
        line-height: 2.75rem
    }

    .md\:text-ds-kraken-48-regular-brand {
        font-size: 3rem;
        line-height: 3.5rem
    }

    .md\:text-ds-kraken-48-regular-brand,
    .md\:text-ds-kraken-58-regular-brand {
        font-weight: 400;
        font-family: Kraken-Brand, IBM Plex Sans, Helvetica, Arial, sans-serif
    }

    .md\:text-ds-kraken-58-regular-brand {
        font-size: 3.625rem;
        line-height: 4.125rem
    }

    .md\:text-ds-kraken-70-regular-brand {
        font-size: 4.375rem;
        line-height: 4.875rem
    }

    .md\:text-ds-kraken-70-regular-brand,
    .md\:text-ds-kraken-88-regular-brand {
        font-weight: 400;
        font-family: Kraken-Brand, IBM Plex Sans, Helvetica, Arial, sans-serif
    }

    .md\:text-ds-kraken-88-regular-brand {
        font-size: 5.5rem;
        line-height: 6rem
    }

    .md\:text-ds-kraken-120-extra-blackBrand {
        font-size: 7.5rem;
        line-height: 6.75rem
    }

    .md\:text-ds-kraken-120-extra-blackBrand,
    .md\:text-ds-kraken-260-extra-blackBrand {
        font-weight: 1000;
        font-family: Kraken-Brand, IBM Plex Sans, Helvetica, Arial, sans-serif
    }

    .md\:text-ds-kraken-260-extra-blackBrand {
        font-size: 16.25rem;
        line-height: 14.625rem
    }

    .md\:text-ds-kraken-360-extra-blackBrand {
        font-size: 22.5rem;
        font-weight: 1000;
        line-height: 20.25rem;
        font-family: Kraken-Brand, IBM Plex Sans, Helvetica, Arial, sans-serif
    }
}

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

.before\:h-px:before {
    content: var(--tw-content);
    height: 1px
}

.before\:w-full:before {
    content: var(--tw-content);
    width: 100%
}

.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\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content)
}

.after\:h-px:after {
    content: var(--tw-content);
    height: 1px
}

.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\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content)
}

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

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

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

.last\:mr-0:last-child {
    margin-right: 0
}

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

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

.even\:bg-ds-table-row-even:nth-child(2n) {
    background-color: var(--background-color-ds-table-row-even, rgba(104, 107, 130, .04))
}

.focus-within\:mb-3:focus-within {
    margin-bottom: .75rem
}

.focus-within\:bg-ds-input-error-focused:focus-within {
    background-color: var(--background-color-ds-input-error-focused, rgba(104, 107, 130, .12))
}

.focus-within\:pt-7:focus-within {
    padding-top: 1.75rem
}

.focus-within\:outline:focus-within {
    outline-style: solid
}

.focus-within\:outline-ds-input:focus-within {
    outline-color: var(--outline-color-ds-input, #7132f5)
}

.hover\:cursor-default:hover {
    cursor: default
}

.hover\:cursor-pointer:hover {
    cursor: pointer
}

.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-\[\#686868\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(104 104 104/var(--tw-bg-opacity, 1))
}

.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, transparent)
}

.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, rgba(133, 91, 251, .16))
}

.hover\:bg-ds-button-brand-medium-hover:hover {
    background-color: var(--background-color-ds-button-brand-medium-hover, rgba(133, 91, 251, .32))
}

.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, rgba(0, 146, 216, .16))
}

.hover\:bg-ds-button-info-medium-hover:hover {
    background-color: var(--background-color-ds-button-info-medium-hover, rgba(0, 146, 216, .32))
}

.hover\:bg-ds-button-inverted-high-hover:hover {
    background-color: var(--background-color-ds-button-inverted-high-hover, hsla(0, 0%, 100%, .88))
}

.hover\:bg-ds-button-inverted-low-hover:hover {
    background-color: var(--background-color-ds-button-inverted-low-hover, hsla(0, 0%, 100%, .16))
}

.hover\:bg-ds-button-inverted-medium-hover:hover {
    background-color: var(--background-color-ds-button-inverted-medium-hover, hsla(0, 0%, 100%, .24))
}

.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, rgba(245, 57, 94, .16))
}

.hover\:bg-ds-button-negative-medium-hover:hover {
    background-color: var(--background-color-ds-button-negative-medium-hover, rgba(245, 57, 94, .24))
}

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

.hover\:bg-ds-button-neutral-medium-hover:hover {
    background-color: var(--background-color-ds-button-neutral-medium-hover, rgba(104, 107, 130, .12))
}

.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, rgba(20, 158, 97, .16))
}

.hover\:bg-ds-button-positive-medium-hover:hover {
    background-color: var(--background-color-ds-button-positive-medium-hover, rgba(20, 158, 97, .24))
}

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

.hover\:bg-ds-button-primary-medium-hover:hover {
    background-color: var(--background-color-ds-button-primary-medium-hover, rgba(133, 91, 251, .32))
}

.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, rgba(195, 150, 33, .16))
}

.hover\:bg-ds-button-warning-medium-hover:hover {
    background-color: var(--background-color-ds-button-warning-medium-hover, rgba(195, 150, 33, .24))
}

.hover\:bg-ds-card-background-hover:hover {
    background-color: var(--background-color-ds-card-background-hover, hsla(0, 0%, 100%, .72))
}

.hover\:bg-ds-card-hover:hover {
    background-color: var(--background-color-ds-card-hover, rgba(148, 151, 169, .12))
}

.hover\:bg-ds-card-selected-hover:hover {
    background-color: var(--background-color-ds-card-selected-hover, rgba(104, 107, 130, .12))
}

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

.hover\:bg-ds-checkbox-unchecked-negative-hover:hover {
    background-color: var(--background-color-ds-checkbox-unchecked-negative-hover, rgba(245, 57, 94, .48))
}

.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, rgba(195, 150, 33, .12))
}

.hover\:bg-ds-favourite-button-unfilled-hover:hover {
    background-color: var(--background-color-ds-favourite-button-unfilled-hover, rgba(104, 107, 130, .08))
}

.hover\:bg-ds-filteritem-active:hover {
    background-color: var(--background-color-ds-filteritem-active, rgba(104, 107, 130, .12))
}

.hover\:bg-ds-input-background-hover:hover {
    background-color: var(--background-color-ds-input-background-hover, hsla(0, 0%, 100%, .8))
}

.hover\:bg-ds-input-hover:hover {
    background-color: var(--background-color-ds-input-hover, rgba(104, 107, 130, .12))
}

.hover\:bg-ds-menu-active-hover:hover {
    background-color: var(--background-color-ds-menu-active-hover, rgba(104, 107, 130, .08))
}

.hover\:bg-ds-menu-hover:hover {
    background-color: var(--background-color-ds-menu-hover, rgba(104, 107, 130, .08))
}

.hover\:bg-ds-notification-info-hover:hover {
    background-color: var(--background-color-ds-notification-info-hover, rgba(0, 146, 216, .16))
}

.hover\:bg-ds-notification-negative-hover:hover {
    background-color: var(--background-color-ds-notification-negative-hover, rgba(245, 57, 94, .16))
}

.hover\:bg-ds-notification-neutral-hover:hover {
    background-color: var(--background-color-ds-notification-neutral-hover, rgba(104, 107, 130, .16))
}

.hover\:bg-ds-notification-positive-hover:hover {
    background-color: var(--background-color-ds-notification-positive-hover, rgba(20, 158, 97, .16))
}

.hover\:bg-ds-notification-primary-hover:hover {
    background-color: var(--background-color-ds-notification-primary-hover, rgba(133, 91, 251, .16))
}

.hover\:bg-ds-notification-warning-hover:hover {
    background-color: var(--background-color-ds-notification-warning-hover, rgba(195, 150, 33, .16))
}

.hover\:bg-ds-purple-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(113 50 245/var(--tw-bg-opacity, 1))
}

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

.hover\:bg-ds-radio-unchecked-negative-hover:hover {
    background-color: var(--background-color-ds-radio-unchecked-negative-hover, rgba(245, 57, 94, .48))
}

.hover\:bg-ds-selectable-card-hover:hover {
    background-color: var(--background-color-ds-selectable-card-hover, rgba(104, 107, 130, .12))
}

.hover\:bg-ds-selectable-card-selected-hover:hover {
    background-color: var(--background-color-ds-selectable-card-selected-hover, rgba(104, 107, 130, .12))
}

.hover\:bg-ds-table-row-hover:hover {
    background-color: var(--background-color-ds-table-row-hover, rgba(104, 107, 130, .12))
}

.hover\:bg-ds-tabs-hover:hover {
    background-color: var(--background-color-ds-tabs-hover, rgba(104, 107, 130, .08))
}

.hover\:bg-kraken-nt-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity, 1))
}

.hover\:bg-kraken-pt-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(247 246 253/var(--tw-bg-opacity, 1))
}

.hover\:from-white\/60:hover {
    --tw-gradient-from: hsla(0, 0%, 100%, .6) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.hover\:to-white\/85:hover {
    --tw-gradient-to: hsla(0, 0%, 100%, .85) var(--tw-gradient-to-position)
}

.hover\:p-4:hover {
    padding: 1rem
}

.hover\:p-8:hover {
    padding: 2rem
}

.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-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-dropdownButton-text-hover:hover {
    color: var(--text-color-ds-dropdown-button-text-hover, #101114)
}

.hover\:text-ds-filteritem-active:hover {
    color: var(--text-color-ds-filteritem-active, #101114)
}

.hover\:text-ds-grey-1200:hover {
    --tw-text-opacity: 1;
    color: rgb(16 17 20/var(--tw-text-opacity, 1))
}

.hover\:text-ds-menu-hover:hover {
    color: var(--text-color-ds-menu-hover, #686b82)
}

.hover\:text-ds-primary:hover {
    color: var(--text-color-ds-primary, #101114)
}

.hover\:text-ds-purple-500:hover {
    --tw-text-opacity: 1;
    color: rgb(113 50 245/var(--tw-text-opacity, 1))
}

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

.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\:underline:hover {
    text-decoration-line: underline
}

.hover\:no-underline:hover {
    text-decoration-line: none
}

.hover\:opacity-100:hover {
    opacity: 1
}

.hover\:shadow-\[0px_4px_24px_0px_rgba\(0\2c _0\2c _0\2c _0\.08\)\]:hover {
    --tw-shadow: 0px 4px 24px 0px rgba(0, 0, 0, .08);
    --tw-shadow-colored: 0px 4px 24px 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)
}

.hover\:shadow-\[0px_4px_8px_-2px_rgba\(16\2c 24\2c 40\2c 0\.07\)\]:hover {
    --tw-shadow: 0px 4px 8px -2px rgba(16, 24, 40, .07);
    --tw-shadow-colored: 0px 4px 8px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:\[animation-play-state\:pause\]:hover {
    animation-play-state: pause
}

.focus\:h-\[initial\]:focus {
    height: auto
}

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

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

.focus\:pb-2:focus {
    padding-bottom: .5rem
}

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

.focus\:pt-4:focus {
    padding-top: 1rem
}

.focus\:pt-5:focus {
    padding-top: 1.25rem
}

.focus\:pt-6:focus {
    padding-top: 1.5rem
}

.focus\:pt-\[22px\]:focus {
    padding-top: 22px
}

.focus\:placeholder-ds-input:focus::-moz-placeholder {
    color: var(--placeholder-color-ds-input, #686b82)
}

.focus\:placeholder-ds-input:focus::placeholder {
    color: var(--placeholder-color-ds-input, #686b82)
}

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

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

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

.focus-visible\:outline:focus-visible {
    outline-style: solid
}

.focus-visible\:outline-1:focus-visible {
    outline-width: 1px
}

.focus-visible\:outline-2:focus-visible {
    outline-width: 2px
}

.focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px
}

.focus-visible\:outline-ds-input:focus-visible {
    outline-color: var(--outline-color-ds-input, #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-menu-pressed:active {
    background-color: var(--background-color-ds-menu-pressed, rgba(104, 107, 130, .08))
}

.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 {
    --tw-text-opacity: 1;
    color: rgb(198 199 210/var(--tw-text-opacity, 1))
}

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

.group:hover .group-hover\:h-2 {
    height: .5rem
}

.group:hover .group-hover\:translate-x-0 {
    --tw-translate-x: 0px
}

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

.group:hover .group-hover\:translate-y-3 {
    --tw-translate-y: 0.75rem
}

.group:hover .group-hover\:translate-y-6 {
    --tw-translate-y: 1.5rem
}

.group:hover .group-hover\:scale-100,
.group:hover .group-hover\:translate-y-6 {
    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
}

.group:hover .group-hover\:rounded-ds-4 {
    border-radius: 8px
}

.group:hover .group-hover\:text-ds-accordion-hover {
    color: var(--text-color-ds-accordion-hover, #101114)
}

.group:hover .group-hover\:text-ds-dimmed {
    color: var(--text-color-ds-dimmed, #9497a9)
}

.group:hover .group-hover\:text-ds-primary {
    color: var(--text-color-ds-primary, #101114)
}

.group:hover .group-hover\:underline {
    text-decoration-line: underline
}

.group:hover .group-hover\:opacity-0 {
    opacity: 0
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1
}

.group\/theme.theme-set-dark .group-\[\.theme-set-dark\]\/theme\:border-ds-grey-700 {
    --tw-border-opacity: 1;
    border-color: rgb(72 75 94/var(--tw-border-opacity, 1))
}

.group\/theme.theme-set-dark .group-\[\.theme-set-dark\]\/theme\:from-ds-grey-700\/10 {
    --tw-gradient-from: rgba(72, 75, 94, .1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(72, 75, 94, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.group\/theme.theme-set-dark .group-\[\.theme-set-dark\]\/theme\:to-ds-grey-900\/80 {
    --tw-gradient-to: rgba(41, 43, 56, .8) var(--tw-gradient-to-position)
}

.group\/theme.theme-set .group-\[\.theme-set\]\/theme\:text-ds-brand {
    color: var(--text-color-ds-brand, #7132f5)
}

.group\/theme.theme-set .group-\[\.theme-set\]\/theme\:text-ds-dimmed {
    color: var(--text-color-ds-dimmed, #9497a9)
}

.group\/theme.theme-set .group-\[\.theme-set\]\/theme\:text-ds-disabled {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color-ds-disabled)/var(--tw-text-opacity, 1))
}

.group\/theme.theme-set .group-\[\.theme-set\]\/theme\:text-ds-info {
    color: var(--text-color-ds-info, #0079b4)
}

.group\/theme.theme-set .group-\[\.theme-set\]\/theme\:text-ds-inverted {
    color: var(--text-color-ds-inverted, #fff)
}

.group\/theme.theme-set .group-\[\.theme-set\]\/theme\:text-ds-negative {
    color: var(--text-color-ds-negative, #d11d45)
}

.group\/theme.theme-set .group-\[\.theme-set\]\/theme\:text-ds-neutral {
    color: var(--text-color-ds-neutral, #686b82)
}

.group\/theme.theme-set .group-\[\.theme-set\]\/theme\:text-ds-positive {
    color: var(--text-color-ds-positive, #08844f)
}

.group\/theme.theme-set .group-\[\.theme-set\]\/theme\:text-ds-primary {
    color: var(--text-color-ds-primary, #101114)
}

.group\/theme.theme-set .group-\[\.theme-set\]\/theme\:text-ds-warning {
    color: var(--text-color-ds-warning, #c39621)
}

.group\/theme.theme-set-dark .hover\:group-\[\.theme-set-dark\]\/theme\:from-ds-grey-700\/20:hover {
    --tw-gradient-from: rgba(72, 75, 94, .2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(72, 75, 94, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.group\/theme.theme-set-dark .hover\:group-\[\.theme-set-dark\]\/theme\:to-ds-grey-900:hover {
    --tw-gradient-to: #292b38 var(--tw-gradient-to-position)
}

.peer:focus~.peer-focus\:left-0 {
    left: 0
}

.peer:focus~.peer-focus\:top-0 {
    top: 0
}

.peer:focus~.peer-focus\:top-1 {
    top: .25rem
}

.peer:focus~.peer-focus\:top-2 {
    top: .5rem
}

.peer:focus~.peer-focus\:top-\[6px\] {
    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-tabs-active[aria-selected=true] {
    background-color: var(--background-color-ds-tabs-active, rgba(104, 107, 130, .12))
}

.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\:shadow-ds-tabs-background-active[aria-selected=true] {
    --tw-shadow: 0px 1px 4px 0px rgba(16, 24, 40, .04);
    --tw-shadow-colored: 0px 1px 4px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

@media (max-width:1250px) {
    .max-\[1250px\]\:max-w-\[120px\] {
        max-width: 120px
    }

    .max-\[1250px\]\:gap-8 {
        gap: 2rem
    }

    .max-\[1250px\]\:px-\[30px\] {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width:1100px) {
    .max-\[1100px\]\:flex {
        display: flex
    }

    .max-\[1100px\]\:hidden {
        display: none
    }

    .max-\[1100px\]\:flex-col {
        flex-direction: column
    }
}

@media not all and (min-width:1024px) {
    .max-lg\:pointer-events-none {
        pointer-events: none
    }

    .max-lg\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .max-lg\:mb-1 {
        margin-bottom: .25rem
    }

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

    .max-lg\:max-w-0 {
        max-width: 0
    }

    .max-lg\:text-left {
        text-align: left
    }

    .max-lg\:text-center {
        text-align: center
    }

    .max-lg\:text-right {
        text-align: right
    }

    .max-lg\:text-justify {
        text-align: justify
    }

    .max-lg\:opacity-0 {
        opacity: 0
    }
}

@media not all and (min-width:768px) {
    .max-md\:max-w-\[338px\] {
        max-width: 338px
    }

    .max-md\:flex-col {
        flex-direction: column
    }

    .max-md\:items-center {
        align-items: center
    }

    .max-md\:text-left {
        text-align: left
    }

    .max-md\:text-center {
        text-align: center
    }

    .max-md\:text-right {
        text-align: right
    }

    .max-md\:text-justify {
        text-align: justify
    }
}

@media not all and (min-width:640px) {
    .max-sm\:text-left {
        text-align: left
    }

    .max-sm\:text-center {
        text-align: center
    }

    .max-sm\:text-right {
        text-align: right
    }

    .max-sm\:text-justify {
        text-align: justify
    }
}

@media (min-width:640px) {
    .sm\:pointer-events-none {
        pointer-events: none
    }

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

    .sm\:right-8 {
        right: 2rem
    }

    .sm\:top-8 {
        top: 2rem
    }

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

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

    .sm\:block {
        display: block
    }

    .sm\:flex {
        display: flex
    }

    .sm\:hidden {
        display: none
    }

    .sm\:h-24 {
        height: 6rem
    }

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

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

    .sm\:w-auto {
        width: auto
    }

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

    .sm\:basis-80 {
        flex-basis: 20rem
    }

    .sm\:table-fixed {
        table-layout: fixed
    }

    .sm\:translate-x-0 {
        --tw-translate-x: 0px
    }

    .sm\:translate-x-0,
    .sm\: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\:translate-y-\[calc\(100\%-6rem\)\] {
        --tw-translate-y: calc(100% - 6rem)
    }

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

    .sm\:columns-2 {
        -moz-columns: 2;
        column-count: 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-\[auto_1fr\] {
        grid-template-columns: auto 1fr
    }

    .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-wrap {
        flex-wrap: wrap
    }

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

    .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-2 {
        gap: .5rem
    }

    .sm\:gap-4 {
        gap: 1rem
    }

    .sm\:gap-5 {
        gap: 1.25rem
    }

    .sm\:gap-6 {
        gap: 1.5rem
    }

    .sm\:p-6 {
        padding: 1.5rem
    }

    .sm\:p-8 {
        padding: 2rem
    }

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

    .sm\:px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .sm\:px-\[30px\] {
        padding-left: 30px;
        padding-right: 30px
    }

    .sm\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

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

    .sm\:pb-8 {
        padding-bottom: 2rem
    }

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

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

    .sm\:pt-\[50px\] {
        padding-top: 50px
    }

    .sm\:pt-ds-5 {
        padding-top: 16px
    }

    .sm\:\!text-2xl {
        font-size: 1.5rem !important;
        line-height: 2rem !important
    }

    .sm\:\[grid-template-areas\:\"image_content\"\] {
        grid-template-areas: "image content"
    }
}

@media (min-width:768px) {
    .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\:\!mx-3 {
        margin-left: .75rem !important;
        margin-right: .75rem !important
    }

    .md\:mx-3\.5 {
        margin-left: .875rem;
        margin-right: .875rem
    }

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

    .md\:mb-\[47\.5px\] {
        margin-bottom: 47.5px
    }

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

    .md\:mr-2\.5 {
        margin-right: .625rem
    }

    .md\:mt-\[-22\.5px\] {
        margin-top: -22.5px
    }

    .md\:block {
        display: block
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

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

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

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

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

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

    .md\:w-\[247px\] {
        width: 247px
    }

    .md\:w-full {
        width: 100%
    }

    .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-none {
        grid-template-columns: none
    }

    .md\:grid-rows-none {
        grid-template-rows: none
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:items-center {
        align-items: center
    }

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

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

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

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

    .md\:gap-x-ds-10 {
        -moz-column-gap: 40px;
        column-gap: 40px
    }

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

    .md\:border-solid {
        border-style: solid
    }

    .md\:bg-ds-header-desktop {
        background-color: var(--background-color-ds-header-desktop, #f6f5f9)
    }

    .md\:p-6 {
        padding: 1.5rem
    }

    .md\:px-ds-4 {
        padding-left: 12px;
        padding-right: 12px
    }

    .md\:px-ds-7 {
        padding-left: 24px;
        padding-right: 24px
    }

    .md\:px-ds-9 {
        padding-left: 32px;
        padding-right: 32px
    }

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

    .md\:text-left {
        text-align: left
    }

    .md\:font-kraken-brand {
        font-family: Kraken-Brand, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .md\:\!text-base {
        font-size: 1rem !important;
        line-height: 1.5rem !important
    }

    .md\:text-\[120px\] {
        font-size: 120px
    }

    .md\:text-\[18px\] {
        font-size: 18px
    }

    .md\:text-\[20px\] {
        font-size: 20px
    }

    .md\:text-\[24px\] {
        font-size: 24px
    }

    .md\:text-\[260px\] {
        font-size: 260px
    }

    .md\:text-\[28px\] {
        font-size: 28px
    }

    .md\:text-\[360px\] {
        font-size: 360px
    }

    .md\:text-\[36px\] {
        font-size: 36px
    }

    .md\:text-\[48px\] {
        font-size: 48px
    }

    .md\:text-\[58px\] {
        font-size: 58px
    }

    .md\:text-\[70px\] {
        font-size: 70px
    }

    .md\:text-\[88px\] {
        font-size: 88px
    }

    .md\:\!leading-\[1\.75em\] {
        line-height: 1.75em !important
    }

    .md\:leading-\[108px\] {
        line-height: 108px
    }

    .md\:leading-\[234px\] {
        line-height: 234px
    }

    .md\:leading-\[26px\] {
        line-height: 26px
    }

    .md\:leading-\[28px\] {
        line-height: 28px
    }

    .md\:leading-\[324px\] {
        line-height: 324px
    }

    .md\:leading-\[32px\] {
        line-height: 32px
    }

    .md\:leading-\[36px\] {
        line-height: 36px
    }

    .md\:leading-\[44px\] {
        line-height: 44px
    }

    .md\:leading-\[56px\] {
        line-height: 56px
    }

    .md\:leading-\[66px\] {
        line-height: 66px
    }

    .md\:leading-\[78px\] {
        line-height: 78px
    }

    .md\:leading-\[96px\] {
        line-height: 96px
    }
}

@media (min-width:1024px) {
    .lg\:pointer-events-none {
        pointer-events: none
    }

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

    .lg\:top-\[calc\(var\(--header-height\)\+6rem\)\] {
        top: calc(var(--header-height) + 6rem)
    }

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

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

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

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

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

    .lg\:h-0 {
        height: 0
    }

    .lg\:h-auto {
        height: auto
    }

    .lg\:h-full {
        height: 100%
    }

    .lg\:h-max {
        height: -moz-max-content;
        height: max-content
    }

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

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

    .lg\:w-\[327px\] {
        width: 327px
    }

    .lg\:max-w-0 {
        max-width: 0
    }

    .lg\:basis-96 {
        flex-basis: 24rem
    }

    .lg\:cursor-pointer {
        cursor: pointer
    }

    .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\:flex-row {
        flex-direction: row
    }

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

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

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

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

    .lg\:rounded-lg {
        border-radius: .5rem
    }

    .lg\:border-0 {
        border-width: 0
    }

    .lg\:bg-ds-grey-opacity-12 {
        background-color: rgba(104, 107, 130, .12)
    }

    .lg\:bg-inherit {
        background-color: inherit
    }

    .lg\:p-2 {
        padding: .5rem
    }

    .lg\:p-8 {
        padding: 2rem
    }

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

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

    .lg\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .lg\:pb-4 {
        padding-bottom: 1rem
    }

    .lg\:pl-12 {
        padding-left: 3rem
    }

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

    .lg\:pr-12 {
        padding-right: 3rem
    }

    .lg\:pr-4 {
        padding-right: 1rem
    }

    .lg\:pt-0 {
        padding-top: 0
    }

    .lg\:pt-10 {
        padding-top: 2.5rem
    }

    .lg\:pt-16 {
        padding-top: 4rem
    }

    .lg\:pt-24 {
        padding-top: 6rem
    }

    .lg\:pt-7 {
        padding-top: 1.75rem
    }

    .lg\:\!font-normal {
        font-weight: 400 !important
    }

    .lg\:opacity-0 {
        opacity: 0
    }

    .lg\:opacity-100 {
        opacity: 1
    }
}

@media (min-width:1040px) {
    .min-\[1040px\]\:px-\[calc\(\(100\%-980px\)\/2\)\] {
        padding-left: calc((100% - 980px) / 2);
        padding-right: calc((100% - 980px) / 2)
    }
}

@media (min-width:1080px) {
    .min-\[1080px\]\:flex {
        display: flex
    }

    .min-\[1080px\]\:hidden {
        display: none
    }

    .min-\[1080px\]\:justify-start {
        justify-content: flex-start
    }

    .min-\[1080px\]\:justify-end {
        justify-content: flex-end
    }

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

@media (min-width:1100px) {
    .min-\[1100px\]\:flex {
        display: flex
    }

    .min-\[1100px\]\:hidden {
        display: none
    }

    .min-\[1100px\]\:flex-col {
        flex-direction: column
    }
}

@media (min-width:1164px) {
    .min-\[1164px\]\:mx-ds-5 {
        margin-left: 16px;
        margin-right: 16px
    }

    .min-\[1164px\]\:ml-6 {
        margin-left: 1.5rem
    }
}

@media (min-width:1234px) {
    .min-\[1234px\]\:px-\[calc\(\(100\%-1174px\)\/2\)\] {
        padding-left: calc((100% - 1174px) / 2);
        padding-right: calc((100% - 1174px) / 2)
    }
}

@media (min-width:1392px) {
    .min-\[1392px\]\:px-\[calc\(\(100\%-1332px\)\/2\)\] {
        padding-left: calc((100% - 1332px) / 2);
        padding-right: calc((100% - 1332px) / 2)
    }
}

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

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

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

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

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

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

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

@media (min-width:1560px) {
    .min-\[1560px\]\:px-\[calc\(\(100\%-1500px\)\/2\)\] {
        padding-left: calc((100% - 1500px) / 2);
        padding-right: calc((100% - 1500px) / 2)
    }
}

.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button,
.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: 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, hsla(0, 0%, 100%, .4))
}

.\[\&\:hover\>div\:first-child\]\:opacity-20:hover>div:first-child {
    opacity: .2
}

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

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

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

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

.\[\&\>\.ds-card\:last-child\]\:rounded-b-ds-5>.ds-card:last-child {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px
}

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

.\[\&\>\.ds-card\]\:rounded-ds-2>.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-3>.ds-table-cell:last-child {
    padding-right: 8px
}

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

.\[\&\>span\]\:hover\:text-ds-brand:hover>span,
.group:hover .\[\&\>span\]\:group-hover\:text-ds-brand>span {
    color: var(--text-color-ds-brand, #7132f5)
}

.group:hover .\[\&\>span\]\:group-hover\:text-ds-purple-900\/80>span {
    color: rgba(43, 20, 99, .8)
}

.\[\&\>svg\]\:h-5>svg {
    height: 1.25rem
}

@media (min-width:1164px) {
    .min-\[1164px\]\:\[\&\>svg\]\:h-6>svg {
        height: 1.5rem
    }
}

.\[\&_\*\:not\(span\)\+\*\:not\(span\)\]\:mt-\[1em\] :not(span)+:not(span) {
    margin-top: 1em
}

.\[\&_a\:hover\]\:text-ds-purple-700 a:hover {
    --tw-text-opacity: 1;
    color: rgb(71 28 160/var(--tw-text-opacity, 1))
}

.\[\&_a\:hover\]\:underline a:hover {
    text-decoration-line: underline
}

.\[\&_a\]\:text-ds-grey-1100 a {
    --tw-text-opacity: 1;
    color: rgb(26 27 34/var(--tw-text-opacity, 1))
}

.\[\&_a\]\:text-ds-grey-50 a {
    --tw-text-opacity: 1;
    color: rgb(247 247 250/var(--tw-text-opacity, 1))
}

.\[\&_a\]\:text-ds-grey-500 a {
    --tw-text-opacity: 1;
    color: rgb(148 151 169/var(--tw-text-opacity, 1))
}

.\[\&_a\]\:text-ds-grey-600 a {
    --tw-text-opacity: 1;
    color: rgb(104 107 130/var(--tw-text-opacity, 1))
}

.\[\&_a\]\:text-ds-purple-500 a {
    --tw-text-opacity: 1;
    color: rgb(113 50 245/var(--tw-text-opacity, 1))
}

.\[\&_a\]\:text-ds-purple-900 a {
    --tw-text-opacity: 1;
    color: rgb(43 20 99/var(--tw-text-opacity, 1))
}

.\[\&_a\]\:text-ds-purple-900\/72 a {
    color: rgba(43, 20, 99, .72)
}

.\[\&_a\]\:text-ds-purple-900\/80 a {
    color: rgba(43, 20, 99, .8)
}

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

.\[\&_a\]\:no-underline a {
    text-decoration-line: none
}

.group\/theme.theme-set .group-\[\.theme-set\]\/theme\:\[\&_a\]\:text-ds-brand a {
    color: var(--text-color-ds-brand, #7132f5)
}

.group\/theme.theme-set .group-\[\.theme-set\]\/theme\:\[\&_a\]\:text-ds-dimmed a {
    color: var(--text-color-ds-dimmed, #9497a9)
}

.group\/theme.theme-set .group-\[\.theme-set\]\/theme\:\[\&_a\]\:text-ds-inverted a {
    color: var(--text-color-ds-inverted, #fff)
}

.group\/theme.theme-set .group-\[\.theme-set\]\/theme\:\[\&_a\]\:text-ds-neutral a {
    color: var(--text-color-ds-neutral, #686b82)
}

.group\/theme.theme-set .group-\[\.theme-set\]\/theme\:\[\&_a\]\:text-ds-primary a {
    color: var(--text-color-ds-primary, #101114)
}

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

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

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

.\[\&_em\]\:italic em {
    font-style: italic
}

.\[\&_h1\]\:text-\[2em\] h1 {
    font-size: 2em
}

.\[\&_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,
.\[\&_h6\]\:font-medium h6 {
    font-weight: 500
}

.\[\&_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\]\:pl-\[1\.7em\] ol {
    padding-left: 1.7em
}

.\[\&_p\+ol\]\:mt-\[\.75em\] p+ol,
.\[\&_p\+ul\]\:mt-\[\.75em\] p+ul {
    margin-top: .75em
}

.\[\&_span\]\:text-kraken-p-600 span {
    --tw-text-opacity: 1;
    color: rgb(0 0 129/var(--tw-text-opacity, 1))
}

.\[\&_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\]\:pl-\[1\.5em\] ul {
    padding-left: 1.5em
}

* {
    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)
}

/*# sourceMappingURL=ec0b3f445a7e9c2e.css.map*/