@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")
}

/*! tailwindcss v3.0.23 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
    border: 0 solid #bcbfc1;
    box-sizing: border-box
}

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

html {
    -webkit-text-size-adjust: 100%;
    font-family: TT Norms, Helvetica, Arial;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

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

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

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

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

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-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
}

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

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

button,
select {
    text-transform: none
}

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

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

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

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

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

summary {
    display: list-item
}

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

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

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

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #83888c;
    opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #83888c;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: #83888c;
    opacity: 1
}

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

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: none
}

*,
:after,
:before {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2718d6;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

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

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

html:lang(es-ES) {
    font-size: 14px
}

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

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

form {
    margin-bottom: 0
}

select {
    cursor: pointer
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 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 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%
}

@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-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 {
    background-color: #333;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    outline: 0;
    position: relative;
    transition-property: transform, visibility, opacity;
    white-space: normal
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.tippy-content {
    padding: 16px
}

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

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

.platform-button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(46 114 197/var(--tw-bg-opacity))
}

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

.platform-subtitle {
    color: #758698
}

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

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

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

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    touch-action: none;
    width: 100%;
    z-index: 1500
}

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

.pswp img {
    max-width: none
}

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

.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 {
    -webkit-backface-visibility: hidden;
    background: #000;
    opacity: 0;
    transform: translateZ(0)
}

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

.pswp__scroll-wrap {
    overflow: hidden
}

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

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

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

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

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

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

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

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

.pswp__img {
    height: auto;
    width: auto
}

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

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

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

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

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

.pswp {
    z-index: 9999999
}

.pswp__bg {
    --tw-bg-opacity: .9;
    background-color: rgb(3 4 5/var(--tw-bg-opacity))
}

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

.pswp__button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(30 77 216/var(--tw-bg-opacity))
}

.pswp__button:active {
    --tw-bg-opacity: 1;
    background-color: rgb(18 46 130/var(--tw-bg-opacity))
}

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

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

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

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

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

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

@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 {
    --tw-translate-y: 0.375rem;
    -webkit-backface-visibility: hidden;
    opacity: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-duration: .14s;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: ease;
    visibility: hidden;
    will-change: transform
}

.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 {
    --tw-translate-y: 0;
    opacity: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    visibility: visible
}

.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-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] {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[ob-accordion-item-toggle] span span:first-child {
    display: none
}

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

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

[ob-carousel] {
    position: relative
}

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

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

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

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

[ob-tabs2-toggle].is-active,
[ob-tabs2-toggle].is-active:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(58 142 246/var(--tw-bg-opacity));
    color: rgb(255 255 255/var(--tw-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 {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(225 161 99/var(--tw-bg-opacity));
    color: rgb(3 4 5/var(--tw-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-color: var(--color-100);
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-width: 1px 1px 0
}

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

.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] {
    cursor: ew-resize;
    cursor: -webkit-grab;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    touch-action: pan-y;
    transition: transform .5s cubic-bezier(.075, .82, .165, 1);
    z-index: 40
}

[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-duration: .3s;
    transition-property: opacity;
    transition-timing-function: ease
}

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

[ob-testimonials-logos-rail-item] {
    cursor: pointer;
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: ease;
    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;
    transform-origin: center left;
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease;
    width: 1px
}

.b-accordion__slide.is-active .b-accordion__icon,
.b-accordion__slide.is-active .b-accordion__toggle {
    --tw-text-opacity: 1;
    color: rgb(58 142 246/var(--tw-text-opacity))
}

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

.b-accordion__toggle:hover {
    --tw-text-opacity: 1;
    color: rgb(30 77 216/var(--tw-text-opacity))
}

.b-accordion__icon:hover,
.b-accordion__toggle:active {
    --tw-text-opacity: 1;
    color: rgb(18 46 130/var(--tw-text-opacity))
}

.b-accordion__icon:active {
    --tw-text-opacity: 1;
    color: rgb(12 31 86/var(--tw-text-opacity))
}

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

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

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

.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 {
    height: 6%;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: all 1s cubic-bezier(.22, 1, .36, 1);
    width: 14%;
    z-index: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

.b-article-card__footer {
    position: relative
}

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

.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-duration: .14s;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    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 {
    max-width: none;
    padding: 0
}

.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) {
    opacity: 0;
    pointer-events: none;
    transform: translateY(2rem)
}

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

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

@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 {
        height: auto;
        margin-left: 0;
        width: 150%
    }
}

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

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

    to {
        opacity: 1;
        transform: none
    }
}

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

    to {
        opacity: 1;
        transform: none
    }
}

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

    to {
        opacity: 0;
        transform: translateX(-20px)
    }
}

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

    to {
        opacity: 0;
        transform: translateX(-20px)
    }
}

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

@media (min-width:600px) {
    .b-borrow__step {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        width: auto
    }
}

.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 {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(30 77 216/var(--tw-bg-opacity));
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    display: flex;
    padding: 1rem;
    width: 100%
}

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

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

.b-borrow__step-header-text {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-size: 1rem
}

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

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

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

.b-borrow__dot {
    padding: .5rem
}

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

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

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

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

@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 {
    transform-origin: 53.1% 13.1%;
    transition: all .3s ease
}

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

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

    80% {
        stroke-dashoffset: 880px;
        transform: none
    }

    to {
        stroke-dashoffset: 880px
    }
}

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

    80% {
        stroke-dashoffset: 880px;
        transform: none
    }

    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 {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: rgb(30 77 216/var(--tw-bg-opacity));
    border-radius: 100px;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: inline-flex;
    font-size: .6875rem;
    height: 2rem;
    justify-content: center;
    transition: all .14s ease;
    width: 2rem
}

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

.b-button-circle:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(18 46 130/var(--tw-bg-opacity))
}

.b-button-circle:active {
    --tw-bg-opacity: 1;
    background-color: rgb(12 31 86/var(--tw-bg-opacity))
}

.b-button-circle.is-disabled {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(231 235 240/var(--tw-bg-opacity));
    color: rgb(55 61 67/var(--tw-text-opacity));
    cursor: default
}

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

.b-button-circle--accent:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(231 235 240/var(--tw-bg-opacity))
}

.b-button-circle--accent:active {
    --tw-bg-opacity: 1;
    background-color: rgb(188 191 193/var(--tw-bg-opacity))
}

.b-button-content {
    display: flex
}

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

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

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

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

.b-button-content:hover .b-button-content__icon {
    --tw-text-opacity: 1;
    color: rgb(58 142 246/var(--tw-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 {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: rgb(30 77 216/var(--tw-bg-opacity));
    border-radius: 100px;
    box-shadow: 0 15px 25px rgba(132, 153, 213, .75);
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: inline-flex;
    font-size: 1.25rem;
    height: 4rem;
    justify-content: center;
    transition: all .3s ease;
    width: 4rem
}

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

.b-button-lifted:active {
    --tw-bg-opacity: 1;
    background-color: rgb(12 31 86/var(--tw-bg-opacity));
    transition: all .14s ease
}

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

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

.b-button-pill--indigo {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(244 246 253/var(--tw-bg-opacity));
    color: rgb(24 62 173/var(--tw-text-opacity))
}

.b-button-pill--#2718d6 {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(58 142 246/var(--tw-bg-opacity));
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.b-button-pill--#2718d6:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(46 114 197/var(--tw-bg-opacity))
}

.b-button-pill--#2718d6:active {
    --tw-bg-opacity: 1;
    background-color: rgb(35 85 148/var(--tw-bg-opacity))
}

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

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

.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 {
    font-size: 1rem;
    padding: .5rem 1rem
}

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

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

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

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

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

.b-button--accent {
    --tw-text-opacity: 1;
    --color: var(--accent-500);
    --color-hover: var(--accent-600);
    --color-active: var(--accent-700)
}

.b-button--accent,
.b-button--mint {
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.b-button--mint {
    --tw-text-opacity: 1;
    --color: #00a76a;
    --color-hover: #008655;
    --color-active: #006440
}

.b-button--indigo {
    --tw-text-opacity: 1;
    --color: #2718d6;
    --color-hover: #2718d6;
    --color-active: #2718d6;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

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

.b-button--light.b-button--active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    color: rgb(74 80 86/var(--tw-text-opacity));
    cursor: default
}

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

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

.b-button--ghost:active,
.b-button--ghost:hover {
    --tw-text-opacity: 1;
    box-shadow: none;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.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 :focus {
    outline-color: -webkit-focus-ring-color !important;
    outline-style: auto !important;
    outline-width: 5px !important;
    outline: 5px auto !important;
    outline: 5px auto -webkit-focus-ring-color !important
}

#onetrust-consent-sdk #onetrust-banner-sdk {
    border-radius: .75rem;
    box-shadow: 0 4px 20px rgba(4, 25, 39, .2);
    outline: none !important;
    padding: 1.5rem 0
}

@media (max-width:600px) {
    #onetrust-consent-sdk #onetrust-banner-sdk {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding-bottom: .75rem;
        padding-top: 1rem
    }
}

@media (min-width:600px) {
    #onetrust-consent-sdk #onetrust-banner-sdk {
        bottom: .625rem !important;
        left: auto !important;
        max-width: 460px;
        padding: 2.5rem;
        right: .625rem !important
    }
}

@media (min-width:900px) {
    #onetrust-consent-sdk #onetrust-banner-sdk {
        padding: 2rem
    }
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-cookie-btn-container {
    display: none
}

@media (min-width:600px) {
    #onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-row {
        margin: 0
    }

    #onetrust-consent-sdk #onetrust-banner-sdk .banner-content {
        padding: 0
    }
}

@media (min-width:900px) {
    #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy {
        margin: 0
    }
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-title {
    color: #030405;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 0
}

@media (min-width:900px) {
    #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-title {
        font-size: 1.375rem
    }
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text {
    color: #4a5056;
    font-size: .875rem;
    padding-bottom: 1rem !important;
    padding-top: .5rem !important
}

@media (min-width:600px) {
    #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text {
        ont-size: 1rem;
        padding-bottom: 1.5rem !important;
        padding-top: .75rem !important;
        width: 100%
    }
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-close-btn-container {
    right: 1rem;
    top: 1rem
}

@media (min-width:900px) {
    #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-close-btn-container {
        margin-right: 0
    }
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-close-btn-container .onetrust-close-btn-handler.banner-close-button {
    background-color: #f5f9ff;
    background-image: url(images/times.svg);
    border-radius: 50%;
    height: 1.75rem;
    width: 1.75rem
}

#onetrust-consent-sdk #onetrust-banner-sdk .onetrust-close-btn-ui {
    margin: 0
}

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

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container {
    display: flex
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group {
    display: block;
    margin: 0
}

@media (min-width:600px) {
    #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group {
        display: flex
    }

    #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group #onetrust-pc-btn-container {
        margin-right: 0
    }
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group #onetrust-accept-btn-container {
    position: relative;
    z-index: 1
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group #onetrust-accept-btn-container,
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group #onetrust-pc-btn-container {
    display: flex
}

@media (min-width:600px) {

    #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group #onetrust-accept-btn-container,
    #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group #onetrust-pc-btn-container {
        margin-top: 0
    }
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group #onetrust-pc-btn-handler {
    border-radius: .25rem;
    color: #4a5056;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0 !important;
    line-height: 1.35;
    margin: 0 0 0 4px;
    opacity: 1 !important;
    padding: .625rem .75rem;
    text-decoration: none !important
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group #onetrust-pc-btn-handler:hover {
    color: #252a2f
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group #onetrust-pc-btn-handler:active {
    color: #030405
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group #onetrust-accept-btn-handler {
    background-color: #2718d6;
    border-radius: .25rem;
    box-shadow: none !important;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0 !important;
    line-height: 1.2;
    opacity: 1 !important;
    padding: .625rem 1rem;
    transition: background-color .3s ease
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group #onetrust-accept-btn-handler:focus {
    outline-offset: .1875rem !important
}

@media (min-width:600px) {
    #onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group #onetrust-accept-btn-handler {
        margin-bottom: 0
    }
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group #onetrust-accept-btn-handler:hover {
    background-color: #2718d6
}

#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group #onetrust-accept-btn-handler:active {
    background-color: #2718d6
}

#onetrust-consent-sdk #onetrust-banner-sdk * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#onetrust-consent-sdk .banner-content {
    padding-bottom: .5rem !important
}

@media (min-width:900px) {
    #onetrust-consent-sdk .banner-content {
        padding: 0
    }
}

#onetrust-pc-sdk #close-pc-btn-handle:focus,
#onetrust-pc-sdk :not(.ot-leg-btn-container)>button:focus {
    opacity: 1 !important
}

#onetrust-pc-sdk .category-menu-switch-handler {
    outline: none !important
}

#onetrust-close-btn-container {
    display: none !important
}

@media (min-width:600px) {
    #onetrust-consent-sdk #onetrust-pc-sdk {
        border-radius: .75rem;
        overflow: hidden
    }
}

#onetrust-consent-sdk #onetrust-pc-sdk .close-pc-btn-handler:focus {
    opacity: 1 !important
}

#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-grp-desc {
    color: #83888c !important;
    font-size: .875rem
}

@media (max-width:600px) {
    #onetrust-consent-sdk #onetrust-pc-sdk .ot-title-cntr {
        width: auto
    }
}

#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title {
    max-width: 100%;
    visibility: hidden
}

@media (min-width:600px) {
    #onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title {
        visibility: visible
    }
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-close-icon {
    background-color: #f5f9ff !important;
    background-image: url(images/times.svg);
    border-radius: 50%;
    height: 1.75rem;
    width: 1.75rem
}

#onetrust-consent-sdk #onetrust-pc-sdk #ot-pvcy-hdr {
    display: none
}

@media (min-width:900px) {
    #onetrust-consent-sdk #onetrust-pc-sdk #ot-pvcy-hdr {
        display: inline-block
    }
}

#onetrust-consent-sdk #onetrust-pc-sdk h4 {
    font-size: 1rem
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-close-cntr {
    right: .25rem
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-header {
    align-items: center;
    border-color: #e7ebf0;
    box-sizing: border-box;
    display: flex;
    padding: 1.5rem;
    width: 100%
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-header .ot-pc-logo {
    margin: 0 !important;
    max-height: 2rem;
    width: 35%
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-desc-cntr>:not(.ot-grp-hdr1) {
    padding-right: .75rem
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-desc-cntr:focus {
    outline: none !important
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer #accept-recommended-btn-handler {
    background-color: #2718d6;
    border-radius: .25rem;
    box-shadow: none !important;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0 !important;
    line-height: 1.2;
    max-width: none !important;
    min-width: none !important;
    opacity: 1 !important;
    outline: none !important;
    padding: .625rem 1rem;
    transition: background-color .3s ease
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer #accept-recommended-btn-handler:hover {
    background-color: #2718d6 !important
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer #accept-recommended-btn-handler:active,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer #accept-recommended-btn-handler:focus {
    background-color: #2718d6 !important
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .onetrust-close-btn-handler {
    background-color: transparent !important;
    border: none !important;
    color: #4a5056 !important;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0 !important;
    line-height: 1.35;
    padding: .625rem 1rem;
    transition: none !important
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .onetrust-close-btn-handler:focus {
    opacity: 1
}

#onetrust-consent-sdk #onetrust-pc-sdk .category-menu-switch-handler {
    background-color: transparent !important;
    border-bottom-width: 0;
    border-color: transparent;
    border-left-width: 3px;
    padding-left: 21px
}

#onetrust-consent-sdk #onetrust-pc-sdk .category-menu-switch-handler.ot-active-menu {
    border-left: 3px solid #2718d6
}

#onetrust-consent-sdk #onetrust-pc-sdk .category-menu-switch-handler.ot-active-menu:focus {
    outline: none !important
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-btn-container {
    border-color: #e7ebf0
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer-logo {
    display: none
}

#onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl input:checked+.ot-switch .ot-switch-nob:before {
    background-color: #2718d6
}

#onetrust-consent-sdk #onetrust-pc-sdk * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

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

@media (min-width:600px) {
    .b-download__button {
        bottom: 25%;
        left: 23%;
        right: auto
    }

    .b-download__visual {
        transform: translate(-10%, -3%)
    }
}

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

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

.b-dropdown__button:active {
    --tw-text-opacity: 1;
    background-color: var(--color-100);
    color: rgb(30 77 216/var(--tw-text-opacity))
}

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

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

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

.b-dropdown__link.is-active:not(:active) {
    --tw-text-opacity: 1;
    color: rgb(30 77 216/var(--tw-text-opacity))
}

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

.b-dropdown.is-active .b-dropdown__button:not(:active) {
    --tw-bg-opacity: 1;
    background-color: rgb(30 77 216/var(--tw-bg-opacity));
    color: var(--color-0)
}

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

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

@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 {
        height: auto;
        margin-left: -50%;
        width: 150%
    }
}

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

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

    to {
        opacity: 1;
        transform: none
    }
}

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

    to {
        opacity: 1;
        transform: none
    }
}

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

    to {
        opacity: 0;
        transform: translateX(-20px)
    }
}

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

    to {
        opacity: 0;
        transform: translateX(-20px)
    }
}

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

@media (min-width:600px) {
    .b-earn__step {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        width: auto
    }
}

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

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

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

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

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

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

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

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

.b-earn__step-header-text {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-size: 1rem
}

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

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

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

.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 {
    height: 28px;
    width: 28px
}

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

.b-earn__dot {
    padding: .5rem
}

.b-earn__dot circle {
    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;
    transition-duration: .5s;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}

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

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

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

@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-heading {
    --tw-text-opacity: 1;
    color: rgb(37 42 47/var(--tw-text-opacity));
    font-family: TT Norms, Helvetica, Arial;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.2
}

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

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

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

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

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

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

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

.b-infobar__visual img {
    height: 28px
}

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

    .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 {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(20 23 26/var(--tw-bg-opacity));
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.b-infobar--regular .b-infobar__button {
    --tw-text-opacity: 1;
    color: rgb(131 136 140/var(--tw-text-opacity))
}

.b-infobar--regular a {
    --tw-text-opacity: 1;
    color: rgb(133 185 249/var(--tw-text-opacity))
}

.b-infobar--regular a:hover {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(244 246 253/var(--tw-border-opacity));
    color: rgb(244 246 253/var(--tw-text-opacity))
}

.b-infobar--indigo {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(30 77 216/var(--tw-bg-opacity));
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.b-infobar--indigo .b-infobar__button,
.b-infobar--indigo a {
    --tw-text-opacity: 1;
    color: rgb(201 212 246/var(--tw-text-opacity))
}

.b-infobar--indigo a:hover {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(244 246 253/var(--tw-border-opacity));
    color: rgb(244 246 253/var(--tw-text-opacity))
}

.b-infobar--mint {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(0 167 106/var(--tw-bg-opacity));
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.b-infobar--mint .b-infobar__button,
.b-infobar--mint a {
    --tw-text-opacity: 1;
    color: rgb(194 234 219/var(--tw-text-opacity))
}

.b-infobar--mint a:hover {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(242 251 248/var(--tw-border-opacity));
    color: rgb(242 251 248/var(--tw-text-opacity))
}

.b-infobar--dark {
    --tw-bg-opacity: 1;
    background-color: rgb(12 31 86/var(--tw-bg-opacity))
}

.b-infobar--dark,
.b-infobar--dark .b-infobar__button,
.b-infobar--dark a {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.b-infobar--dark a:hover {
    color: rgb(231 235 240/var(--tw-text-opacity))
}

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

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

.b-input:hover {
    --tw-border-opacity: 1;
    border-color: rgb(30 77 216/var(--tw-border-opacity))
}

.b-input:active,
.b-input:focus {
    --tw-border-opacity: 1;
    border-color: rgb(18 46 130/var(--tw-border-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px
}

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

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

.b-input--dark {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(55 61 67/var(--tw-border-opacity));
    color: rgb(246 248 251/var(--tw-text-opacity))
}

.b-input--dark::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(160 164 167/var(--tw-text-opacity))
}

.b-input--dark:-ms-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(160 164 167/var(--tw-text-opacity))
}

.b-input--dark::placeholder {
    --tw-text-opacity: 1;
    color: rgb(160 164 167/var(--tw-text-opacity))
}

input:focus+.c-focus-label {
    --tw-border-opacity: 1;
    border-color: rgb(55 61 67/var(--tw-border-opacity))
}

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

.b-label--indigo {
    background-color: rgb(30 77 216/var(--tw-bg-opacity))
}

.b-label--indigo,
.b-label--mint {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.b-label--mint {
    background-color: rgb(0 167 106/var(--tw-bg-opacity))
}

.b-label--#2718d6 {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(58 142 246/var(--tw-bg-opacity));
    color: rgb(255 255 255/var(--tw-text-opacity))
}

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

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

.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 {
    align-items: center;
    color: rgb(55 61 67/var(--tw-text-opacity));
    display: inline-flex;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.35;
    margin: -.75rem;
    padding: .75rem
}

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

.b-link2__icon {
    color: rgb(30 77 216/var(--tw-text-opacity));
    font-size: .875rem
}

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

.b-link2:hover {
    --tw-text-opacity: 1;
    color: rgb(30 77 216/var(--tw-text-opacity))
}

.b-link2:active,
.b-link2:active .b-link2__icon {
    --tw-text-opacity: 1;
    color: rgb(24 62 173/var(--tw-text-opacity))
}

.b-link2--t2 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.b-link2--t2 .b-link2__icon,
.b-link2--t2:hover {
    --tw-text-opacity: 1;
    color: rgb(116 145 231/var(--tw-text-opacity))
}

.b-link2--t2:active,
.b-link2--t2:active .b-link2__icon {
    --tw-text-opacity: 1;
    color: rgb(73 111 223/var(--tw-text-opacity))
}

.b-link2--light {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-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-bottom: 0;
    padding-top: 0
}

.b-link2--white,
.b-link2--white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

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

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

.b-link2--white2 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    margin: 0;
    padding-bottom: 0;
    padding-top: 0
}

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

.b-link2--white2:hover {
    --tw-text-opacity: 1;
    color: rgb(231 235 240/var(--tw-text-opacity))
}

.b-link2--white2:active,
.b-link2--white2:active .b-link2__icon {
    --tw-text-opacity: 1;
    color: rgb(188 191 193/var(--tw-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: #2718d6;
    --logo-shape-color-2: #f2b900;
    --logo-shape-color-3: #2718d6;
    --logo-shape-color-4: #ffd53c;
    --logo-text-color: #2718d6
}

.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-nav-drawer {
    transition-duration: .5s;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}

.b-nav-drawer__content,
.b-nav-drawer__cta {
    transition-duration: .14s;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    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;
    pointer-events: none;
    transform: translateY(-100%)
}

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-duration: .3s;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: ease
}

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

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

.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.is-active {
    color: var(--color-800)
}

.b-navbar__button.is-active:before {
    --tw-bg-opacity: 1;
    background-color: rgb(58 142 246/var(--tw-bg-opacity))
}

.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:before,
.b-navbar__item:hover .b-navbar__button:before {
    opacity: 1;
    transform: none
}

.b-navbar__button .o-icon {
    transition-duration: .5s;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    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-duration: .14s;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: ease
}

.b-navbar__toggle svg {
    overflow: visible
}

.b-navbar__toggle svg path {
    transition-duration: .5s;
    transition-property: transform;
    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 {
    --tw-text-opacity: 1;
    color: rgb(30 77 216/var(--tw-text-opacity))
}

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

body.is-scrolled .b-navbar__cta {
    --tw-text-opacity: 1;
    background: var(--color);
    box-shadow: none;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

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) {
    border-color: var(--color-100);
    border-top-width: 1px;
    margin-left: -2rem;
    margin-right: -2rem;
    margin-top: 1rem
}

.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 {
        opacity: 0;
        pointer-events: none;
        transform: translateY(-20px)
    }

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

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

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

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

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

[data-navbar-theme=#2718d6] .b-navbar__button {
    --tw-text-opacity: 1;
    color: rgb(116 145 231/var(--tw-text-opacity))
}

[data-navbar-theme=#2718d6] .b-navbar__button__icon {
    --tw-text-opacity: 1;
    color: rgb(158 179 238/var(--tw-text-opacity))
}

[data-navbar-theme=#2718d6] .b-navbar__button.is-active,
[data-navbar-theme=#2718d6] .b-navbar__button.is-active .b-navbar__button__icon,
[data-navbar-theme=#2718d6] .b-navbar__button:active,
[data-navbar-theme=#2718d6] .b-navbar__button:hover,
[data-navbar-theme=#2718d6] .b-navbar__button:hover .b-navbar__button__icon {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

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

[data-navbar-theme=#2718d6] .b-navbar__button:before {
    --tw-bg-opacity: 1;
    background-color: rgb(58 142 246/var(--tw-bg-opacity))
}

[data-navbar-theme=#2718d6] .b-navbar__toggle,
[data-navbar-theme=#2718d6] .b-navbar__toggle:active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

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

[data-navbar-theme=#2718d6] .b-navbar .b-link {
    --tw-text-opacity: 1;
    color: rgb(158 179 238/var(--tw-text-opacity))
}

[data-navbar-theme=#2718d6] .b-navbar .b-link__icon {
    --tw-text-opacity: 1;
    color: rgb(201 212 246/var(--tw-text-opacity))
}

[data-navbar-theme=#2718d6] .b-navbar .b-link:hover,
[data-navbar-theme=#2718d6] .b-navbar .b-link:hover .b-link__icon {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

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

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

body:not(.is-scrolled)[id^=welcome] .navbar-short-btn {
    display: none
}

body:not(.is-scrolled)[id^=welcome] nav {
    justify-content: center
}

body[id^=welcome].is-scrolled .navbar-short-btn {
    display: inline-flex
}

body[id^=welcome].is-scrolled .b-navbar {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-name: slide-fade-top;
    animation-name: slide-fade-top;
    -webkit-animation-timing-function: cubic-bezier(.33, 1, .68, 1);
    animation-timing-function: cubic-bezier(.33, 1, .68, 1);
    justify-content: space-between;
    transition: .3s
}

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

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

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

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

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

@media (max-width:1460px) {
    .b-sidebar-scroll-button {
        display: none
    }
}

.b-sidebar-scroll-button a span {
    transition-duration: .3s;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: ease
}

.b-tab {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(231 235 240/var(--tw-border-opacity));
    color: rgb(131 136 140/var(--tw-text-opacity));
    font-size: 1rem;
    font-weight: 500;
    padding: 1rem .75rem;
    position: relative;
    text-align: center;
    transition-duration: .14s;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    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: rgb(58 142 246/var(--tw-border-opacity))
}

.b-tab.is-active,
.b-tab:hover {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(37 42 47/var(--tw-text-opacity))
}

.b-tab:hover {
    border-color: rgb(30 77 216/var(--tw-border-opacity))
}

.b-tab:active {
    --tw-text-opacity: 1;
    color: rgb(55 61 67/var(--tw-text-opacity))
}

.b-table {
    --tw-border-opacity: 1;
    border-bottom-width: 1px;
    border-color: rgb(231 235 240/var(--tw-border-opacity))
}

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

.b-table th {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(30 77 216/var(--tw-bg-opacity));
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.b-table__cell {
    --tw-border-opacity: 1;
    border-color: rgb(231 235 240/var(--tw-border-opacity));
    transition-duration: .3s;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: ease
}

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

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

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

.b-testimonials-item__icon-link:hover {
    --tw-text-opacity: 1;
    color: rgb(18 46 130/var(--tw-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 {
    --tw-border-opacity: 1;
    border-color: rgb(231 235 240/var(--tw-border-opacity));
    border-style: solid;
    grid-column: span 1/span 1;
    padding: 1.5rem
}

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

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

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

.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 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-size: 1.25rem;
    font-weight: 500;
    left: 0;
    line-height: 1.2;
    padding: 1.25rem;
    position: absolute;
    top: 0;
    width: 100%
}

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

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

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

@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-duration: .3s;
    transition-property: all;
    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 {
    background-color: var(--color-700);
    color: var(--color-200);
    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 {
    filter: blur(1px) grayscale(1);
    opacity: .1
}

@media (min-width:900px) {
    .b-unlock:not(.is-unlocked) .b-unlock__background {
        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 {
    padding-top: 56.25%;
    position: relative
}

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

.b-visual-card__img {
    --tw-bg-opacity: 1;
    background-color: rgb(58 142 246/var(--tw-bg-opacity));
    transition-duration: .5s;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}

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

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

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

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

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

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

.o-button--facebook {
    --tw-bg-opacity: 1;
    background-color: rgb(66 103 178/var(--tw-bg-opacity))
}

.o-button--twitter {
    --tw-bg-opacity: 1;
    background-color: rgb(29 161 242/var(--tw-bg-opacity))
}

.o-button--linkedin {
    --tw-bg-opacity: 1;
    background-color: rgb(0 119 181/var(--tw-bg-opacity))
}

.o-button--gray {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(246 248 251/var(--tw-bg-opacity));
    color: rgb(74 80 86/var(--tw-text-opacity))
}

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

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

.o-clip {
    overflow: hidden
}

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

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

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

.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 {
    color: inherit;
    height: 1em;
    width: 1em
}

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

body {
    --height-infobar: 0px;
    --height-langbar: 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
}

body.has-langbar {
    --height-langbar: 114px
}

@media (min-width:600px) {
    body.has-langbar {
        --height-langbar: 47px
    }
}

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

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

.o-nav-pull {
    padding-top: calc(var(--nav-pull) - var(--nav-pad) + var(--height-langbar))
}

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

.o-nav-pull--padding {
    padding-top: calc(var(--nav-pull) - var(--nav-pad) + var(--height-langbar))
}

.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 {
    height: 100%;
    max-width: none;
    position: absolute;
    z-index: 0
}

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

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

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

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

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

.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 {
    --tw-text-opacity: 1;
    color: rgb(18 46 130/var(--tw-text-opacity));
    -webkit-text-decoration-line: none;
    text-decoration-line: 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 {
    --tw-text-opacity: 1;
    color: rgb(30 77 216/var(--tw-text-opacity))
}

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

.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 {
    margin-bottom: 1rem;
    margin-top: 1rem;
    position: relative
}

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

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

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

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

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

.s-article ol li:before {
    --tw-text-opacity: 1;
    color: rgb(24 62 173/var(--tw-text-opacity));
    content: counter(article-counter) ".";
    font-weight: 500
}

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

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

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

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

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

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

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

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

.s-article figcaption {
    --tw-text-opacity: 1;
    color: rgb(131 136 140/var(--tw-text-opacity));
    font-size: 1rem;
    margin-top: 1rem;
    text-align: center
}

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

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

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

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

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

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

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

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

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

@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 {
    content: counters(article-counter, ".") ".";
    font-weight: 700;
    margin-right: .5ch;
    position: static
}

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

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

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

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

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

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

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

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

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

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

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

.s-faq li {
    position: relative
}

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

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

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

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

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

.s-faq ol>li:before {
    --tw-text-opacity: 1;
    color: rgb(24 62 173/var(--tw-text-opacity));
    content: counter(article-counter) ".";
    font-weight: 500
}

.s-faq a {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    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 {
    border-color: var(--color-100);
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

.s-footer-text ol {
    list-style: auto;
    padding: 10px 0 20px 30px
}

.s-footer-text ol li {
    padding-bottom: 5px
}

.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--#2718d6-300 strong {
    --tw-text-opacity: 1;
    color: rgb(133 185 249/var(--tw-text-opacity))
}

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

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

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

.s-links a {
    color: var(--accent-500);
    font-weight: 500;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    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 {
        margin-top: 0;
        width: 50%
    }
}

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

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

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

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

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

.s-text--mint li:before {
    --tw-bg-opacity: 1;
    background-color: rgb(0 167 106/var(--tw-bg-opacity))
}

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

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

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

.s-text3 {
    --tw-text-opacity: 1;
    color: rgb(74 80 86/var(--tw-text-opacity));
    font-size: 1.125rem;
    line-height: 1.35
}

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

.s-text3 a {
    color: rgb(30 77 216/var(--tw-text-opacity));
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color
}

.s-text3 a,
.s-text3 a:hover {
    --tw-text-opacity: 1
}

.s-text3 a:hover {
    color: rgb(18 46 130/var(--tw-text-opacity));
    -webkit-text-decoration-line: none;
    text-decoration-line: none
}

.s-text3 a:active {
    --tw-text-opacity: 1;
    color: rgb(12 31 86/var(--tw-text-opacity))
}

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

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

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

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

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

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

.s-text3 ol>li:before {
    --tw-text-opacity: 1;
    color: rgb(24 62 173/var(--tw-text-opacity));
    content: counter(article-counter) ".";
    font-weight: 500
}

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

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

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

.s-text7 a {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    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 {
    color: var(--accent-500)
}

@-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-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-name: slide-fade-bottom;
    animation-name: slide-fade-bottom;
    -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 {
    -webkit-animation-delay: calc(.1s*var(--anim-index));
    animation-delay: calc(.1s*var(--anim-index));
    display: inline-block
}

#home .a-header-text {
    -webkit-animation-delay: calc(.2s + .12s*var(--anim-index));
    animation-delay: calc(.2s + .12s*var(--anim-index))
}

#home .a-cta {
    -webkit-animation-delay: calc(.4s + .12s*var(--anim-index));
    animation-delay: calc(.4s + .12s*var(--anim-index))
}

#home .a-header-bar {
    -webkit-animation-delay: calc(.6s + .12s*var(--anim-index));
    animation-delay: calc(.6s + .12s*var(--anim-index));
    -webkit-animation-name: slide-fade-bottom-large;
    animation-name: slide-fade-bottom-large
}

#home .a-header-vp {
    -webkit-animation-delay: calc(.4s + .12s*var(--anim-index));
    animation-delay: calc(.4s + .12s*var(--anim-index))
}

#welcome .a-navbar {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-name: slide-fade-top;
    animation-name: slide-fade-top;
    -webkit-animation-timing-function: cubic-bezier(.33, 1, .68, 1);
    animation-timing-function: cubic-bezier(.33, 1, .68, 1)
}

#prime #js-video-container {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-name: slide-fade-bottom;
    animation-name: slide-fade-bottom
}

.c-accordion {
    --tw-border-opacity: 1;
    border-color: rgb(231 235 240/var(--tw-border-opacity));
    border-top-width: 1px
}

.c-accordion__slide {
    --tw-border-opacity: 1;
    border-bottom-width: 1px;
    border-color: rgb(231 235 240/var(--tw-border-opacity))
}

.c-accordion__slide.is-active .c-accordion__toggle {
    --tw-text-opacity: 1;
    color: rgb(20 23 26/var(--tw-text-opacity))
}

.c-accordion__slide.is-active .c-accordion__icon {
    --tw-text-opacity: 1;
    color: rgb(24 62 173/var(--tw-text-opacity));
    transform: rotate(135deg)
}

.c-accordion__toggle {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(74 80 86/var(--tw-text-opacity));
    display: flex;
    padding-bottom: 1rem;
    padding-top: 1rem;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: ease
}

@media (min-width:600px) {
    .c-accordion__toggle {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }
}

.c-accordion__toggle:active,
.c-accordion__toggle:hover {
    --tw-text-opacity: 1;
    color: rgb(20 23 26/var(--tw-text-opacity))
}

.c-accordion__icon {
    --tw-text-opacity: 1;
    color: rgb(58 142 246/var(--tw-text-opacity));
    font-size: 1.375rem;
    padding: .5rem .75rem;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: ease
}

.c-accordion__icon:hover {
    --tw-text-opacity: 1;
    color: rgb(24 62 173/var(--tw-text-opacity))
}

.c-accordion__icon:active {
    --tw-text-opacity: 1;
    color: rgb(18 46 130/var(--tw-text-opacity))
}

.c-accordion2__toggle {
    color: var(--color-500)
}

.c-accordion2__toggle:active,
.c-accordion2__toggle:hover {
    color: var(--color-800)
}

.c-accordion2__icon {
    --tw-text-opacity: 1;
    color: rgb(58 142 246/var(--tw-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)
}

@-webkit-keyframes toggle-increase {
    25% {
        --tw-text-opacity: 1;
        color: rgb(0 167 106/var(--tw-text-opacity))
    }

    60% {
        --tw-text-opacity: 1;
        color: rgb(0 167 106/var(--tw-text-opacity))
    }

    60% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes toggle-increase {
    25% {
        --tw-text-opacity: 1;
        color: rgb(0 167 106/var(--tw-text-opacity))
    }

    60% {
        --tw-text-opacity: 1;
        color: rgb(0 167 106/var(--tw-text-opacity))
    }

    60% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

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

@-webkit-keyframes toggle-decrease {
    25% {
        color: var(--color-400)
    }

    60% {
        color: var(--color-400)
    }

    60% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes toggle-decrease {
    25% {
        color: var(--color-400)
    }

    60% {
        color: var(--color-400)
    }

    60% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

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

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

.c-asset-cta-list-item:first-child,
.c-asset-cta-list-item:nth-child(2) {
    padding-bottom: 24px
}

.c-asset-cta-list-item:nth-child(3),
.c-asset-cta-list-item:nth-child(4) {
    padding-top: 24px
}

.c-asset-cta-list-item:first-child,
.c-asset-cta-list-item:nth-child(2) {
    border-bottom: 1px solid #5fa4f8
}

.c-asset-cta-list:before {
    background: #5fa4f8;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1px
}

@media screen and (min-width:600px) and (max-width:1050px) {
    .c-asset-cta-list {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (max-width:900px) {
    .c-asset-cta-list-item.c-asset-cta-list-item.c-asset-cta-list-item {
        border: 0;
        padding-bottom: 24px;
        padding-top: 0
    }

    .c-asset-cta-list:before {
        display: none
    }
}

@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 {
    background-color: var(--color-50);
    border-radius: .25rem;
    color: var(--color-400);
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.2;
    padding: .25rem .5rem;
    transition-duration: .14s;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: ease
}

.c-button-toggle.is-active,
.c-button-toggle:hover {
    background-color: var(--accent-50);
    color: var(--accent-500)
}

.c-button {
    align-items: center;
    background: var(--color);
    border-radius: .25rem;
    display: inline-flex;
    font-size: 1.125rem;
    justify-content: center;
    line-height: 1.2;
    padding: .75rem 1.5rem;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: ease
}

@media (min-width:900px) {
    .c-button {
        font-size: 1.25rem;
        padding-bottom: 1rem;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 1rem
    }
}

@media (min-width:1200px) {
    .c-button:hover {
        background: var(--color-hover)
    }
}

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

.c-button--accent {
    --tw-text-opacity: 1;
    --color: var(--accent-500);
    --color-hover: var(--accent-600);
    --color-active: var(--accent-700)
}

.c-button--accent,
.c-button--mint {
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.c-button--mint {
    --tw-text-opacity: 1;
    --color: #00a76a;
    --color-hover: #008655;
    --color-active: #006440
}

.c-button--indigo {
    --tw-text-opacity: 1;
    --color: #2718d6;
    --color-hover: #2718d6;
    --color-active: #2718d6
}

.c-button--indigo,
.c-button--indigo-dark {
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.c-button--indigo-dark {
    --tw-text-opacity: 1;
    --color: #060f2b;
    --color-hover: #2718d6;
    --color-active: #2718d6
}

.c-button__icon {
    font-size: 1rem
}

.c-button-circle {
    --tw-text-opacity: 1;
    align-items: center;
    background-color: var(--accent-500);
    border-radius: 100px;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: inline-flex;
    font-size: 1.125rem;
    height: 3rem;
    justify-content: center;
    transition: all .14s ease;
    width: 3rem
}

@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 {
    background-color: var(--accent-50);
    color: var(--accent-500)
}

.c-button-circle--accent:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(231 235 240/var(--tw-bg-opacity))
}

.c-button-circle--accent:active {
    --tw-bg-opacity: 1;
    background-color: rgb(188 191 193/var(--tw-bg-opacity))
}

.c-container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 100%
}

@media (min-width:1200px) {
    .c-container {
        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 {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(246 248 251/var(--tw-bg-opacity));
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: .5rem;
    display: flex;
    min-height: 384px;
    overflow: hidden;
    padding: 2rem;
    padding-bottom: 75vw;
    position: relative
}

@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 {
        min-height: 384px;
        padding: 2rem
    }
}

@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 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 77 216/var(--tw-bg-opacity));
    border-radius: 100px;
    content: "";
    height: .5rem;
    margin-right: 1rem;
    position: absolute;
    right: 100%;
    top: .5em;
    width: .5rem
}

.c-cta__list li span {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(0 167 106/var(--tw-bg-opacity));
    border-radius: .1875rem;
    color: rgb(255 255 255/var(--tw-text-opacity));
    display: inline-block;
    font-weight: 700;
    padding-left: .375rem;
    padding-right: .375rem
}

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

.c-exchange-box__button-icon {
    transition-duration: .3s;
    transition-property: transform;
    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 {
        align-items: flex-start;
        -moz-column-gap: 2rem;
        column-gap: 2rem;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.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 {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 1rem;
    flex: 1 1 0%;
    overflow: hidden;
    padding: 2rem
}

@media (min-width:900px) {

    .c-flipping-card__back,
    .c-flipping-card__front {
        padding: 3rem
    }
}

.c-flipping-card__front {
    --tw-bg-opacity: 1;
    background-color: rgb(246 248 251/var(--tw-bg-opacity));
    background: radial-gradient(61.58% 61.64% at 34.68% 33.72%, #f6f8fb 0, #f0f3f8 100%);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20
}

.c-flipping-card__front img {
    --tw-translate-y: -50%;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-delay: .1s;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: ease;
    width: 100%
}

@media (min-width:900px) {
    .c-flipping-card__front img {
        --tw-translate-y: 0;
        top: 0;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.c-flipping-card__back {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    display: flex;
    flex-direction: column;
    min-height: 50vh;
    position: relative;
    transform: rotateY(180deg);
    transition-duration: .5s;
    transition-property: box-shadow;
    transition-timing-function: ease;
    z-index: 30
}

.c-flipping-card__button {
    bottom: 16px;
    position: absolute;
    right: 16px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    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
    }

    .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 {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

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

    .c-flipping-card:hover .c-flipping-card__front .c-flipping-card__button,
    .c-flipping-card:hover .c-flipping-card__front img {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .c-flipping-card:hover .c-flipping-card__front .c-flipping-card__button {
        --tw-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 {
    --tw-bg-opacity: 1;
    background-color: rgb(246 248 251/var(--tw-bg-opacity));
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column
}

.c-header-earn__image {
    margin-left: -15%;
    max-width: 170%
}

@media (min-width:600px) {
    .c-header-earn__image {
        margin-left: 0;
        max-height: 70vh;
        -o-object-fit: contain;
        object-fit: contain;
        transform: scale(1.3) translate(10%, 1.2%);
        width: auto
    }
}

.c-header-earn__image--small {
    margin-left: 0;
    max-width: none;
    width: 100%
}

@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 {
        right: -3.438rem;
        top: -3.125rem
    }
}

.c-link {
    align-items: center;
    color: var(--color-600);
    display: inline-flex;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.35
}

.c-link,
.c-link__icon {
    transition-duration: .14s;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: ease
}

.c-link__icon {
    color: var(--accent-500);
    font-size: .875rem
}

@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 a:hover,
.s-text-links--underlined a {
    -webkit-text-decoration-line: underline;
    text-decoration-line: 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 {
    border-color: var(--color-100);
    border-radius: .1875rem;
    border-width: 1px;
    color: var(--color-800);
    padding: .75rem 1rem;
    transition-duration: .14s;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: ease
}

.c-input-prime:active,
.c-input-prime:focus,
.c-input-prime:hover {
    --tw-border-opacity: 1;
    border-color: rgb(225 161 99/var(--tw-border-opacity))
}

.c-input-prime:active,
.c-input-prime:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.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: inset 0 0 0 30px #030405 !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-duration: .3s;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: ease
}

.c-product-crosslinks__text a:hover {
    color: var(--color-800)
}

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

@-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-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: how-to-progress;
    animation-name: how-to-progress;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.c-testimonial-text-box {
    border-radius: .5rem;
    box-shadow: 0 0 3px rgba(4, 25, 39, .15);
    padding: 1.5rem;
    position: relative;
    z-index: 10
}

@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 {
    --tw-bg-opacity: 1;
    align-items: flex-start;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: relative
}

@media (min-width:600px) {
    .c-testimonial-text-boxes {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-left: -10%;
        margin-right: -10%;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:900px) {
    .c-testimonial-text-boxes {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
}

@media (min-width:1200px) {
    .c-testimonial-text-boxes {
        gap: 2rem
    }
}

.c-testimonial-text-boxes__bottom-gradient,
.c-testimonial-text-boxes__top-gradient {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 65.1%);
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 0
}

.c-testimonial-text-boxes__top-gradient {
    height: 4rem;
    margin-top: -4rem;
    top: 0
}

.c-testimonial-text-boxes__bottom-gradient {
    bottom: 0;
    height: 10rem;
    z-index: 30
}

.c-testimonials-text u {
    text-decoration: none
}

.c-accordion__answer {
    --tw-text-opacity: 1;
    color: rgb(74 80 86/var(--tw-text-opacity));
    font-size: 1rem;
    line-height: 1.5;
    padding-bottom: .75rem
}

@media (min-width:900px) {
    .c-accordion__answer {
        font-size: 1.125rem;
        padding-bottom: 1.5rem;
        padding-right: 3rem
    }
}

.c-accordion__answer a {
    --tw-text-opacity: 1;
    color: rgb(30 77 216/var(--tw-text-opacity));
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color
}

.c-accordion__answer a:hover {
    --tw-text-opacity: 1;
    color: rgb(18 46 130/var(--tw-text-opacity));
    -webkit-text-decoration-line: none;
    text-decoration-line: none
}

.c-accordion__answer a:active {
    --tw-text-opacity: 1;
    color: rgb(12 31 86/var(--tw-text-opacity))
}

.c-accordion__answer li {
    position: relative
}

.c-accordion__answer li:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0
}

.c-accordion__answer ul {
    padding-left: 1.5rem
}

.c-accordion__answer ul>li:before {
    --tw-bg-opacity: 1;
    background-color: rgb(74 80 86/var(--tw-bg-opacity));
    border-radius: 100px;
    height: .25rem;
    margin-right: 1rem;
    top: .6em;
    width: .25rem
}

.c-accordion__answer ol {
    counter-reset: article-counter;
    padding-left: 2rem
}

.c-accordion__answer ol>li {
    counter-increment: article-counter
}

.c-accordion__answer ol>li:before {
    --tw-text-opacity: 1;
    color: rgb(74 80 86/var(--tw-text-opacity));
    content: counter(article-counter) ".";
    margin-right: .375rem
}

.c-accordion__answer ol ul {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.c-text-boxes__item {
    --tw-border-opacity: 1;
    border-color: rgb(231 235 240/var(--tw-border-opacity));
    border-style: solid
}

.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);
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.c-toggle-label {
    color: var(--color-400);
    transition-duration: .14s;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    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 {
    background-color: var(--color-300);
    border-radius: 100px;
    height: 2rem;
    position: relative;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: ease;
    width: 4rem
}

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

.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 {
    color: var(--color-800);
    font-size: 2.25rem;
    font-weight: 700;
    line-height: .9
}

@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 {
    --tw-text-opacity: 1;
    color: rgb(188 191 193/var(--tw-text-opacity));
    font-weight: 500;
    position: relative;
    top: -.3em
}

.c-heading-2 {
    color: var(--color-800);
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.15
}

@media (min-width:900px) {
    .c-heading-2 {
        font-size: 2.25rem
    }
}

.c-heading-3 {
    color: var(--color-800);
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.4
}

@media (min-width:900px) {
    .c-heading-3 {
        font-size: 1.75rem;
        line-height: 1.2
    }
}

.c-heading-4 {
    color: var(--color-800);
    font-size: 1.125rem;
    line-height: 1.4
}

@media (min-width:900px) {
    .c-heading-4 {
        font-size: 1.375rem
    }
}

.c-subheading-1 {
    color: var(--color-500);
    font-size: 1.125rem;
    line-height: 1.2
}

@media (min-width:900px) {
    .c-subheading-1 {
        font-size: 1.5rem
    }
}

.c-subheading-2 {
    color: var(--color-400);
    font-size: 1.125rem;
    line-height: 1.4
}

@media (min-width:900px) {
    .c-subheading-2 {
        font-size: 1.375rem
    }
}

.c-subheading-3 {
    color: var(--color-500);
    font-size: 1rem;
    line-height: 1.4
}

@media (min-width:900px) {
    .c-subheading-3 {
        font-size: 1.125rem
    }
}

.js-section {
    position: relative
}

.js-scroll-section {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.js-scroll-section section {
    left: 0;
    min-height: 177.77vw;
    opacity: var(--visibility);
    top: 0;
    width: 100%
}

@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 {
    --tw-bg-opacity: 1;
    --tw-shadow: 0px 0px 3px rgba(0, 0, 0, .2);
    --tw-shadow-colored: 0px 0px 3px var(--tw-shadow-color);
    background-color: rgb(30 77 216/var(--tw-bg-opacity));
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

body#in-review-2020 .b-navbar {
    --logo-shape-color-1: #bdf;
    --logo-shape-color-2: #d9eeff;
    --logo-shape-color-3: #a0ccff;
    --logo-shape-color-4: #fff;
    --logo-text-color: #fff;
    position: relative;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: ease
}

body#in-review-2020 .b-navbar__button {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

body#in-review-2020 .b-navbar__button:hover,
body#in-review-2020 .b-navbar__button:hover .b-navbar__button__icon {
    --tw-text-opacity: .75;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

body#in-review-2020 .b-navbar__button:active {
    --tw-text-opacity: 1
}

body#in-review-2020 .b-navbar__button:before {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-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 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

body#in-review-2020 .b-navbar .b-link__icon {
    --tw-text-opacity: 1;
    color: rgb(244 246 253/var(--tw-text-opacity));
    opacity: .3;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: ease
}

body#in-review-2020 .b-navbar .b-link:hover {
    --tw-text-opacity: .9
}

body#in-review-2020 .b-navbar .b-link:hover .b-link__icon {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    opacity: .5
}

body#in-review-2020 .b-navbar .b-link:active {
    --tw-text-opacity: 1
}

body#in-review-2020 .b-navbar .b-link:active .b-link__icon {
    opacity: .9
}

body#in-review-2020 .b-yir-download {
    --tw-shadow: 0px 5px 10px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0px 5px 10px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

body#in-review-2020 .b-yir-download img {
    transition-duration: .3s;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    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 {
    filter: grayscale(1)
}

body#in-review-2020 .b-yir-download:not(.is-active) .b-yir-download__icon {
    --tw-bg-opacity: 1;
    background-color: rgb(24 62 173/var(--tw-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 {
    transform-origin: right;
    transition-duration: .5s;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}

body#in-review-2020 .b-yir-indicator:not(.is-active) {
    opacity: .2;
    transform: scaleX(.5)
}

body#in-review-2020 .b-yir-indicator:not(.is-active):hover {
    opacity: .5;
    transform: scaleX(.75)
}

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

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

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: -webkit-sticky;
    position: sticky
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.top-0 {
    top: 0
}

.right-0 {
    right: 0
}

.bottom-14 {
    bottom: 14px
}

.left-16 {
    left: 16px
}

.top-50,
.top-half {
    top: 50%
}

.top-100 {
    top: 100%
}

.left-100 {
    left: 100%
}

.top-16 {
    top: 16px
}

.right-16 {
    right: 16px
}

.right-100 {
    right: 100%
}

.left-50,
.left-half {
    left: 50%
}

.top-3 {
    top: .1875rem
}

.left-3 {
    left: .1875rem
}

.z-50 {
    z-index: 50
}

.z-40 {
    z-index: 40
}

.z-10 {
    z-index: 10
}

.z-30 {
    z-index: 30
}

.z-0 {
    z-index: 0
}

.z-n1 {
    z-index: -1
}

.z-1 {
    z-index: 1
}

.z-2 {
    z-index: 2
}

.z-20 {
    z-index: 20
}

.z-8 {
    z-index: 8
}

.z-9 {
    z-index: 9
}

.z-3 {
    z-index: 3
}

.z-4 {
    z-index: 4
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-2 {
    order: 2
}

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

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

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

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

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

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

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

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

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

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

.float-right {
    float: right
}

.m-0 {
    margin: 0
}

.-m-12 {
    margin: -.75rem
}

.-m-16 {
    margin: -1rem
}

.m-16 {
    margin: 1rem
}

.m-24 {
    margin: 1.5rem
}

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

.-m-4 {
    margin: -.25rem
}

.m-4 {
    margin: .25rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.my-160 {
    margin-bottom: 10rem;
    margin-top: 10rem
}

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

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

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

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

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

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

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

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

.my-10 {
    margin-bottom: .625rem;
    margin-top: .625rem
}

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

.my-104 {
    margin-bottom: 6.5rem;
    margin-top: 6.5rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-auto {
    margin-left: auto
}

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

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

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

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

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

.mr-auto {
    margin-right: auto
}

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

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

.mb-36 {
    margin-bottom: 2.25rem
}

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

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

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

.mt-auto {
    margin-top: auto
}

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

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

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

.mt-0 {
    margin-top: 0
}

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

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

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

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

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

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

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

.mb-72 {
    margin-bottom: 4.5rem
}

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

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

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

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

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

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

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

.mb-auto {
    margin-bottom: auto
}

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

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

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

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

.mr-10 {
    margin-right: .625rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-52 {
    margin-top: 3.25rem
}

.ml-10 {
    margin-left: .625rem
}

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

.h-32 {
    height: 2rem
}

.h-48 {
    height: 3rem
}

.h-full {
    height: 100%
}

.h-0 {
    height: 0
}

.h-24 {
    height: 1.5rem
}

.h-125 {
    height: 125px
}

.h-40 {
    height: 2.5rem
}

.h-23 {
    height: 1.4375rem
}

.h-72 {
    height: 4.5rem
}

.h-auto {
    height: auto
}

.h-36 {
    height: 2.25rem
}

.h-10 {
    height: .625rem
}

.h-5 {
    height: .3125rem
}

.h-screen-1\/2 {
    height: 50vh
}

.h-2 {
    height: .125rem
}

.h-20 {
    height: 1.25rem
}

.h-64 {
    height: 4rem
}

.h-128 {
    height: 8rem
}

.h-8 {
    height: .5rem
}

.h-screen {
    height: 100vh
}

.h-4 {
    height: .25rem
}

.max-h-48 {
    max-height: 3rem
}

.max-h-64 {
    max-height: 4rem
}

.max-h-36 {
    max-height: 2.25rem
}

.max-h-54 {
    max-height: 3.375rem
}

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

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

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

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

.min-h-48 {
    min-height: 3rem
}

.w-full {
    width: 100%
}

.w-32 {
    width: 2rem
}

.w-48 {
    width: 3rem
}

.w-0 {
    width: 0
}

.w-64 {
    width: 4rem
}

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

.w-max-content {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.w-240 {
    width: 240px
}

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

.w-40 {
    width: 2.5rem
}

.w-23 {
    width: 1.4375rem
}

.w-5\/6 {
    width: 83.3333%
}

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

.w-auto {
    width: auto
}

.w-24 {
    width: 1.5rem
}

.w-36 {
    width: 2.25rem
}

.w-10 {
    width: .625rem
}

.w-1\/6 {
    width: 16.6667%
}

.w-8 {
    width: .5rem
}

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

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

.w-20 {
    width: 1.25rem
}

.w-96 {
    width: 6rem
}

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

.min-w-250 {
    min-width: 15.625rem
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-45ch {
    max-width: 45ch
}

.max-w-md {
    max-width: 28rem
}

.max-w-15ch {
    max-width: 15ch
}

.max-w-xl {
    max-width: 36rem
}

.max-w-lg {
    max-width: 32rem
}

.max-w-none {
    max-width: none
}

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

.max-w-470 {
    max-width: 29.375rem
}

.max-w-4xl {
    max-width: 56rem
}

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

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

.max-w-3xl {
    max-width: 48rem
}

.max-w-490 {
    max-width: 30rem
}

.max-w-570 {
    max-width: 35.625rem
}

.max-w-450 {
    max-width: 28.125rem
}

.max-w-560 {
    max-width: 35rem
}

.max-w-370 {
    max-width: 23.125rem
}

.max-w-510 {
    max-width: 31.875rem
}

.max-w-608 {
    max-width: 38rem
}

.max-w-200 {
    max-width: 200px
}

.max-w-540 {
    max-width: 33.75rem
}

.max-w-400 {
    max-width: 25rem
}

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

.shrink-0 {
    flex-shrink: 0
}

.shrink {
    flex-shrink: 1
}

.grow {
    flex-grow: 1
}

.grow-0 {
    flex-grow: 0
}

.table-fixed {
    table-layout: fixed
}

.origin-center {
    transform-origin: center
}

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

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

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

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

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

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

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

.cursor-default {
    cursor: default
}

.cursor-pointer {
    cursor: pointer
}

.cursor-zoom-in {
    cursor: zoom-in
}

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

.cursor-help {
    cursor: help
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.resize-none {
    resize: none
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

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

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

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

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

.flex-row {
    flex-direction: row
}

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

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.content-center {
    align-content: center
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.gap-32 {
    gap: 2rem
}

.gap-16 {
    gap: 1rem
}

.gap-24 {
    gap: 1.5rem
}

.gap-4 {
    gap: .25rem
}

.gap-10 {
    gap: .625rem
}

.gap-40 {
    gap: 2.5rem
}

.gap-8 {
    gap: .5rem
}

.gap-y-16 {
    row-gap: 1rem
}

.gap-y-32 {
    row-gap: 2rem
}

.gap-y-24 {
    row-gap: 1.5rem
}

.gap-y-48 {
    row-gap: 3rem
}

.gap-y-8 {
    row-gap: .5rem
}

.gap-x-32 {
    -moz-column-gap: 2rem;
    column-gap: 2rem
}

.gap-y-64 {
    row-gap: 4rem
}

.gap-x-16 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-y-40 {
    row-gap: 2.5rem
}

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

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

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

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

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

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

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

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

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

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

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

.self-start {
    align-self: flex-start
}

.self-center {
    align-self: center
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-x-scroll {
    overflow-x: scroll
}

.whitespace-nowrap {
    white-space: nowrap
}

.rounded-full {
    border-radius: 100px
}

.rounded-md {
    border-radius: .375rem
}

.rounded-lg {
    border-radius: .75rem
}

.rounded-32 {
    border-radius: 2rem
}

.rounded-md3 {
    border-radius: .5rem
}

.rounded-md2 {
    border-radius: .5625rem
}

.rounded-16 {
    border-radius: 1rem
}

.rounded-4,
.rounded-sm {
    border-radius: .25rem
}

.rounded-3 {
    border-radius: .1875rem
}

.rounded-8 {
    border-radius: .5rem
}

.rounded-xs {
    border-radius: .1875rem
}

.rounded-0 {
    border-radius: 0
}

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

.rounded-b-32 {
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem
}

.border-1 {
    border-width: 1px
}

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

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

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

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

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

.border-t-4 {
    border-top-width: 4px
}

.border-l-4 {
    border-left-width: 4px
}

.border-solid {
    border-style: solid
}

.border-color-100 {
    border-color: var(--color-100)
}

.border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgb(37 42 47/var(--tw-border-opacity))
}

.border-color-50 {
    border-color: var(--color-50)
}

.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(231 235 240/var(--tw-border-opacity))
}

.border-#2718d6-100 {
    --tw-border-opacity: 1;
    border-color: rgb(208 228 253/var(--tw-border-opacity))
}

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

.border-indigo-500 {
    --tw-border-opacity: 1;
    border-color: rgb(30 77 216/var(--tw-border-opacity))
}

.border-#2718d6-400 {
    --tw-border-opacity: 1;
    border-color: rgb(95 164 248/var(--tw-border-opacity))
}

.border-gray-50 {
    --tw-border-opacity: 1;
    border-color: rgb(246 248 251/var(--tw-border-opacity))
}

.bg-orange-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 248 245/var(--tw-bg-opacity))
}

.bg-indigo-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 246 253/var(--tw-bg-opacity))
}

.bg-gray-300-30 {
    background-color: hsla(206, 4%, 64%, .3)
}

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

.bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 77 216/var(--tw-bg-opacity))
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(246 248 251/var(--tw-bg-opacity))
}

.bg-color-0 {
    background-color: var(--color-0)
}

.bg-color-50 {
    background-color: var(--color-50)
}

.bg-unset {
    background-color: unset
}

.bg-accent-100 {
    background-color: var(--accent-100)
}

.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(3 4 5/var(--tw-bg-opacity))
}

.bg-color-500 {
    background-color: var(--color-500)
}

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

.bg-accent-500 {
    background-color: var(--accent-500)
}

.bg-mint-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 167 106/var(--tw-bg-opacity))
}

.bg-color-900 {
    background-color: var(--color-900)
}

.bg-color-700 {
    background-color: var(--color-700)
}

.bg-transparent2 {
    background-color: hsla(0, 0%, 100%, .8)
}

.bg-color-100 {
    background-color: var(--color-100)
}

.bg-#2718d6-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 249 255/var(--tw-bg-opacity))
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(231 235 240/var(--tw-bg-opacity))
}

.bg-#2718d6-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(58 142 246/var(--tw-bg-opacity))
}

.bg-indigo-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(18 46 130/var(--tw-bg-opacity))
}

.bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(55 61 67/var(--tw-bg-opacity))
}

.bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(247 251 246/var(--tw-bg-opacity))
}

.bg-indigo-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(12 31 86/var(--tw-bg-opacity))
}

.bg-accent-900 {
    background-color: var(--accent-900)
}

.bg-indigo-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(24 62 173/var(--tw-bg-opacity))
}

.bg-accent-700 {
    background-color: var(--accent-700)
}

.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(20 23 26/var(--tw-bg-opacity))
}

.bg-color-800 {
    background-color: var(--color-800)
}

.bg-opacity-75 {
    --tw-bg-opacity: 0.75
}

.bg-cover {
    background-size: cover
}

.bg-contain {
    background-size: contain
}

.bg-center {
    background-position: 50%
}

.bg-left-top {
    background-position: 0 0
}

.bg-top {
    background-position: top
}

.bg-right-bottom {
    background-position: 100% 100%
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

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

.object-right-bottom {
    -o-object-position: right bottom;
    object-position: right bottom
}

.object-left {
    -o-object-position: left;
    object-position: left
}

.p-24 {
    padding: 1.5rem
}

.p-4 {
    padding: .25rem
}

.p-16 {
    padding: 1rem
}

.p-12 {
    padding: .75rem
}

.p-8 {
    padding: .5rem
}

.p-20 {
    padding: 1.25rem
}

.p-32 {
    padding: 2rem
}

.p-0 {
    padding: 0
}

.p-10 {
    padding: .625rem
}

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

.py-12 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

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

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

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

.px-40 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

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

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

.py-96 {
    padding-bottom: 6rem;
    padding-top: 6rem
}

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

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

.px-12 {
    padding-left: .75rem;
    padding-right: .75rem
}

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

.py-6 {
    padding-bottom: .375rem;
    padding-top: .375rem
}

.py-24 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

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

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

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

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

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

.py-72 {
    padding-bottom: 4.5rem;
    padding-top: 4.5rem
}

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

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

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

.py-52 {
    padding-bottom: 3.25rem;
    padding-top: 3.25rem
}

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

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

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

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

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

.pr-72 {
    padding-right: 4.5rem
}

.pb-24 {
    padding-bottom: 1.5rem
}

.pr-24 {
    padding-right: 1.5rem
}

.pl-40 {
    padding-left: 2.5rem
}

.pl-24 {
    padding-left: 1.5rem
}

.pr-64 {
    padding-right: 4rem
}

.pl-8 {
    padding-left: .5rem
}

.pr-32 {
    padding-right: 2rem
}

.pb-16 {
    padding-bottom: 1rem
}

.pb-12 {
    padding-bottom: .75rem
}

.pt-48 {
    padding-top: 3rem
}

.pt-2 {
    padding-top: .125rem
}

.pr-8 {
    padding-right: .5rem
}

.pl-10 {
    padding-left: .625rem
}

.pb-64 {
    padding-bottom: 4rem
}

.pt-4 {
    padding-top: .25rem
}

.pt-96 {
    padding-top: 6rem
}

.pt-0 {
    padding-top: 0
}

.pb-32 {
    padding-bottom: 2rem
}

.pb-96 {
    padding-bottom: 6rem
}

.pt-160 {
    padding-top: 10rem
}

.pl-20 {
    padding-left: 1.25rem
}

.pt-64 {
    padding-top: 4rem
}

.pb-80 {
    padding-bottom: 5rem
}

.pr-40 {
    padding-right: 2.5rem
}

.pl-48 {
    padding-left: 3rem
}

.pt-24 {
    padding-top: 1.5rem
}

.pb-0 {
    padding-bottom: 0
}

.pt-40 {
    padding-top: 2.5rem
}

.pt-32 {
    padding-top: 2rem
}

.pb-72 {
    padding-bottom: 4.5rem
}

.pt-8 {
    padding-top: .5rem
}

.pt-20 {
    padding-top: 1.25rem
}

.pl-52 {
    padding-left: 3.25rem
}

.pt-80 {
    padding-top: 5rem
}

.pb-2 {
    padding-bottom: .125rem
}

.pt-10 {
    padding-top: .625rem
}

.pl-16 {
    padding-left: 1rem
}

.pr-16 {
    padding-right: 1rem
}

.pr-0 {
    padding-right: 0
}

.pl-6 {
    padding-left: .375rem
}

.pb-128 {
    padding-bottom: 8rem
}

.pl-5 {
    padding-left: .3125rem
}

.pb-10 {
    padding-bottom: .625rem
}

.pr-48 {
    padding-right: 3rem
}

.pb-145 {
    padding-bottom: 9.0625rem
}

.pt-72 {
    padding-top: 4.5rem
}

.pl-36 {
    padding-left: 2.25rem
}

.pb-48 {
    padding-bottom: 3rem
}

.pb-20 {
    padding-bottom: 1.25rem
}

.pt-16 {
    padding-top: 1rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.align-middle {
    vertical-align: middle
}

.font-serif {
    font-family: Blacker, Times New Roman
}

.font-sans {
    font-family: TT Norms, Helvetica, Arial
}

.text-24 {
    font-size: 1.5rem
}

.text-16 {
    font-size: 1rem
}

.text-14 {
    font-size: .875rem
}

.text-18 {
    font-size: 1.125rem
}

.text-20 {
    font-size: 1.25rem
}

.text-32 {
    font-size: 2rem
}

.text-42 {
    font-size: 2.625rem
}

.text-12 {
    font-size: .75rem
}

.text-28 {
    font-size: 1.75rem
}

.text-22 {
    font-size: 1.375rem
}

.text-8 {
    font-size: .5rem
}

.text-11 {
    font-size: .6875rem
}

.text-64 {
    font-size: 4rem
}

.text-36 {
    font-size: 2.25rem
}

.text-13 {
    font-size: .8125rem
}

.text-15 {
    font-size: .9375rem
}

.text-40 {
    font-size: 2.5rem
}

.text-48 {
    font-size: 3rem
}

.text-52 {
    font-size: 3.25rem
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.leading-115 {
    line-height: 1.15
}

.leading-135 {
    line-height: 1.35
}

.leading-100 {
    line-height: 1
}

.leading-120 {
    line-height: 1.2
}

.leading-150 {
    line-height: 1.5
}

.leading-110 {
    line-height: 1.1
}

.leading-125 {
    line-height: 1.25
}

.leading-140 {
    line-height: 1.4
}

.leading-105 {
    line-height: 1.05
}

.leading-130 {
    line-height: 1.3
}

.leading-80 {
    line-height: .8
}

.leading-90 {
    line-height: .9
}

.tracking-55 {
    letter-spacing: .55em
}

.tracking-tight {
    letter-spacing: -.5px
}

.tracking-md {
    letter-spacing: .0625rem
}

.tracking-tighter {
    letter-spacing: -.0625rem
}

.tracking-widest {
    letter-spacing: .1em
}

.tracking-tightest {
    letter-spacing: -.1875rem
}

.tracking-maxtight {
    letter-spacing: -.375rem
}

.text-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(236 113 60/var(--tw-text-opacity))
}

.text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgb(30 77 216/var(--tw-text-opacity))
}

.text-color-900 {
    color: var(--color-900)
}

.text-color-500 {
    color: var(--color-500)
}

.text-indigo-100 {
    --tw-text-opacity: 1;
    color: rgb(201 212 246/var(--tw-text-opacity))
}

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

.text-color-400 {
    color: var(--color-400)
}

.text-color-200 {
    color: var(--color-200)
}

.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(160 164 167/var(--tw-text-opacity))
}

.text-mint-500 {
    --tw-text-opacity: 1;
    color: rgb(0 167 106/var(--tw-text-opacity))
}

.text-gray-100 {
    --tw-text-opacity: 1;
    color: rgb(231 235 240/var(--tw-text-opacity))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(74 80 86/var(--tw-text-opacity))
}

.text-color-700 {
    color: var(--color-700)
}

.text-color-800 {
    color: var(--color-800)
}

.text-color-300 {
    color: var(--color-300)
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(20 23 26/var(--tw-text-opacity))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(37 42 47/var(--tw-text-opacity))
}

.text-#2718d6-500 {
    --tw-text-opacity: 1;
    color: rgb(58 142 246/var(--tw-text-opacity))
}

.text-#2718d6-400 {
    --tw-text-opacity: 1;
    color: rgb(95 164 248/var(--tw-text-opacity))
}

.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(188 191 193/var(--tw-text-opacity))
}

.text-color-0 {
    color: var(--color-0)
}

.text-accent-600 {
    color: var(--accent-600)
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(131 136 140/var(--tw-text-opacity))
}

.text-accent-500 {
    color: var(--accent-500)
}

.text-color-600 {
    color: var(--color-600)
}

.text-accent-100 {
    color: var(--accent-100)
}

.text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgb(18 46 130/var(--tw-text-opacity))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(3 4 5/var(--tw-text-opacity))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(55 61 67/var(--tw-text-opacity))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(252 59 56/var(--tw-text-opacity))
}

.text-color-100 {
    color: var(--color-100)
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(87 173 69/var(--tw-text-opacity))
}

.text-color-50 {
    color: var(--color-50)
}

.text-indigo-900 {
    --tw-text-opacity: 1;
    color: rgb(6 15 43/var(--tw-text-opacity))
}

.text-#2718d6-50 {
    --tw-text-opacity: 1;
    color: rgb(245 249 255/var(--tw-text-opacity))
}

.text-indigo-50 {
    --tw-text-opacity: 1;
    color: rgb(244 246 253/var(--tw-text-opacity))
}

.text-accent-200 {
    color: var(--accent-200)
}

.text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgb(24 62 173/var(--tw-text-opacity))
}

.text-indigo-200 {
    --tw-text-opacity: 1;
    color: rgb(158 179 238/var(--tw-text-opacity))
}

.text-#2718d6-300 {
    --tw-text-opacity: 1;
    color: rgb(133 185 249/var(--tw-text-opacity))
}

.text-accent-300 {
    color: var(--accent-300)
}

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

.placeholder-color-500::-moz-placeholder {
    color: var(--color-500)
}

.placeholder-color-500:-ms-input-placeholder {
    color: var(--color-500)
}

.placeholder-color-500::placeholder {
    color: var(--color-500)
}

.placeholder-color-400::-moz-placeholder {
    color: var(--color-400)
}

.placeholder-color-400:-ms-input-placeholder {
    color: var(--color-400)
}

.placeholder-color-400::placeholder {
    color: var(--color-400)
}

.opacity-70 {
    opacity: .7
}

.opacity-0 {
    opacity: 0
}

.opacity-50 {
    opacity: .5
}

.opacity-75 {
    opacity: .75
}

.opacity-90 {
    opacity: .9
}

.opacity-15 {
    opacity: .15
}

.shadow-1 {
    --tw-shadow: 0px 4px 20px 0px rgba(4, 25, 39, .2);
    --tw-shadow-colored: 0px 4px 20px 0px var(--tw-shadow-color)
}

.shadow-1,
.shadow-md {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-md {
    --tw-shadow: 0px 5px 10px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0px 5px 10px var(--tw-shadow-color)
}

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

.shadow-large,
.shadow-sm {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-large {
    --tw-shadow: 0px 8px 50px rgba(4, 25, 39, .15);
    --tw-shadow-colored: 0px 8px 50px var(--tw-shadow-color)
}

.shadow-md2 {
    --tw-shadow: 0px 8px 40px rgba(5, 7, 52, .05);
    --tw-shadow-colored: 0px 8px 40px var(--tw-shadow-color)
}

.shadow-md2,
.shadow-sm2 {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-sm2 {
    --tw-shadow: 0px 0px 3px rgba(4, 25, 39, .15);
    --tw-shadow-colored: 0px 0px 3px var(--tw-shadow-color)
}

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

.shadow-2,
.shadow-large2 {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-large2 {
    --tw-shadow: 0px 20px 60px rgba(40, 67, 92, .22);
    --tw-shadow-colored: 0px 20px 60px var(--tw-shadow-color)
}

.shadow-3,
.shadow-lightGray {
    --tw-shadow: 0px 0px 3px rgba(4, 25, 39, .15);
    --tw-shadow-colored: 0px 0px 3px var(--tw-shadow-color)
}

.shadow-3,
.shadow-4,
.shadow-lightGray {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-4 {
    --tw-shadow: 0px 8.63767px 40px rgba(5, 7, 52, .05);
    --tw-shadow-colored: 0px 8.63767px 40px var(--tw-shadow-color)
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur-lg {
    --tw-backdrop-blur: blur(16px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition {
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter
}

.transition-colors {
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color
}

.transition-opacity {
    transition-property: opacity
}

.transition-all {
    transition-property: all
}

.transition-transform {
    transition-property: transform
}

.transition-shadow {
    transition-property: box-shadow
}

.duration-3 {
    transition-duration: .5s
}

.duration-1 {
    transition-duration: .3s
}

.duration-2 {
    transition-duration: .14s
}

.ease-2 {
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}

.ease-1 {
    transition-timing-function: ease
}

.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: #2718d6;
    --accent-600: #2718d6;
    --accent-700: #2718d6;
    --accent-800: #2718d6;
    --accent-900: #060f2b
}

.t-mint {
    --accent-50: #f2fbf8;
    --accent-100: #c2eadb;
    --accent-300: #61c8a3;
    --accent-400: #31b886;
    --accent-500: #00a76a;
    --accent-600: #008655;
    --accent-700: #006440;
    --accent-800: #00432a
}

.t-mint-dark {
    --accent-50: #f2fbf8;
    --accent-100: #c2eadb;
    --accent-300: #61c8a3;
    --accent-400: #31b886;
    --accent-500: #31b886;
    --accent-600: #00a76a;
    --accent-700: #008655;
    --accent-800: #006440
}

.t-#2718d6 {
    --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-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-left: 0;
    margin-top: 0
}

.m-clip>:last-child {
    margin-bottom: 0;
    margin-right: 0
}

.filter-grayscale {
    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 {
    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-bottom: var(--pull);
    margin-right: calc((var(--items-per-row) + 1)*var(--pull))
}

.s-border-pull>* {
    margin-left: var(--pull);
    margin-top: var(--pull)
}

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

.image-rendering-crisp {
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast
}

.bg-position {
    background-position: var(--bg-position)
}

.bg-size {
    background-size: var(--bg-size)
}

body.has-keyboard .focus-within-outline:focus-within {
    outline: auto
}

.t-dark .c-invert-color,
.t-light .c-invert-color {
    filter: invert(1)
}

.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:bg-color-100:hover {
    background-color: var(--color-100)
}

.hover\:bg-color-50:hover {
    background-color: var(--color-50)
}

.hover\:bg-accent-600:hover {
    background-color: var(--accent-600)
}

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

.hover\:bg-gold-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(225 161 99/var(--tw-bg-opacity))
}

.hover\:bg-accent-500:hover {
    background-color: var(--accent-500)
}

.hover\:bg-#2718d6-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(208 228 253/var(--tw-bg-opacity))
}

.hover\:bg-accent-700:hover {
    background-color: var(--accent-700)
}

.hover\:bg-indigo-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(30 77 216/var(--tw-bg-opacity))
}

.hover\:text-color-500:hover {
    color: var(--color-500)
}

.hover\:text-indigo-400:hover {
    --tw-text-opacity: 1;
    color: rgb(73 111 223/var(--tw-text-opacity))
}

.hover\:text-color-900:hover {
    color: var(--color-900)
}

.hover\:text-color-300:hover {
    color: var(--color-300)
}

.hover\:text-indigo-500:hover {
    --tw-text-opacity: 1;
    color: rgb(30 77 216/var(--tw-text-opacity))
}

.hover\:text-color-800:hover {
    color: var(--color-800)
}

.hover\:text-accent-500:hover {
    color: var(--accent-500)
}

.hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(3 4 5/var(--tw-text-opacity))
}

.hover\:text-#2718d6-800:hover {
    --tw-text-opacity: 1;
    color: rgb(23 57 98/var(--tw-text-opacity))
}

.hover\:text-accent-300:hover {
    color: var(--accent-300)
}

.hover\:text-accent-200:hover {
    color: var(--accent-200)
}

.hover\:text-indigo-50:hover {
    --tw-text-opacity: 1;
    color: rgb(244 246 253/var(--tw-text-opacity))
}

.hover\:text-#2718d6-600:hover {
    --tw-text-opacity: 1;
    color: rgb(46 114 197/var(--tw-text-opacity))
}

.hover\:text-opacity-90:hover {
    --tw-text-opacity: .9
}

.hover\:underline:hover {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.hover\:opacity-75:hover {
    opacity: .75
}

.hover\:opacity-90:hover {
    opacity: .9
}

.hover\:opacity-100:hover {
    opacity: 1
}

.hover\:shadow-md:hover {
    --tw-shadow: 0px 5px 10px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0px 5px 10px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.focus\:z-50:focus {
    z-index: 50
}

.group:hover .group-hover\:scale-125 {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:bg-accent-400 {
    background-color: var(--accent-400)
}

.group:hover .group-hover\:text-indigo-400 {
    --tw-text-opacity: 1;
    color: rgb(73 111 223/var(--tw-text-opacity))
}

.group:hover .group-hover\:text-accent-500 {
    color: var(--accent-500)
}

.group:hover .group-hover\:text-color-900 {
    color: var(--color-900)
}

.group:hover .group-hover\:text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgb(18 46 130/var(--tw-text-opacity))
}

.group:hover .group-hover\:text-accent-700 {
    color: var(--accent-700)
}

.group:hover .group-hover\:text-color-500 {
    color: var(--color-500)
}

.group:hover .group-hover\:text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(20 23 26/var(--tw-text-opacity))
}

.group:focus .group-focus\:scale-125 {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:focus .group-focus\:text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(20 23 26/var(--tw-text-opacity))
}

@media (min-width:600px) {
    .sm\:absolute {
        position: absolute
    }

    .sm\:relative {
        position: relative
    }

    .sm\:top-0 {
        top: 0
    }

    .sm\:right-0 {
        right: 0
    }

    .sm\:order-2 {
        order: 2
    }

    .sm\:order-1 {
        order: 1
    }

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

    .sm\:col-span-6 {
        grid-column: span 6/span 6
    }

    .sm\:col-span-10 {
        grid-column: span 10/span 10
    }

    .sm\:col-span-12 {
        grid-column: span 12/span 12
    }

    .sm\:col-span-8 {
        grid-column: span 8/span 8
    }

    .sm\:col-start-7 {
        grid-column-start: 7
    }

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

    .sm\:col-start-3 {
        grid-column-start: 3
    }

    .sm\:float-none {
        float: none
    }

    .sm\:m-0 {
        margin: 0
    }

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

    .sm\:my-64 {
        margin-bottom: 4rem;
        margin-top: 4rem
    }

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

    .sm\:my-160 {
        margin-bottom: 10rem;
        margin-top: 10rem
    }

    .sm\:my-screen-1\/2 {
        margin-bottom: 50vh;
        margin-top: 50vh
    }

    .sm\:my-48 {
        margin-bottom: 3rem;
        margin-top: 3rem
    }

    .sm\:my-32 {
        margin-bottom: 2rem;
        margin-top: 2rem
    }

    .sm\:mx-16 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .sm\:-mx-32 {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .sm\:my-128 {
        margin-bottom: 8rem;
        margin-top: 8rem
    }

    .sm\:my-72 {
        margin-bottom: 4.5rem;
        margin-top: 4.5rem
    }

    .sm\:my-96 {
        margin-bottom: 6rem;
        margin-top: 6rem
    }

    .sm\:mb-64 {
        margin-bottom: 4rem
    }

    .sm\:mt-128 {
        margin-top: 8rem
    }

    .sm\:mb-96 {
        margin-bottom: 6rem
    }

    .sm\:mr-48 {
        margin-right: 3rem
    }

    .sm\:ml-24 {
        margin-left: 1.5rem
    }

    .sm\:mb-0 {
        margin-bottom: 0
    }

    .sm\:mr-16 {
        margin-right: 1rem
    }

    .sm\:mr-24 {
        margin-right: 1.5rem
    }

    .sm\:mb-80 {
        margin-bottom: 5rem
    }

    .sm\:-ml-48 {
        margin-left: -3rem
    }

    .sm\:mt-32 {
        margin-top: 2rem
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:mt-16 {
        margin-top: 1rem
    }

    .sm\:-mt-160 {
        margin-top: -10rem
    }

    .sm\:ml-8 {
        margin-left: .5rem
    }

    .sm\:mr-72 {
        margin-right: 4.5rem
    }

    .sm\:mb-160 {
        margin-bottom: 10rem
    }

    .sm\:mt-96 {
        margin-top: 6rem
    }

    .sm\:mt-24 {
        margin-top: 1.5rem
    }

    .sm\:ml-32 {
        margin-left: 2rem
    }

    .sm\:mr-12 {
        margin-right: .75rem
    }

    .sm\:mt-48 {
        margin-top: 3rem
    }

    .sm\:mb-128 {
        margin-bottom: 8rem
    }

    .sm\:mt-52 {
        margin-top: 3.25rem
    }

    .sm\:mt-64 {
        margin-top: 4rem
    }

    .sm\:mr-8 {
        margin-right: .5rem
    }

    .sm\:ml-0 {
        margin-left: 0
    }

    .sm\:mr-0 {
        margin-right: 0
    }

    .sm\:-mt-64 {
        margin-top: -4rem
    }

    .sm\:mb-20 {
        margin-bottom: 1.25rem
    }

    .sm\:mt-80 {
        margin-top: 5rem
    }

    .sm\:-mt-48 {
        margin-top: -3rem
    }

    .sm\:ml-48 {
        margin-left: 3rem
    }

    .sm\:ml-auto {
        margin-left: auto
    }

    .sm\:mt-36 {
        margin-top: 2.25rem
    }

    .sm\:block {
        display: block
    }

    .sm\:flex {
        display: flex
    }

    .sm\:inline-flex {
        display: inline-flex
    }

    .sm\:grid {
        display: grid
    }

    .sm\:hidden {
        display: none
    }

    .sm\:h-48 {
        height: 3rem
    }

    .sm\:h-full {
        height: 100%
    }

    .sm\:w-7\/12 {
        width: 58.3333%
    }

    .sm\:w-5\/12 {
        width: 41.6667%
    }

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

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

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

    .sm\:w-48 {
        width: 3rem
    }

    .sm\:w-2\/5 {
        width: 40%
    }

    .sm\:w-3\/5 {
        width: 60%
    }

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

    .sm\:w-128 {
        width: 8rem
    }

    .sm\:w-auto {
        width: auto
    }

    .sm\:min-w-320 {
        min-width: 20rem
    }

    .sm\:max-w-none {
        max-width: none
    }

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

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

    .sm\:rotate-0 {
        --tw-rotate: 0deg
    }

    .sm\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .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\:flex-row {
        flex-direction: row
    }

    .sm\:flex-nowrap {
        flex-wrap: nowrap
    }

    .sm\:items-start {
        align-items: flex-start
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-start {
        justify-content: flex-start
    }

    .sm\:justify-center {
        justify-content: center
    }

    .sm\:justify-between {
        justify-content: space-between
    }

    .sm\:justify-evenly {
        justify-content: space-evenly
    }

    .sm\:gap-32 {
        gap: 2rem
    }

    .sm\:gap-16 {
        gap: 1rem
    }

    .sm\:gap-y-0 {
        row-gap: 0
    }

    .sm\:gap-x-32 {
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }

    .sm\:gap-y-16 {
        row-gap: 1rem
    }

    .sm\:gap-x-24 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .sm\:gap-x-48 {
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }

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

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

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

    .sm\:overflow-visible {
        overflow: visible
    }

    .sm\:rounded-32 {
        border-radius: 2rem
    }

    .sm\:rounded-lg {
        border-radius: .75rem
    }

    .sm\:rounded-16 {
        border-radius: 1rem
    }

    .sm\:rounded-md3 {
        border-radius: .5rem
    }

    .sm\:border-1 {
        border-width: 1px
    }

    .sm\:border-l-3 {
        border-left-width: 3px
    }

    .sm\:border-b-0 {
        border-bottom-width: 0
    }

    .sm\:border-r-1 {
        border-right-width: 1px
    }

    .sm\:border-gray-100 {
        --tw-border-opacity: 1;
        border-color: rgb(231 235 240/var(--tw-border-opacity))
    }

    .sm\:p-0 {
        padding: 0
    }

    .sm\:p-16 {
        padding: 1rem
    }

    .sm\:p-32 {
        padding: 2rem
    }

    .sm\:p-24 {
        padding: 1.5rem
    }

    .sm\:p-48 {
        padding: 3rem
    }

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

    .sm\:px-64 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .sm\:py-8 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .sm\:py-160 {
        padding-bottom: 10rem;
        padding-top: 10rem
    }

    .sm\:px-145 {
        padding-left: 9.0625rem;
        padding-right: 9.0625rem
    }

    .sm\:py-4 {
        padding-bottom: .25rem;
        padding-top: .25rem
    }

    .sm\:px-24 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm\:py-96 {
        padding-bottom: 6rem;
        padding-top: 6rem
    }

    .sm\:py-20 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem
    }

    .sm\:py-48 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .sm\:py-32 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .sm\:py-40 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }

    .sm\:py-64 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

    .sm\:py-80 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }

    .sm\:px-32 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .sm\:py-16 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .sm\:py-12 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .sm\:px-20 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .sm\:px-96 {
        padding-left: 6rem;
        padding-right: 6rem
    }

    .sm\:py-128 {
        padding-bottom: 8rem;
        padding-top: 8rem
    }

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

    .sm\:px-128 {
        padding-left: 8rem;
        padding-right: 8rem
    }

    .sm\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }

    .sm\:py-72 {
        padding-bottom: 4.5rem;
        padding-top: 4.5rem
    }

    .sm\:pt-16 {
        padding-top: 1rem
    }

    .sm\:pl-48 {
        padding-left: 3rem
    }

    .sm\:pt-160 {
        padding-top: 10rem
    }

    .sm\:pb-0 {
        padding-bottom: 0
    }

    .sm\:pt-128 {
        padding-top: 8rem
    }

    .sm\:pr-32 {
        padding-right: 2rem
    }

    .sm\:pr-64 {
        padding-right: 4rem
    }

    .sm\:pt-48 {
        padding-top: 3rem
    }

    .sm\:pl-32 {
        padding-left: 2rem
    }

    .sm\:pl-64 {
        padding-left: 4rem
    }

    .sm\:pt-24 {
        padding-top: 1.5rem
    }

    .sm\:pt-64 {
        padding-top: 4rem
    }

    .sm\:pr-48 {
        padding-right: 3rem
    }

    .sm\:pb-64 {
        padding-bottom: 4rem
    }

    .sm\:text-left {
        text-align: left
    }

    .sm\:text-center {
        text-align: center
    }

    .sm\:text-right {
        text-align: right
    }

    .sm\:text-52 {
        font-size: 3.25rem
    }

    .sm\:text-18 {
        font-size: 1.125rem
    }

    .sm\:text-36 {
        font-size: 2.25rem
    }

    .sm\:text-16 {
        font-size: 1rem
    }

    .sm\:text-22 {
        font-size: 1.375rem
    }

    .sm\:text-24 {
        font-size: 1.5rem
    }

    .sm\:text-20 {
        font-size: 1.25rem
    }

    .sm\:text-14 {
        font-size: .875rem
    }

    .sm\:text-48 {
        font-size: 3rem
    }

    .sm\:text-32 {
        font-size: 2rem
    }

    .sm\:text-64 {
        font-size: 4rem
    }

    .sm\:text-72 {
        font-size: 4.5rem
    }

    .sm\:text-40 {
        font-size: 2.5rem
    }

    .sm\:shadow-sm2 {
        --tw-shadow: 0px 0px 3px rgba(4, 25, 39, .15);
        --tw-shadow-colored: 0px 0px 3px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .sm\:var-items-2 {
        --items-per-row: 2
    }
}

@media (min-width:900px) {
    .md\:absolute {
        position: absolute
    }

    .md\:bottom-14 {
        bottom: 14px
    }

    .md\:left-16 {
        left: 16px
    }

    .md\:top-0 {
        top: 0
    }

    .md\:right-0 {
        right: 0
    }

    .md\:left-0 {
        left: 0
    }

    .md\:order-2 {
        order: 2
    }

    .md\:order-4 {
        order: 4
    }

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

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

    .md\:col-span-6 {
        grid-column: span 6/span 6
    }

    .md\:col-span-5 {
        grid-column: span 5/span 5
    }

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

    .md\:col-span-8 {
        grid-column: span 8/span 8
    }

    .md\:col-span-7 {
        grid-column: span 7/span 7
    }

    .md\:col-span-12 {
        grid-column: span 12/span 12
    }

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

    .md\:col-start-7 {
        grid-column-start: 7
    }

    .md\:col-start-3 {
        grid-column-start: 3
    }

    .md\:col-start-8 {
        grid-column-start: 8
    }

    .md\:col-start-6 {
        grid-column-start: 6
    }

    .md\:m-0 {
        margin: 0
    }

    .md\:-my-24 {
        margin-bottom: -1.5rem;
        margin-top: -1.5rem
    }

    .md\:-mx-8 {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

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

    .md\:-my-16 {
        margin-bottom: -1rem;
        margin-top: -1rem
    }

    .md\:my-16 {
        margin-bottom: 1rem;
        margin-top: 1rem
    }

    .md\:my-48 {
        margin-bottom: 3rem;
        margin-top: 3rem
    }

    .md\:my-128 {
        margin-bottom: 8rem;
        margin-top: 8rem
    }

    .md\:my-160 {
        margin-bottom: 10rem;
        margin-top: 10rem
    }

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

    .md\:mx-24 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .md\:my-72 {
        margin-bottom: 4.5rem;
        margin-top: 4.5rem
    }

    .md\:-mx-48 {
        margin-left: -3rem;
        margin-right: -3rem
    }

    .md\:mx-48 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .md\:my-24 {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }

    .md\:-mx-32 {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .md\:mx-32 {
        margin-left: 2rem;
        margin-right: 2rem
    }

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

    .md\:mx-8 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .md\:mx-64 {
        margin-left: 4rem;
        margin-right: 4rem
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:mb-64 {
        margin-bottom: 4rem
    }

    .md\:ml-0 {
        margin-left: 0
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mr-8 {
        margin-right: .5rem
    }

    .md\:mb-8 {
        margin-bottom: .5rem
    }

    .md\:mr-32 {
        margin-right: 2rem
    }

    .md\:mb-24 {
        margin-bottom: 1.5rem
    }

    .md\:mt-2 {
        margin-top: .125rem
    }

    .md\:mt-24 {
        margin-top: 1.5rem
    }

    .md\:ml-12 {
        margin-left: .75rem
    }

    .md\:mb-16 {
        margin-bottom: 1rem
    }

    .md\:mt-64 {
        margin-top: 4rem
    }

    .md\:ml-32 {
        margin-left: 2rem
    }

    .md\:mb-48 {
        margin-bottom: 3rem
    }

    .md\:ml-24 {
        margin-left: 1.5rem
    }

    .md\:mr-48 {
        margin-right: 3rem
    }

    .md\:-mt-12 {
        margin-top: -.75rem
    }

    .md\:ml-48 {
        margin-left: 3rem
    }

    .md\:mr-16 {
        margin-right: 1rem
    }

    .md\:mt-32 {
        margin-top: 2rem
    }

    .md\:mr-24 {
        margin-right: 1.5rem
    }

    .md\:mt-104 {
        margin-top: 6.5rem
    }

    .md\:mt-48 {
        margin-top: 3rem
    }

    .md\:-mb-16 {
        margin-bottom: -1rem
    }

    .md\:mt-128 {
        margin-top: 8rem
    }

    .md\:mb-96 {
        margin-bottom: 6rem
    }

    .md\:mb-32 {
        margin-bottom: 2rem
    }

    .md\:mt-80 {
        margin-top: 5rem
    }

    .md\:-ml-32 {
        margin-left: -2rem
    }

    .md\:-mr-32 {
        margin-right: -2rem
    }

    .md\:mr-4 {
        margin-right: .25rem
    }

    .md\:-mb-40 {
        margin-bottom: -2.5rem
    }

    .md\:mb-40 {
        margin-bottom: 2.5rem
    }

    .md\:mb-4 {
        margin-bottom: .25rem
    }

    .md\:-mt-96 {
        margin-top: -6rem
    }

    .md\:mr-0 {
        margin-right: 0
    }

    .md\:mt-16 {
        margin-top: 1rem
    }

    .md\:ml-16 {
        margin-left: 1rem
    }

    .md\:mt-96 {
        margin-top: 6rem
    }

    .md\:mt-40 {
        margin-top: 2.5rem
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:h-auto {
        height: auto
    }

    .md\:h-48 {
        height: 3rem
    }

    .md\:h-full {
        height: 100%
    }

    .md\:h-64 {
        height: 4rem
    }

    .md\:h-32 {
        height: 2rem
    }

    .md\:h-24 {
        height: 1.5rem
    }

    .md\:h-40 {
        height: 2.5rem
    }

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

    .md\:min-h-104 {
        min-height: 6.5rem
    }

    .md\:min-h-screen-1\/2 {
        min-height: 50vh
    }

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

    .md\:w-auto {
        width: auto
    }

    .md\:w-64 {
        width: 4rem
    }

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

    .md\:w-5\/12 {
        width: 41.6667%
    }

    .md\:w-2\/12 {
        width: 16.6667%
    }

    .md\:w-72 {
        width: 4.5rem
    }

    .md\:w-4\/12 {
        width: 33.3333%
    }

    .md\:w-1\/6 {
        width: 16.6667%
    }

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

    .md\:w-3\/12 {
        width: 25%
    }

    .md\:w-9\/12 {
        width: 75%
    }

    .md\:w-48 {
        width: 3rem
    }

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

    .md\:w-32 {
        width: 2rem
    }

    .md\:w-80 {
        width: 5rem
    }

    .md\:w-full {
        width: 100%
    }

    .md\:w-7\/12 {
        width: 58.3333%
    }

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

    .md\:w-160 {
        width: 10rem
    }

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

    .md\:w-40 {
        width: 2.5rem
    }

    .md\:w-4\/6 {
        width: 66.6667%
    }

    .md\:min-w-180 {
        min-width: 180px
    }

    .md\:max-w-3xl {
        max-width: 48rem
    }

    .md\:max-w-352 {
        max-width: 22rem
    }

    .md\:max-w-4xl {
        max-width: 56rem
    }

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

    .md\:max-w-660 {
        max-width: 41.25rem
    }

    .md\:max-w-2xl {
        max-width: 42rem
    }

    .md\:max-w-200 {
        max-width: 200px
    }

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

    .md\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

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

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-col {
        flex-direction: column
    }

    .md\:flex-nowrap {
        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\:justify-items-stretch {
        justify-items: stretch
    }

    .md\:gap-32 {
        gap: 2rem
    }

    .md\:gap-x-32 {
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }

    .md\:gap-y-48 {
        row-gap: 3rem
    }

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

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

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

    .md\:overflow-hidden {
        overflow: hidden
    }

    .md\:overflow-visible {
        overflow: visible
    }

    .md\:rounded-lg {
        border-radius: .75rem
    }

    .md\:rounded-32 {
        border-radius: 2rem
    }

    .md\:border-r-1 {
        border-right-width: 1px
    }

    .md\:border-l-2 {
        border-left-width: 2px
    }

    .md\:border-r-0 {
        border-right-width: 0
    }

    .md\:border-l-1 {
        border-left-width: 1px
    }

    .md\:border-b-0 {
        border-bottom-width: 0
    }

    .md\:border-none {
        border-style: none
    }

    .md\:border-gray-50 {
        --tw-border-opacity: 1;
        border-color: rgb(246 248 251/var(--tw-border-opacity))
    }

    .md\:bg-auto {
        background-size: auto
    }

    .md\:object-cover {
        -o-object-fit: cover;
        object-fit: cover
    }

    .md\:p-40 {
        padding: 2.5rem
    }

    .md\:p-32 {
        padding: 2rem
    }

    .md\:p-64 {
        padding: 4rem
    }

    .md\:p-48 {
        padding: 3rem
    }

    .md\:p-24 {
        padding: 1.5rem
    }

    .md\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }

    .md\:py-16 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .md\:px-12 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .md\:py-24 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .md\:px-32 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:px-37 {
        padding-left: 2.3125rem;
        padding-right: 2.3125rem
    }

    .md\:px-64 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .md\:py-48 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .md\:py-64 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

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

    .md\:py-128 {
        padding-bottom: 8rem;
        padding-top: 8rem
    }

    .md\:py-10 {
        padding-bottom: .625rem;
        padding-top: .625rem
    }

    .md\:py-32 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .md\:px-24 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .md\:py-160 {
        padding-bottom: 10rem;
        padding-top: 10rem
    }

    .md\:px-80 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .md\:py-96 {
        padding-bottom: 6rem;
        padding-top: 6rem
    }

    .md\:py-8 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .md\:px-16 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .md\:px-48 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .md\:py-40 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }

    .md\:px-52 {
        padding-left: 3.25rem;
        padding-right: 3.25rem
    }

    .md\:pr-128 {
        padding-right: 8rem
    }

    .md\:pr-0 {
        padding-right: 0
    }

    .md\:pb-24 {
        padding-bottom: 1.5rem
    }

    .md\:pr-48 {
        padding-right: 3rem
    }

    .md\:pt-72 {
        padding-top: 4.5rem
    }

    .md\:pl-16 {
        padding-left: 1rem
    }

    .md\:pr-32 {
        padding-right: 2rem
    }

    .md\:pt-128 {
        padding-top: 8rem
    }

    .md\:pt-0 {
        padding-top: 0
    }

    .md\:pb-128 {
        padding-bottom: 8rem
    }

    .md\:pt-64 {
        padding-top: 4rem
    }

    .md\:pl-24 {
        padding-left: 1.5rem
    }

    .md\:pb-48 {
        padding-bottom: 3rem
    }

    .md\:pb-0 {
        padding-bottom: 0
    }

    .md\:pb-64 {
        padding-bottom: 4rem
    }

    .md\:pt-40 {
        padding-top: 2.5rem
    }

    .md\:pl-12 {
        padding-left: .75rem
    }

    .md\:pt-80 {
        padding-top: 5rem
    }

    .md\:pb-160 {
        padding-bottom: 10rem
    }

    .md\:pl-96 {
        padding-left: 6rem
    }

    .md\:pr-64 {
        padding-right: 4rem
    }

    .md\:pr-24 {
        padding-right: 1.5rem
    }

    .md\:pl-32 {
        padding-left: 2rem
    }

    .md\:pr-80 {
        padding-right: 5rem
    }

    .md\:pl-36 {
        padding-left: 2.25rem
    }

    .md\:pl-80 {
        padding-left: 5rem
    }

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

    .md\:text-left {
        text-align: left
    }

    .md\:text-center {
        text-align: center
    }

    .md\:text-36 {
        font-size: 2.25rem
    }

    .md\:text-18 {
        font-size: 1.125rem
    }

    .md\:text-16 {
        font-size: 1rem
    }

    .md\:text-42 {
        font-size: 2.625rem
    }

    .md\:text-24 {
        font-size: 1.5rem
    }

    .md\:text-14 {
        font-size: .875rem
    }

    .md\:text-48 {
        font-size: 3rem
    }

    .md\:text-20 {
        font-size: 1.25rem
    }

    .md\:text-28 {
        font-size: 1.75rem
    }

    .md\:text-32 {
        font-size: 2rem
    }

    .md\:text-64 {
        font-size: 4rem
    }

    .md\:text-22 {
        font-size: 1.375rem
    }

    .md\:text-12 {
        font-size: .75rem
    }

    .md\:text-58 {
        font-size: 3.625rem
    }

    .md\:text-46 {
        font-size: 2.875rem
    }

    .md\:text-52 {
        font-size: 3.25rem
    }

    .md\:text-40 {
        font-size: 2.5rem
    }

    .md\:text-128 {
        font-size: 8rem
    }

    .md\:font-medium {
        font-weight: 500
    }

    .md\:leading-140 {
        line-height: 1.4
    }

    .md\:leading-115 {
        line-height: 1.15
    }

    .md\:leading-135 {
        line-height: 1.35
    }

    .md\:leading-90 {
        line-height: .9
    }

    .md\:leading-100 {
        line-height: 1
    }

    .md\:tracking-tight {
        letter-spacing: -.5px
    }

    .md\:shadow-sm2 {
        --tw-shadow: 0px 0px 3px rgba(4, 25, 39, .15);
        --tw-shadow-colored: 0px 0px 3px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .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\:col-span-5 {
        grid-column: span 5/span 5
    }

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

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

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

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

    .lg\:col-start-8 {
        grid-column-start: 8
    }

    .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\:mt-8 {
        margin-top: .5rem
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:mb-40 {
        margin-bottom: 2.5rem
    }

    .lg\:mt-48 {
        margin-top: 3rem
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-220 {
        height: 13.75rem
    }

    .lg\:h-48 {
        height: 3rem
    }

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

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

    .lg\:w-3\/5 {
        width: 60%
    }

    .lg\:w-5\/12 {
        width: 41.6667%
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:w-7\/12 {
        width: 58.3333%
    }

    .lg\:w-48 {
        width: 3rem
    }

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

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

    .lg\:grid-flow-col {
        grid-auto-flow: column
    }

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

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

    .lg\:grid-cols-none {
        grid-template-columns: none
    }

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

    .lg\:flex-nowrap {
        flex-wrap: nowrap
    }

    .lg\:justify-evenly {
        justify-content: space-evenly
    }

    .lg\:gap-x-32 {
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }

    .lg\:gap-y-32 {
        row-gap: 2rem
    }

    .lg\:overflow-hidden {
        overflow: hidden
    }

    .lg\:rounded-md3 {
        border-radius: .5rem
    }

    .lg\:rounded-md {
        border-radius: .375rem
    }

    .lg\:bg-transparent {
        background-color: transparent
    }

    .lg\:p-32 {
        padding: 2rem
    }

    .lg\:p-40 {
        padding: 2.5rem
    }

    .lg\:py-104 {
        padding-bottom: 6.5rem;
        padding-top: 6.5rem
    }

    .lg\:py-32 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .lg\:px-40 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .lg\:px-96 {
        padding-left: 6rem;
        padding-right: 6rem
    }

    .lg\:py-64 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

    .lg\:pr-48 {
        padding-right: 3rem
    }

    .lg\:pt-32 {
        padding-top: 2rem
    }

    .lg\:pl-32 {
        padding-left: 2rem
    }

    .lg\:pr-0 {
        padding-right: 0
    }

    .lg\:pt-128 {
        padding-top: 8rem
    }

    .lg\:pr-52 {
        padding-right: 3.25rem
    }

    .lg\:pl-96 {
        padding-left: 6rem
    }

    .lg\:pl-0 {
        padding-left: 0
    }

    .lg\:text-28 {
        font-size: 1.75rem
    }

    .lg\:text-18 {
        font-size: 1.125rem
    }

    .lg\:text-64 {
        font-size: 4rem
    }

    .lg\:text-48 {
        font-size: 3rem
    }

    .lg\:text-58 {
        font-size: 3.625rem
    }

    .lg\:text-42 {
        font-size: 2.625rem
    }

    .lg\:text-36 {
        font-size: 2.25rem
    }

    .lg\:text-24 {
        font-size: 1.5rem
    }

    .lg\:text-16 {
        font-size: 1rem
    }

    .lg\:shadow-sm2 {
        --tw-shadow: 0px 0px 3px rgba(4, 25, 39, .15);
        --tw-shadow-colored: 0px 0px 3px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }
}