@font-face {
    font-family: TT Norms;
    font-weight: 400;
    src: url(fonts/tt-norms-regular.ttf) format("truetype")
}

@font-face {
    font-family: TT Norms;
    font-weight: 500;
    src: url(fonts/tt-norms-medium.ttf) format("truetype")
}

@font-face {
    font-family: TT Norms;
    font-weight: 700;
    src: url(fonts/tt-norms-bold.ttf) format("truetype")
}

@font-face {
    font-family: Blacker;
    font-weight: 700;
    src: url(fonts/blacker-display-bold.woff) format("woff")
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

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

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

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

button {
    background-color: transparent;
    background-image: none
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

fieldset,
ol,
ul {
    margin: 0;
    padding: 0
}

ol,
ul {
    list-style: none
}

html {
    font-family: TT Norms, Helvetica, Arial;
    line-height: 1.5
}

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

hr {
    border-top-width: 1px
}

img {
    border-style: solid
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #a0aec0
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #a0aec0
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #a0aec0
}

input::placeholder,
textarea::placeholder {
    color: #a0aec0
}

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

table {
    border-collapse: collapse
}

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

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

button,
input,
optgroup,
select,
textarea {
    padding: 0;
    line-height: inherit;
    color: inherit
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

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

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

* {
    font-variant-ligatures: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

html {
    font-size: 1rem;
    line-height: 1.35;
    font-family: TT Norms, Helvetica, Arial;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    background-color: var(--color-0);
    overflow-x: hidden
}

body:not(.has-keyboard) :focus {
    outline: none
}

form {
    margin-bottom: 0
}

select {
    cursor: pointer
}

input {
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

dialog:not([open]) {
    display: unset
}

[draggable=false] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.container {
    width: 100%
}

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

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

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

.o-col {
    padding-left: .75rem;
    padding-right: .75rem
}

@media (min-width:900px) {
    .o-col {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.o-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -.75rem;
    margin-right: -.75rem
}

@media (min-width:900px) {
    .o-row {
        margin-left: -1rem;
        margin-right: -1rem
    }
}

.o-container,
.o-container-fluid {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media (min-width:900px) {
    .o-container,
    .o-container-fluid {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.o-container {
    margin-left: auto;
    margin-right: auto
}

@media (min-width:1200px) {
    .o-container {
        max-width: 1316px
    }
}

[ob-accordion-item]:not(.is-active) [ob-height],
[ob-accordion-item]:not(.is-active) [ob-tabs-item-height] {
    height: 0 !important;
    opacity: 0
}

[ob-accordion-item].is-active [ob-accordion-item-toggle] span span:first-child {
    display: block
}

[ob-accordion-item].is-active [ob-accordion-item-toggle] span span:last-child {
    display: none
}

[ob-accordion-item] [ob-height],
[ob-accordion-item] [ob-tabs-item-height] {
    opacity: 1;
    overflow: hidden;
    transition: all .3s ease
}

[ob-accordion-item-toggle] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

[ob-accordion-item-toggle] span span:first-child,
[ob-tabs-item]:not(.is-opened) {
    display: none
}

[ob-tabs-toggle] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[ob-tabs-toggle]:not(.is-active) {
    cursor: pointer
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal;
    outline: 0;
    transition-property: transform, visibility, opacity
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1
}

.tippy-box {
    font-size: 1rem;
    line-height: 1.4;
    color: var(--color-600);
    background-color: var(--accent-50)
}

.tippy-content {
    padding: 16px
}

.tippy-arrow {
    color: var(--accent-50)
}

.platform-button {
    font-size: 1rem;
    --bg-opacity: 1;
    background-color: #3a8ef6;
    background-color: rgba(58, 142, 246, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    font-weight: 500;
    cursor: pointer;
    border-radius: .25rem;
    padding: .75rem 1.25rem;
    transition: all .3s
}

.platform-button:hover {
    --bg-opacity: 1;
    background-color: #2e72c5;
    background-color: rgba(46, 114, 197, var(--bg-opacity))
}

@media (min-width:600px) {
    .platform-button {
        padding: .75rem
    }
}

.platform-subtitle {
    color: #758698
}

.platform-label {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #758698
}

.platform-asset {
    cursor: pointer;
    transition: all .2s
}

.platform-asset.is-active {
    background: #f6f8fb;
    box-shadow: 0 0 0 1px #e6e9ec;
    border-radius: 6px
}

.c-header-earn__inner .mt-32 {
    z-index: 10;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */

.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none
}

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

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp__bg {
    background: #000;
    opacity: 0;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden
}

.pswp__bg,
.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__container,
.pswp__zoom-wrap {
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    transform-origin: left top;
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp__bg {
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    transition: none
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    right: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img,
.pswp__item {
    position: absolute;
    left: 0;
    top: 0
}

.pswp__img {
    width: auto;
    height: auto
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc
}

.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline
}

.pswp {
    z-index: 9999999
}

.pswp__bg {
    --bg-opacity: 1;
    background-color: #030405;
    background-color: rgba(3, 4, 5, var(--bg-opacity));
    --bg-opacity: .9
}

.pswp__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100px;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    background: #3e3f40
}

.pswp__button:hover {
    --bg-opacity: 1;
    background-color: #1e4dd8;
    background-color: rgba(30, 77, 216, var(--bg-opacity))
}

.pswp__button:active {
    --bg-opacity: 1;
    background-color: #122e82;
    background-color: rgba(18, 46, 130, var(--bg-opacity))
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    position: absolute;
    margin-top: -1.25rem;
    top: 50%
}

.pswp__button--arrow--left {
    left: 16px
}

.pswp__button--arrow--right {
    right: 16px
}

.pswp__button--close {
    position: relative;
    top: 16px;
    right: 16px;
    margin-left: auto;
    font-size: 1.5rem
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.pswp__caption__center {
    margin-left: auto;
    margin-right: auto;
    font-size: .875rem;
    text-align: center;
    --text-opacity: 1;
    color: #bcbfc1;
    color: rgba(188, 191, 193, var(--text-opacity));
    max-width: 60ch
}

@media (min-width:600px) {
    .pswp__caption__center {
        font-size: 1rem
    }
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden !important
}

.pswp--zoomed-in .pswp__caption {
    background: rgba(0, 0, 0, .7)
}

.pswp__img {
    cursor: -webkit-grab;
    cursor: grab
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right {
    display: none
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left,
.pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
    opacity: 0;
    visibility: hidden;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: .14s;
    transition-timing-function: ease;
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    --transform-translate-y: 0.375rem;
    will-change: transform;
    -webkit-backface-visibility: hidden
}

.pswp--animated-in .pswp__button--arrow--left,
.pswp--animated-in .pswp__button--arrow--right,
.pswp--animated-in .pswp__caption,
.pswp--animated-in .pswp__top-bar {
    opacity: 1;
    visibility: visible;
    --transform-translate-y: 0
}

.pswp--animated-in .pswp__button--arrow--left,
.pswp--animated-in .pswp__button--arrow--right {
    transition-delay: .1s
}

.pswp--animated-in .pswp__caption {
    transition-delay: .2s
}

[ob-card] {
    cursor: -webkit-grab
}

[ob-card].is-grabbing {
    cursor: -webkit-grabbing
}

[ob-infobar] {
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-property: margin
}

body.is-hidden-infobar [ob-infobar] {
    margin-top: calc(var(--infobar-height)*-1)
}

[ob-modal]:not(.is-active) [ob-modal-content] {
    display: none
}

[ob-carousel] {
    position: relative
}

[ob-carousel-rail] {
    display: flex;
    flex-wrap: nowrap;
    transition: transform .5s cubic-bezier(.075, .82, .165, 1);
    cursor: ew-resize;
    cursor: -webkit-grab;
    touch-action: pan-y
}

[ob-carousel-rail].is-dragged {
    transition: none
}

[ob-carousel-rail-item] {
    flex: 1 0 auto
}

[ob-splitsection-content] {
    position: absolute;
    top: 0;
    transform: translateY(-50%)
}

[ob-tabs2-toggle] {
    transition: all .2s ease
}

[ob-tabs2-toggle].is-active,
[ob-tabs2-toggle].is-active:hover {
    --bg-opacity: 1;
    background-color: #3a8ef6;
    background-color: rgba(58, 142, 246, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

[ob-tabs2-toggle].is-active:hover {
    cursor: default
}

[ob-tabs2-item]:not(.is-active) {
    display: none
}

.t-gold [ob-tabs2-toggle] {
    transition: all .2s ease
}

.t-gold [ob-tabs2-toggle].is-active,
.t-gold [ob-tabs2-toggle].is-active:hover {
    --bg-opacity: 1;
    background-color: #e1a163;
    background-color: rgba(225, 161, 99, var(--bg-opacity));
    --text-opacity: 1;
    color: #030405;
    color: rgba(3, 4, 5, var(--text-opacity))
}

.t-gold [ob-tabs2-toggle].is-active:hover {
    cursor: default
}

.t-gold [ob-tabs2-item]:not(.is-active) {
    display: none
}

.c-tabbed-corners__content {
    border-width: 1px 1px 0;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-color: var(--color-100)
}

@media (min-width:900px) {
    .c-tabbed-corners__content {
        border-bottom-width: 1px;
        border-right-width: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 1rem
    }
}

.c-tabbed-corners__img {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem
}

@media (min-width:900px) {
    .c-tabbed-corners__img {
        border-bottom-left-radius: 0;
        border-top-right-radius: 1rem
    }
}

[ob-tabsslider].is-paused [ob-tabsslider-bar] {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

[ob-testimonials-items-rail],
[ob-testimonials-logos-rail] {
    position: relative;
    z-index: 40;
    display: flex;
    flex-wrap: nowrap;
    transition: transform .5s cubic-bezier(.075, .82, .165, 1);
    cursor: ew-resize;
    cursor: -webkit-grab;
    touch-action: pan-y
}

[ob-testimonials-items-rail].is-dragged,
[ob-testimonials-logos-rail].is-dragged {
    transition: none
}

[ob-testimonials-items-rail-item],
[ob-testimonials-logos-rail-item] {
    flex: 1 0 auto
}

[ob-testimonials-items-rail-item] {
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease
}

[ob-testimonials-items-rail-item]:not(.is-active) {
    opacity: 0
}

[ob-testimonials-logos-rail-item] {
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease;
    cursor: pointer;
    will-change: opacity
}

[ob-testimonials-logos-rail-item]:not(.is-active) {
    opacity: .5
}

[ob-testimonials-logos-rail-item]:hover {
    opacity: 1
}

[ob-testimonials-dash] {
    position: absolute;
    top: 0;
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease;
    transform-origin: center left;
    width: 1px
}

.b-x3-download img {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: .3s;
    transition-timing-function: ease
}

.b-x3-download.is-active .b-x3-download__icon {
    background-color: var(--accent-500)
}

.b-x3-download.is-active .b-x3-download__icon-lock,
.b-x3-download.is-active .b-x3-download__tweet {
    display: none
}

.b-x3-download:not(.is-active) img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.b-x3-download:not(.is-active) .b-x3-download__icon {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity))
}

.b-x3-download:not(.is-active) .b-x3-download__download,
.b-x3-download:not(.is-active) .b-x3-download__icon-unlock {
    display: none
}

.b-accordion__slide.is-active .b-accordion__icon,
.b-accordion__slide.is-active .b-accordion__toggle {
    --text-opacity: 1;
    color: #3a8ef6;
    color: rgba(58, 142, 246, var(--text-opacity))
}

.b-accordion__slide.is-active .b-accordion__icon {
    transform: rotate(135deg)
}

.b-accordion__toggle:hover {
    --text-opacity: 1;
    color: #1e4dd8;
    color: rgba(30, 77, 216, var(--text-opacity))
}

.b-accordion__icon:hover,
.b-accordion__toggle:active {
    --text-opacity: 1;
    color: #122e82;
    color: rgba(18, 46, 130, var(--text-opacity))
}

.b-accordion__icon:active {
    --text-opacity: 1;
    color: #0c1f56;
    color: rgba(12, 31, 86, var(--text-opacity))
}

.b-anchor {
    transition-property: opacity;
    transition-duration: .14s;
    transition-timing-function: ease
}

.b-anchor:hover {
    opacity: .75
}

.b-app-mockup__screen {
    position: absolute;
    z-index: 10;
    transition-property: opacity;
    transition-duration: .14s;
    transition-timing-function: ease;
    top: 2%;
    left: 4.4%;
    width: 84.84%
}

.b-app-mockup__screen[ob-mockup-screen]:not(.is-active) {
    opacity: 0
}

.b-app-mockup[ob-mockup-visual] {
    transform: translateY(3%)
}

.b-app-mockup .o-shape {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    width: 14%;
    height: 6%;
    transition: all 1s cubic-bezier(.22, 1, .36, 1)
}

.b-app-mockup.is-active-0 .shape-1 {
    top: 20%;
    left: -46%
}

.b-app-mockup.is-active-0 .shape-2 {
    top: 41%;
    left: 113%
}

.b-app-mockup.is-active-0 .shape-3 {
    top: 73%;
    left: -26%
}

.b-app-mockup.is-active-1 .shape-1 {
    top: 20%;
    left: 106%;
    transform: rotate(62deg)
}

.b-app-mockup.is-active-1 .shape-2 {
    top: 41%;
    left: -44%;
    transform: rotate(180deg)
}

.b-app-mockup.is-active-1 .shape-3 {
    top: 73%;
    left: 118%;
    transform: rotate(-180deg)
}

.b-app-mockup.is-active-2 .shape-1 {
    top: 70%;
    left: -40%;
    transform: rotate(242deg)
}

.b-app-mockup.is-active-2 .shape-2 {
    top: 41%;
    left: 114%;
    transform: rotate(1turn)
}

.b-app-mockup.is-active-2 .shape-3 {
    top: 19%;
    left: -29%;
    transform: rotate(180deg)
}

.b-app-mockup.is-active-3 .shape-1 {
    top: 70%;
    left: 112%;
    transform: rotate(180deg)
}

.b-app-mockup.is-active-3 .shape-2 {
    top: 41%;
    left: -40%;
    transform: rotate(180deg)
}

.b-app-mockup.is-active-3 .shape-3 {
    top: 19%;
    left: 118%
}

.b-article-card__footer {
    position: relative
}

.b-article-card__link {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: 1rem;
    font-weight: 500;
    color: var(--accent-500)
}

.b-article-card__link:hover {
    color: var(--accent-700)
}

.b-article-card__link:active {
    color: var(--accent-800)
}

.b-article-card__tags {
    pointer-events: none
}

.b-article-card__link,
.b-article-card__tags {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: .14s;
    transition-timing-function: ease
}

.b-article-card:not(:hover) .b-article-card__link {
    opacity: 0;
    transform: translateY(1rem)
}

.b-article-card:hover .b-article-card__tags {
    opacity: 0;
    transform: translateY(-1rem)
}

.b-article__wrapper.is-full {
    padding: 0;
    max-width: none
}

.b-article__block {
    margin-left: auto;
    margin-right: auto
}

@media (min-width:900px) {
    .b-article__block.is-small {
        width: 50%
    }
    .b-article__block.is-medium {
        width: 75%
    }
}

.b-banner:not(.is-active) {
    pointer-events: none;
    transform: translateY(2rem);
    opacity: 0
}

@media (min-width:900px) {
    .b-banner:not(.is-active) {
        transform: translate(-2rem, 2rem)
    }
}

.b-borrow__figure {
    position: relative;
    min-height: 28rem
}

@media (min-width:1200px) {
    .b-borrow__figure {
        margin-left: 5vw
    }
}

.b-borrow__visual svg {
    height: 90vw;
    margin-left: -15vw
}

@media (min-width:900px) {
    .b-borrow__visual svg {
        width: 150%;
        height: auto;
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .b-borrow__visual svg {
        width: 194%
    }
}

.b-borrow__step {
    position: absolute;
    width: 100%;
    box-shadow: 0 8px 50px rgba(4, 25, 39, .15);
    left: 0;
    will-change: transform;
    -webkit-animation-name: borrow-screen-out;
    animation-name: borrow-screen-out;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    pointer-events: none
}

@-webkit-keyframes borrow-screen-in {
    0% {
        transform: translateX(20px);
        opacity: 0
    }
    to {
        transform: none;
        opacity: 1
    }
}

@keyframes borrow-screen-in {
    0% {
        transform: translateX(20px);
        opacity: 0
    }
    to {
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes borrow-screen-out {
    0% {
        transform: translateX(0);
        opacity: 1
    }
    to {
        transform: translateX(-20px);
        opacity: 0
    }
}

@keyframes borrow-screen-out {
    0% {
        transform: translateX(0);
        opacity: 1
    }
    to {
        transform: translateX(-20px);
        opacity: 0
    }
}

@media (min-width:600px) {
    .b-borrow__step {
        width: auto;
        box-shadow: none
    }
}

.b-borrow__step-1 {
    top: 46%
}

.b-borrow__step-2 {
    top: 26%
}

.b-borrow__step-3 {
    top: 42%
}

.b-borrow__step.is-active {
    -webkit-animation-name: borrow-screen-in;
    animation-name: borrow-screen-in;
    pointer-events: auto
}

.b-borrow__step-header {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem;
    --bg-opacity: 1;
    background-color: #1e4dd8;
    background-color: rgba(30, 77, 216, var(--bg-opacity));
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

@media (min-width:600px) {
    .b-borrow__step-header {
        display: inline-flex;
        width: auto;
        padding-right: 2rem;
        padding-bottom: 4rem;
        border-radius: .25rem
    }
}

.b-borrow__step-header-counter {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
    font-family: Blacker, Times New Roman;
    font-size: 1.25rem;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    --text-opacity: 1;
    color: #1e4dd8;
    color: rgba(30, 77, 216, var(--text-opacity));
    border-radius: 100px
}

.b-borrow__step-header-text {
    font-size: 1rem;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

@media (min-width:600px) {
    .b-borrow__step-header-text {
        font-size: 1.125rem
    }
}

.b-borrow__step-body {
    position: relative;
    width: 100%;
    max-width: 24rem;
    padding: 1rem;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

@media (min-width:600px) {
    .b-borrow__step-body {
        margin-top: -3rem;
        margin-left: 1.5rem;
        padding: 2rem;
        box-shadow: 0 8px 50px rgba(4, 25, 39, .15);
        border-radius: .25rem
    }
}

.b-borrow__dot {
    padding: .5rem
}

.b-borrow__dot circle {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    fill: #bcbfc1;
    stroke: #1e4dd8;
    stroke-width: 0px;
    stroke-dasharray: 42px;
    stroke-dashoffset: 84px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    transform: rotate(-90deg);
    transform-origin: center
}

.b-borrow.is-paused .b-borrow__dot circle {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@media (min-width:900px) {
    .b-borrow:hover .b-borrow__dot circle {
        -webkit-animation-play-state: paused;
        animation-play-state: paused
    }
}

.b-borrow__dot.is-active circle {
    fill: #1e4dd8;
    stroke-width: 3px;
    -webkit-animation-name: borrow-dot-active;
    animation-name: borrow-dot-active;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes borrow-dot-active {
    0% {
        stroke-dashoffset: 42px
    }
    95% {
        stroke-dashoffset: 84px
    }
    to {
        stroke-dashoffset: 84px
    }
}

@keyframes borrow-dot-active {
    0% {
        stroke-dashoffset: 42px
    }
    95% {
        stroke-dashoffset: 84px
    }
    to {
        stroke-dashoffset: 84px
    }
}

@media (min-width:900px) {
    .b-borrow__dot.is-active circle {
        fill: #7491e7
    }
}

.b-borrow #svg-borrow-js-credit-number,
.b-borrow #svg-borrow-js-portfolio-number {
    text-anchor: middle
}

.b-borrow #svg-borrow-js-credit-group {
    transition: all .3s ease;
    transform-origin: 53.1% 13.1%
}

.b-borrow #borrow-success-circle {
    transform-origin: center;
    stroke-dasharray: 440px
}

@-webkit-keyframes borrow-success-circle {
    0% {
        transform: rotate(60deg);
        stroke-dashoffset: 440px;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    80% {
        transform: none;
        stroke-dashoffset: 880px
    }
    to {
        stroke-dashoffset: 880px
    }
}

@keyframes borrow-success-circle {
    0% {
        transform: rotate(60deg);
        stroke-dashoffset: 440px;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    80% {
        transform: none;
        stroke-dashoffset: 880px
    }
    to {
        stroke-dashoffset: 880px
    }
}

.b-borrow #borrow-success-tick {
    stroke-dasharray: 80px
}

@-webkit-keyframes borrow-success-tick {
    0% {
        stroke-dashoffset: 80px
    }
    40% {
        stroke-dashoffset: 80px;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    to {
        stroke-dashoffset: 0px
    }
}

@keyframes borrow-success-tick {
    0% {
        stroke-dashoffset: 80px
    }
    40% {
        stroke-dashoffset: 80px;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    to {
        stroke-dashoffset: 0px
    }
}

.b-borrow.is-step-3 #svg-borrow-js-credit-group {
    opacity: 0;
    transform: scale(.8)
}

.b-borrow.is-step-3 #borrow-success-circle {
    -webkit-animation: borrow-success-circle;
    animation: borrow-success-circle;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards
}

.b-borrow.is-step-3 #borrow-success-tick {
    -webkit-animation: borrow-success-tick;
    animation: borrow-success-tick;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards
}

.b-button-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    font-size: .6875rem;
    --bg-opacity: 1;
    background-color: #1e4dd8;
    background-color: rgba(30, 77, 216, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    border-radius: 100px;
    transition: all .14s ease
}

.b-button-circle--m {
    width: 3rem;
    height: 3rem;
    font-size: 1rem
}

.b-button-circle:hover {
    --bg-opacity: 1;
    background-color: #122e82;
    background-color: rgba(18, 46, 130, var(--bg-opacity))
}

.b-button-circle:active {
    --bg-opacity: 1;
    background-color: #0c1f56;
    background-color: rgba(12, 31, 86, var(--bg-opacity))
}

.b-button-circle.is-disabled {
    --bg-opacity: 1;
    background-color: #e7ebf0;
    background-color: rgba(231, 235, 240, var(--bg-opacity));
    --text-opacity: 1;
    color: #373d43;
    color: rgba(55, 61, 67, var(--text-opacity));
    cursor: default
}

.b-button-circle--accent {
    color: var(--accent-500);
    background-color: var(--accent-50)
}

.b-button-circle--accent:hover {
    --bg-opacity: 1;
    background-color: #e7ebf0;
    background-color: rgba(231, 235, 240, var(--bg-opacity))
}

.b-button-circle--accent:active {
    --bg-opacity: 1;
    background-color: #bcbfc1;
    background-color: rgba(188, 191, 193, var(--bg-opacity))
}

.b-button-content {
    display: flex
}

.b-button-content__icon {
    margin-right: .75rem;
    font-size: 1.5rem;
    color: var(--color-600);
    transition: .14s ease
}

.b-button-content__icon .o-icon--coins {
    transition-property: opacity;
    transition-duration: .3s;
    transition-timing-function: ease
}

.b-button-content__title {
    font-size: 1.125rem;
    line-height: 1.35;
    color: var(--color-500);
    font-weight: 500;
    transition: .14s ease
}

.b-button-content__text {
    font-size: 1rem;
    line-height: 1.35;
    color: var(--color-400);
    transition: .14s ease
}

.b-button-content:hover .b-button-content__icon {
    --text-opacity: 1;
    color: #3a8ef6;
    color: rgba(58, 142, 246, var(--text-opacity))
}

.b-button-content:hover .b-button-content__icon .o-icon--coins {
    opacity: .75
}

.b-button-content:hover .b-button-content__title {
    color: var(--color-900)
}

.b-button-content:hover .b-button-content__text {
    color: var(--color-500)
}

.b-button-lifted {
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    --bg-opacity: 1;
    background-color: #1e4dd8;
    background-color: rgba(30, 77, 216, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    border-radius: 100px;
    box-shadow: 0 15px 25px rgba(132, 153, 213, .75);
    transition: all .3s ease
}

.b-button-lifted:hover {
    --bg-opacity: 1;
    background-color: #122e82;
    background-color: rgba(18, 46, 130, var(--bg-opacity));
    transform: translateY(10%);
    box-shadow: 0 10px 15px rgba(132, 153, 213, .75)
}

.b-button-lifted:active {
    --bg-opacity: 1;
    background-color: #0c1f56;
    background-color: rgba(12, 31, 86, var(--bg-opacity));
    transition: all .14s ease
}

.b-button-pill {
    display: inline-flex;
    padding: .5rem 1rem;
    line-height: 1.15;
    font-weight: 700;
    border-radius: 100px;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .3s;
    transition-timing-function: ease
}

.b-button-pill--sm {
    padding: .25rem 1rem;
    font-size: .875rem
}

.b-button-pill--indigo {
    --bg-opacity: 1;
    background-color: #f4f6fd;
    background-color: rgba(244, 246, 253, var(--bg-opacity));
    --text-opacity: 1;
    color: #183ead;
    color: rgba(24, 62, 173, var(--text-opacity))
}

.b-button-pill--blue {
    --bg-opacity: 1;
    background-color: #3a8ef6;
    background-color: rgba(58, 142, 246, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.b-button-pill--blue:hover {
    --bg-opacity: 1;
    background-color: #2e72c5;
    background-color: rgba(46, 114, 197, var(--bg-opacity))
}

.b-button-pill--blue:active {
    --bg-opacity: 1;
    background-color: #235594;
    background-color: rgba(35, 85, 148, var(--bg-opacity))
}

.b-button-pill--gray {
    background-color: var(--color-100);
    color: var(--accent-600)
}

.b-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    line-height: 1.2;
    border-radius: .25rem;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .3s;
    transition-timing-function: ease;
    background: var(--color)
}

.b-button:hover {
    background: var(--color-hover)
}

.b-button:active {
    background: var(--color-active)
}

.b-button--icon-r .o-icon {
    margin-left: .375rem
}

.b-button--xs {
    padding: .5rem 1rem;
    font-size: 1rem
}

.b-button--s {
    padding: .625rem 1rem;
    font-size: 1rem
}

.b-button--s .b-button__icon--right {
    margin-left: .375rem
}

.b-button--m {
    padding: .75rem 1.5rem;
    font-size: 1.125rem
}

.b-button--l {
    padding: 1rem 2rem;
    font-size: 1.125rem
}

@media (min-width:900px) {
    .b-button--l {
        font-size: 1.25rem
    }
}

.b-button--accent {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    --color: var(--accent-500);
    --color-hover: var(--accent-600);
    --color-active: var(--accent-700)
}

.b-button--mint {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    --color: #00a76a;
    --color-hover: #008655;
    --color-active: #006440
}

.b-button--indigo {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    --color: #1e4dd8;
    --color-hover: #122e82;
    --color-active: #0c1f56
}

.b-button--light {
    --text-opacity: 1;
    color: #1e4dd8;
    color: rgba(30, 77, 216, var(--text-opacity));
    --color: #f6f8fb;
    --color-hover: #e7ebf0;
    --color-active: #bcbfc1
}

.b-button--light.b-button--active {
    --text-opacity: 1;
    color: #4a5056;
    color: rgba(74, 80, 86, var(--text-opacity));
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    cursor: default
}

.b-button--ghost {
    transition-property: all;
    background: none;
    color: var(--color);
    box-shadow: inset 0 0 0 2px var(--color)
}

.b-button--ghost:hover {
    background: var(--color)
}

.b-button--ghost:active,
.b-button--ghost:hover {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    box-shadow: none
}

.b-button--ghost:active {
    background: var(--color-active)
}

.b-community-post__icon--twitter {
    color: #3a8ef6
}

.b-community-post__icon--reddit {
    color: #ff4500
}

.b-community-post__icon--youtube {
    color: red
}

#onetrust-consent-sdk #onetrust-banner-sdk {
    box-shadow: 0 4px 20px rgba(4, 25, 39, .2)
}

#onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-container {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media (min-width:1200px) {
    #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-container {
        padding-left: 2rem;
        padding-right: 2rem;
        max-width: 1316px
    }
}

#onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-row {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (min-width:900px) {
    #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-row {
        flex-direction: row
    }
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler.cookie-setting-link {
    text-decoration: none;
    font-weight: 500
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy {
    padding: 0 !important;
    margin: 0 !important
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy #onetrust-policy-text {
    padding: 0 !important;
    margin: 16px 0 !important
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy #onetrust-policy-text a {
    text-decoration: none;
    font-weight: 400
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container {
    width: auto !important;
    position: static !important;
    transform: none !important;
    padding: 0 !important;
    margin: 0 !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container {
    width: 100% !important
}

@media (min-width:900px) {
    #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container {
        margin-right: 32px !important
    }
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent {
    width: 100% !important
}

@media (min-width:900px) {
    #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent {
        width: 396px !important
    }
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-button-group {
    display: block;
    margin-right: 0;
    margin-top: 0;
    display: flex !important;
    flex-direction: column-reverse !important;
    justify-content: space-between
}

@media (min-width:900px) {
    #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-button-group {
        flex-direction: row !important
    }
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-button-group #onetrust-accept-btn-handler,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent #onetrust-button-group #onetrust-pc-btn-handler.cookie-setting-link {
    min-width: none !important;
    margin: 0
}

@media (min-width:900px) {
    .b-currency-listing {
        max-width: 620px
    }
}

.b-currency-listing__item {
    transition: .14s ease
}

.b-currency-listing__item:hover {
    --bg-opacity: 1;
    background-color: #f4f6fd;
    background-color: rgba(244, 246, 253, var(--bg-opacity))
}

.b-currency-listing__item:active {
    --bg-opacity: 1;
    background-color: #e7ebf0;
    background-color: rgba(231, 235, 240, var(--bg-opacity))
}

.b-download:hover .b-button-lifted {
    transform: translateY(10%);
    box-shadow: 0 10px 15px rgba(132, 153, 213, .75)
}

.b-download__button {
    right: 7%;
    bottom: 17%
}

@media (min-width:600px) {
    .b-download__button {
        right: auto;
        bottom: 25%;
        left: 23%
    }
    .b-download__visual {
        transform: translate(-10%, -3%)
    }
}

.b-dropdown__content {
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    overflow: hidden;
    height: var(--height)
}

.b-dropdown__button {
    background-color: var(--color-50);
    color: var(--color-700);
    border-radius: .1875rem;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: .14s;
    transition-timing-function: ease
}

.b-dropdown__button:active {
    background-color: var(--color-100);
    --text-opacity: 1;
    color: #1e4dd8;
    color: rgba(30, 77, 216, var(--text-opacity))
}

.b-dropdown__button .o-icon {
    transition-property: transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}

.b-dropdown__link {
    color: var(--color-500);
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .14s;
    transition-timing-function: ease
}

.b-dropdown__link:active {
    color: var(--color-900)
}

.b-dropdown__link.is-active:not(:active) {
    --text-opacity: 1;
    color: #1e4dd8;
    color: rgba(30, 77, 216, var(--text-opacity))
}

.b-dropdown:not(.is-active) .b-dropdown__content {
    height: 0;
    opacity: 0
}

.b-dropdown.is-active .b-dropdown__button:not(:active) {
    color: var(--color-0);
    --bg-opacity: 1;
    background-color: #1e4dd8;
    background-color: rgba(30, 77, 216, var(--bg-opacity))
}

.b-dropdown.is-active .b-dropdown__button .o-icon {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    --transform-rotate: 180deg
}

.b-earn__figure {
    position: relative;
    min-height: 25rem
}

@media (min-width:1200px) {
    .b-earn__figure {
        margin-right: 5vw
    }
}

.b-earn__visual svg {
    height: 90vw;
    margin-left: -57vw
}

@media (min-width:900px) {
    .b-earn__visual svg {
        width: 150%;
        height: auto;
        margin-left: -50%
    }
}

@media (min-width:1200px) {
    .b-earn__visual svg {
        width: 194%;
        margin-left: -97%
    }
}

.b-earn__step {
    position: absolute;
    width: 100%;
    box-shadow: 0 8px 50px rgba(4, 25, 39, .15);
    left: 0;
    will-change: transform;
    -webkit-animation-name: earn-screen-out;
    animation-name: earn-screen-out;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    pointer-events: none
}

@-webkit-keyframes earn-screen-in {
    0% {
        transform: translateX(20px);
        opacity: 0
    }
    to {
        transform: none;
        opacity: 1
    }
}

@keyframes earn-screen-in {
    0% {
        transform: translateX(20px);
        opacity: 0
    }
    to {
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes earn-screen-out {
    0% {
        transform: translateX(0);
        opacity: 1
    }
    to {
        transform: translateX(-20px);
        opacity: 0
    }
}

@keyframes earn-screen-out {
    0% {
        transform: translateX(0);
        opacity: 1
    }
    to {
        transform: translateX(-20px);
        opacity: 0
    }
}

@media (min-width:600px) {
    .b-earn__step {
        width: auto;
        box-shadow: none
    }
}

.b-earn__step-1 {
    top: 26%;
    left: 0
}

@media (min-width:600px) {
    .b-earn__step-1 {
        left: 18%
    }
}

.b-earn__step-2 {
    top: 28%;
    left: 0
}

@media (min-width:600px) {
    .b-earn__step-2 {
        top: 23%;
        left: 14%
    }
}

.b-earn__step.is-active {
    -webkit-animation-name: earn-screen-in;
    animation-name: earn-screen-in;
    pointer-events: auto
}

.b-earn__step-header {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem;
    --bg-opacity: 1;
    background-color: #00a76a;
    background-color: rgba(0, 167, 106, var(--bg-opacity));
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

@media (min-width:600px) {
    .b-earn__step-header {
        display: inline-flex;
        width: auto;
        padding-right: 2rem;
        padding-bottom: 4rem;
        border-radius: .25rem
    }
}

.b-earn__step-header-counter {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
    font-family: Blacker, Times New Roman;
    font-size: 1.25rem;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    --text-opacity: 1;
    color: #00a76a;
    color: rgba(0, 167, 106, var(--text-opacity));
    border-radius: 100px
}

.b-earn__step-header-text {
    font-size: 1rem;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

@media (min-width:600px) {
    .b-earn__step-header-text {
        font-size: 1.125rem
    }
}

.b-earn__step-body {
    position: relative;
    width: 100%;
    max-width: 24rem;
    padding: 1rem;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

@media (min-width:600px) {
    .b-earn__step-body {
        margin-top: -3rem;
        margin-left: 1.5rem;
        padding: 2rem;
        box-shadow: 0 8px 50px rgba(4, 25, 39, .15);
        border-radius: .25rem
    }
}

.b-earn__table {
    width: 100%
}

.b-earn__table td,
.b-earn__table th {
    padding: 1rem
}

@media (min-width:600px) {
    .b-earn__table td,
    .b-earn__table th {
        padding: 1.25rem
    }
}

.b-earn__table-coin {
    width: 28px;
    height: 28px
}

@media (min-width:600px) {
    .b-earn__table-coin {
        width: 36px;
        height: 36px
    }
}

.b-earn__dot {
    padding: .5rem
}

.b-earn__dot circle {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    fill: #bcbfc1;
    stroke: #00a76a;
    stroke-width: 0px;
    stroke-dasharray: 42px;
    stroke-dashoffset: 84px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    transform: rotate(-90deg);
    transform-origin: center
}

.b-earn.is-paused .b-earn__dot circle {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@media (min-width:900px) {
    .b-earn:hover .b-earn__dot circle {
        -webkit-animation-play-state: paused;
        animation-play-state: paused
    }
}

.b-earn__dot.is-active circle {
    fill: #00a76a;
    stroke-width: 3px;
    -webkit-animation-name: earn-dot-active;
    animation-name: earn-dot-active;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes earn-dot-active {
    0% {
        stroke-dashoffset: 42px
    }
    95% {
        stroke-dashoffset: 84px
    }
    to {
        stroke-dashoffset: 84px
    }
}

@keyframes earn-dot-active {
    0% {
        stroke-dashoffset: 42px
    }
    95% {
        stroke-dashoffset: 84px
    }
    to {
        stroke-dashoffset: 84px
    }
}

@media (min-width:900px) {
    .b-earn__dot.is-active circle {
        fill: #61c8a3
    }
}

.b-earn #svg-earn-js-interest-text {
    text-anchor: middle
}

.b-earn #earn-number-1,
.b-earn #earn-number-2,
.b-earn #earn-number-3 {
    display: inline-block;
    min-width: 4em
}

.b-exchange-box__list {
    overflow: hidden;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-property: height, opacity
}

.b-exchange-box__button-icon {
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease
}

[ob-expandable].is-active .b-exchange-box__button-icon {
    transform: rotate(180deg)
}

@media (min-width:600px) and (max-width:1200px) {
    .b-exchange-grid [ob-masonry-item]:nth-child(3) {
        grid-column-start: 2
    }
}

@media (min-width:1200px) {
    .b-exchange-grid [ob-masonry-item]:first-child {
        min-height: 385px
    }
    .b-exchange-grid [ob-masonry-item]:nth-child(4),
    .b-exchange-grid [ob-masonry-item]:nth-child(6) {
        grid-column-start: 2
    }
}

.b-heading {
    font-size: 1.75rem;
    line-height: 1.2;
    font-family: TT Norms, Helvetica, Arial;
    font-weight: 500;
    --text-opacity: 1;
    color: #252a2f;
    color: rgba(37, 42, 47, var(--text-opacity))
}

@media (min-width:900px) {
    .b-heading {
        font-size: 2.625rem;
        line-height: 1.15
    }
}

.b-heading--t2 {
    font-family: Blacker, Times New Roman;
    font-weight: 700;
    --text-opacity: 1;
    color: #1e4dd8;
    color: rgba(30, 77, 216, var(--text-opacity))
}

.b-headline {
    font-size: 1.25rem;
    line-height: 1.5;
    font-family: TT Norms, Helvetica, Arial;
    --text-opacity: 1;
    color: #4a5056;
    color: rgba(74, 80, 86, var(--text-opacity))
}

@media (min-width:900px) {
    .b-headline {
        font-size: 1.5rem;
        line-height: 1.35
    }
}

.b-icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    width: 1em;
    height: 1em;
    box-sizing: content-box
}

.b-icon-button--indigo {
    padding: .5rem;
    --bg-opacity: 1;
    background-color: #f4f6fd;
    background-color: rgba(244, 246, 253, var(--bg-opacity));
    --text-opacity: 1;
    color: #1e4dd8;
    color: rgba(30, 77, 216, var(--text-opacity))
}

@media (min-width:1200px) {
    .b-icon-stats-animation:hover img {
        transform: rotate(var(--rotate))
    }
}

.b-indicator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.125rem;
    font-weight: 500;
    --bg-opacity: 1;
    background-color: #f6f8fb;
    background-color: rgba(246, 248, 251, var(--bg-opacity));
    --text-opacity: 1;
    color: #83888c;
    color: rgba(131, 136, 140, var(--text-opacity));
    border-radius: 100px
}

.b-indicator--indigo {
    --bg-opacity: 1;
    background-color: #1e4dd8;
    background-color: rgba(30, 77, 216, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.b-infobar p a {
    font-weight: 700;
    padding-top: .5rem;
    border-bottom-width: 1px;
    border-color: transparent;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .3s;
    transition-timing-function: ease
}

.b-infobar__visual {
    display: block;
    margin-left: 24px;
    margin-bottom: -16px;
    padding: 12px 0
}

.b-infobar__visual img {
    height: 28px
}

@media (min-width:900px) {
    .b-infobar__visual {
        top: 50%;
        margin-top: -16px;
        margin-left: 32px;
        padding: 0
    }
    .b-infobar__visual img {
        height: 32px
    }
}

@media (min-width:1200px) {
    .b-infobar__visual {
        margin-top: -22px
    }
    .b-infobar__visual img {
        height: 44px
    }
}

.b-infobar--regular {
    --bg-opacity: 1;
    background-color: #14171a;
    background-color: rgba(20, 23, 26, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.b-infobar--regular .b-infobar__button {
    --text-opacity: 1;
    color: #83888c;
    color: rgba(131, 136, 140, var(--text-opacity))
}

.b-infobar--regular a {
    --text-opacity: 1;
    color: #85b9f9;
    color: rgba(133, 185, 249, var(--text-opacity))
}

.b-infobar--regular a:hover {
    --text-opacity: 1;
    color: #f4f6fd;
    color: rgba(244, 246, 253, var(--text-opacity));
    --border-opacity: 1;
    border-color: #f4f6fd;
    border-color: rgba(244, 246, 253, var(--border-opacity))
}

.b-infobar--indigo {
    --bg-opacity: 1;
    background-color: #1e4dd8;
    background-color: rgba(30, 77, 216, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.b-infobar--indigo .b-infobar__button,
.b-infobar--indigo a {
    --text-opacity: 1;
    color: #c9d4f6;
    color: rgba(201, 212, 246, var(--text-opacity))
}

.b-infobar--indigo a:hover {
    --text-opacity: 1;
    color: #f4f6fd;
    color: rgba(244, 246, 253, var(--text-opacity));
    --border-opacity: 1;
    border-color: #f4f6fd;
    border-color: rgba(244, 246, 253, var(--border-opacity))
}

.b-infobar--mint {
    --bg-opacity: 1;
    background-color: #00a76a;
    background-color: rgba(0, 167, 106, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.b-infobar--mint .b-infobar__button,
.b-infobar--mint a {
    --text-opacity: 1;
    color: #c2eadb;
    color: rgba(194, 234, 219, var(--text-opacity))
}

.b-infobar--mint a:hover {
    --text-opacity: 1;
    color: #f2fbf8;
    color: rgba(242, 251, 248, var(--text-opacity));
    --border-opacity: 1;
    border-color: #f2fbf8;
    border-color: rgba(242, 251, 248, var(--border-opacity))
}

.b-infobar--dark {
    --bg-opacity: 1;
    background-color: #0c1f56;
    background-color: rgba(12, 31, 86, var(--bg-opacity))
}

.b-infobar--dark,
.b-infobar--dark .b-infobar__button,
.b-infobar--dark a {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.b-infobar--dark a:hover {
    color: #e7ebf0;
    color: rgba(231, 235, 240, var(--text-opacity))
}

.b-infobar--dark a:hover,
.b-input {
    --text-opacity: 1;
    --border-opacity: 1;
    border-color: #e7ebf0;
    border-color: rgba(231, 235, 240, var(--border-opacity))
}

.b-input {
    padding: .75rem 1rem;
    border-width: 1px;
    font-size: 1rem;
    color: #83888c;
    color: rgba(131, 136, 140, var(--text-opacity));
    border-radius: .25rem;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .14s;
    transition-timing-function: ease
}

.b-input:hover {
    --border-opacity: 1;
    border-color: #1e4dd8;
    border-color: rgba(30, 77, 216, var(--border-opacity))
}

.b-input:active,
.b-input:focus {
    --border-opacity: 1;
    border-color: #122e82;
    border-color: rgba(18, 46, 130, var(--border-opacity));
    outline: 0
}

.b-input--select {
    background-color: transparent
}

.b-input--select option {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.b-input--dark {
    --text-opacity: 1;
    color: #f6f8fb;
    color: rgba(246, 248, 251, var(--text-opacity));
    --border-opacity: 1;
    border-color: #373d43;
    border-color: rgba(55, 61, 67, var(--border-opacity))
}

.b-input--dark::-moz-placeholder {
    --text-opacity: 1;
    color: #a0a4a7;
    color: rgba(160, 164, 167, var(--text-opacity))
}

.b-input--dark:-ms-input-placeholder {
    --text-opacity: 1;
    color: #a0a4a7;
    color: rgba(160, 164, 167, var(--text-opacity))
}

.b-input--dark::-ms-input-placeholder {
    --text-opacity: 1;
    color: #a0a4a7;
    color: rgba(160, 164, 167, var(--text-opacity))
}

.b-input--dark::placeholder {
    --text-opacity: 1;
    color: #a0a4a7;
    color: rgba(160, 164, 167, var(--text-opacity))
}

.b-label {
    margin-left: .125rem;
    margin-right: .125rem;
    padding: .125rem .375rem;
    font-weight: 700;
    border-radius: .1875rem
}

.b-label--indigo {
    background-color: #1e4dd8;
    background-color: rgba(30, 77, 216, var(--bg-opacity))
}

.b-label--indigo,
.b-label--mint {
    --bg-opacity: 1;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.b-label--mint {
    background-color: #00a76a;
    background-color: rgba(0, 167, 106, var(--bg-opacity))
}

.b-label--blue {
    --bg-opacity: 1;
    background-color: #3a8ef6;
    background-color: rgba(58, 142, 246, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.b-label2 {
    padding: .125rem .5rem;
    font-size: .75rem;
    font-weight: 700;
    background-color: var(--accent-100);
    color: var(--accent-600);
    border-radius: 100px
}

.b-link {
    display: inline-flex;
    align-items: center;
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--color-500)
}

.b-link,
.b-link__icon {
    transition: color .14s ease
}

.b-link__icon {
    color: var(--color-200)
}

.b-link__icon--right {
    margin-left: .25rem
}

.b-link__icon--l {
    margin-right: .375rem
}

.b-link.is-active {
    color: var(--color-800)
}

.b-link:hover {
    color: var(--color-900)
}

.b-link:hover .b-link__icon {
    color: var(--accent-500)
}

.b-link:active,
.b-link:active .b-link__icon {
    color: var(--color-500)
}

.b-link2 {
    display: inline-flex;
    align-items: center;
    margin: -.75rem;
    padding: .75rem;
    font-size: 1rem;
    line-height: 1.35;
    font-weight: 500;
    color: #373d43;
    color: rgba(55, 61, 67, var(--text-opacity))
}

.b-link2,
.b-link2__icon {
    --text-opacity: 1;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .14s;
    transition-timing-function: ease
}

.b-link2__icon {
    font-size: .875rem;
    color: #1e4dd8;
    color: rgba(30, 77, 216, var(--text-opacity))
}

.b-link2__icon--r {
    margin-left: .5rem
}

.b-link2:hover {
    --text-opacity: 1;
    color: #1e4dd8;
    color: rgba(30, 77, 216, var(--text-opacity))
}

.b-link2:active,
.b-link2:active .b-link2__icon {
    --text-opacity: 1;
    color: #183ead;
    color: rgba(24, 62, 173, var(--text-opacity))
}

.b-link2--t2 {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.b-link2--t2 .b-link2__icon,
.b-link2--t2:hover {
    --text-opacity: 1;
    color: #7491e7;
    color: rgba(116, 145, 231, var(--text-opacity))
}

.b-link2--t2:active,
.b-link2--t2:active .b-link2__icon {
    --text-opacity: 1;
    color: #496fdf;
    color: rgba(73, 111, 223, var(--text-opacity))
}

.b-link2--light {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.b-link2--light .b-link2__icon,
.b-link2--light:hover {
    color: var(--accent-500)
}

.b-link2--light:active,
.b-link2--light:active .b-link2__icon {
    color: var(--accent-700)
}

.b-link2--accent {
    color: var(--color-700)
}

.b-link2--accent .b-link2__icon,
.b-link2--accent:hover {
    color: var(--accent-500)
}

.b-link2--accent:active,
.b-link2--accent:active .b-link2__icon {
    color: var(--accent-700)
}

.b-link2--white {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0
}

.b-link2--white,
.b-link2--white:hover {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.b-link2--white:hover {
    opacity: .9;
    transition-property: opacity;
    transition-duration: .14s;
    transition-timing-function: ease
}

.b-link2--white:active {
    opacity: 1
}

.b-link2--white2 {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.b-link2--white2 .b-link2__icon {
    color: var(--accent-100)
}

.b-link2--white2:hover {
    --text-opacity: 1;
    color: #e7ebf0;
    color: rgba(231, 235, 240, var(--text-opacity))
}

.b-link2--white2:active,
.b-link2--white2:active .b-link2__icon {
    --text-opacity: 1;
    color: #bcbfc1;
    color: rgba(188, 191, 193, var(--text-opacity))
}

.b-locked-wallpapers.is-active .b-locked-wallpapers__button-unlock,
.b-locked-wallpapers:not(.is-active) .b-locked-wallpapers__button-download {
    display: none
}

:root {
    --logo-shape-color-1: #2853c3;
    --logo-shape-color-2: #3ca9e5;
    --logo-shape-color-3: #1a4199;
    --logo-shape-color-4: #60beff;
    --logo-text-color: #2853c3
}

.b-logo .nexo-logo-shape-1,
.b-logo .nexo-logo-shape-2 {
    fill: var(--logo-shape-color-1)
}

.b-logo .nexo-logo-shape-3,
.b-logo .nexo-logo-shape-4 {
    fill: var(--logo-shape-color-2)
}

.b-logo .nexo-logo-shape-5 {
    fill: var(--logo-shape-color-3)
}

.b-logo .nexo-logo-shape-6 {
    fill: var(--logo-shape-color-4)
}

.b-logo .nexo-logo-letter-e,
.b-logo .nexo-logo-letter-n,
.b-logo .nexo-logo-letter-o,
.b-logo .nexo-logo-letter-x {
    fill: var(--logo-text-color)
}

.b-logos-control__toggle {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .14s;
    transition-timing-function: ease
}

.b-logos-control__toggle:hover .b-logos-control__toggle-content {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1
}

.b-logos-control__toggle.is-active {
    background-color: var(--color-50)
}

.b-logos-control__toggle-content {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: .14s;
    transition-timing-function: ease
}

.b-loyalty-levels {
    padding-bottom: 3rem;
    --bg-opacity: 1;
    background-color: #f5f9ff;
    background-color: rgba(245, 249, 255, var(--bg-opacity));
    border-radius: .375rem;
    overflow: auto;
    background-repeat: no-repeat;
    background-position: 0 0
}

.b-loyalty-levels--mobile {
    overflow: hidden
}

.b-loyalty-levels--mobile [ob-carousel-rail] {
    margin-left: -6vw
}

@media (min-width:900px) {
    .b-loyalty-levels--mobile {
        display: none
    }
}

.b-loyalty-levels--mobile .b-loyalty-levels__card {
    margin-right: 1rem;
    width: 86vw
}

@media (min-width:600px) {
    .b-loyalty-levels--mobile .b-loyalty-levels__card {
        width: 44vw
    }
}

.b-loyalty-levels--mobile .b-loyalty-levels__card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem
}

.b-loyalty-levels--mobile .b-loyalty-levels__row {
    height: 3rem
}

.b-loyalty-levels--mobile .b-loyalty-levels__row--big {
    height: 5rem
}

.b-loyalty-levels--desktop {
    padding-top: 4rem
}

@media (max-width:900px) {
    .b-loyalty-levels--desktop {
        display: none
    }
}

@media (min-width:900px) {
    .b-loyalty-levels--desktop {
        padding-top: 6.5rem;
        padding-bottom: 5rem
    }
}

@media (min-width:1200px) {
    .b-loyalty-levels--desktop {
        padding-left: 0;
        padding-right: 0
    }
}

.b-loyalty-levels--desktop>div {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    min-width: 768px
}

.b-loyalty-levels--desktop .b-loyalty-levels__card {
    text-align: center
}

.b-loyalty-levels--desktop .b-loyalty-levels__card-top {
    height: 6.5rem
}

.b-loyalty-levels--desktop .b-loyalty-levels__row {
    height: 4rem
}

.b-loyalty-levels--desktop .b-loyalty-levels__row--big {
    height: 6rem
}

.b-loyalty-levels__card {
    border-top-width: 6px;
    border-style: solid;
    border-radius: .375rem;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.b-loyalty-levels__card-top {
    --border-opacity: 1;
    border-color: #e7ebf0;
    border-bottom: 1px;
    border-color: rgba(231, 235, 240, var(--border-opacity));
    border-style: solid
}

.b-loyalty-levels__card-top strong {
    --text-opacity: 1;
    color: #373d43;
    color: rgba(55, 61, 67, var(--text-opacity))
}

.b-loyalty-levels__row {
    display: flex;
    align-items: center;
    line-height: 1.35
}

.b-loyalty-levels__row em {
    font-size: .875rem;
    --text-opacity: 1;
    color: #83888c;
    color: rgba(131, 136, 140, var(--text-opacity));
    font-style: normal;
    font-weight: 400
}

.b-media-logos {
    background-color: #94a8b6;
    mix-blend-mode: overlay
}

.b-modal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 50;
    background-color: #14171a;
    background-color: rgba(20, 23, 26, var(--bg-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    background: rgba(20, 23, 26, .9)
}

.b-modal,
.b-modal__content {
    --bg-opacity: 1;
    transition-duration: .5s
}

.b-modal__content {
    position: relative;
    margin: .5rem;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    border-radius: .375rem;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}

.b-modal__button {
    transition-property: opacity;
    transition-duration: .14s;
    transition-timing-function: ease
}

.b-modal__button:hover {
    opacity: .75
}

.b-modal__button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem;
    font-size: 1.5rem;
    --text-opacity: 1;
    color: #4a5056;
    color: rgba(74, 80, 86, var(--text-opacity))
}

.b-modal:not(.is-active) {
    visibility: hidden;
    pointer-events: none;
    opacity: 0
}

.b-modal:not(.is-active) .b-modal__content {
    transform: scale(.8)
}

.b-nav-drawer {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}

.b-nav-drawer__content,
.b-nav-drawer__cta {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: .14s;
    transition-timing-function: ease;
    will-change: transform
}

body.is-active-nav .b-nav-drawer__content,
body.is-active-nav .b-nav-drawer__cta {
    transition-duration: .3s
}

body.is-active-nav .b-nav-drawer__content {
    transition-delay: .15s
}

body.is-active-nav .b-nav-drawer .b-nav-drawer__cta:first-child {
    transition-delay: .2s
}

body.is-active-nav .b-nav-drawer .b-nav-drawer__cta:nth-child(2) {
    transition-delay: .3s
}

body:not(.is-active-nav) .b-nav-drawer {
    opacity: 0;
    transform: translateY(-100%);
    pointer-events: none
}

body:not(.is-active-nav) .b-nav-drawer .b-nav-drawer__content {
    opacity: 0
}

body:not(.is-active-nav) .b-nav-drawer .b-nav-drawer__cta {
    opacity: 0;
    transform: translateY(1rem)
}

.b-navbar__items {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: .3s;
    transition-timing-function: ease
}

.b-navbar__button {
    display: inline-flex;
    align-items: center;
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--color-500);
    transition: color .14s ease
}

.b-navbar__button__icon {
    color: var(--color-200);
    transition: color .14s ease
}

.b-navbar__button__icon--right {
    margin-left: .25rem
}

.b-navbar__button__icon--l {
    margin-right: .375rem
}

.b-navbar__button.is-active {
    color: var(--color-800)
}

.b-navbar__button:hover {
    color: var(--color-900)
}

.b-navbar__button:hover .b-navbar__button__icon {
    color: var(--accent-500)
}

.b-navbar__button:active,
.b-navbar__button:active .b-navbar__button__icon {
    color: var(--color-500)
}

.b-navbar__button {
    position: relative
}

.b-navbar__button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    --bg-opacity: 1;
    background-color: #1e4dd8;
    background-color: rgba(30, 77, 216, var(--bg-opacity));
    opacity: 0;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    content: "";
    height: 3px;
    transform: translateY(-100%)
}

.b-navbar__button.is-active:before {
    --bg-opacity: 1;
    background-color: #3a8ef6;
    background-color: rgba(58, 142, 246, var(--bg-opacity))
}

.b-navbar__button.is-active:before,
.b-navbar__item:hover .b-navbar__button:before {
    opacity: 1;
    transform: none
}

.b-navbar__button .o-icon {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}

.b-navbar__item:hover .b-navbar__button .o-icon {
    transform: rotate(180deg)
}

.b-navbar__toggle {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .14s;
    transition-timing-function: ease
}

.b-navbar__toggle svg {
    overflow: visible
}

.b-navbar__toggle svg path {
    transition-property: transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}

.b-navbar__toggle svg path:first-child {
    transform-origin: 50% 25%
}

body.is-active-nav .b-navbar__toggle svg path:first-child {
    transform: translateY(25%) rotate(-225deg)
}

.b-navbar__toggle svg path:nth-child(2) {
    transform-origin: center
}

body.is-active-nav .b-navbar__toggle svg path:nth-child(2) {
    transform: rotate(-135deg)
}

.b-navbar__toggle svg path:nth-child(3) {
    transform-origin: 50% 75%
}

body.is-active-nav .b-navbar__toggle svg path:nth-child(3) {
    transform: translateY(-25%) rotate(-135deg)
}

.b-navbar__toggle:active {
    --text-opacity: 1;
    color: #1e4dd8;
    color: rgba(30, 77, 216, var(--text-opacity))
}

body:not(.is-scrolled):not(.is-active-nav) .b-navbar {
    background: none;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

body.is-scrolled .b-navbar__cta {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    background: var(--color);
    box-shadow: none
}

body.is-scrolled .b-navbar__cta:hover {
    background: var(--color-hover)
}

body.is-scrolled .b-navbar__cta:active {
    background: var(--color-active)
}

.b-navbar__dropdown ul li:nth-last-child(2) {
    margin-left: -2rem;
    margin-right: -2rem;
    margin-top: 1rem;
    border-top-width: 1px;
    border-color: var(--color-100)
}

.b-navbar__dropdown ul li:nth-last-child(2) a {
    margin-left: 2rem;
    margin-right: 2rem;
    padding-top: 1.5rem
}

@media (min-width:1200px) {
    body:not(.is-scrolled-up) .b-navbar__items {
        transform: translateY(-20px);
        opacity: 0;
        pointer-events: none
    }
    .b-navbar__item:not(:hover):not(:focus-within) .b-navbar__dropdown,
    body:not(.is-scrolled-up) .b-navbar .b-navbar__dropdown {
        opacity: 0;
        visibility: hidden;
        transform: translateY(1.5rem);
        pointer-events: none
    }
}

[data-navbar-theme=light] .b-navbar {
    background-color: hsla(0, 0%, 100%, .8);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px)
}

[data-navbar-theme=dark] .b-navbar {
    background-color: rgba(3, 4, 5, .6);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

[data-navbar-theme=dark] .b-navbar__dropdown>div {
    background-color: var(--color-50)
}

[data-navbar-theme=blue] .b-navbar {
    background-color: rgba(8, 31, 117, .75);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    --logo-shape-color-1: #bdf;
    --logo-shape-color-2: #d9eeff;
    --logo-shape-color-3: #a0ccff;
    --logo-shape-color-4: #fff;
    --logo-text-color: #fff
}

[data-navbar-theme=blue] .b-navbar__button {
    --text-opacity: 1;
    color: #7491e7;
    color: rgba(116, 145, 231, var(--text-opacity))
}

[data-navbar-theme=blue] .b-navbar__button__icon {
    --text-opacity: 1;
    color: #9eb3ee;
    color: rgba(158, 179, 238, var(--text-opacity))
}

[data-navbar-theme=blue] .b-navbar__button.is-active,
[data-navbar-theme=blue] .b-navbar__button.is-active .b-navbar__button__icon,
[data-navbar-theme=blue] .b-navbar__button:active,
[data-navbar-theme=blue] .b-navbar__button:hover,
[data-navbar-theme=blue] .b-navbar__button:hover .b-navbar__button__icon {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

[data-navbar-theme=blue] .b-navbar__button:active {
    opacity: .9
}

[data-navbar-theme=blue] .b-navbar__button:before {
    --bg-opacity: 1;
    background-color: #3a8ef6;
    background-color: rgba(58, 142, 246, var(--bg-opacity))
}

[data-navbar-theme=blue] .b-navbar__toggle,
[data-navbar-theme=blue] .b-navbar__toggle:active {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

[data-navbar-theme=blue] .b-navbar__toggle:active {
    opacity: .9
}

[data-navbar-theme=blue] .b-navbar .b-link {
    --text-opacity: 1;
    color: #9eb3ee;
    color: rgba(158, 179, 238, var(--text-opacity))
}

[data-navbar-theme=blue] .b-navbar .b-link__icon {
    --text-opacity: 1;
    color: #c9d4f6;
    color: rgba(201, 212, 246, var(--text-opacity))
}

[data-navbar-theme=blue] .b-navbar .b-link:hover,
[data-navbar-theme=blue] .b-navbar .b-link:hover .b-link__icon {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

[data-navbar-theme=blue] .b-navbar .b-link:active {
    opacity: .9
}

body:not(.is-scrolled) .c-mobile-cta-top {
    opacity: 0;
    visibility: hidden;
    transform: translateY(3px);
    pointer-events: none
}

.b-pagination__button {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.b-pagination__button>:first-child {
    margin-top: 0;
    margin-left: 0
}

.b-pagination__button>:last-child {
    margin-right: 0;
    margin-bottom: 0
}

.b-pagination__button {
    padding: .75rem 1rem;
    font-size: 1rem;
    font-weight: 500;
    --text-opacity: 1;
    color: #1e4dd8;
    color: rgba(30, 77, 216, var(--text-opacity));
    --bg-opacity: 1;
    background-color: #f6f8fb;
    background-color: rgba(246, 248, 251, var(--bg-opacity))
}

.b-pagination__button.is-active {
    --text-opacity: 1;
    color: #4a5056;
    color: rgba(74, 80, 86, var(--text-opacity));
    background: none
}

.b-pagination__text {
    display: none;
    margin-left: .25rem;
    margin-right: .25rem
}

@media (min-width:900px) {
    .b-pagination__text {
        display: block
    }
}

.b-select {
    position: relative;
    font-size: 1.125rem;
    --bg-opacity: 1;
    background-color: #f6f8fb;
    background-color: rgba(246, 248, 251, var(--bg-opacity));
    border-radius: .25rem
}

.b-select select {
    width: 100%;
    padding: .75rem 1rem;
    line-height: 1.35;
    font-weight: 500;
    --text-opacity: 1;
    color: #252a2f;
    color: rgba(37, 42, 47, var(--text-opacity));
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none
}

.b-select__icon {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-flex;
    align-items: center;
    height: 100%;
    padding-left: .75rem;
    padding-right: .75rem;
    pointer-events: none
}

.b-separator {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4rem;
    margin-bottom: 4rem
}

.b-separator span {
    width: .25rem;
    height: .25rem;
    margin-left: .5rem;
    margin-right: .5rem;
    --bg-opacity: 1;
    background-color: #bcbfc1;
    background-color: rgba(188, 191, 193, var(--bg-opacity));
    border-radius: 100px
}

.b-steps__item.is-active .b-steps__indicator {
    --bg-opacity: 1;
    background-color: #1e4dd8;
    background-color: rgba(30, 77, 216, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.b-steps__item.is-active .b-steps__line:before {
    width: 66.6667%
}

.b-steps__indicator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.125rem;
    font-weight: 500;
    --bg-opacity: 1;
    background-color: #f6f8fb;
    background-color: rgba(246, 248, 251, var(--bg-opacity));
    --text-opacity: 1;
    color: #83888c;
    color: rgba(131, 136, 140, var(--text-opacity));
    border-radius: 100px
}

.b-steps__indicator--indigo {
    --bg-opacity: 1;
    background-color: #1e4dd8;
    background-color: rgba(30, 77, 216, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.b-steps__indicator {
    transition: all .14s ease
}

.b-steps__line {
    position: relative
}

.b-steps__line:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: .125rem;
    --bg-opacity: 1;
    background-color: #3a8ef6;
    background-color: rgba(58, 142, 246, var(--bg-opacity));
    content: "";
    transition: width .5s cubic-bezier(.075, .82, .165, 1)
}

.b-tab {
    position: relative;
    padding: 1rem .75rem;
    font-size: 1rem;
    font-weight: 500;
    --text-opacity: 1;
    color: #83888c;
    color: rgba(131, 136, 140, var(--text-opacity));
    --border-opacity: 1;
    border-color: #e7ebf0;
    border-color: rgba(231, 235, 240, var(--border-opacity));
    text-align: center;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .14s;
    transition-timing-function: ease
}

@media (min-width:600px) {
    .b-tab {
        font-size: 1.125rem;
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.b-tab--line-b {
    border-bottom-width: 3px
}

.b-tab--line-l {
    border-left-width: 3px
}

.b-tab.is-active {
    border-color: #3a8ef6;
    border-color: rgba(58, 142, 246, var(--border-opacity))
}

.b-tab.is-active,
.b-tab:hover {
    --text-opacity: 1;
    color: #252a2f;
    color: rgba(37, 42, 47, var(--text-opacity));
    --border-opacity: 1
}

.b-tab:hover {
    border-color: #1e4dd8;
    border-color: rgba(30, 77, 216, var(--border-opacity))
}

.b-tab:active {
    --text-opacity: 1;
    color: #373d43;
    color: rgba(55, 61, 67, var(--text-opacity))
}

.b-table {
    border-bottom-width: 1px;
    --border-opacity: 1;
    border-color: #e7ebf0;
    border-color: rgba(231, 235, 240, var(--border-opacity))
}

@media (min-width:900px) {
    .b-table {
        border-width: 1px
    }
}

.b-table th {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    --bg-opacity: 1;
    background-color: #1e4dd8;
    background-color: rgba(30, 77, 216, var(--bg-opacity))
}

.b-table__cell {
    --border-opacity: 1;
    border-color: #e7ebf0;
    border-color: rgba(231, 235, 240, var(--border-opacity));
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .3s;
    transition-timing-function: ease
}

.b-table__highlight,
.b-table tr:hover .b-table__cell:not(th) {
    --bg-opacity: 1;
    background-color: #f4f6fd;
    background-color: rgba(244, 246, 253, var(--bg-opacity))
}

.b-testimonials-item__icon-quote {
    display: flex
}

.b-testimonials-item__icon-link {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .3s;
    transition-timing-function: ease;
    display: none
}

.b-testimonials-item__icon-link:hover {
    --text-opacity: 1;
    color: #122e82;
    color: rgba(18, 46, 130, var(--text-opacity))
}

.b-testimonials-item:hover .b-testimonials-item__icon-quote {
    display: none
}

.b-testimonials-item:hover .b-testimonials-item__icon-link {
    display: flex
}

.b-text-boxes {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media (min-width:600px) {
    .b-text-boxes {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:1200px) {
    .b-text-boxes {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.b-text-boxes__item {
    grid-column: span 1/span 1;
    padding: 1.5rem;
    border-style: solid;
    --border-opacity: 1;
    border-color: #e7ebf0;
    border-color: rgba(231, 235, 240, var(--border-opacity))
}

.b-text-boxes__item:not(:first-child) {
    border-top-width: 1px
}

@media (min-width:600px) {
    .b-text-boxes__item {
        padding: 2rem
    }
    .b-text-boxes__item:nth-child(2) {
        border-top-width: 0
    }
    .b-text-boxes__item:nth-child(2n) {
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .b-text-boxes__item {
        padding: 3rem
    }
    .b-text-boxes__item:nth-child(3) {
        border-top-width: 0
    }
    .b-text-boxes__item:nth-child(3n+1) {
        border-left-width: 0
    }
    .b-text-boxes__item:nth-child(3n+2),
    .b-text-boxes__item:nth-child(3n+3) {
        border-left-width: 1px
    }
}

@media (min-width:900px) {
    .b-timeline__rail {
        position: relative;
        left: 17%
    }
}

.b-toast {
    position: fixed;
    z-index: 50;
    bottom: 0;
    width: 100%;
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease
}

.b-toast:not(.is-active) {
    transform: translateY(100%)
}

.b-toggle-label {
    color: var(--color-400);
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .14s;
    transition-timing-function: ease
}

.b-toggle-label:hover {
    color: var(--color-600)
}

.b-toggle-label:active {
    color: var(--color-700)
}

.b-toggle-label.is-active {
    color: var(--color-500)
}

@-webkit-keyframes toggle-increase {
    25% {
        --text-opacity: 1;
        color: #00a76a;
        color: rgba(0, 167, 106, var(--text-opacity))
    }
    60% {
        --text-opacity: 1;
        color: #00a76a;
        color: rgba(0, 167, 106, var(--text-opacity));
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.a-toggle-decrease {
    -webkit-animation-name: toggle-decrease;
    animation-name: toggle-decrease;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes toggle-decrease {
    25% {
        color: var(--color-400)
    }
    60% {
        color: var(--color-400);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes toggle-decrease {
    25% {
        color: var(--color-400)
    }
    60% {
        color: var(--color-400);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.b-toggle {
    position: relative;
    width: 4rem;
    height: 2rem;
    background-color: var(--color-300);
    border-radius: 100px;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .3s;
    transition-timing-function: ease
}

.b-toggle__knob {
    display: inline-block;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    border-radius: 100px;
    transition-property: transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    top: 4px;
    left: 4px
}

.b-toggle.is-active {
    background-color: var(--accent-500)
}

.b-toggle.is-active .b-toggle__knob {
    transform: translateX(2rem)
}

@media (min-width:900px) {
    @media (max-height: 1010px) {
        .b-token {
            min-height:100vh
        }
    }
}

.b-token__wrapper {
    width: 35%
}

.b-token__capsule,
.b-token__lid {
    position: relative
}

.b-token__lid {
    will-change: transform;
    left: 12%;
    z-index: 3;
    width: 76%;
    margin-bottom: -10%;
    opacity: calc(1 - var(--r2));
    transform: translateY(calc(var(--r2)*-50%))
}

.b-token__coin {
    will-change: transform;
    top: 4%;
    left: 10%;
    z-index: 2;
    width: 80%;
    padding-top: 80%;
    background-size: 500%;
    transition: transform 80ms linear
}

.b-token__coin,
.b-token__coin svg {
    position: absolute
}

@media (min-width:900px) {
    .b-token__coin {
        transition: none
    }
}

.b-token__pedestal {
    will-change: transform;
    position: relative;
    z-index: 1;
    transform: translateY(calc(var(--r3)*105%))
}

.b-token__band-content {
    z-index: 2
}

@media (min-width:600px) {
    .b-token__band-content {
        z-index: 1
    }
}

.b-token__node {
    height: 10rem
}

.b-token__node svg {
    display: none
}

@media (min-width:1200px) {
    .b-token__node svg {
        display: block
    }
}

@media (min-width:900px) {
    .b-token__node {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 5rem;
        height: 7rem;
        transform: translateX(-50%)
    }
}

@media (min-width:1200px) {
    .b-token__node {
        top: 68.4%
    }
}

@-webkit-keyframes nexo-token-dashes {
    0% {
        stroke-dashoffset: 0px
    }
    to {
        stroke-dashoffset: 50px
    }
}

@keyframes nexo-token-dashes {
    0% {
        stroke-dashoffset: 0px
    }
    to {
        stroke-dashoffset: 50px
    }
}

[ob-token].is-full [ob-token-line] {
    stroke-dasharray: 6px 4px !important;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: nexo-token-dashes;
    animation-name: nexo-token-dashes;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.b-twitter-sharer-wp {
    position: relative
}

.b-twitter-sharer-wp.is-active .b-twitter-sharer-wp__button-share,
.b-twitter-sharer-wp:not(.is-active) .b-twitter-sharer-wp__button-download {
    display: none
}

.b-twitter-sharer-wp__text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 500;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

@media (min-width:900px) {
    .b-twitter-sharer-wp__text {
        padding: 1.5rem;
        font-size: 1.5rem
    }
}

@media (min-width:1200px) {
    .b-twitter-sharer-wp__text {
        font-size: 1.75rem
    }
}

.b-twitter-sharer-wp__buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1.25rem
}

@media (min-width:900px) {
    .b-twitter-sharer-wp__buttons {
        padding: 1.5rem
    }
}

.b-twitter-sharer-wp__locked-cover {
    opacity: .78
}

.b-twitter-sharer-wp__locked-cover,
.b-twitter-sharer-wp__locked-text {
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: ease
}

.b-twitter-sharer-wp.is-unlocked .b-twitter-sharer-wp__locked-cover,
.b-twitter-sharer-wp.is-unlocked .b-twitter-sharer-wp__locked-text {
    opacity: 0;
    visibility: hidden
}

.b-twitter-sharer-wp:not(.is-unlocked) .b-button {
    color: var(--color-200);
    background-color: var(--color-700);
    cursor: not-allowed;
    pointer-events: none
}

@media (max-width:599px) {
    .b-unlock__arrow {
        transform: translate(-30%, 5%) scale(.8) rotate(-47deg)
    }
}

.b-unlock__background {
    transform: scale(1.5) translate(12%, 1%)
}

@media (min-width:900px) {
    .b-unlock__background {
        transform: none
    }
}

.b-unlock:not(.is-unlocked) .b-unlock__background {
    -webkit-filter: blur(1px) grayscale(1);
    filter: blur(1px) grayscale(1);
    opacity: .1
}

@media (min-width:900px) {
    .b-unlock:not(.is-unlocked) .b-unlock__background {
        -webkit-filter: blur(3px) grayscale(1);
        filter: blur(3px) grayscale(1);
        opacity: .2
    }
}

.b-unlock:not(.is-unlocked) .b-unlock__button-active {
    display: none
}

.b-unlock.is-unlocked .b-unlock__background {
    opacity: .3
}

.b-unlock.is-unlocked .b-unlock__button-inactive {
    display: none
}

.b-video {
    position: relative;
    padding-top: 56.25%
}

.b-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.b-visual-card__img {
    --bg-opacity: 1;
    background-color: #3a8ef6;
    background-color: rgba(58, 142, 246, var(--bg-opacity));
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}

.b-visual-card:hover .b-visual-card__img {
    transform: scale(1.12);
    opacity: .86
}

.b-visual-card__text-alt {
    display: none
}

.b-visual-card.type-alt:hover .b-visual-card__text-alt {
    display: block
}

.b-visual-card.type-alt:hover .b-visual-card__img {
    opacity: .15
}

@media (min-width:600px) {
    .o-br.mobile {
        display: none
    }
}

@media (max-width:600px),
(min-width:900px) {
    .o-br.tablet {
        display: none
    }
}

@media (max-width:900px) {
    .o-br.desktop {
        display: none
    }
}

.o-button {
    display: inline-flex;
    align-items: center;
    padding: .75rem 1.5rem;
    font-size: 1.125rem;
    text-align: center;
    font-family: TT Norms, Helvetica, Arial;
    font-weight: 700;
    --bg-opacity: 1;
    background-color: #1e4dd8;
    background-color: rgba(30, 77, 216, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    border-radius: .25rem
}

.o-button--sm {
    font-size: 1rem;
    padding: .5rem 1rem;
    line-height: 1.2
}

.o-button--bare {
    font-weight: 500;
    background: none;
    color: unset
}

.o-button--bare .o-icon {
    position: relative;
    margin-left: .125rem;
    --text-opacity: 1;
    color: #bcbfc1;
    color: rgba(188, 191, 193, var(--text-opacity));
    vertical-align: middle;
    bottom: .1em
}

.o-button--facebook {
    --bg-opacity: 1;
    background-color: #4267b2;
    background-color: rgba(66, 103, 178, var(--bg-opacity))
}

.o-button--twitter {
    --bg-opacity: 1;
    background-color: #1da1f2;
    background-color: rgba(29, 161, 242, var(--bg-opacity))
}

.o-button--linkedin {
    --bg-opacity: 1;
    background-color: #0077b5;
    background-color: rgba(0, 119, 181, var(--bg-opacity))
}

.o-button--gray {
    --bg-opacity: 1;
    background-color: #f6f8fb;
    background-color: rgba(246, 248, 251, var(--bg-opacity));
    --text-opacity: 1;
    color: #4a5056;
    color: rgba(74, 80, 86, var(--text-opacity))
}

.o-button__icon {
    font-size: 1.25rem
}

.o-button__icon--left {
    margin-right: .5rem
}

.o-clip {
    overflow: hidden
}

.o-clip--padded {
    margin-top: -200px;
    margin-bottom: -200px;
    padding-top: 200px;
    padding-bottom: 200px
}

.o-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.o-icon {
    display: flex;
    color: inherit
}

.o-icon--fa-brands path,
.o-icon--fa-light path,
.o-icon--fa-regular path,
.o-icon--fa-solid path,
.o-icon--misc path,
.o-icon--outline path {
    fill: currentColor
}

.o-icon img,
.o-icon svg {
    width: 1em;
    height: 1em;
    color: inherit
}

.o-logo {
    width: auto;
    height: 1em
}

body {
    --height-infobar: 0px;
    --height-navbar: 56px;
    --nav-pull: calc(var(--height-infobar) + var(--height-navbar));
    --nav-pad: 16px
}

body.has-infobar:not(.is-hidden-infobar) {
    --height-infobar: 56px
}

@media (min-width:900px) {
    body {
        --height-navbar: 67px
    }
}

@media (min-width:1200px) {
    body {
        --height-navbar: 72px;
        --nav-pad: 30px
    }
}

.o-nav-pull {
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-property: margin, padding;
    padding-top: calc(var(--nav-pull) - var(--nav-pad))
}

.o-nav-pull,
.o-nav-pull--margin {
    margin-top: calc(var(--nav-pull)*-1)
}

.o-nav-pull--margin {
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-property: margin
}

.o-nav-pull--padding {
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-property: padding;
    padding-top: calc(var(--nav-pull) - var(--nav-pad))
}

.o-ratio {
    position: relative
}

.o-ratio--wide {
    padding-top: 56.25%
}

.o-ratio--square {
    padding-top: 100%
}

body.has-keyboard .o-select.has-focus {
    outline: auto
}

.o-visual {
    position: absolute;
    z-index: 0;
    height: 100%;
    max-width: none
}

.s-article {
    font-size: 1rem;
    line-height: 1.5
}

@media (min-width:900px) {
    .s-article {
        font-size: 1.25rem
    }
}

.s-article p {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.s-article p.large {
    margin-top: 4rem;
    margin-bottom: 1.5rem;
    line-height: 1.35;
    font-size: 1.4em
}

.s-article h1 a,
.s-article h2 a,
.s-article h3 a,
.s-article li a,
.s-article p a {
    --text-opacity: 1;
    color: #1e4dd8;
    color: rgba(30, 77, 216, var(--text-opacity));
    text-decoration: underline;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .3s
}

.s-article h1 a:hover,
.s-article h2 a:hover,
.s-article h3 a:hover,
.s-article li a:hover,
.s-article p a:hover {
    --text-opacity: 1;
    color: #122e82;
    color: rgba(18, 46, 130, var(--text-opacity));
    text-decoration: none
}

.s-article h1 a:active,
.s-article h2 a:active,
.s-article h3 a:active,
.s-article li a:active,
.s-article p a:active {
    --text-opacity: 1;
    color: #1e4dd8;
    color: rgba(30, 77, 216, var(--text-opacity))
}

.s-article h1,
.s-article h2,
.s-article h3 {
    margin-top: 4rem;
    margin-bottom: 1rem;
    font-weight: 700
}

.s-article h1 {
    font-size: 1.5rem
}

@media (min-width:900px) {
    .s-article h1 {
        font-size: 2.625rem
    }
}

.s-article h2 {
    font-size: 1.25rem
}

@media (min-width:900px) {
    .s-article h2 {
        font-size: 2rem
    }
}

.s-article h3 {
    font-size: 1.125rem
}

@media (min-width:900px) {
    .s-article h3 {
        font-size: 1.5rem
    }
}

.s-article li {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.s-article li:before {
    position: absolute;
    top: 0;
    right: 100%;
    margin-right: 1rem;
    content: ""
}

.s-article ul {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding-left: 1.5rem
}

.s-article ul li:before {
    width: .5rem;
    height: .5rem;
    --bg-opacity: 1;
    background-color: #183ead;
    background-color: rgba(24, 62, 173, var(--bg-opacity));
    border-radius: 100px;
    top: .6em
}

.s-article ol {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding-left: 2rem;
    counter-reset: article-counter
}

.s-article ol li {
    counter-increment: article-counter
}

.s-article ol li:before {
    font-weight: 500;
    --text-opacity: 1;
    color: #183ead;
    color: rgba(24, 62, 173, var(--text-opacity));
    content: counter(article-counter) "."
}

.s-article figure {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.s-article figure.large {
    width: 100%
}

.s-article figure.full {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.s-article figure.widescreen {
    position: relative;
    padding-top: 56.25%
}

.s-article figure.widescreen iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.s-article figure.lightbox {
    cursor: zoom-in
}

.s-article figure.centered img {
    width: auto;
    max-height: 50vh;
    margin-left: auto;
    margin-right: auto
}

.s-article img {
    width: 100%;
    border-radius: .375rem
}

.s-article figcaption {
    margin-top: 1rem;
    font-size: 1rem;
    --text-opacity: 1;
    color: #83888c;
    color: rgba(131, 136, 140, var(--text-opacity));
    text-align: center
}

.s-article q {
    position: relative;
    display: block;
    margin-top: 3rem;
    margin-bottom: 3rem;
    font-weight: 500
}

.s-article q:after,
.s-article q:before {
    content: none
}

.s-article q .o-icon {
    position: absolute;
    top: 0;
    right: 100%;
    margin-top: -.125rem;
    margin-right: 4rem;
    font-size: 2rem;
    --text-opacity: 1;
    color: #1e4dd8;
    color: rgba(30, 77, 216, var(--text-opacity))
}

.s-article blockquote {
    position: relative;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-left: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-size: 1.25rem;
    font-weight: 700;
    font-family: Blacker, Times New Roman;
    line-height: 1.35
}

@media (min-width:900px) {
    .s-article blockquote {
        margin-top: 4rem;
        margin-bottom: 4rem;
        padding-left: 0;
        font-size: 2rem
    }
}

.s-article blockquote:before {
    position: absolute;
    top: 0;
    right: 100%;
    width: .25rem;
    height: 100%;
    --bg-opacity: 1;
    background-color: #1e4dd8;
    background-color: rgba(30, 77, 216, var(--bg-opacity));
    border-radius: 100px;
    content: ""
}

@media (min-width:900px) {
    .s-article blockquote:before {
        margin-right: 4rem
    }
}

.s-article article {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.s-article .preheading {
    margin-top: 3rem;
    margin-bottom: .75rem;
    font-size: .875rem;
    line-height: 1.15;
    font-weight: 500;
    --text-opacity: 1;
    color: #1e4dd8;
    color: rgba(30, 77, 216, var(--text-opacity))
}

@media (min-width:900px) {
    .s-article .preheading {
        font-size: 1.125rem
    }
}

.s-article .preheading+h2 {
    margin-top: .75rem
}

.s-article--legal-lists ol {
    padding-left: 0
}

.s-article--legal-lists ol ol {
    margin: 0
}

.s-article--legal-lists ol li:before {
    font-weight: 700;
    position: static;
    margin-right: .5ch;
    content: counters(article-counter, ".") "."
}

.s-article--legal-lists ol ul li:before {
    position: absolute;
    margin-right: 1rem;
    content: ""
}

.s-badge-list figure {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.s-badge a {
    transition-property: opacity;
    transition-duration: .14s;
    transition-timing-function: ease
}

.s-badge a:hover {
    opacity: .75
}

.s-badge a {
    display: inline-block;
    text-decoration: underline
}

.s-block-heading strong {
    display: block;
    font-size: 2.25rem;
    line-height: 1.15;
    font-family: Blacker, Times New Roman;
    color: var(--accent-500)
}

@media (min-width:900px) {
    .s-block-heading strong {
        font-size: 4rem
    }
}

@media (max-width:600px) {
    .s-sm-br br {
        display: none
    }
}

@media (max-width:900px) {
    .s-md-br br {
        display: none
    }
}

@media (max-width:1200px) {
    .s-lg-br br {
        display: none
    }
}

.s-card strong {
    display: block;
    margin-bottom: .75rem;
    font-size: 2rem;
    line-height: 1.15
}

@media (min-width:1200px) {
    .s-card strong {
        font-size: 3.25rem
    }
}

.s-checklist {
    font-size: 1.125rem;
    line-height: 1.35
}

.s-checklist li {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 2rem
}

.s-checklist li:before {
    position: absolute;
    left: 0;
    top: 2px;
    width: 1em;
    height: 1em;
    content: url(images/checkmark.svg)
}

@media (min-width:600px) {
    .s-checklist li {
        padding-right: 2rem
    }
}

.s-em strong {
    font-weight: 700;
    --text-opacity: 1;
    color: #3a8ef6;
    color: rgba(58, 142, 246, var(--text-opacity))
}

.s-faq li,
.s-faq p {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.s-faq li {
    position: relative
}

.s-faq li:before {
    position: absolute;
    top: 0;
    right: 100%;
    margin-right: 1rem;
    content: ""
}

.s-faq ul {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding-left: 1.5rem
}

.s-faq ul>li:before {
    width: .375rem;
    height: .375rem;
    --bg-opacity: 1;
    background-color: #183ead;
    background-color: rgba(24, 62, 173, var(--bg-opacity));
    border-radius: 100px;
    top: .5em
}

.s-faq ol {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding-left: 2rem;
    counter-reset: article-counter
}

.s-faq ol>li {
    counter-increment: article-counter
}

.s-faq ol>li:before {
    font-weight: 500;
    --text-opacity: 1;
    color: #183ead;
    color: rgba(24, 62, 173, var(--text-opacity));
    content: counter(article-counter) "."
}

.s-faq a {
    text-decoration: underline;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: .3s;
    transition-timing-function: ease
}

.s-faq a:hover {
    opacity: .75
}

.s-faq :first-child {
    margin-top: 0
}

.s-faq :last-child {
    margin-bottom: 0
}

.s-footer-text p+p {
    margin-top: 1rem
}

.s-footer-text hr {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    border-color: var(--color-100)
}

.s-heading strong {
    font-family: Blacker, Times New Roman
}

.s-heading--color strong {
    color: var(--color-500)
}

.s-heading--accent strong {
    color: var(--accent-500)
}

.s-heading--blue-300 strong {
    --text-opacity: 1;
    color: #85b9f9;
    color: rgba(133, 185, 249, var(--text-opacity))
}

.s-links-2 a {
    color: var(--accent-500)
}

.s-links-2 a:hover,
.s-links-3 a {
    text-decoration: underline
}

.s-links-3 a:hover {
    opacity: .75
}

.s-links a {
    color: var(--accent-500);
    font-weight: 500;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .3s;
    transition-timing-function: ease
}

.s-links a:hover {
    color: var(--accent-700)
}

.s-links a:active {
    color: var(--accent-800)
}

.s-padded-image-list [data-pad] {
    top: 4rem
}

@media (min-width:900px) {
    .s-padded-image-list [data-pad] {
        top: 0
    }
    .s-padded-image-list ul {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: -1rem
    }
    .s-padded-image-list li {
        width: 50%;
        margin-top: 0
    }
}

.s-share button:last-of-type {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.s-svg svg {
    width: auto;
    max-height: 100%
}

@media (max-width:600px) {
    .s-nfa-svg svg {
        width: 56px;
        height: 50px
    }
}

.s-text {
    font-size: 1rem;
    line-height: 1.35
}

@media (min-width:900px) {
    .s-text {
        font-size: 1.125rem
    }
}

.s-text li {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.s-text li:before {
    position: absolute;
    right: 100%;
    top: 50%;
    width: .5rem;
    height: .5rem;
    margin-top: -.25rem;
    margin-right: .75rem;
    --bg-opacity: 1;
    background-color: #3a8ef6;
    background-color: rgba(58, 142, 246, var(--bg-opacity));
    border-radius: 100px;
    content: ""
}

.s-text--mint li:before {
    --bg-opacity: 1;
    background-color: #00a76a;
    background-color: rgba(0, 167, 106, var(--bg-opacity))
}

.s-text2 {
    font-size: 1rem;
    line-height: 1.5
}

.s-text2 p {
    margin-top: 1rem;
    margin-bottom: 1rem
}

@media (min-width:900px) {
    .s-text2 {
        font-size: 1.25rem
    }
}

.s-text3 {
    font-size: 1.125rem;
    line-height: 1.35;
    --text-opacity: 1;
    color: #4a5056;
    color: rgba(74, 80, 86, var(--text-opacity))
}

.s-text3 p {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.s-text3 a {
    --text-opacity: 1;
    color: #1e4dd8;
    color: rgba(30, 77, 216, var(--text-opacity));
    text-decoration: underline;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .3s
}

.s-text3 a:hover {
    --text-opacity: 1;
    color: #122e82;
    color: rgba(18, 46, 130, var(--text-opacity));
    text-decoration: none
}

.s-text3 a:active {
    --text-opacity: 1;
    color: #0c1f56;
    color: rgba(12, 31, 86, var(--text-opacity))
}

.s-text3 li {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.s-text3 li:before {
    position: absolute;
    top: 0;
    right: 100%;
    margin-right: 1rem;
    content: ""
}

.s-text3 ul {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding-left: 1.5rem
}

.s-text3 ul>li:before {
    width: .5rem;
    height: .5rem;
    --bg-opacity: 1;
    background-color: #183ead;
    background-color: rgba(24, 62, 173, var(--bg-opacity));
    border-radius: 100px;
    top: .4em
}

.s-text3 ol {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding-left: 2rem;
    counter-reset: article-counter
}

.s-text3 ol>li {
    counter-increment: article-counter
}

.s-text3 ol>li:before {
    font-weight: 500;
    --text-opacity: 1;
    color: #183ead;
    color: rgba(24, 62, 173, var(--text-opacity));
    content: counter(article-counter) "."
}

.s-text3 figure {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.s-text4 {
    font-size: 1.125rem;
    line-height: 1.35;
    --text-opacity: 1;
    color: #252a2f;
    color: rgba(37, 42, 47, var(--text-opacity))
}

.s-text4 p {
    margin-top: 1rem;
    margin-bottom: 1rem
}

@media (min-width:600px) {
    .s-text4 p {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

.s-text4 li {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.s-text4 li:before {
    position: absolute;
    top: 0;
    right: 100%;
    margin-right: 1rem;
    content: ""
}

@media (min-width:600px) {
    .s-text4 li {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

.s-text4 ul {
    padding-left: 1.5rem
}

.s-text4 ul li:before {
    width: .5rem;
    height: .5rem;
    --bg-opacity: 1;
    background-color: #00a76a;
    background-color: rgba(0, 167, 106, var(--bg-opacity));
    border-radius: 100px;
    top: .4em
}

.s-text5 {
    font-size: 1.25rem;
    line-height: 1.5
}

.s-text5 p+p {
    margin-top: 1rem
}

@media (min-width:900px) {
    .s-text5 {
        font-size: 1.5rem
    }
}

.s-text6 p {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.s-text7 p {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.s-text7 a {
    text-decoration: underline;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: .3s;
    transition-timing-function: ease
}

.s-text7 a:hover {
    opacity: .75
}

.s-text7 :first-child {
    margin-top: 0
}

.s-text7 :last-child {
    margin-bottom: 0
}

.s-text7--colored-links a,
.s-text8 em {
    color: var(--accent-500)
}

.s-text8 em {
    font-style: normal
}

.s-tweet-carousel .twitter-tweet {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    pointer-events: none
}

@-webkit-keyframes slide-fade-bottom {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes slide-fade-bottom {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@-webkit-keyframes slide-fade-bottom-large {
    0% {
        opacity: 0;
        transform: translateY(100px)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes slide-fade-bottom-large {
    0% {
        opacity: 0;
        transform: translateY(100px)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@-webkit-keyframes slide-fade-top {
    0% {
        opacity: 0;
        transform: translateY(-30px)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes slide-fade-top {
    0% {
        opacity: 0;
        transform: translateY(-30px)
    }
    to {
        opacity: 1;
        transform: none
    }
}

#home .a-cta,
#home .a-header-bar,
#home .a-header-text,
#home .a-header-vp,
#home .a-header-word,
#home .a-infobar,
#home .a-navbar {
    -webkit-animation-name: slide-fade-bottom;
    animation-name: slide-fade-bottom;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-timing-function: cubic-bezier(.33, 1, .68, 1);
    animation-timing-function: cubic-bezier(.33, 1, .68, 1)
}

#home .a-infobar {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

#home .a-infobar,
#home .a-navbar {
    -webkit-animation-name: slide-fade-top;
    animation-name: slide-fade-top
}

#home .a-header-word {
    display: inline-block;
    -webkit-animation-delay: calc(100ms*var(--anim-index));
    animation-delay: calc(100ms*var(--anim-index))
}

#home .a-header-text {
    -webkit-animation-delay: calc(.2s + 120ms*var(--anim-index));
    animation-delay: calc(.2s + 120ms*var(--anim-index))
}

#home .a-cta {
    -webkit-animation-delay: calc(.4s + 120ms*var(--anim-index));
    animation-delay: calc(.4s + 120ms*var(--anim-index))
}

#home .a-header-bar {
    -webkit-animation-name: slide-fade-bottom-large;
    animation-name: slide-fade-bottom-large;
    -webkit-animation-delay: calc(.6s + 120ms*var(--anim-index));
    animation-delay: calc(.6s + 120ms*var(--anim-index))
}

#home .a-header-vp {
    -webkit-animation-delay: calc(.4s + 120ms*var(--anim-index));
    animation-delay: calc(.4s + 120ms*var(--anim-index))
}

.c-accordion {
    border-top-width: 1px;
    --border-opacity: 1;
    border-color: #e7ebf0;
    border-color: rgba(231, 235, 240, var(--border-opacity))
}

.c-accordion__slide {
    border-bottom-width: 1px;
    --border-opacity: 1;
    border-color: #e7ebf0;
    border-color: rgba(231, 235, 240, var(--border-opacity))
}

.c-accordion__slide.is-active .c-accordion__toggle {
    --text-opacity: 1;
    color: #14171a;
    color: rgba(20, 23, 26, var(--text-opacity))
}

.c-accordion__slide.is-active .c-accordion__icon {
    --text-opacity: 1;
    color: #183ead;
    color: rgba(24, 62, 173, var(--text-opacity));
    transform: rotate(135deg)
}

.c-accordion__toggle {
    display: flex;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    --text-opacity: 1;
    color: #4a5056;
    color: rgba(74, 80, 86, var(--text-opacity));
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .3s;
    transition-timing-function: ease
}

@media (min-width:600px) {
    .c-accordion__toggle {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
}

.c-accordion__toggle:active,
.c-accordion__toggle:hover {
    --text-opacity: 1;
    color: #14171a;
    color: rgba(20, 23, 26, var(--text-opacity))
}

.c-accordion__icon {
    padding: .5rem .75rem;
    font-size: 1.375rem;
    --text-opacity: 1;
    color: #3a8ef6;
    color: rgba(58, 142, 246, var(--text-opacity));
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: .3s;
    transition-timing-function: ease
}

.c-accordion__icon:hover {
    --text-opacity: 1;
    color: #183ead;
    color: rgba(24, 62, 173, var(--text-opacity))
}

.c-accordion__icon:active {
    --text-opacity: 1;
    color: #122e82;
    color: rgba(18, 46, 130, var(--text-opacity))
}

.c-accordion2__toggle {
    color: var(--color-500)
}

.c-accordion2__toggle:active,
.c-accordion2__toggle:hover {
    color: var(--color-800)
}

.c-accordion2__icon {
    --text-opacity: 1;
    color: #3a8ef6;
    color: rgba(58, 142, 246, var(--text-opacity))
}

.c-accordion2__icon:hover {
    color: var(--accent-600)
}

.c-accordion2__icon:active {
    color: var(--accent-700)
}

.c-accordion2__slide.is-active .c-accordion2__toggle {
    color: var(--color-800)
}

.c-accordion2__slide.is-active .c-accordion2__icon {
    color: var(--accent-600);
    transform: rotate(135deg)
}

.a-toggle-increase {
    -webkit-animation-name: toggle-increase;
    animation-name: toggle-increase;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@keyframes toggle-increase {
    25% {
        --text-opacity: 1;
        color: #00a76a;
        color: rgba(0, 167, 106, var(--text-opacity))
    }
    60% {
        --text-opacity: 1;
        color: #00a76a;
        color: rgba(0, 167, 106, var(--text-opacity));
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-webkit-keyframes scroll-infinite {
    0% {
        transform: translateX(0)
    }
    to {
        transform: translateX(calc(-320px*var(--items-count)))
    }
}

@keyframes scroll-infinite {
    0% {
        transform: translateX(0)
    }
    to {
        transform: translateX(calc(-320px*var(--items-count)))
    }
}

@media (min-width:1200px) {
    .a-infinite-slider {
        -webkit-animation: scroll-infinite linear infinite;
        animation: scroll-infinite linear infinite
    }
    .a-infinite-slider:hover {
        -webkit-animation-play-state: paused;
        animation-play-state: paused
    }
}

@media (min-width:600px) {
    .c-br.mobile {
        display: none
    }
}

@media (max-width:600px),
(min-width:900px) {
    .c-br.tablet {
        display: none
    }
}

@media (max-width:900px) {
    .c-br.desktop {
        display: none
    }
}

.c-breadcrumbs .is-active {
    color: var(--color-500);
    pointer-events: none
}

.c-button-toggle {
    padding: .25rem .5rem;
    font-size: .75rem;
    line-height: 1.2;
    font-weight: 500;
    background-color: var(--color-50);
    color: var(--color-400);
    border-radius: .25rem;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .14s;
    transition-timing-function: ease
}

.c-button-toggle.is-active,
.c-button-toggle:hover {
    background-color: var(--accent-50);
    color: var(--accent-500)
}

.c-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .75rem 1.5rem;
    border-radius: .25rem;
    font-size: 1.125rem;
    line-height: 1.2;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .3s;
    transition-timing-function: ease;
    background: var(--color)
}

@media (min-width:900px) {
    .c-button {
        padding: 1rem 2rem;
        font-size: 1.25rem
    }
}

@media (min-width:1200px) {
    .c-button:hover {
        background: var(--color-hover)
    }
}

.c-button:active {
    background: var(--color-active)
}

.c-button--accent {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    --color: var(--accent-500);
    --color-hover: var(--accent-600);
    --color-active: var(--accent-700)
}

.c-button--mint {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    --color: #00a76a;
    --color-hover: #008655;
    --color-active: #006440
}

.c-button--indigo {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    --color: #1e4dd8;
    --color-hover: #122e82;
    --color-active: #0c1f56
}

.c-button--indigo-dark {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    --color: #060f2b;
    --color-hover: #0c1f56;
    --color-active: #122e82
}

.c-button__icon {
    font-size: 1rem
}

.c-button-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    font-size: 1.125rem;
    background-color: var(--accent-500);
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    border-radius: 100px;
    transition: all .14s ease
}

@media (min-width:1200px) {
    .c-button-circle:hover {
        background-color: var(--accent-700)
    }
}

.c-button-circle:active {
    background-color: var(--accent-800)
}

.c-button-circle.is-disabled {
    background-color: var(--color-100);
    color: var(--color-600);
    cursor: default;
    pointer-events: none
}

.c-button-circle--accent {
    color: var(--accent-500);
    background-color: var(--accent-50)
}

.c-button-circle--accent:hover {
    --bg-opacity: 1;
    background-color: #e7ebf0;
    background-color: rgba(231, 235, 240, var(--bg-opacity))
}

.c-button-circle--accent:active {
    --bg-opacity: 1;
    background-color: #bcbfc1;
    background-color: rgba(188, 191, 193, var(--bg-opacity))
}

.c-container,
.c-container-fluid {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media (min-width:1200px) {
    .c-container,
    .c-container-fluid {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.c-container {
    margin-left: auto;
    margin-right: auto
}

@media (min-width:1200px) {
    .c-container {
        max-width: 1088px
    }
}

.c-cta {
    display: flex;
    align-items: center;
    position: relative;
    padding: 2rem;
    border-radius: .5rem;
    overflow: hidden;
    --bg-opacity: 1;
    background-color: #f6f8fb;
    background-color: rgba(246, 248, 251, var(--bg-opacity));
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 384px;
    padding-bottom: 75vw
}

@media (min-width:600px) {
    .c-cta {
        padding-bottom: 70vw
    }
}

.c-cta.c-no-image {
    min-height: auto;
    padding: 2rem
}

@media (min-width:600px) {
    .c-cta.c-no-image {
        padding: 2rem;
        min-height: 384px
    }
}

@media (min-width:900px) {
    .c-cta {
        padding: 2rem
    }
}

@media (min-width:1200px) {
    .c-cta {
        align-items: center;
        padding: 4rem
    }
}

.c-cta__list {
    display: flex;
    flex-direction: column;
    padding-left: 1.25rem
}

.c-cta__list li {
    position: relative
}

.c-cta__list li:before {
    position: absolute;
    right: 100%;
    width: .5rem;
    height: .5rem;
    --bg-opacity: 1;
    background-color: #1e4dd8;
    background-color: rgba(30, 77, 216, var(--bg-opacity));
    border-radius: 100px;
    margin-right: 1rem;
    content: "";
    top: .5em
}

.c-cta__list li span {
    display: inline-block;
    padding-left: .375rem;
    padding-right: .375rem;
    border-radius: .1875rem;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    font-weight: 700;
    --bg-opacity: 1;
    background-color: #00a76a;
    background-color: rgba(0, 167, 106, var(--bg-opacity))
}

.c-exchange-box__list {
    overflow: hidden;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transition-property: height, opacity
}

.c-exchange-box__button-icon {
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease
}

[ob-expandable].is-active .c-exchange-box__button-icon {
    transform: rotate(180deg)
}

[ob-expandable] {
    height: var(--fixed-height)
}

[ob-expandable].is-active {
    height: calc(var(--fixed-height) + var(--fluid-height))
}

[ob-expandable].is-active [ob-expandable-content] {
    height: var(--fluid-height)
}

[ob-expandable]:not(.is-active) [ob-expandable-content] {
    height: 0;
    opacity: 0
}

.c-flipping-card-holder {
    margin-bottom: -2rem
}

@media (min-width:600px) {
    .c-flipping-card-holder {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-column-gap: 2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem;
        align-items: flex-start
    }
}

.c-flipping-card {
    display: flex;
    margin-bottom: 2rem;
    perspective: 1500px
}

.c-flipping-card__inner {
    position: relative;
    transform-style: preserve-3d;
    transition: transform .555s cubic-bezier(.2, .5, .3, 1.3)
}

.c-flipping-card__back,
.c-flipping-card__front {
    flex: 1 1 0%;
    padding: 2rem;
    border-radius: 1rem;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media (min-width:900px) {
    .c-flipping-card__back,
    .c-flipping-card__front {
        padding: 3rem
    }
}

.c-flipping-card__front {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    --bg-opacity: 1;
    background-color: #f6f8fb;
    background-color: rgba(246, 248, 251, var(--bg-opacity));
    background: radial-gradient(61.58% 61.64% at 34.68% 33.72%, #f6f8fb 0, #f0f3f8 100%)
}

.c-flipping-card__front img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    --transform-translate-y: -50%;
    transition-property: all;
    transition-delay: .1s;
    transition-duration: .3s;
    transition-timing-function: ease
}

@media (min-width:900px) {
    .c-flipping-card__front img {
        top: 0;
        --transform-translate-y: 0
    }
}

.c-flipping-card__back {
    position: relative;
    z-index: 30;
    display: flex;
    flex-direction: column;
    min-height: 50vh;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    transition-property: box-shadow;
    transition-duration: .5s;
    transition-timing-function: ease;
    transform: rotateY(180deg)
}

.c-flipping-card__button {
    position: absolute;
    bottom: 16px;
    right: 16px;
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
    transition-property: transform
}

.c-flipping-card__button,
.c-flipping-card__button .c-button-circle {
    transition-delay: .1s;
    transition-duration: .3s;
    transition-timing-function: ease
}

@media (min-width:600px) {
    .c-flipping-card:nth-child(4n+2) .c-flipping-card__back,
    .c-flipping-card:nth-child(4n+3) .c-flipping-card__back {
        min-height: 350px
    }
}

@media (min-width:600px) {
    .c-flipping-card:nth-child(4n+1) .c-flipping-card__back,
    .c-flipping-card:nth-child(4n+4) .c-flipping-card__back {
        min-height: 477px
    }
}

@media (min-width:1200px) {
    .c-flipping-card:hover .c-flipping-card__back .c-flipping-card__button,
    .c-flipping-card:hover .c-flipping-card__front .c-flipping-card__button {
        --transform-scale-x: 1.05;
        --transform-scale-y: 1.05
    }
    .c-flipping-card:hover .c-flipping-card__back .c-flipping-card__button .c-button-circle,
    .c-flipping-card:hover .c-flipping-card__front .c-flipping-card__button .c-button-circle {
        background-color: var(--accent-700)
    }
    .c-flipping-card:hover .c-flipping-card__front img {
        --transform-scale-x: 1.05;
        --transform-scale-y: 1.05
    }
    .c-flipping-card:hover .c-flipping-card__front .c-flipping-card__button {
        --transform-rotate: -90deg
    }
}

.c-flipping-card.is-flipped .c-flipping-card__inner {
    transform: rotateY(180deg)
}

.c-flipping-card.is-flipped .c-flipping-card__back {
    box-shadow: 0 8.63767px 40px rgba(5, 7, 52, .05)
}

.c-header-earn {
    overflow: hidden
}

@media (min-width:900px) {
    .c-header-earn {
        display: flex;
        flex-direction: column
    }
}

.c-header-earn__inner {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    --bg-opacity: 1;
    background-color: #f6f8fb;
    background-color: rgba(246, 248, 251, var(--bg-opacity));
    background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat
}

.c-header-earn__image {
    max-width: 170%;
    margin-left: -15%
}

@media (min-width:600px) {
    .c-header-earn__image {
        width: auto;
        max-height: 70vh;
        -o-object-fit: contain;
        object-fit: contain;
        margin-left: 0;
        transform: scale(1.3) translate(10%, 1.2%)
    }
}

.c-header-earn__image--small {
    width: 100%;
    max-width: none;
    margin-left: 0
}

@media (min-width:600px) {
    .c-header-earn__image--small {
        transform: none
    }
}

.c-learn-more__overlay {
    position: absolute;
    right: 0;
    top: -2.125rem
}

@media (max-width:600px) {
    .c-learn-more__overlay {
        width: 35%
    }
}

@media (min-width:900px) {
    .c-learn-more__overlay {
        top: -3.125rem;
        right: -3.438rem
    }
}

.c-link {
    display: inline-flex;
    align-items: center;
    font-size: 1rem;
    line-height: 1.35;
    font-weight: 500;
    color: var(--color-600)
}

.c-link,
.c-link__icon {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .14s;
    transition-timing-function: ease
}

.c-link__icon {
    font-size: .875rem;
    color: var(--accent-500)
}

@media (min-width:1200px) {
    .c-link:hover {
        color: var(--accent-500)
    }
}

.c-link:active,
.c-link:active .c-link__icon {
    color: var(--accent-600)
}

.s-text-links a {
    color: var(--accent-500)
}

.s-text-links--underlined a,
.s-text-links a:hover {
    text-decoration: underline
}

.c-prime-box img {
    transition: transform .555s cubic-bezier(.2, .5, .3, 1.3)
}

.c-prime-box:hover img {
    transform: scale(1.1)
}

.c-input-prime {
    padding: .75rem 1rem;
    border-radius: .1875rem;
    border-color: var(--color-100);
    border-width: 1px;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .14s;
    transition-timing-function: ease;
    color: var(--color-800)
}

.c-input-prime:active,
.c-input-prime:focus,
.c-input-prime:hover {
    --border-opacity: 1;
    border-color: #e1a163;
    border-color: rgba(225, 161, 99, var(--border-opacity))
}

.c-input-prime:active,
.c-input-prime:focus {
    outline: 0
}

.c-input-prime:-webkit-autofill,
.c-input-prime:-webkit-autofill:active,
.c-input-prime:-webkit-autofill:focus,
.c-input-prime:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #030405 inset !important
}

.c-input-prime:-webkit-autofill {
    -webkit-text-fill-color: #bcbfc1 !important
}

select.c-input-prime {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.c-product-crosslinks__text a {
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: ease;
    transition-duration: .3s
}

.c-product-crosslinks__text a:hover {
    color: var(--color-800)
}

.c-select-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

@-webkit-keyframes how-to-progress {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

@keyframes how-to-progress {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

.c-earn-how-to-slider__text:not(.is-active) {
    height: 0 !important;
    opacity: 0;
    pointer-events: none
}

.c-earn-how-to-slider__image:not(.is-active) {
    opacity: 0;
    pointer-events: none
}

.c-earn-how-to-slider__bar {
    -webkit-animation-name: how-to-progress;
    animation-name: how-to-progress;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.c-testimonial-text-box {
    position: relative;
    z-index: 10;
    padding: 1.5rem;
    border-radius: .5rem;
    box-shadow: 0 0 3px rgba(4, 25, 39, .15)
}

@media (min-width:1200px) {
    .c-testimonial-text-box {
        padding: 2rem
    }
}

@media (max-width:900px) {
    .c-testimonial-text-box+.c-testimonial-text-box+.c-testimonial-text-box+.c-testimonial-text-box+.c-testimonial-text-box+.c-testimonial-text-box+.c-testimonial-text-box {
        display: none
    }
}

.c-testimonial-text-boxes {
    position: relative;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: flex-start;
    grid-gap: 1.25rem;
    gap: 1.25rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

@media (min-width:600px) {
    .c-testimonial-text-boxes {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        padding-left: 0;
        padding-right: 0;
        margin-left: -10%;
        margin-right: -10%
    }
}

@media (min-width:900px) {
    .c-testimonial-text-boxes {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
}

@media (min-width:1200px) {
    .c-testimonial-text-boxes {
        grid-gap: 2rem;
        gap: 2rem
    }
}

.c-testimonial-text-boxes__bottom-gradient,
.c-testimonial-text-boxes__top-gradient {
    position: absolute;
    left: 0;
    z-index: 0;
    width: 100%;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 65.1%)
}

.c-testimonial-text-boxes__top-gradient {
    top: 0;
    height: 4rem;
    margin-top: -4rem
}

.c-testimonial-text-boxes__bottom-gradient {
    bottom: 0;
    z-index: 30;
    height: 10rem
}

.c-testimonials-text u {
    text-decoration: none
}

.c-accordion__answer {
    padding-bottom: .75rem;
    font-size: 1rem;
    line-height: 1.5;
    --text-opacity: 1;
    color: #4a5056;
    color: rgba(74, 80, 86, var(--text-opacity))
}

@media (min-width:900px) {
    .c-accordion__answer {
        font-size: 1.125rem;
        padding-bottom: 1.5rem;
        padding-right: 3rem
    }
}

.c-accordion__answer a {
    --text-opacity: 1;
    color: #1e4dd8;
    color: rgba(30, 77, 216, var(--text-opacity));
    text-decoration: underline;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .3s
}

.c-accordion__answer a:hover {
    --text-opacity: 1;
    color: #122e82;
    color: rgba(18, 46, 130, var(--text-opacity));
    text-decoration: none
}

.c-accordion__answer a:active {
    --text-opacity: 1;
    color: #0c1f56;
    color: rgba(12, 31, 86, var(--text-opacity))
}

.c-accordion__answer li {
    position: relative
}

.c-accordion__answer li:before {
    position: absolute;
    top: 0;
    right: 100%;
    content: ""
}

.c-accordion__answer ul {
    padding-left: 1.5rem
}

.c-accordion__answer ul>li:before {
    width: .25rem;
    height: .25rem;
    --bg-opacity: 1;
    background-color: #4a5056;
    background-color: rgba(74, 80, 86, var(--bg-opacity));
    border-radius: 100px;
    margin-right: 1rem;
    top: .6em
}

.c-accordion__answer ol {
    padding-left: 2rem;
    counter-reset: article-counter
}

.c-accordion__answer ol>li {
    counter-increment: article-counter
}

.c-accordion__answer ol>li:before {
    --text-opacity: 1;
    color: #4a5056;
    color: rgba(74, 80, 86, var(--text-opacity));
    margin-right: .375rem;
    content: counter(article-counter) "."
}

.c-accordion__answer ol ul {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.c-text-boxes__item {
    border-style: solid;
    --border-opacity: 1;
    border-color: #e7ebf0;
    border-color: rgba(231, 235, 240, var(--border-opacity))
}

.c-text-boxes__item:not(:first-child) {
    border-top-width: 1px
}

@media (min-width:600px) {
    .c-text-boxes__item:nth-child(2) {
        border-top-width: 0
    }
    .c-text-boxes__item:nth-child(2n) {
        border-left-width: 1px
    }
}

@media (min-width:1200px) {
    .c-text-boxes__item:nth-child(3) {
        border-top-width: 0
    }
    .c-text-boxes__item:nth-child(3n+1) {
        border-left-width: 0
    }
    .c-text-boxes__item:nth-child(3n+2),
    .c-text-boxes__item:nth-child(3n+3) {
        border-left-width: 1px
    }
}

.c-accent-link-inner a {
    color: var(--accent-500);
    text-decoration: underline
}

.c-toggle-label {
    color: var(--color-400);
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .14s;
    transition-timing-function: ease
}

.c-toggle-label:hover {
    color: var(--color-600)
}

.c-toggle-label:active {
    color: var(--color-700)
}

.c-toggle-label.is-active {
    color: var(--color-500)
}

.c-toggle {
    position: relative;
    width: 4rem;
    height: 2rem;
    background-color: var(--color-300);
    border-radius: 100px;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-duration: .3s;
    transition-timing-function: ease
}

.c-toggle__knob {
    display: inline-block;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    border-radius: 100px;
    transition-property: transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    top: 4px;
    left: 4px
}

.c-toggle.is-active {
    background-color: var(--accent-500)
}

.c-toggle.is-active .c-toggle__knob {
    transform: translateX(2rem)
}

.c-timeline-gradient {
    -webkit-animation: gradient-token 3s linear infinite;
    animation: gradient-token 3s linear infinite;
    background-size: 200%
}

@-webkit-keyframes gradient-token {
    0% {
        background-position: 100% 0
    }
    to {
        background-position: -100% 0
    }
}

@keyframes gradient-token {
    0% {
        background-position: 100% 0
    }
    to {
        background-position: -100% 0
    }
}

.c-heading-1 {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: .9;
    color: var(--color-800)
}

@media (min-width:900px) {
    .c-heading-1 {
        font-size: 4rem
    }
}

@media (min-width:1200px) {
    .c-heading-1 {
        font-size: 5rem
    }
}

.c-heading-1--small {
    line-height: 1.1
}

@media (min-width:900px) {
    .c-heading-1--small {
        font-size: 3.625rem;
        line-height: 1;
        margin-bottom: -.5rem
    }
}

.c-heading-1 sup {
    position: relative;
    --text-opacity: 1;
    color: #bcbfc1;
    color: rgba(188, 191, 193, var(--text-opacity));
    font-weight: 500;
    top: -.3em
}

.c-heading-2 {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.15;
    color: var(--color-800)
}

@media (min-width:900px) {
    .c-heading-2 {
        font-size: 2.25rem
    }
}

.c-heading-3 {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.4;
    color: var(--color-800)
}

@media (min-width:900px) {
    .c-heading-3 {
        font-size: 1.75rem;
        line-height: 1.2
    }
}

.c-heading-4 {
    font-size: 1.125rem;
    line-height: 1.4;
    color: var(--color-800)
}

@media (min-width:900px) {
    .c-heading-4 {
        font-size: 1.375rem
    }
}

.c-subheading-1 {
    font-size: 1.125rem;
    line-height: 1.2;
    color: var(--color-500)
}

@media (min-width:900px) {
    .c-subheading-1 {
        font-size: 1.5rem
    }
}

.c-subheading-2 {
    font-size: 1.125rem;
    line-height: 1.4;
    color: var(--color-400)
}

@media (min-width:900px) {
    .c-subheading-2 {
        font-size: 1.375rem
    }
}

.c-subheading-3 {
    font-size: 1rem;
    line-height: 1.4;
    color: var(--color-500)
}

@media (min-width:900px) {
    .c-subheading-3 {
        font-size: 1.125rem
    }
}

.scroll-hidden {
    scrollbar-width: none
}

.js-section {
    position: relative
}

.js-scroll-section {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity))
}

.js-scroll-section section {
    top: 0;
    left: 0;
    width: 100%;
    min-height: 177.77vw;
    opacity: var(--visibility)
}

@media (min-width:600px) {
    .js-scroll-section section {
        min-height: 100vh
    }
}

body#in-review-2020.is-active-nav .b-navbar,
body#in-review-2020.is-scrolled .b-navbar {
    --bg-opacity: 1;
    background-color: #1e4dd8;
    background-color: rgba(30, 77, 216, var(--bg-opacity));
    box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

body#in-review-2020 .b-navbar {
    position: relative;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: .3s;
    transition-timing-function: ease;
    --logo-shape-color-1: #bdf;
    --logo-shape-color-2: #d9eeff;
    --logo-shape-color-3: #a0ccff;
    --logo-shape-color-4: #fff;
    --logo-text-color: #fff
}

body#in-review-2020 .b-navbar__button {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

body#in-review-2020 .b-navbar__button:hover,
body#in-review-2020 .b-navbar__button:hover .b-navbar__button__icon {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    --text-opacity: .75
}

body#in-review-2020 .b-navbar__button:active {
    --text-opacity: 1
}

body#in-review-2020 .b-navbar__button:before {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

body#in-review-2020 .b-navbar__toggle {
    opacity: .9
}

body#in-review-2020 .b-navbar .b-link,
body#in-review-2020 .b-navbar__toggle {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

body#in-review-2020 .b-navbar .b-link__icon {
    --text-opacity: 1;
    color: #f4f6fd;
    color: rgba(244, 246, 253, var(--text-opacity));
    opacity: .3;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: .3s;
    transition-timing-function: ease
}

body#in-review-2020 .b-navbar .b-link:hover {
    --text-opacity: .9
}

body#in-review-2020 .b-navbar .b-link:hover .b-link__icon {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    opacity: .5
}

body#in-review-2020 .b-navbar .b-link:active {
    --text-opacity: 1
}

body#in-review-2020 .b-navbar .b-link:active .b-link__icon {
    opacity: .9
}

body#in-review-2020 .b-yir-download {
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}

body#in-review-2020 .b-yir-download img {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: .3s;
    transition-timing-function: ease
}

body#in-review-2020 .b-yir-download.is-active .b-yir-download__icon {
    background-color: var(--accent-500)
}

body#in-review-2020 .b-yir-download.is-active .b-yir-download__icon-lock,
body#in-review-2020 .b-yir-download.is-active .b-yir-download__tweet {
    display: none
}

body#in-review-2020 .b-yir-download:not(.is-active) img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

body#in-review-2020 .b-yir-download:not(.is-active) .b-yir-download__icon {
    --bg-opacity: 1;
    background-color: #183ead;
    background-color: rgba(24, 62, 173, var(--bg-opacity))
}

body#in-review-2020 .b-yir-download:not(.is-active) .b-yir-download__download,
body#in-review-2020 .b-yir-download:not(.is-active) .b-yir-download__icon-unlock {
    display: none
}

body#in-review-2020 .b-yir-indicator {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1);
    transform-origin: right
}

body#in-review-2020 .b-yir-indicator:not(.is-active) {
    transform: scaleX(.5);
    opacity: .2
}

body#in-review-2020 .b-yir-indicator:not(.is-active):hover {
    transform: scaleX(.75);
    opacity: .5
}

@media (max-width:600px) {
    #header-exchange {
        background-position-x: -11vw;
        background-position-y: 57%;
        background-size: 101vw
    }
}

@media (max-width:1460px) {
    .b-sidebar-scroll-button {
        display: none
    }
}

.b-sidebar-scroll-button a span {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-duration: .3s;
    transition-timing-function: ease
}

.border-white-o10 {
    border-color: hsla(0, 0%, 100%, .1)
}

.space-y-4>:not(template)~:not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.25rem*(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.25rem*var(--space-y-reverse))
}

.space-x-6>:not(template)~:not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.375rem*var(--space-x-reverse));
    margin-left: calc(0.375rem*(1 - var(--space-x-reverse)))
}

.space-y-8>:not(template)~:not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.5rem*(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.5rem*var(--space-y-reverse))
}

.space-x-8>:not(template)~:not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.5rem*var(--space-x-reverse));
    margin-left: calc(0.5rem*(1 - var(--space-x-reverse)))
}

.space-y-10>:not(template)~:not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.625rem*(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.625rem*var(--space-y-reverse))
}

.space-x-12>:not(template)~:not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.75rem*var(--space-x-reverse));
    margin-left: calc(0.75rem*(1 - var(--space-x-reverse)))
}

.space-y-16>:not(template)~:not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1rem*(1 - var(--space-y-reverse)));
    margin-bottom: calc(1rem*var(--space-y-reverse))
}

.space-x-16>:not(template)~:not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1rem*var(--space-x-reverse));
    margin-left: calc(1rem*(1 - var(--space-x-reverse)))
}

.space-y-32>:not(template)~:not(template) {
    --space-y-reverse: 0;
    margin-top: calc(2rem*(1 - var(--space-y-reverse)));
    margin-bottom: calc(2rem*var(--space-y-reverse))
}

.space-y-48>:not(template)~:not(template) {
    --space-y-reverse: 0;
    margin-top: calc(3rem*(1 - var(--space-y-reverse)));
    margin-bottom: calc(3rem*var(--space-y-reverse))
}

.space-y-80>:not(template)~:not(template) {
    --space-y-reverse: 0;
    margin-top: calc(5rem*(1 - var(--space-y-reverse)));
    margin-bottom: calc(5rem*var(--space-y-reverse))
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.bg-white {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.bg-black {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity))
}

.bg-transparent2 {
    background-color: hsla(0, 0%, 100%, .8)
}

.bg-color-0 {
    background-color: var(--color-0)
}

.bg-color-50 {
    background-color: var(--color-50)
}

.bg-color-100 {
    background-color: var(--color-100)
}

.bg-color-500 {
    background-color: var(--color-500)
}

.bg-color-700 {
    background-color: var(--color-700)
}

.bg-color-800 {
    background-color: var(--color-800)
}

.bg-color-900 {
    background-color: var(--color-900)
}

.bg-accent-100 {
    background-color: var(--accent-100)
}

.bg-accent-500 {
    background-color: var(--accent-500)
}

.bg-accent-900 {
    background-color: var(--accent-900)
}

.bg-gray-50 {
    --bg-opacity: 1;
    background-color: #f6f8fb;
    background-color: rgba(246, 248, 251, var(--bg-opacity))
}

.bg-gray-100 {
    --bg-opacity: 1;
    background-color: #e7ebf0;
    background-color: rgba(231, 235, 240, var(--bg-opacity))
}

.bg-gray-500 {
    --bg-opacity: 1;
    background-color: #4a5056;
    background-color: rgba(74, 80, 86, var(--bg-opacity))
}

.bg-gray-800 {
    --bg-opacity: 1;
    background-color: #14171a;
    background-color: rgba(20, 23, 26, var(--bg-opacity))
}

.bg-gray-900 {
    --bg-opacity: 1;
    background-color: #030405;
    background-color: rgba(3, 4, 5, var(--bg-opacity))
}

.bg-gray-300-30 {
    background-color: rgba(160, 164, 167, .3)
}

.bg-indigo-50 {
    --bg-opacity: 1;
    background-color: #f4f6fd;
    background-color: rgba(244, 246, 253, var(--bg-opacity))
}

.bg-indigo-500 {
    --bg-opacity: 1;
    background-color: #1e4dd8;
    background-color: rgba(30, 77, 216, var(--bg-opacity))
}

.bg-indigo-600 {
    --bg-opacity: 1;
    background-color: #183ead;
    background-color: rgba(24, 62, 173, var(--bg-opacity))
}

.bg-indigo-700 {
    --bg-opacity: 1;
    background-color: #122e82;
    background-color: rgba(18, 46, 130, var(--bg-opacity))
}

.bg-indigo-800 {
    --bg-opacity: 1;
    background-color: #0c1f56;
    background-color: rgba(12, 31, 86, var(--bg-opacity))
}

.bg-mint-500 {
    --bg-opacity: 1;
    background-color: #00a76a;
    background-color: rgba(0, 167, 106, var(--bg-opacity))
}

.bg-blue-50 {
    --bg-opacity: 1;
    background-color: #f5f9ff;
    background-color: rgba(245, 249, 255, var(--bg-opacity))
}

.bg-blue-500 {
    --bg-opacity: 1;
    background-color: #3a8ef6;
    background-color: rgba(58, 142, 246, var(--bg-opacity))
}

.bg-orange-50 {
    --bg-opacity: 1;
    background-color: #fef8f5;
    background-color: rgba(254, 248, 245, var(--bg-opacity))
}

.bg-green-50 {
    --bg-opacity: 1;
    background-color: #f7fbf6;
    background-color: rgba(247, 251, 246, var(--bg-opacity))
}

.bg-unset {
    background-color: unset
}

.hover\:bg-white:hover {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.hover\:bg-color-100:hover {
    background-color: var(--color-100)
}

.hover\:bg-accent-500:hover {
    background-color: var(--accent-500)
}

.hover\:bg-accent-600:hover {
    background-color: var(--accent-600)
}

.hover\:bg-accent-700:hover {
    background-color: var(--accent-700)
}

.hover\:bg-indigo-400:hover {
    --bg-opacity: 1;
    background-color: #496fdf;
    background-color: rgba(73, 111, 223, var(--bg-opacity))
}

.hover\:bg-blue-100:hover {
    --bg-opacity: 1;
    background-color: #d0e4fd;
    background-color: rgba(208, 228, 253, var(--bg-opacity))
}

.group:hover .group-hover\:bg-accent-400 {
    background-color: var(--accent-400)
}

.group:hover .group-hover\:bg-indigo-500 {
    --bg-opacity: 1;
    background-color: #1e4dd8;
    background-color: rgba(30, 77, 216, var(--bg-opacity))
}

.bg-opacity-75 {
    --bg-opacity: 0.75
}

.bg-center {
    background-position: 50%
}

.bg-left-top {
    background-position: 0 0
}

.bg-right {
    background-position: 100%
}

.bg-right-bottom {
    background-position: 100% 100%
}

.bg-top {
    background-position: top
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.bg-cover {
    background-size: cover
}

.bg-contain {
    background-size: contain
}

.border-white {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity))
}

.border-color-50 {
    border-color: var(--color-50)
}

.border-color-100 {
    border-color: var(--color-100)
}

.border-color-800 {
    border-color: var(--color-800)
}

.border-gray-50 {
    --border-opacity: 1;
    border-color: #f6f8fb;
    border-color: rgba(246, 248, 251, var(--border-opacity))
}

.border-gray-100 {
    --border-opacity: 1;
    border-color: #e7ebf0;
    border-color: rgba(231, 235, 240, var(--border-opacity))
}

.border-gray-700 {
    --border-opacity: 1;
    border-color: #252a2f;
    border-color: rgba(37, 42, 47, var(--border-opacity))
}

.border-indigo-500 {
    --border-opacity: 1;
    border-color: #1e4dd8;
    border-color: rgba(30, 77, 216, var(--border-opacity))
}

.border-blue-100 {
    --border-opacity: 1;
    border-color: #d0e4fd;
    border-color: rgba(208, 228, 253, var(--border-opacity))
}

.border-levels-base {
    --border-opacity: 1;
    border-color: #f9f9fb;
    border-color: rgba(249, 249, 251, var(--border-opacity))
}

.border-levels-silver {
    --border-opacity: 1;
    border-color: #7eacca;
    border-color: rgba(126, 172, 202, var(--border-opacity))
}

.border-levels-gold {
    --border-opacity: 1;
    border-color: #ffab2e;
    border-color: rgba(255, 171, 46, var(--border-opacity))
}

.border-levels-platinum {
    --border-opacity: 1;
    border-color: #389d8c;
    border-color: rgba(56, 157, 140, var(--border-opacity))
}

.rounded-0 {
    border-radius: 0
}

.rounded-3 {
    border-radius: .1875rem
}

.rounded-4 {
    border-radius: .25rem
}

.rounded-8 {
    border-radius: .5rem
}

.rounded-16 {
    border-radius: 1rem
}

.rounded-32 {
    border-radius: 2rem
}

.rounded {
    border-radius: .25rem
}

.rounded-xs {
    border-radius: .1875rem
}

.rounded-sm {
    border-radius: .25rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-md3 {
    border-radius: .5rem
}

.rounded-md2 {
    border-radius: .5625rem
}

.rounded-lg {
    border-radius: .75rem
}

.rounded-full {
    border-radius: 100px
}

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

.border-solid {
    border-style: solid
}

.border-1 {
    border-width: 1px
}

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

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

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

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

.border-b-3 {
    border-bottom-width: 3px
}

.border-t-4 {
    border-top-width: 4px
}

.border-l-4 {
    border-left-width: 4px
}

.cursor-default {
    cursor: default
}

.cursor-pointer {
    cursor: pointer
}

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

.cursor-zoom-in {
    cursor: zoom-in
}

.cursor-help {
    cursor: help
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.inline-grid {
    display: inline-grid
}

.hidden {
    display: none
}

.flex-row {
    flex-direction: row
}

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

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

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

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

.items-center {
    align-items: center
}

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

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

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

.justify-center {
    justify-content: center
}

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

.content-center {
    align-content: center
}

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

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

.flex-grow {
    flex-grow: 1
}

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

.flex-shrink {
    flex-shrink: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.float-right {
    float: right
}

.font-serif {
    font-family: Blacker, Times New Roman
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-bold {
    font-weight: 700
}

.h-0 {
    height: 0
}

.h-2 {
    height: .125rem
}

.h-4 {
    height: .25rem
}

.h-5 {
    height: .3125rem
}

.h-8 {
    height: .5rem
}

.h-10 {
    height: .625rem
}

.h-20 {
    height: 1.25rem
}

.h-23 {
    height: 1.4375rem
}

.h-24 {
    height: 1.5rem
}

.h-32 {
    height: 2rem
}

.h-36 {
    height: 2.25rem
}

.h-40 {
    height: 2.5rem
}

.h-48 {
    height: 3rem
}

.h-54 {
    height: 3.375rem
}

.h-64 {
    height: 4rem
}

.h-72 {
    height: 4.5rem
}

.h-80 {
    height: 5rem
}

.h-104 {
    height: 6.5rem
}

.h-125 {
    height: 125px
}

.h-128 {
    height: 8rem
}

.h-auto {
    height: auto
}

.h-screen-1\/2 {
    height: 50vh
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

.text-8 {
    font-size: .5rem
}

.text-11 {
    font-size: .6875rem
}

.text-12 {
    font-size: .75rem
}

.text-13 {
    font-size: .8125rem
}

.text-14 {
    font-size: .875rem
}

.text-15 {
    font-size: .9375rem
}

.text-16 {
    font-size: 1rem
}

.text-18 {
    font-size: 1.125rem
}

.text-20 {
    font-size: 1.25rem
}

.text-22 {
    font-size: 1.375rem
}

.text-24 {
    font-size: 1.5rem
}

.text-28 {
    font-size: 1.75rem
}

.text-32 {
    font-size: 2rem
}

.text-36 {
    font-size: 2.25rem
}

.text-40 {
    font-size: 2.5rem
}

.text-42 {
    font-size: 2.625rem
}

.text-48 {
    font-size: 3rem
}

.text-64 {
    font-size: 4rem
}

.leading-80 {
    line-height: .8
}

.leading-100 {
    line-height: 1
}

.leading-105 {
    line-height: 1.05
}

.leading-110 {
    line-height: 1.1
}

.leading-115 {
    line-height: 1.15
}

.leading-120 {
    line-height: 1.2
}

.leading-125 {
    line-height: 1.25
}

.leading-130 {
    line-height: 1.3
}

.leading-135 {
    line-height: 1.35
}

.leading-140 {
    line-height: 1.4
}

.leading-150 {
    line-height: 1.5
}

.m-0 {
    margin: 0
}

.m-4 {
    margin: .25rem
}

.m-16 {
    margin: 1rem
}

.m-24 {
    margin: 1.5rem
}

.-m-4 {
    margin: -.25rem
}

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

.-m-12 {
    margin: -.75rem
}

.-m-16 {
    margin: -1rem
}

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

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

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

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

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

.my-10 {
    margin-top: .625rem;
    margin-bottom: .625rem
}

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

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

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

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

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

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

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

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

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

.my-104 {
    margin-top: 6.5rem;
    margin-bottom: 6.5rem
}

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

.my-160 {
    margin-top: 10rem;
    margin-bottom: 10rem
}

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

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

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

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

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

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

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

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

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

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

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

.mt-0 {
    margin-top: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mr-10 {
    margin-right: .625rem
}

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

.ml-10 {
    margin-left: .625rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb-36 {
    margin-bottom: 2.25rem
}

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

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

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

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

.mt-52 {
    margin-top: 3.25rem
}

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

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

.mb-72 {
    margin-bottom: 4.5rem
}

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

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

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

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

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

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

.mt-auto {
    margin-top: auto
}

.mr-auto {
    margin-right: auto
}

.mb-auto {
    margin-bottom: auto
}

.ml-auto {
    margin-left: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-h-36 {
    max-height: 2.25rem
}

.max-h-48 {
    max-height: 3rem
}

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

.max-w-200 {
    max-width: 200px
}

.max-w-400 {
    max-width: 25rem
}

.max-w-none {
    max-width: none
}

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

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

.max-w-md {
    max-width: 28rem
}

.max-w-lg {
    max-width: 32rem
}

.max-w-xl {
    max-width: 36rem
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-4xl {
    max-width: 56rem
}

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

.max-w-15ch {
    max-width: 15ch
}

.max-w-45ch {
    max-width: 45ch
}

.min-h-48 {
    min-height: 3rem
}

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

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

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

.min-w-250 {
    min-width: 15.625rem
}

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

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

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

.object-left {
    -o-object-position: left;
    object-position: left
}

.object-right-bottom {
    -o-object-position: right bottom;
    object-position: right bottom
}

.opacity-0 {
    opacity: 0
}

.opacity-15 {
    opacity: .15
}

.opacity-50 {
    opacity: .5
}

.opacity-70 {
    opacity: .7
}

.hover\:opacity-75:hover,
.opacity-75 {
    opacity: .75
}

.hover\:opacity-90:hover {
    opacity: .9
}

.hover\:opacity-100:hover {
    opacity: 1
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

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

.overflow-x-scroll {
    overflow-x: scroll
}

.p-0 {
    padding: 0
}

.p-4 {
    padding: .25rem
}

.p-8 {
    padding: .5rem
}

.p-10 {
    padding: .625rem
}

.p-12 {
    padding: .75rem
}

.p-16 {
    padding: 1rem
}

.p-20 {
    padding: 1.25rem
}

.p-24 {
    padding: 1.5rem
}

.p-32 {
    padding: 2rem
}

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

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

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

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

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

.py-6 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

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

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

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

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

.py-12 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.px-12 {
    padding-left: .75rem;
    padding-right: .75rem
}

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

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

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

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

.py-24 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

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

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

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

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

.px-40 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

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

.py-52 {
    padding-top: 3.25rem;
    padding-bottom: 3.25rem
}

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

.py-72 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem
}

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

.py-96 {
    padding-top: 6rem;
    padding-bottom: 6rem
}

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

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

.pt-0 {
    padding-top: 0
}

.pr-0 {
    padding-right: 0
}

.pb-0 {
    padding-bottom: 0
}

.pt-2 {
    padding-top: .125rem
}

.pb-2 {
    padding-bottom: .125rem
}

.pt-4 {
    padding-top: .25rem
}

.pt-6 {
    padding-top: .375rem
}

.pl-6 {
    padding-left: .375rem
}

.pt-8 {
    padding-top: .5rem
}

.pr-8 {
    padding-right: .5rem
}

.pl-8 {
    padding-left: .5rem
}

.pb-12 {
    padding-bottom: .75rem
}

.pr-16 {
    padding-right: 1rem
}

.pb-16 {
    padding-bottom: 1rem
}

.pl-16 {
    padding-left: 1rem
}

.pt-20 {
    padding-top: 1.25rem
}

.pb-20 {
    padding-bottom: 1.25rem
}

.pl-20 {
    padding-left: 1.25rem
}

.pt-24 {
    padding-top: 1.5rem
}

.pr-24 {
    padding-right: 1.5rem
}

.pb-24 {
    padding-bottom: 1.5rem
}

.pl-24 {
    padding-left: 1.5rem
}

.pt-32 {
    padding-top: 2rem
}

.pb-32 {
    padding-bottom: 2rem
}

.pl-32 {
    padding-left: 2rem
}

.pl-36 {
    padding-left: 2.25rem
}

.pt-40 {
    padding-top: 2.5rem
}

.pr-40 {
    padding-right: 2.5rem
}

.pl-40 {
    padding-left: 2.5rem
}

.pt-48 {
    padding-top: 3rem
}

.pr-48 {
    padding-right: 3rem
}

.pb-48 {
    padding-bottom: 3rem
}

.pl-48 {
    padding-left: 3rem
}

.pl-52 {
    padding-left: 3.25rem
}

.pt-64 {
    padding-top: 4rem
}

.pr-64 {
    padding-right: 4rem
}

.pb-64 {
    padding-bottom: 4rem
}

.pr-72 {
    padding-right: 4.5rem
}

.pb-72 {
    padding-bottom: 4.5rem
}

.pt-80 {
    padding-top: 5rem
}

.pb-80 {
    padding-bottom: 5rem
}

.pt-96 {
    padding-top: 6rem
}

.pb-96 {
    padding-bottom: 6rem
}

.pt-128 {
    padding-top: 8rem
}

.pb-128 {
    padding-bottom: 8rem
}

.pt-160 {
    padding-top: 10rem
}

.pb-screen-1\/3 {
    padding-bottom: 33.333vh
}

.placeholder-color-400::-moz-placeholder {
    color: var(--color-400)
}

.placeholder-color-400:-ms-input-placeholder {
    color: var(--color-400)
}

.placeholder-color-400::-ms-input-placeholder {
    color: var(--color-400)
}

.placeholder-color-400::placeholder {
    color: var(--color-400)
}

.placeholder-color-500::-moz-placeholder {
    color: var(--color-500)
}

.placeholder-color-500:-ms-input-placeholder {
    color: var(--color-500)
}

.placeholder-color-500::-ms-input-placeholder {
    color: var(--color-500)
}

.placeholder-color-500::placeholder {
    color: var(--color-500)
}

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

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

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: -webkit-sticky;
    position: sticky
}

.top-0 {
    top: 0
}

.right-0 {
    right: 0
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.top-3 {
    top: .1875rem
}

.left-3 {
    left: .1875rem
}

.bottom-14 {
    bottom: 14px
}

.top-16 {
    top: 16px
}

.right-16 {
    right: 16px
}

.left-16 {
    left: 16px
}

.top-50 {
    top: 50%
}

.left-50 {
    left: 50%
}

.top-100 {
    top: 100%
}

.right-100 {
    right: 100%
}

.left-100 {
    left: 100%
}

.top-half {
    top: 50%
}

.resize-none {
    resize: none
}

.resize {
    resize: both
}

.shadow-1 {
    box-shadow: 0 4px 20px 0 rgba(4, 25, 39, .2)
}

.shadow-2 {
    box-shadow: 0 3px 20px rgba(0, 0, 0, .03)
}

.shadow-4 {
    box-shadow: 0 8.63767px 40px rgba(5, 7, 52, .05)
}

.shadow-sm {
    box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

.shadow-sm2 {
    box-shadow: 0 0 3px rgba(4, 25, 39, .15)
}

.shadow-md {
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}

.shadow-md2 {
    box-shadow: 0 8px 40px rgba(5, 7, 52, .05)
}

.shadow-large {
    box-shadow: 0 8px 50px rgba(4, 25, 39, .15)
}

.shadow-large2 {
    box-shadow: 0 20px 60px rgba(40, 67, 92, .22)
}

.hover\:shadow-md:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}

.table-fixed {
    table-layout: fixed
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-white {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.text-color-0 {
    color: var(--color-0)
}

.text-color-50 {
    color: var(--color-50)
}

.text-color-100 {
    color: var(--color-100)
}

.text-color-200 {
    color: var(--color-200)
}

.text-color-300 {
    color: var(--color-300)
}

.text-color-400 {
    color: var(--color-400)
}

.text-color-500 {
    color: var(--color-500)
}

.text-color-600 {
    color: var(--color-600)
}

.text-color-700 {
    color: var(--color-700)
}

.text-color-800 {
    color: var(--color-800)
}

.text-color-900 {
    color: var(--color-900)
}

.text-accent-100 {
    color: var(--accent-100)
}

.text-accent-200 {
    color: var(--accent-200)
}

.text-accent-300 {
    color: var(--accent-300)
}

.text-accent-500 {
    color: var(--accent-500)
}

.text-accent-600 {
    color: var(--accent-600)
}

.text-gray-100 {
    --text-opacity: 1;
    color: #e7ebf0;
    color: rgba(231, 235, 240, var(--text-opacity))
}

.text-gray-200 {
    --text-opacity: 1;
    color: #bcbfc1;
    color: rgba(188, 191, 193, var(--text-opacity))
}

.text-gray-300 {
    --text-opacity: 1;
    color: #a0a4a7;
    color: rgba(160, 164, 167, var(--text-opacity))
}

.text-gray-400 {
    --text-opacity: 1;
    color: #83888c;
    color: rgba(131, 136, 140, var(--text-opacity))
}

.text-gray-500 {
    --text-opacity: 1;
    color: #4a5056;
    color: rgba(74, 80, 86, var(--text-opacity))
}

.text-gray-600 {
    --text-opacity: 1;
    color: #373d43;
    color: rgba(55, 61, 67, var(--text-opacity))
}

.text-gray-700 {
    --text-opacity: 1;
    color: #252a2f;
    color: rgba(37, 42, 47, var(--text-opacity))
}

.text-gray-800 {
    --text-opacity: 1;
    color: #14171a;
    color: rgba(20, 23, 26, var(--text-opacity))
}

.text-gray-900 {
    --text-opacity: 1;
    color: #030405;
    color: rgba(3, 4, 5, var(--text-opacity))
}

.text-indigo-50 {
    --text-opacity: 1;
    color: #f4f6fd;
    color: rgba(244, 246, 253, var(--text-opacity))
}

.text-indigo-100 {
    --text-opacity: 1;
    color: #c9d4f6;
    color: rgba(201, 212, 246, var(--text-opacity))
}

.text-indigo-200 {
    --text-opacity: 1;
    color: #9eb3ee;
    color: rgba(158, 179, 238, var(--text-opacity))
}

.text-indigo-500 {
    --text-opacity: 1;
    color: #1e4dd8;
    color: rgba(30, 77, 216, var(--text-opacity))
}

.text-indigo-600 {
    --text-opacity: 1;
    color: #183ead;
    color: rgba(24, 62, 173, var(--text-opacity))
}

.text-indigo-700 {
    --text-opacity: 1;
    color: #122e82;
    color: rgba(18, 46, 130, var(--text-opacity))
}

.text-indigo-900 {
    --text-opacity: 1;
    color: #060f2b;
    color: rgba(6, 15, 43, var(--text-opacity))
}

.text-mint-500 {
    --text-opacity: 1;
    color: #00a76a;
    color: rgba(0, 167, 106, var(--text-opacity))
}

.text-blue-300 {
    --text-opacity: 1;
    color: #85b9f9;
    color: rgba(133, 185, 249, var(--text-opacity))
}

.text-blue-400 {
    --text-opacity: 1;
    color: #5fa4f8;
    color: rgba(95, 164, 248, var(--text-opacity))
}

.text-blue-500 {
    --text-opacity: 1;
    color: #3a8ef6;
    color: rgba(58, 142, 246, var(--text-opacity))
}

.text-green-500 {
    --text-opacity: 1;
    color: #57ad45;
    color: rgba(87, 173, 69, var(--text-opacity))
}

.text-red-500 {
    --text-opacity: 1;
    color: #fc3b38;
    color: rgba(252, 59, 56, var(--text-opacity))
}

.hover\:text-color-300:hover {
    color: var(--color-300)
}

.hover\:text-color-500:hover {
    color: var(--color-500)
}

.hover\:text-color-800:hover {
    color: var(--color-800)
}

.hover\:text-color-900:hover {
    color: var(--color-900)
}

.hover\:text-accent-300:hover {
    color: var(--accent-300)
}

.hover\:text-accent-500:hover {
    color: var(--accent-500)
}

.hover\:text-gray-900:hover {
    --text-opacity: 1;
    color: #030405;
    color: rgba(3, 4, 5, var(--text-opacity))
}

.hover\:text-indigo-50:hover {
    --text-opacity: 1;
    color: #f4f6fd;
    color: rgba(244, 246, 253, var(--text-opacity))
}

.hover\:text-indigo-500:hover {
    --text-opacity: 1;
    color: #1e4dd8;
    color: rgba(30, 77, 216, var(--text-opacity))
}

.hover\:text-indigo-800:hover {
    --text-opacity: 1;
    color: #0c1f56;
    color: rgba(12, 31, 86, var(--text-opacity))
}

.hover\:text-blue-600:hover {
    --text-opacity: 1;
    color: #2e72c5;
    color: rgba(46, 114, 197, var(--text-opacity))
}

.hover\:text-blue-800:hover {
    --text-opacity: 1;
    color: #173962;
    color: rgba(23, 57, 98, var(--text-opacity))
}

.group:hover .group-hover\:text-color-500 {
    color: var(--color-500)
}

.group:hover .group-hover\:text-color-900 {
    color: var(--color-900)
}

.group:hover .group-hover\:text-accent-500 {
    color: var(--accent-500)
}

.group:hover .group-hover\:text-accent-700 {
    color: var(--accent-700)
}

.group:hover .group-hover\:text-gray-800 {
    --text-opacity: 1;
    color: #14171a;
    color: rgba(20, 23, 26, var(--text-opacity))
}

.group:hover .group-hover\:text-blue-500 {
    --text-opacity: 1;
    color: #3a8ef6;
    color: rgba(58, 142, 246, var(--text-opacity))
}

.italic {
    font-style: italic
}

.uppercase {
    text-transform: uppercase
}

.hover\:underline:hover,
.underline {
    text-decoration: underline
}

.tracking-55 {
    letter-spacing: .55em
}

.tracking-tighter {
    letter-spacing: -.0625rem
}

.tracking-tight {
    letter-spacing: -.5px
}

.tracking-widest {
    letter-spacing: .1em
}

.tracking-md {
    letter-spacing: .0625rem
}

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

.align-middle {
    vertical-align: middle
}

.whitespace-no-wrap {
    white-space: nowrap
}

.w-0 {
    width: 0
}

.w-8 {
    width: .5rem
}

.w-10 {
    width: .625rem
}

.w-20 {
    width: 1.25rem
}

.w-23 {
    width: 1.4375rem
}

.w-24 {
    width: 1.5rem
}

.w-32 {
    width: 2rem
}

.w-36 {
    width: 2.25rem
}

.w-40 {
    width: 2.5rem
}

.w-48 {
    width: 3rem
}

.w-54 {
    width: 3.375rem
}

.w-64 {
    width: 4rem
}

.w-96 {
    width: 6rem
}

.w-240 {
    width: 240px
}

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

.w-max-content {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

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

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

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

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

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

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

.w-1\/6 {
    width: 16.6667%
}

.w-5\/6 {
    width: 83.3333%
}

.z-0 {
    z-index: 0
}

.z-1 {
    z-index: 1
}

.z-2 {
    z-index: 2
}

.z-8 {
    z-index: 8
}

.z-9 {
    z-index: 9
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.z-n1 {
    z-index: -1
}

.focus\:z-50:focus {
    z-index: 50
}

.gap-4 {
    grid-gap: .25rem;
    gap: .25rem
}

.gap-8 {
    grid-gap: .5rem;
    gap: .5rem
}

.gap-10 {
    grid-gap: .625rem;
    gap: .625rem
}

.gap-16 {
    grid-gap: 1rem;
    gap: 1rem
}

.gap-24 {
    grid-gap: 1.5rem;
    gap: 1.5rem
}

.gap-32 {
    grid-gap: 2rem;
    gap: 2rem
}

.gap-40 {
    grid-gap: 2.5rem;
    gap: 2.5rem
}

.col-gap-16 {
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.col-gap-32 {
    grid-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem
}

.row-gap-8 {
    grid-row-gap: .5rem;
    row-gap: .5rem
}

.row-gap-16 {
    grid-row-gap: 1rem;
    row-gap: 1rem
}

.row-gap-24 {
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem
}

.row-gap-32 {
    grid-row-gap: 2rem;
    row-gap: 2rem
}

.row-gap-40 {
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem
}

.row-gap-48 {
    grid-row-gap: 3rem;
    row-gap: 3rem
}

.row-gap-64 {
    grid-row-gap: 4rem;
    row-gap: 4rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.transform {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
}

.origin-center {
    transform-origin: center
}

.hover\:scale-110:hover {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1
}

.group:focus .group-focus\:scale-125,
.group:hover .group-hover\:scale-125 {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25
}

.rotate-90 {
    --transform-rotate: 90deg
}

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

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

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

.transition-all {
    transition-property: all
}

.transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
}

.transition-colors {
    transition-property: background-color, border-color, color, fill, stroke
}

.transition-opacity {
    transition-property: opacity
}

.transition-transform {
    transition-property: transform
}

.ease-1 {
    transition-timing-function: ease
}

.ease-2 {
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}

.duration-1 {
    transition-duration: .3s
}

.duration-2 {
    transition-duration: .14s
}

.duration-3 {
    transition-duration: .5s
}

.t-light,
[data-navbar-theme=light] .t-navbar {
    --color-0: #fff;
    --color-50: #f6f8fb;
    --color-100: #e7ebf0;
    --color-200: #bcbfc1;
    --color-300: #a0a4a7;
    --color-400: #83888c;
    --color-500: #4a5056;
    --color-600: #373d43;
    --color-700: #252a2f;
    --color-800: #14171a;
    --color-900: #030405
}

.t-dark,
[data-navbar-theme=dark] .t-navbar {
    --color-0: #030405;
    --color-50: #14171a;
    --color-100: #252a2f;
    --color-200: #373d43;
    --color-300: #4a5056;
    --color-400: #83888c;
    --color-500: #bcbfc1;
    --color-600: #bcbfc1;
    --color-700: #e7ebf0;
    --color-800: #f6f8fb;
    --color-900: #f6f8fb;
    --logo-shape-color-1: #bdf;
    --logo-shape-color-2: #d9eeff;
    --logo-shape-color-3: #a0ccff;
    --logo-shape-color-4: #fff;
    --logo-text-color: #fff
}

.t-indigo {
    --accent-50: #f4f6fd;
    --accent-100: #c9d4f6;
    --accent-200: #9eb3ee;
    --accent-300: #7491e7;
    --accent-400: #496fdf;
    --accent-500: #1e4dd8;
    --accent-600: #183ead;
    --accent-700: #122e82;
    --accent-800: #0c1f56;
    --accent-900: #060f2b
}

.t-indigo-dark {
    --accent-500: #7491e7;
    --accent-700: #496fdf;
    --accent-800: #1e4dd8
}

.t-mint {
    --accent-500: #00a76a;
    --accent-600: #008655;
    --accent-700: #006440;
    --accent-800: #00432a
}

.t-mint,
.t-mint-dark {
    --accent-50: #f2fbf8;
    --accent-100: #c2eadb;
    --accent-300: #61c8a3;
    --accent-400: #31b886
}

.t-mint-dark {
    --accent-500: #31b886;
    --accent-600: #00a76a;
    --accent-700: #008655;
    --accent-800: #006440
}

.t-blue {
    --accent-50: #f5f9ff;
    --accent-100: #d0e4fd;
    --accent-200: #aacefb;
    --accent-300: #85b9f9;
    --accent-400: #5fa4f8;
    --accent-500: #3a8ef6;
    --accent-600: #2e72c5;
    --accent-700: #235594;
    --accent-800: #173962;
    --accent-900: #0c1c31
}

.t-orange {
    --accent-50: #fef8f5;
    --accent-100: #faddd0;
    --accent-200: #f7c2ab;
    --accent-300: #f3a786;
    --accent-400: #f08c61;
    --accent-500: #ec713c;
    --accent-600: #bd5a30;
    --accent-700: #8e4424;
    --accent-800: #5e2d18;
    --accent-900: #2f170c
}

.t-gold {
    --accent-500: #e1a163
}

.t-accent-orange {
    --accent-500: #ff7300;
    --accent-600: #de6e12;
    --accent-700: #c7681a
}

.t-accent-orange2 {
    --accent-500: #ec713c;
    --accent-600: #bd5a30;
    --accent-700: #8e4424
}

.t-color-orange {
    --color-0: #f08c61;
    --color-500: #faddd0;
    --color-800: #fff
}

.m-clip>:first-child {
    margin-top: 0;
    margin-left: 0
}

.m-clip>:last-child {
    margin-right: 0;
    margin-bottom: 0
}

.filter-grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.pt-navbar {
    padding-top: 56px
}

.scroll-hidden::-webkit-scrollbar {
    display: none
}

@media (max-width:599px) {
    .mobile-scroll-hidden::-webkit-scrollbar {
        display: none
    }
}

.bg-gray-50-50 {
    background-color: rgba(246, 248, 251, .5)
}

.bg-gradient-1 {
    background: linear-gradient(rgba(38, 69, 119, 0), rgba(11, 22, 40, .75))
}

.bg-gradient-2 {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 65.1%)
}

.will-change {
    will-change: transform
}

.max-w-logo {
    max-width: min(10rem, 100%)
}

.filter-blur {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.filter-logos {
    -webkit-filter: invert(1) brightness(.5) sepia(1) hue-rotate(165deg) saturate(2) brightness(.5);
    filter: invert(1) brightness(.5) sepia(1) hue-rotate(165deg) saturate(2) brightness(.5)
}

.min-h-viewport {
    min-height: var(--screen, 100vh)
}

@media (min-width:900px) {
    .min-h-viewport {
        min-height: 100vh
    }
}

.writing-vertical {
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.s-border-pull {
    --items-per-row: 1;
    --border-width: 1px;
    --pull: calc(var(--border-width)*-1);
    margin-right: calc((var(--items-per-row) + 1)*var(--pull));
    margin-bottom: var(--pull)
}

.s-border-pull>* {
    margin-top: var(--pull);
    margin-left: var(--pull)
}

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

.image-rendering-crisp {
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor
}

.bg-position {
    background-position: var(--bg-position)
}

.bg-size {
    background-size: var(--bg-size)
}

.t-dark .c-invert-color,
.t-light .c-invert-color {
    -webkit-filter: invert(1);
    filter: invert(1)
}

@media (min-width:600px) {
    .sm\:space-y-0>:not(template)~:not(template) {
        --space-y-reverse: 0;
        margin-top: calc(0px*(1 - var(--space-y-reverse)));
        margin-bottom: calc(0px*var(--space-y-reverse))
    }
    .sm\:space-y-10>:not(template)~:not(template) {
        --space-y-reverse: 0;
        margin-top: calc(0.625rem*(1 - var(--space-y-reverse)));
        margin-bottom: calc(0.625rem*var(--space-y-reverse))
    }
    .sm\:space-x-32>:not(template)~:not(template) {
        --space-x-reverse: 0;
        margin-right: calc(2rem*var(--space-x-reverse));
        margin-left: calc(2rem*(1 - var(--space-x-reverse)))
    }
    .sm\:border-gray-100 {
        --border-opacity: 1;
        border-color: #e7ebf0;
        border-color: rgba(231, 235, 240, var(--border-opacity))
    }
    .sm\:rounded-16 {
        border-radius: 1rem
    }
    .sm\:rounded-32 {
        border-radius: 2rem
    }
    .sm\:rounded-md3 {
        border-radius: .5rem
    }
    .sm\:rounded-lg {
        border-radius: .75rem
    }
    .sm\:border-1 {
        border-width: 1px
    }
    .sm\:border-b-0 {
        border-bottom-width: 0
    }
    .sm\:border-r-1 {
        border-right-width: 1px
    }
    .sm\:border-l-3 {
        border-left-width: 3px
    }
    .sm\:block {
        display: block
    }
    .sm\:flex {
        display: flex
    }
    .sm\:inline-flex {
        display: inline-flex
    }
    .sm\:grid {
        display: grid
    }
    .sm\:hidden {
        display: none
    }
    .sm\:flex-row {
        flex-direction: row
    }
    .sm\:items-start {
        align-items: flex-start
    }
    .sm\:items-center {
        align-items: center
    }
    .sm\:justify-start {
        justify-content: flex-start
    }
    .sm\:justify-between {
        justify-content: space-between
    }
    .sm\:justify-evenly {
        justify-content: space-evenly
    }
    .sm\:order-1 {
        order: 1
    }
    .sm\:order-2 {
        order: 2
    }
    .sm\:float-none {
        float: none
    }
    .sm\:h-48 {
        height: 3rem
    }
    .sm\:h-full {
        height: 100%
    }
    .sm\:text-14 {
        font-size: .875rem
    }
    .sm\:text-16 {
        font-size: 1rem
    }
    .sm\:text-18 {
        font-size: 1.125rem
    }
    .sm\:text-20 {
        font-size: 1.25rem
    }
    .sm\:text-22 {
        font-size: 1.375rem
    }
    .sm\:text-24 {
        font-size: 1.5rem
    }
    .sm\:text-32 {
        font-size: 2rem
    }
    .sm\:text-36 {
        font-size: 2.25rem
    }
    .sm\:text-46 {
        font-size: 2.875rem
    }
    .sm\:text-48 {
        font-size: 3rem
    }
    .sm\:text-52 {
        font-size: 3.25rem
    }
    .sm\:text-64 {
        font-size: 4rem
    }
    .sm\:leading-135 {
        line-height: 1.35
    }
    .sm\:m-0 {
        margin: 0
    }
    .sm\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }
    .sm\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }
    .sm\:mx-16 {
        margin-left: 1rem;
        margin-right: 1rem
    }
    .sm\:my-32 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
    .sm\:my-48 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }
    .sm\:my-64 {
        margin-top: 4rem;
        margin-bottom: 4rem
    }
    .sm\:my-72 {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem
    }
    .sm\:my-96 {
        margin-top: 6rem;
        margin-bottom: 6rem
    }
    .sm\:my-128 {
        margin-top: 8rem;
        margin-bottom: 8rem
    }
    .sm\:my-160 {
        margin-top: 10rem;
        margin-bottom: 10rem
    }
    .sm\:my-screen-1\/2 {
        margin-top: 50vh;
        margin-bottom: 50vh
    }
    .sm\:-mx-32 {
        margin-left: -2rem;
        margin-right: -2rem
    }
    .sm\:mt-0 {
        margin-top: 0
    }
    .sm\:mr-0 {
        margin-right: 0
    }
    .sm\:mb-0 {
        margin-bottom: 0
    }
    .sm\:ml-0 {
        margin-left: 0
    }
    .sm\:mt-8 {
        margin-top: .5rem
    }
    .sm\:mr-8 {
        margin-right: .5rem
    }
    .sm\:ml-8 {
        margin-left: .5rem
    }
    .sm\:mr-12 {
        margin-right: .75rem
    }
    .sm\:mt-16 {
        margin-top: 1rem
    }
    .sm\:mr-16 {
        margin-right: 1rem
    }
    .sm\:mb-20 {
        margin-bottom: 1.25rem
    }
    .sm\:mt-24 {
        margin-top: 1.5rem
    }
    .sm\:mr-24 {
        margin-right: 1.5rem
    }
    .sm\:ml-24 {
        margin-left: 1.5rem
    }
    .sm\:mt-32 {
        margin-top: 2rem
    }
    .sm\:mr-32 {
        margin-right: 2rem
    }
    .sm\:ml-32 {
        margin-left: 2rem
    }
    .sm\:mt-36 {
        margin-top: 2.25rem
    }
    .sm\:mt-48 {
        margin-top: 3rem
    }
    .sm\:mr-48 {
        margin-right: 3rem
    }
    .sm\:mb-48 {
        margin-bottom: 3rem
    }
    .sm\:ml-48 {
        margin-left: 3rem
    }
    .sm\:mt-52 {
        margin-top: 3.25rem
    }
    .sm\:mt-64 {
        margin-top: 4rem
    }
    .sm\:mb-64 {
        margin-bottom: 4rem
    }
    .sm\:mr-72 {
        margin-right: 4.5rem
    }
    .sm\:mt-80 {
        margin-top: 5rem
    }
    .sm\:mb-80 {
        margin-bottom: 5rem
    }
    .sm\:mt-96 {
        margin-top: 6rem
    }
    .sm\:mb-96 {
        margin-bottom: 6rem
    }
    .sm\:mt-128 {
        margin-top: 8rem
    }
    .sm\:mb-128 {
        margin-bottom: 8rem
    }
    .sm\:mb-160 {
        margin-bottom: 10rem
    }
    .sm\:ml-auto {
        margin-left: auto
    }
    .sm\:-mt-48 {
        margin-top: -3rem
    }
    .sm\:-ml-48 {
        margin-left: -3rem
    }
    .sm\:-mt-64 {
        margin-top: -4rem
    }
    .sm\:-mt-128 {
        margin-top: -8rem
    }
    .sm\:-mt-160 {
        margin-top: -10rem
    }
    .sm\:max-w-none {
        max-width: none
    }
    .sm\:overflow-visible {
        overflow: visible
    }
    .sm\:p-0 {
        padding: 0
    }
    .sm\:p-16 {
        padding: 1rem
    }
    .sm\:p-24 {
        padding: 1.5rem
    }
    .sm\:p-32 {
        padding: 2rem
    }
    .sm\:p-48 {
        padding: 3rem
    }
    .sm\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }
    .sm\:px-0 {
        padding-left: 0;
        padding-right: 0
    }
    .sm\:py-4 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }
    .sm\:py-12 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }
    .sm\:py-16 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .sm\:py-20 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }
    .sm\:px-20 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
    .sm\:px-24 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .sm\:py-32 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
    .sm\:px-32 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .sm\:py-40 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
    .sm\:py-48 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
    .sm\:px-48 {
        padding-left: 3rem;
        padding-right: 3rem
    }
    .sm\:py-64 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
    .sm\:px-64 {
        padding-left: 4rem;
        padding-right: 4rem
    }
    .sm\:py-80 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .sm\:py-96 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }
    .sm\:px-96 {
        padding-left: 6rem;
        padding-right: 6rem
    }
    .sm\:py-128 {
        padding-top: 8rem;
        padding-bottom: 8rem
    }
    .sm\:px-128 {
        padding-left: 8rem;
        padding-right: 8rem
    }
    .sm\:py-160 {
        padding-top: 10rem;
        padding-bottom: 10rem
    }
    .sm\:pb-0 {
        padding-bottom: 0
    }
    .sm\:pt-16 {
        padding-top: 1rem
    }
    .sm\:pt-24 {
        padding-top: 1.5rem
    }
    .sm\:pr-32 {
        padding-right: 2rem
    }
    .sm\:pl-32 {
        padding-left: 2rem
    }
    .sm\:pt-48 {
        padding-top: 3rem
    }
    .sm\:pr-48 {
        padding-right: 3rem
    }
    .sm\:pl-48 {
        padding-left: 3rem
    }
    .sm\:pt-64 {
        padding-top: 4rem
    }
    .sm\:pr-64 {
        padding-right: 4rem
    }
    .sm\:pl-64 {
        padding-left: 4rem
    }
    .sm\:pt-128 {
        padding-top: 8rem
    }
    .sm\:pt-160 {
        padding-top: 10rem
    }
    .sm\:pb-160 {
        padding-bottom: 10rem
    }
    .sm\:absolute {
        position: absolute
    }
    .sm\:relative {
        position: relative
    }
    .sm\:top-0 {
        top: 0
    }
    .sm\:right-0 {
        right: 0
    }
    .sm\:shadow-sm2 {
        box-shadow: 0 0 3px rgba(4, 25, 39, .15)
    }
    .sm\:text-left {
        text-align: left
    }
    .sm\:text-center {
        text-align: center
    }
    .sm\:text-right {
        text-align: right
    }
    .sm\:w-48 {
        width: 3rem
    }
    .sm\:w-128 {
        width: 8rem
    }
    .sm\:w-auto {
        width: auto
    }
    .sm\:w-1\/2 {
        width: 50%
    }
    .sm\:w-1\/3 {
        width: 33.3333%
    }
    .sm\:w-2\/3 {
        width: 66.6667%
    }
    .sm\:w-1\/4 {
        width: 25%
    }
    .sm\:w-3\/4 {
        width: 75%
    }
    .sm\:w-2\/5 {
        width: 40%
    }
    .sm\:w-3\/5 {
        width: 60%
    }
    .sm\:w-5\/12 {
        width: 41.6667%
    }
    .sm\:w-7\/12 {
        width: 58.3333%
    }
    .sm\:gap-16 {
        grid-gap: 1rem;
        gap: 1rem
    }
    .sm\:gap-32 {
        grid-gap: 2rem;
        gap: 2rem
    }
    .sm\:col-gap-24 {
        grid-column-gap: 1.5rem;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }
    .sm\:col-gap-32 {
        grid-column-gap: 2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }
    .sm\:col-gap-48 {
        grid-column-gap: 3rem;
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }
    .sm\:row-gap-0 {
        grid-row-gap: 0;
        row-gap: 0
    }
    .sm\:row-gap-16 {
        grid-row-gap: 1rem;
        row-gap: 1rem
    }
    .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-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }
    .sm\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .sm\:col-span-4 {
        grid-column: span 4/span 4
    }
    .sm\:col-span-6 {
        grid-column: span 6/span 6
    }
    .sm\:col-span-8 {
        grid-column: span 8/span 8
    }
    .sm\:col-span-10 {
        grid-column: span 10/span 10
    }
    .sm\:col-span-12 {
        grid-column: span 12/span 12
    }
    .sm\:col-start-2 {
        grid-column-start: 2
    }
    .sm\:col-start-3 {
        grid-column-start: 3
    }
    .sm\:col-start-7 {
        grid-column-start: 7
    }
    .sm\:rotate-0 {
        --transform-rotate: 0
    }
    .sm\:-translate-x-1\/2 {
        --transform-translate-x: -50%
    }
    .sm\:var-items-2 {
        --items-per-row: 2
    }
}

@media (min-width:900px) {
    .md\:space-y-0>:not(template)~:not(template) {
        --space-y-reverse: 0;
        margin-top: calc(0px*(1 - var(--space-y-reverse)));
        margin-bottom: calc(0px*var(--space-y-reverse))
    }
    .md\:space-y-24>:not(template)~:not(template) {
        --space-y-reverse: 0;
        margin-top: calc(1.5rem*(1 - var(--space-y-reverse)));
        margin-bottom: calc(1.5rem*var(--space-y-reverse))
    }
    .md\:space-x-40>:not(template)~:not(template) {
        --space-x-reverse: 0;
        margin-right: calc(2.5rem*var(--space-x-reverse));
        margin-left: calc(2.5rem*(1 - var(--space-x-reverse)))
    }
    .md\:bg-auto {
        background-size: auto
    }
    .md\:border-gray-50 {
        --border-opacity: 1;
        border-color: #f6f8fb;
        border-color: rgba(246, 248, 251, var(--border-opacity))
    }
    .md\:rounded-32 {
        border-radius: 2rem
    }
    .md\:rounded-lg {
        border-radius: .75rem
    }
    .md\:border-none {
        border-style: none
    }
    .md\:border-r-0 {
        border-right-width: 0
    }
    .md\:border-r-1 {
        border-right-width: 1px
    }
    .md\:border-l-1 {
        border-left-width: 1px
    }
    .md\:border-l-2 {
        border-left-width: 2px
    }
    .md\:block {
        display: block
    }
    .md\:flex {
        display: flex
    }
    .md\:grid {
        display: grid
    }
    .md\:hidden {
        display: none
    }
    .md\:flex-row {
        flex-direction: row
    }
    .md\:flex-col {
        flex-direction: column
    }
    .md\:flex-no-wrap {
        flex-wrap: nowrap
    }
    .md\:items-start {
        align-items: flex-start
    }
    .md\:items-center {
        align-items: center
    }
    .md\:justify-start {
        justify-content: flex-start
    }
    .md\:justify-end {
        justify-content: flex-end
    }
    .md\:justify-center {
        justify-content: center
    }
    .md\:justify-between {
        justify-content: space-between
    }
    .md\:flex-1 {
        flex: 1 1 0%
    }
    .md\:order-2 {
        order: 2
    }
    .md\:order-4 {
        order: 4
    }
    .md\:font-medium {
        font-weight: 500
    }
    .md\:h-24 {
        height: 1.5rem
    }
    .md\:h-32 {
        height: 2rem
    }
    .md\:h-40 {
        height: 2.5rem
    }
    .md\:h-48 {
        height: 3rem
    }
    .md\:h-64 {
        height: 4rem
    }
    .md\:h-auto {
        height: auto
    }
    .md\:h-full {
        height: 100%
    }
    .md\:text-12 {
        font-size: .75rem
    }
    .md\:text-14 {
        font-size: .875rem
    }
    .md\:text-16 {
        font-size: 1rem
    }
    .md\:text-18 {
        font-size: 1.125rem
    }
    .md\:text-20 {
        font-size: 1.25rem
    }
    .md\:text-22 {
        font-size: 1.375rem
    }
    .md\:text-24 {
        font-size: 1.5rem
    }
    .md\:text-28 {
        font-size: 1.75rem
    }
    .md\:text-32 {
        font-size: 2rem
    }
    .md\:text-36 {
        font-size: 2.25rem
    }
    .md\:text-40 {
        font-size: 2.5rem
    }
    .md\:text-42 {
        font-size: 2.625rem
    }
    .md\:text-46 {
        font-size: 2.875rem
    }
    .md\:text-48 {
        font-size: 3rem
    }
    .md\:text-52 {
        font-size: 3.25rem
    }
    .md\:text-58 {
        font-size: 3.625rem
    }
    .md\:text-64 {
        font-size: 4rem
    }
    .md\:text-88 {
        font-size: 5.5rem
    }
    .md\:leading-115 {
        line-height: 1.15
    }
    .md\:leading-135 {
        line-height: 1.35
    }
    .md\:leading-140 {
        line-height: 1.4
    }
    .md\:m-0 {
        margin: 0
    }
    .md\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }
    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }
    .md\:mx-8 {
        margin-left: .5rem;
        margin-right: .5rem
    }
    .md\:my-16 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }
    .md\:my-24 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }
    .md\:mx-24 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }
    .md\:mx-32 {
        margin-left: 2rem;
        margin-right: 2rem
    }
    .md\:my-48 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }
    .md\:mx-48 {
        margin-left: 3rem;
        margin-right: 3rem
    }
    .md\:mx-64 {
        margin-left: 4rem;
        margin-right: 4rem
    }
    .md\:my-72 {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem
    }
    .md\:my-128 {
        margin-top: 8rem;
        margin-bottom: 8rem
    }
    .md\:my-160 {
        margin-top: 10rem;
        margin-bottom: 10rem
    }
    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }
    .md\:-mx-8 {
        margin-left: -.5rem;
        margin-right: -.5rem
    }
    .md\:-my-16 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }
    .md\:-my-24 {
        margin-top: -1.5rem;
        margin-bottom: -1.5rem
    }
    .md\:-mx-32 {
        margin-left: -2rem;
        margin-right: -2rem
    }
    .md\:-mx-48 {
        margin-left: -3rem;
        margin-right: -3rem
    }
    .md\:mt-0 {
        margin-top: 0
    }
    .md\:mr-0 {
        margin-right: 0
    }
    .md\:mb-0 {
        margin-bottom: 0
    }
    .md\:ml-0 {
        margin-left: 0
    }
    .md\:mt-2 {
        margin-top: .125rem
    }
    .md\:mr-4 {
        margin-right: .25rem
    }
    .md\:mb-4 {
        margin-bottom: .25rem
    }
    .md\:mr-8 {
        margin-right: .5rem
    }
    .md\:mb-8 {
        margin-bottom: .5rem
    }
    .md\:ml-12 {
        margin-left: .75rem
    }
    .md\:mt-16 {
        margin-top: 1rem
    }
    .md\:mr-16 {
        margin-right: 1rem
    }
    .md\:mb-16 {
        margin-bottom: 1rem
    }
    .md\:ml-16 {
        margin-left: 1rem
    }
    .md\:mt-24 {
        margin-top: 1.5rem
    }
    .md\:mr-24 {
        margin-right: 1.5rem
    }
    .md\:mb-24 {
        margin-bottom: 1.5rem
    }
    .md\:ml-24 {
        margin-left: 1.5rem
    }
    .md\:mt-32 {
        margin-top: 2rem
    }
    .md\:mr-32 {
        margin-right: 2rem
    }
    .md\:mb-32 {
        margin-bottom: 2rem
    }
    .md\:ml-32 {
        margin-left: 2rem
    }
    .md\:mt-40 {
        margin-top: 2.5rem
    }
    .md\:mb-40 {
        margin-bottom: 2.5rem
    }
    .md\:mt-48 {
        margin-top: 3rem
    }
    .md\:mr-48 {
        margin-right: 3rem
    }
    .md\:mb-48 {
        margin-bottom: 3rem
    }
    .md\:ml-48 {
        margin-left: 3rem
    }
    .md\:mt-64 {
        margin-top: 4rem
    }
    .md\:mb-64 {
        margin-bottom: 4rem
    }
    .md\:mt-80 {
        margin-top: 5rem
    }
    .md\:mt-96 {
        margin-top: 6rem
    }
    .md\:mb-96 {
        margin-bottom: 6rem
    }
    .md\:mt-104 {
        margin-top: 6.5rem
    }
    .md\:mt-128 {
        margin-top: 8rem
    }
    .md\:-mt-4 {
        margin-top: -.25rem
    }
    .md\:-mt-12 {
        margin-top: -.75rem
    }
    .md\:-mb-16 {
        margin-bottom: -1rem
    }
    .md\:-mr-32 {
        margin-right: -2rem
    }
    .md\:-ml-32 {
        margin-left: -2rem
    }
    .md\:-mb-40 {
        margin-bottom: -2.5rem
    }
    .md\:-mt-96 {
        margin-top: -6rem
    }
    .md\:max-w-200 {
        max-width: 200px
    }
    .md\:max-w-352 {
        max-width: 22rem
    }
    .md\:max-w-md {
        max-width: 28rem
    }
    .md\:max-w-2xl {
        max-width: 42rem
    }
    .md\:max-w-3xl {
        max-width: 48rem
    }
    .md\:max-w-4xl {
        max-width: 56rem
    }
    .md\:max-w-full {
        max-width: 100%
    }
    .md\:min-h-104 {
        min-height: 6.5rem
    }
    .md\:min-h-screen {
        min-height: 100vh
    }
    .md\:min-w-180 {
        min-width: 180px
    }
    .md\:object-cover {
        -o-object-fit: cover;
        object-fit: cover
    }
    .md\:overflow-hidden {
        overflow: hidden
    }
    .md\:overflow-visible {
        overflow: visible
    }
    .md\:p-24 {
        padding: 1.5rem
    }
    .md\:p-32 {
        padding: 2rem
    }
    .md\:p-40 {
        padding: 2.5rem
    }
    .md\:p-48 {
        padding: 3rem
    }
    .md\:p-64 {
        padding: 4rem
    }
    .md\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }
    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }
    .md\:py-8 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }
    .md\:py-10 {
        padding-top: .625rem;
        padding-bottom: .625rem
    }
    .md\:py-16 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .md\:px-16 {
        padding-left: 1rem;
        padding-right: 1rem
    }
    .md\:py-24 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .md\:px-24 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .md\:py-32 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
    .md\:px-32 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .md\:px-37 {
        padding-left: 2.3125rem;
        padding-right: 2.3125rem
    }
    .md\:py-40 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }
    .md\:py-48 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
    .md\:px-48 {
        padding-left: 3rem;
        padding-right: 3rem
    }
    .md\:px-52 {
        padding-left: 3.25rem;
        padding-right: 3.25rem
    }
    .md\:py-64 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
    .md\:px-64 {
        padding-left: 4rem;
        padding-right: 4rem
    }
    .md\:px-80 {
        padding-left: 5rem;
        padding-right: 5rem
    }
    .md\:py-96 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }
    .md\:py-128 {
        padding-top: 8rem;
        padding-bottom: 8rem
    }
    .md\:py-160 {
        padding-top: 10rem;
        padding-bottom: 10rem
    }
    .md\:pt-0 {
        padding-top: 0
    }
    .md\:pr-0 {
        padding-right: 0
    }
    .md\:pb-0 {
        padding-bottom: 0
    }
    .md\:pl-0 {
        padding-left: 0
    }
    .md\:pl-12 {
        padding-left: .75rem
    }
    .md\:pl-16 {
        padding-left: 1rem
    }
    .md\:pr-24 {
        padding-right: 1.5rem
    }
    .md\:pb-24 {
        padding-bottom: 1.5rem
    }
    .md\:pl-24 {
        padding-left: 1.5rem
    }
    .md\:pr-32 {
        padding-right: 2rem
    }
    .md\:pl-36 {
        padding-left: 2.25rem
    }
    .md\:pt-40 {
        padding-top: 2.5rem
    }
    .md\:pr-48 {
        padding-right: 3rem
    }
    .md\:pb-48 {
        padding-bottom: 3rem
    }
    .md\:pl-48 {
        padding-left: 3rem
    }
    .md\:pt-64 {
        padding-top: 4rem
    }
    .md\:pr-64 {
        padding-right: 4rem
    }
    .md\:pb-64 {
        padding-bottom: 4rem
    }
    .md\:pt-80 {
        padding-top: 5rem
    }
    .md\:pl-80 {
        padding-left: 5rem
    }
    .md\:pl-96 {
        padding-left: 6rem
    }
    .md\:pt-128 {
        padding-top: 8rem
    }
    .md\:pr-128 {
        padding-right: 8rem
    }
    .md\:pb-128 {
        padding-bottom: 8rem
    }
    .md\:pb-160 {
        padding-bottom: 10rem
    }
    .md\:absolute {
        position: absolute
    }
    .md\:top-0 {
        top: 0
    }
    .md\:right-0 {
        right: 0
    }
    .md\:left-0 {
        left: 0
    }
    .md\:bottom-14 {
        bottom: 14px
    }
    .md\:left-16 {
        left: 16px
    }
    .md\:shadow-sm2 {
        box-shadow: 0 0 3px rgba(4, 25, 39, .15)
    }
    .md\:text-left {
        text-align: left
    }
    .md\:text-center {
        text-align: center
    }
    .md\:tracking-tight {
        letter-spacing: -.5px
    }
    .md\:w-32 {
        width: 2rem
    }
    .md\:w-40 {
        width: 2.5rem
    }
    .md\:w-48 {
        width: 3rem
    }
    .md\:w-64 {
        width: 4rem
    }
    .md\:w-72 {
        width: 4.5rem
    }
    .md\:w-80 {
        width: 5rem
    }
    .md\:w-160 {
        width: 10rem
    }
    .md\:w-auto {
        width: auto
    }
    .md\:w-full {
        width: 100%
    }
    .md\:w-1\/2 {
        width: 50%
    }
    .md\:w-1\/3 {
        width: 33.3333%
    }
    .md\:w-2\/3 {
        width: 66.6667%
    }
    .md\:w-1\/4 {
        width: 25%
    }
    .md\:w-1\/5 {
        width: 20%
    }
    .md\:w-1\/6 {
        width: 16.6667%
    }
    .md\:w-4\/6 {
        width: 66.6667%
    }
    .md\:w-1\/12 {
        width: 8.3333%
    }
    .md\:w-2\/12 {
        width: 16.6667%
    }
    .md\:w-3\/12 {
        width: 25%
    }
    .md\:w-4\/12 {
        width: 33.3333%
    }
    .md\:w-5\/12 {
        width: 41.6667%
    }
    .md\:w-7\/12 {
        width: 58.3333%
    }
    .md\:w-9\/12 {
        width: 75%
    }
    .md\:w-11\/12 {
        width: 91.6667%
    }
    .md\:gap-20 {
        grid-gap: 1.25rem;
        gap: 1.25rem
    }
    .md\:gap-32 {
        grid-gap: 2rem;
        gap: 2rem
    }
    .md\:col-gap-32 {
        grid-column-gap: 2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }
    .md\:grid-flow-row {
        grid-auto-flow: row
    }
    .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-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }
    .md\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .md\:col-span-1 {
        grid-column: span 1/span 1
    }
    .md\:col-span-2 {
        grid-column: span 2/span 2
    }
    .md\:col-span-3 {
        grid-column: span 3/span 3
    }
    .md\:col-span-4 {
        grid-column: span 4/span 4
    }
    .md\:col-span-5 {
        grid-column: span 5/span 5
    }
    .md\:col-span-6 {
        grid-column: span 6/span 6
    }
    .md\:col-span-7 {
        grid-column: span 7/span 7
    }
    .md\:col-span-8 {
        grid-column: span 8/span 8
    }
    .md\:col-span-12 {
        grid-column: span 12/span 12
    }
    .md\:col-start-2 {
        grid-column-start: 2
    }
    .md\:col-start-3 {
        grid-column-start: 3
    }
    .md\:col-start-6 {
        grid-column-start: 6
    }
    .md\:col-start-7 {
        grid-column-start: 7
    }
    .md\:col-start-8 {
        grid-column-start: 8
    }
    .md\:column-count-2 {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 32px;
        column-gap: 32px
    }
    .md\:var-items-3 {
        --items-per-row: 3
    }
}

@media (min-width:1200px) {
    .lg\:rounded-32 {
        border-radius: 2rem
    }
    .lg\:rounded-md {
        border-radius: .375rem
    }
    .lg\:rounded-md3 {
        border-radius: .5rem
    }
    .lg\:block {
        display: block
    }
    .lg\:flex {
        display: flex
    }
    .lg\:hidden {
        display: none
    }
    .lg\:flex-row {
        flex-direction: row
    }
    .lg\:flex-no-wrap {
        flex-wrap: nowrap
    }
    .lg\:justify-evenly {
        justify-content: space-evenly
    }
    .lg\:h-48 {
        height: 3rem
    }
    .lg\:h-220 {
        height: 13.75rem
    }
    .lg\:text-16 {
        font-size: 1rem
    }
    .lg\:text-18 {
        font-size: 1.125rem
    }
    .lg\:text-22 {
        font-size: 1.375rem
    }
    .lg\:text-24 {
        font-size: 1.5rem
    }
    .lg\:text-28 {
        font-size: 1.75rem
    }
    .lg\:text-36 {
        font-size: 2.25rem
    }
    .lg\:text-42 {
        font-size: 2.625rem
    }
    .lg\:text-48 {
        font-size: 3rem
    }
    .lg\:text-58 {
        font-size: 3.625rem
    }
    .lg\:text-64 {
        font-size: 4rem
    }
    .lg\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }
    .lg\:-mx-32 {
        margin-left: -2rem;
        margin-right: -2rem
    }
    .lg\:mt-0 {
        margin-top: 0
    }
    .lg\:mr-0 {
        margin-right: 0
    }
    .lg\:mb-0 {
        margin-bottom: 0
    }
    .lg\:mt-8 {
        margin-top: .5rem
    }
    .lg\:mb-40 {
        margin-bottom: 2.5rem
    }
    .lg\:mt-48 {
        margin-top: 3rem
    }
    .lg\:ml-96 {
        margin-left: 6rem
    }
    .lg\:max-w-1240 {
        max-width: 1240px
    }
    .lg\:max-w-none {
        max-width: none
    }
    .lg\:overflow-hidden {
        overflow: hidden
    }
    .lg\:p-32 {
        padding: 2rem
    }
    .lg\:p-40 {
        padding: 2.5rem
    }
    .lg\:py-32 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
    .lg\:px-40 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
    .lg\:py-64 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
    .lg\:px-96 {
        padding-left: 6rem;
        padding-right: 6rem
    }
    .lg\:py-104 {
        padding-top: 6.5rem;
        padding-bottom: 6.5rem
    }
    .lg\:pr-0 {
        padding-right: 0
    }
    .lg\:pl-0 {
        padding-left: 0
    }
    .lg\:pt-32 {
        padding-top: 2rem
    }
    .lg\:pr-32 {
        padding-right: 2rem
    }
    .lg\:pl-32 {
        padding-left: 2rem
    }
    .lg\:pr-48 {
        padding-right: 3rem
    }
    .lg\:pr-52 {
        padding-right: 3.25rem
    }
    .lg\:pr-96 {
        padding-right: 6rem
    }
    .lg\:pl-96 {
        padding-left: 6rem
    }
    .lg\:pt-128 {
        padding-top: 8rem
    }
    .lg\:shadow-sm2 {
        box-shadow: 0 0 3px rgba(4, 25, 39, .15)
    }
    .lg\:w-48 {
        width: 3rem
    }
    .lg\:w-auto {
        width: auto
    }
    .lg\:w-1\/2 {
        width: 50%
    }
    .lg\:w-1\/4 {
        width: 25%
    }
    .lg\:w-3\/5 {
        width: 60%
    }
    .lg\:w-4\/5 {
        width: 80%
    }
    .lg\:w-5\/12 {
        width: 41.6667%
    }
    .lg\:w-7\/12 {
        width: 58.3333%
    }
    .lg\:w-11\/12 {
        width: 91.6667%
    }
    .lg\:gap-32 {
        grid-gap: 2rem;
        gap: 2rem
    }
    .lg\:col-gap-32 {
        grid-column-gap: 2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }
    .lg\:row-gap-32 {
        grid-row-gap: 2rem;
        row-gap: 2rem
    }
    .lg\:grid-flow-col {
        grid-auto-flow: column
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .lg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .lg\:grid-cols-none {
        grid-template-columns: none
    }
    .lg\:col-span-4 {
        grid-column: span 4/span 4
    }
    .lg\:col-span-5 {
        grid-column: span 5/span 5
    }
    .lg\:col-span-10 {
        grid-column: span 10/span 10
    }
    .lg\:col-start-1 {
        grid-column-start: 1
    }
    .lg\:col-start-2 {
        grid-column-start: 2
    }
    .lg\:col-start-8 {
        grid-column-start: 8
    }
}

div[itemprop="acceptedAnswer"] {
    transition: all 0.5s;
    max-height: 0px;
    overflow: hidden;
}

.c-accordion__slide.is-active div[itemprop="acceptedAnswer"] {
    max-height: none;
}

div[ob-height] {
    height: auto !important;
}