@keyframes PageChangeLoader_lineAnim__WQkDG {
    0% {
        left: -40%
    }

    50% {
        left: 20%;
        width: 80%
    }

    to {
        left: 100%;
        width: 100%
    }
}

@media only screen and (max-width:786px) {}

@keyframes modal_modalWindowBackDropToggling__cAk6m {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modal_modalWindowToggling__7jtgu {
    0% {
        transform: scale(85%)
    }

    to {
        transform: scale(100%)
    }
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0#0000;
    --tw-ring-shadow: 0 0#0000;
    --tw-shadow: 0 0#0000;
    --tw-shadow-colored: 0 0#0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
}

:after,
:before {
    --tw-content: ""
}

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: Inter, sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

button {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    margin: 0;
    padding: 0
}

button {
    text-transform: none
}

button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

h3,
p {
    margin: 0
}

button {
    cursor: pointer
}

:disabled {
    cursor: default
}

img,
svg {
    display: block;
    vertical-align: middle
}

img {
    max-width: 100%;
    height: auto
}

:root {
    --default-blocks-gap: 28px;
    --mobile-header-height: 70px;
    --block-rounding: 10px;
    --block-rounding-sm: 5px;
    --primary: 17 49 74;
    --primary-dark: 12 37 57;
    --primary-dark-xl: 10 32 55;
    --primary-dark-2xl: 2 15 25;
    --primary-light: 34 71 101;
    --primary-light-md: 31 228 255;
    --primary-light-lg: 80 175 255;
    --primary-light-xl: 71 126 158;
    --primary-light-2xl: 106 156 195;
    --primary-light-3xl: 118 176 222;
    --primary-light-4xl: 157 189 214;
    --gold: 242 189 79;
    --light: 255 255 255;
    --dark: 0 0 0;
    --blue: 20 183 225;
    --blue-light: 96 165 255;
    --green: 29 244 137;
    --green-light: 96 255 181;
    --red: 227 57 37;
    --red-light: 255 123 60;
    --yellow: 255 193 7;
    --lunar: 16 138 14;
    --stelar: 0 206 188;
    --nebula: 255 0 0;
    --nova: 255 0 194;
    --galactic: 30 43 211
}

* {
    scroll-behavior: smooth;
    letter-spacing: 1px
}

body,
html {
    min-height: 100%;
    width: 100%
}

body {
    color: rgb(var(--light))
}

::-webkit-scrollbar {
    display: none
}

.appLayout {
    position: relative;
    display: flex;
    height: 100%;
    flex-grow: 1;
    flex-direction: column
}

.container {
    --container-px: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1500px;
    padding-left: var(--container-px);
    padding-right: var(--container-px);
    width: 100%
}

@media (min-width:640px) {
    .container {
        max-width: 640px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width:1280px) {
    .container {
        max-width: 1280px
    }
}

@media (min-width:1536px) {
    .container {
        max-width: 1536px
    }
}

.relative {
    position: relative
}

.z-50 {
    z-index: 50
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-3\.5 {
    margin-bottom: .875rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mr-2 {
    margin-right: .5rem
}

.mt-9 {
    margin-top: 2.25rem
}

.block {
    display: block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.size-10 {
    width: 2.5rem;
    height: 2.5rem
}

.size-5 {
    width: 1.25rem;
    height: 1.25rem
}

.h-14 {
    height: 3.5rem
}

.h-auto {
    height: auto
}

.min-h-screen {
    min-height: 100vh
}

.w-full {
    width: 100%
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-\[450px\] {
    max-width: 450px
}

.max-w-lg {
    max-width: 32rem
}

.flex-1 {
    flex: 1 1 0%
}

.shrink-0 {
    flex-shrink: 0
}

.flex-grow-0 {
    flex-grow: 0
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.cursor-pointer {
    cursor: pointer
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-1\.5 {
    gap: .375rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-2 {
    gap: .5rem
}

.gap-2\.5 {
    gap: .625rem
}

.gap-4 {
    gap: 1rem
}

.gap-6 {
    gap: 1.5rem
}

.overflow-hidden {
    overflow: hidden
}

.text-wrap {
    text-wrap: wrap
}

.text-nowrap {
    text-wrap: nowrap
}

.text-balance {
    text-wrap: balance
}

.rounded-\[4px\] {
    border-radius: 4px
}

.rounded-\[5px\] {
    border-radius: 5px
}

.rounded-\[calc\(var\(--block-rounding\)-1px\)\] {
    border-radius: calc(var(--block-rounding) - 1px)
}

.rounded-\[var\(--block-rounding\)\] {
    border-radius: var(--block-rounding)
}

.border {
    border-width: 1px
}

.border-primary-light {
    border-color: rgb(var(--primary-light))
}

.bg-\[\#5176d0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(81 118 208/var(--tw-bg-opacity, 1))
}

.bg-primary-dark {
    background-color: rgb(var(--primary-dark))
}

.bg-primary-light {
    background-color: rgb(var(--primary-light))
}

.bg-transparent {
    background-color: transparent
}

.bg-gold-lt-to-rb {
    background-image: linear-gradient(45deg, #b58947, #a3732f 8%, #ffeaa5 17%, #cea253 26%, #82561d 48%, #d3b879 66%, #ffedab 82%, #a3732f)
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.from-\[\#11314a\] {
    --tw-gradient-from: #11314a var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-primary {
    --tw-gradient-from: rgb(var(--primary)) var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-\[\#0c2539\] {
    --tw-gradient-to: #0c2539 var(--tw-gradient-to-position)
}

.to-primary-dark {
    --tw-gradient-to: rgb(var(--primary-dark)) var(--tw-gradient-to-position)
}

.p-1\.5 {
    padding: .375rem
}

.p-3\.5 {
    padding: .875rem
}

.p-\[1px\] {
    padding: 1px
}

.p-\[var\(--card-padding\)\] {
    padding: var(--card-padding)
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.py-\[var\(--default-blocks-gap\)\] {
    padding-top: var(--default-blocks-gap);
    padding-bottom: var(--default-blocks-gap)
}

.pt-10 {
    padding-top: 2.5rem
}

.text-center {
    text-align: center
}

.text-2xl {
    font-size: clamp(1.25rem, 3vw, 1.5625rem)
}

.text-4xl {
    font-size: clamp(1.75rem, 4vw, 2.25rem)
}

.text-\[11px\] {
    font-size: 11px
}

.text-\[15px\] {
    font-size: 15px
}

.text-lg {
    font-size: clamp(1rem, 3vw, 1.125rem)
}

.text-sm {
    font-size: .875rem
}

.text-xs {
    font-size: .75rem
}

.font-\[200\] {
    font-weight: 200
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.uppercase {
    text-transform: uppercase
}

.leading-tight {
    line-height: 1.25
}

.tracking-\[1\.2px\] {
    letter-spacing: 1.2px
}

.tracking-\[1\.4px\] {
    letter-spacing: 1.4px
}

.tracking-\[1px\] {
    letter-spacing: 1px
}

.tracking-\[2px\] {
    letter-spacing: 2px
}

.text-gold {
    color: rgb(var(--gold))
}

.text-light {
    color: rgb(var(--light))
}

.text-primary-light-2xl {
    color: rgb(var(--primary-light-2xl))
}

.text-primary-light-3xl {
    color: rgb(var(--primary-light-3xl))
}

.text-primary-light-4xl {
    color: rgb(var(--primary-light-4xl))
}

.text-yellow {
    color: rgb(var(--yellow))
}

.underline {
    text-decoration-line: underline
}

.shadow-none {
    box-shadow: var(--tw-ring-offset-shadow, 0 0#0000), var(--tw-ring-shadow, 0 0#0000), var(--tw-shadow)
}

.shadow-none {
    --tw-shadow: 0 0#0000;
    --tw-shadow-colored: 0 0#0000
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-all {
    transition-property: all;
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@keyframes enter {
    0% {
        opacity: var(--tw-enter-opacity, 1);
        transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))
    }
}

@keyframes exit {
    to {
        opacity: var(--tw-exit-opacity, 1);
        transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))
    }
}

.duration-200 {
    animation-duration: .2s
}

.ease-in-out {
    animation-timing-function: cubic-bezier(.4, 0, .2, 1)
}

@media (min-width:1024px) {
    @media (min-width:640px) {}

    @media (min-width:768px) {}

    @media (min-width:1024px) {}

    @media (min-width:1280px) {}

    @media (min-width:1536px) {}
}

.hover\:text-light\/70:hover {
    color: rgb(var(--light)/.7)
}

.hover\:text-primary-light-3xl:hover {
    color: rgb(var(--primary-light-3xl))
}

.hover\:shadow-glow:hover {
    --tw-shadow: 0px 4px 30px 0px rgba(var(--tw-shadow-color), 0.4);
    --tw-shadow-colored: 0px 4px 30px 0px var(--tw-shadow-color)
}

.hover\:shadow-glow:hover,
.hover\:shadow-none:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0#0000), var(--tw-ring-shadow, 0 0#0000), var(--tw-shadow)
}

.hover\:shadow-gold\/40:hover {
    --tw-shadow-color: rgb(var(--gold)/0.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-primary-light\/40:hover {
    --tw-shadow-color: rgb(var(--primary-light)/0.4);
    --tw-shadow: var(--tw-shadow-colored)
}

@media not all and (min-width:1536px) {
    .max-2xl\:justify-center {
        justify-content: center
    }

    .max-2xl\:text-lg {
        font-size: clamp(1rem, 3vw, 1.125rem)
    }
}

@media not all and (min-width:1280px) {}

@media not all and (min-width:1024px) {}

@media not all and (min-width:768px) {
    .max-md\:my-2 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }
}

@media not all and (min-width:640px) {
    .max-sm\:flex-col {
        flex-direction: column
    }

    .max-sm\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media (max-width:480px) {}

@media (max-width:450px) {}

@media (min-width:400px) {}

@media (min-width:450px) {}

@media (min-width:451px) {}

@media (min-width:500px) {}

@media (min-width:640px) {
    .sm\:pt-\[60px\] {
        padding-top: 60px
    }
}

@media (min-width:768px) {
    .md\:flex-row {
        flex-direction: row
    }
}

@media (min-width:1024px) {}

@media (min-width:1280px) {}

@media (min-width:1536px) {}

@media (min-width:768px) {}

@media (min-width:768px) {}

@media (min-width:768px) {}

@media (min-width:1280px) {}

.card_card__vZBX1 {
    --card-padding: 20px
}

@font-face {
    font-family: __Roboto_Flex_b673aa;
    font-style: normal;
    font-weight: 100 1000;
    font-stretch: 100%;
    src: url(../fonts/roboto.woff2)format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: __Roboto_Flex_Fallback_b673aa;
    src: local("Arial");
    ascent-override: 93.28%;
    descent-override: 24.55%;
    line-gap-override: 0.00%;
    size-adjust: 99.45%
}

.__className_b673aa {
    font-family: __Roboto_Flex_b673aa, __Roboto_Flex_Fallback_b673aa;
    font-style: normal
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes enter {
    0% {
        opacity: var(--tw-enter-opacity, 1);
        transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))
    }
}

@keyframes exit {
    to {
        opacity: var(--tw-exit-opacity, 1);
        transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))
    }
}

.animation-block-entering {
    transition-duration: .3s;
    animation-duration: .3s
}

.animation-block-entering,
.animation-small-icon-entering {
    animation-name: enter;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial;
    --tw-enter-opacity: 0
}

.animation-small-icon-entering {
    transition-duration: .2s;
    animation-duration: .2s
}

.hover\:text-light\/70:hover {
    color: rgb(var(--light)/.7)
}

.hover\:text-primary-light-3xl:hover {
    color: rgb(var(--primary-light-3xl))
}

.hover\:shadow-glow:hover {
    --tw-shadow: 0px 4px 30px 0px rgba(var(--tw-shadow-color), 0.4);
    --tw-shadow-colored: 0px 4px 30px 0px var(--tw-shadow-color)
}

.hover\:shadow-glow:hover,
.hover\:shadow-none:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0#0000), var(--tw-ring-shadow, 0 0#0000), var(--tw-shadow)
}

.hover\:shadow-gold\/40:hover {
    --tw-shadow-color: rgb(var(--gold)/0.4);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-primary-light\/40:hover {
    --tw-shadow-color: rgb(var(--primary-light)/0.4);
    --tw-shadow: var(--tw-shadow-colored)
}

@media not all and (min-width:1536px) {
    .max-2xl\:justify-center {
        justify-content: center
    }

    .max-2xl\:text-lg {
        font-size: clamp(1rem, 3vw, 1.125rem)
    }
}

@media not all and (min-width:1280px) {}

@media not all and (min-width:1024px) {}

@media not all and (min-width:768px) {
    .max-md\:my-2 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }
}

@media not all and (min-width:640px) {
    .max-sm\:flex-col {
        flex-direction: column
    }

    .max-sm\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media (max-width:480px) {}

@media (max-width:450px) {}

@media (min-width:400px) {}

@media (min-width:450px) {}

@media (min-width:451px) {}

@media (min-width:500px) {}

@media (min-width:640px) {
    .sm\:pt-\[60px\] {
        padding-top: 60px
    }
}

@media (min-width:768px) {
    .md\:flex-row {
        flex-direction: row
    }
}

@media (min-width:1024px) {}

@media (min-width:1280px) {}

@media (min-width:1536px) {}

@media (min-width:768px) {}

@media (min-width:768px) {}

.\[\&\>\*\]\:animation-block-entering>* {
    transition-duration: .3s;
    animation-name: enter;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial;
    --tw-enter-opacity: 0;
    animation-duration: .3s
}

@media (min-width:768px) {}

@media (min-width:1280px) {}

@keyframes go2264125279 {
    from {
        transform: scale(0) rotate(45deg);
        opacity: 0
    }

    to {
        transform: scale(1) rotate(45deg);
        opacity: 1
    }
}

@keyframes go3020080000 {
    from {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes go463499852 {
    from {
        transform: scale(0) rotate(90deg);
        opacity: 0
    }

    to {
        transform: scale(1) rotate(90deg);
        opacity: 1
    }
}

@keyframes go1268368563 {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes go1310225428 {
    from {
        transform: scale(0) rotate(45deg);
        opacity: 0
    }

    to {
        transform: scale(1) rotate(45deg);
        opacity: 1
    }
}

@keyframes go651618207 {
    0% {
        height: 0;
        width: 0;
        opacity: 0
    }

    40% {
        height: 0;
        width: 6px;
        opacity: 1
    }

    100% {
        opacity: 1;
        height: 10px
    }
}

@keyframes go901347462 {
    from {
        transform: scale(0.6);
        opacity: 0.4
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@media (prefers-reduced-motion:reduce) {}

@media (prefers-reduced-motion:reduce) {}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@media (prefers-reduced-motion:reduce) {}

@keyframes dotCollisionBefore {

    0%,
    50%,
    75%,
    100% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(-16px)
    }
}

@keyframes dotCollisionAfter {

    0%,
    50%,
    75%,
    100% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(16px)
    }
}

@keyframes dotCollisionBefore {

    0%,
    50%,
    75%,
    100% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(-16px)
    }
}

@keyframes dotCollisionAfter {

    0%,
    50%,
    75%,
    100% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(16px)
    }
}

@keyframes dotCollisionBefore {

    0%,
    50%,
    75%,
    100% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(-16px)
    }
}

@keyframes dotCollisionAfter {

    0%,
    50%,
    75%,
    100% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(16px)
    }
}

@media (prefers-reduced-motion:reduce) {}

@media (prefers-reduced-motion:reduce) {}

@media (prefers-reduced-motion:reduce) {}

@media (prefers-reduced-motion:reduce) {}

@media (prefers-reduced-motion:reduce) {}

@keyframes slowshow {
    100% {
        opacity: 1
    }
}

@keyframes go2264125279 {
    from {
        transform: scale(0) rotate(45deg);
        opacity: 0
    }

    to {
        transform: scale(1) rotate(45deg);
        opacity: 1
    }
}

@keyframes go3020080000 {
    from {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes go463499852 {
    from {
        transform: scale(0) rotate(90deg);
        opacity: 0
    }

    to {
        transform: scale(1) rotate(90deg);
        opacity: 1
    }
}

@keyframes go1268368563 {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes go1310225428 {
    from {
        transform: scale(0) rotate(45deg);
        opacity: 0
    }

    to {
        transform: scale(1) rotate(45deg);
        opacity: 1
    }
}

@keyframes go651618207 {
    0% {
        height: 0;
        width: 0;
        opacity: 0
    }

    40% {
        height: 0;
        width: 6px;
        opacity: 1
    }

    100% {
        opacity: 1;
        height: 10px
    }
}

@keyframes go901347462 {
    from {
        transform: scale(0.6);
        opacity: 0.4
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@media (prefers-reduced-motion:reduce) {}

@media (prefers-reduced-motion:reduce) {}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@media (prefers-reduced-motion:reduce) {}

@keyframes dotCollisionBefore {

    0%,
    50%,
    75%,
    100% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(-16px)
    }
}

@keyframes dotCollisionAfter {

    0%,
    50%,
    75%,
    100% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(16px)
    }
}

@keyframes dotCollisionBefore {

    0%,
    50%,
    75%,
    100% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(-16px)
    }
}

@keyframes dotCollisionAfter {

    0%,
    50%,
    75%,
    100% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(16px)
    }
}

@keyframes dotCollisionBefore {

    0%,
    50%,
    75%,
    100% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(-16px)
    }
}

@keyframes dotCollisionAfter {

    0%,
    50%,
    75%,
    100% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(16px)
    }
}

@media (prefers-reduced-motion:reduce) {}

@media (prefers-reduced-motion:reduce) {}

@media (prefers-reduced-motion:reduce) {}

@media (prefers-reduced-motion:reduce) {}

@media (prefers-reduced-motion:reduce) {}

@keyframes slowshow {
    100% {
        opacity: 1
    }
}

.cbbzxp {
    --ck-family-brand: #1A88F8;
    --ck-brand-walletConnect: #3B99FC;
    --ck-brand-coinbaseWallet: #0052FF;
    --ck-brand-metamask: #f6851b;
    --ck-brand-metamask-01: #F6851B;
    --ck-brand-metamask-02: #E2761B;
    --ck-brand-metamask-03: #CD6116;
    --ck-brand-metamask-04: #161616;
    --ck-brand-metamask-05: #763D16;
    --ck-brand-metamask-06: #D7C1B3;
    --ck-brand-metamask-07: #C0AD9E;
    --ck-brand-metamask-08: #E4761B;
    --ck-brand-metamask-09: #233447;
    --ck-brand-metamask-10: #E4751F;
    --ck-brand-metamask-11: #FEF5E7;
    --ck-brand-metamask-12: #E3C8AB;
    --ck-brand-trust-01: #3375BB;
    --ck-brand-trust-02: #ffffff;
    --ck-brand-trust-01b: #ffffff;
    --ck-brand-trust-02b: #3375BB;
    --ck-brand-argent: #f36a3d;
    --ck-brand-imtoken-01: #11C4D1;
    --ck-brand-imtoken-02: #0062AD;
    --ck-brand-safe: #12FF80;
    --ck-brand-dawn: #000000;
    --ck-ens-01-start: #FF3B30;
    --ck-ens-01-stop: #FF9500;
    --ck-ens-02-start: #FF9500;
    --ck-ens-02-stop: #FFCC00;
    --ck-ens-03-start: #FFCC00;
    --ck-ens-03-stop: #34C759;
    --ck-ens-04-start: #5856D6;
    --ck-ens-04-stop: #AF52DE;
    --ck-ens-05-start: #5AC8FA;
    --ck-ens-05-stop: #007AFF;
    --ck-ens-06-start: #007AFF;
    --ck-ens-06-stop: #5856D6;
    --ck-ens-07-start: #5856D6;
    --ck-ens-07-stop: #AF52DE;
    --ck-ens-08-start: #AF52DE;
    --ck-ens-08-stop: #FF2D55;
    --ck-graphic-wave-stop-01: #E8F17D;
    --ck-graphic-wave-stop-02: #A8ECDE;
    --ck-graphic-wave-stop-03: #7AA1F2;
    --ck-graphic-wave-stop-04: #DEA1E8;
    --ck-graphic-wave-stop-05: #F46D98;
    --ck-graphic-scaniconwithlogos-01: #4E4E4E;
    --ck-graphic-scaniconwithlogos-02: #272727;
    --ck-graphic-scaniconwithlogos-03: #F8D74A;
    --ck-graphic-scaniconwithlogos-04: #F6F7F9;
    --ck-chain-ethereum-01: #25292E;
    --ck-chain-ethereum-02: #fff;
    --ck-chain-ethereum-03: #DFE0E0;
    --ck-font-family: var(--font-roboto) !important;
    --ck-font-weight: 400 !important;
    --ck-border-radius: 20px !important;
    --ck-overlay-backdrop-filter: blur(8px) !important;
    --ck-modal-heading-font-weight: 500 !important;
    --ck-qr-border-radius: 16px !important;
    --ck-connectbutton-font-size: 15px !important;
    --ck-connectbutton-color: rgb(var(--light)) !important;
    --ck-connectbutton-background: #F6F7F9 !important;
    --ck-connectbutton-background-secondary: rgb(var(--light)) !important;
    --ck-connectbutton-border-radius: 16px !important;
    --ck-connectbutton-box-shadow: 0 0 0 0 rgb(var(--light)) !important;
    --ck-connectbutton-hover-color: rgb(var(--light)) !important;
    --ck-connectbutton-hover-background: #F0F2F5 !important;
    --ck-connectbutton-hover-box-shadow: 0 0 0 0 rgb(var(--light)) !important;
    --ck-connectbutton-active-color: rgb(var(--light)) !important;
    --ck-connectbutton-active-background: #EAECF1 !important;
    --ck-connectbutton-active-box-shadow: 0 0 0 0 rgb(var(--light)) !important;
    --ck-connectbutton-balance-color: #373737 !important;
    --ck-connectbutton-balance-background: rgb(var(--light)) !important;
    --ck-connectbutton-balance-box-shadow: inset 0 0 0 1px #F6F7F9 !important;
    --ck-connectbutton-balance-hover-background: #F6F7F9 !important;
    --ck-connectbutton-balance-hover-box-shadow: inset 0 0 0 1px #F0F2F5 !important;
    --ck-connectbutton-balance-active-background: #F0F2F5 !important;
    --ck-connectbutton-balance-active-box-shadow: inset 0 0 0 1px #EAECF1 !important;
    --ck-primary-button-font-weight: 600 !important;
    --ck-primary-button-border-radius: 16px !important;
    --ck-primary-button-color: rgb(var(--light)) !important;
    --ck-primary-button-background: rgb(var(--primary-light-xl)) !important;
    --ck-primary-button-box-shadow: 0 0 0 0 rgb(var(--light)) !important;
    --ck-primary-button-hover-color: rgb(var(--light)) !important;
    --ck-primary-button-hover-background: rgb(var(--primary-light)) !important;
    --ck-primary-button-hover-box-shadow: 0 0 0 0 rgb(var(--light)) !important;
    --ck-primary-button-active-color: #373737 !important;
    --ck-primary-button-active-background: rgb(var(--primary)) !important;
    --ck-primary-button-active-box-shadow: 0 0 0 0 rgb(var(--light)) !important;
    --ck-secondary-button-font-weight: 500 !important;
    --ck-secondary-button-border-radius: 16px !important;
    --ck-secondary-button-color: rgb(var(--light)) !important;
    --ck-secondary-button-background: rgb(var(--primary-light-xl)) !important;
    --ck-secondary-button-box-shadow: 0 0 0 0 rgb(var(--light)) !important;
    --ck-secondary-button-hover-color: rgb(var(--light)) !important;
    --ck-secondary-button-hover-background: rgb(var(--primary-light)) !important;
    --ck-secondary-button-hover-box-shadow: 0 0 0 0 rgb(var(--light)) !important;
    --ck-secondary-button-active-color: #373737 !important;
    --ck-secondary-button-active-background: rgb(var(--primary)) !important;
    --ck-secondary-button-active-box-shadow: 0 0 0 0 rgb(var(--light)) !important;
    --ck-tertiary-button-font-weight: 500 !important;
    --ck-tertiary-button-border-radius: 16px !important;
    --ck-tertiary-button-color: rgb(var(--light)) !important;
    --ck-tertiary-button-background: rgb(var(--primary-light-xl)) !important;
    --ck-tertiary-button-box-shadow: 0 0 0 0 rgb(var(--light)) !important;
    --ck-tertiary-button-hover-color: rgb(var(--light)) !important;
    --ck-tertiary-button-hover-background: rgb(var(--primary-light)) !important;
    --ck-tertiary-button-hover-box-shadow: 0 0 0 0 rgb(var(--light)) !important;
    --ck-tertiary-button-active-color: #373737 !important;
    --ck-tertiary-button-active-background: #F6F7F9 !important;
    --ck-tertiary-button-active-box-shadow: 0 0 0 0 rgb(var(--light)) !important;
    --ck-modal-box-shadow: 0px 2px 4px 0px #00000005 !important;
    --ck-overlay-background: #00000008 !important;
    --ck-body-color: rgb(var(--light)) !important;
    --ck-body-color-muted: #999999 !important;
    --ck-body-color-muted-hover: #111111 !important;
    --ck-body-background: #0c2539 !important;
    --ck-body-background-transparent: rgba(255, 255, 255, 0) !important;
    --ck-body-background-secondary: #f6f7f9 !important;
    --ck-body-background-secondary-hover-background: #e0e4eb !important;
    --ck-body-background-secondary-hover-outline: #4282FF !important;
    --ck-body-background-tertiary: #F3F4F7 !important;
    --ck-body-action-color: #999999 !important;
    --ck-body-divider: #f7f6f8 !important;
    --ck-body-color-danger: #FF4E4E !important;
    --ck-body-color-valid: #32D74B !important;
    --ck-siwe-border: #F0F0F0 !important;
    --ck-body-disclaimer-background: #f6f7f9 !important;
    --ck-body-disclaimer-color: #AAAAAB !important;
    --ck-body-disclaimer-link-color: #838485 !important;
    --ck-body-disclaimer-link-hover-color: #000000 !important;
    --ck-tooltip-background: rgb(var(--light)) !important;
    --ck-tooltip-background-secondary: rgb(var(--light)) !important;
    --ck-tooltip-color: #999999 !important;
    --ck-tooltip-shadow: 0px 2px 10px 0#00000014 !important;
    --ck-dropdown-button-color: #999999 !important;
    --ck-dropdown-button-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01), 0px 0px 7px rgba(0, 0, 0, 0.05) !important;
    --ck-dropdown-button-background: rgb(var(--light)) !important;
    --ck-dropdown-button-hover-color: #8B8B8B !important;
    --ck-dropdown-button-hover-background: #F5F7F9 !important;
    --ck-qr-dot-color: #000000 !important;
    --ck-qr-background: rgb(var(--light)) !important;
    --ck-qr-border-color: #f7f6f8 !important;
    --ck-focus-color: #1A88F8 !important;
    --ck-spinner-color: #1A88F8 !important;
    --ck-copytoclipboard-stroke: #CCCCCC !important;
    --ck-recent-badge-color: #777 !important;
    --ck-recent-badge-background: #F6F7F9 !important;
    --ck-recent-badge-border-radius: 32px !important;
    color-scheme: initial;
    forced-color-adjust: initial;
    mask: initial;
    math-depth: initial;
    position: initial;
    position-anchor: initial;
    text-size-adjust: none;
    appearance: initial;
    color: initial;
    font-feature-settings: initial;
    font-kerning: initial;
    font-optical-sizing: initial;
    font-palette: initial;
    font-size: 16px;
    font-size-adjust: initial;
    font-stretch: initial;
    font-style: initial;
    font-synthesis: initial;
    font-variant: initial;
    font-variation-settings: initial;
    font-weight: initial;
    position-area: initial;
    text-orientation: initial;
    text-rendering: optimizelegibility;
    text-spacing-trim: initial;
    -webkit-font-smoothing: antialiased;
    -webkit-locale: initial;
    -webkit-text-orientation: initial;
    -webkit-writing-mode: initial;
    writing-mode: initial;
    zoom: initial;
    accent-color: initial;
    place-content: initial;
    place-items: initial;
    place-self: initial;
    alignment-baseline: initial;
    anchor-name: initial;
    anchor-scope: initial;
    animation-composition: initial;
    animation: initial;
    app-region: initial;
    aspect-ratio: initial;
    backdrop-filter: initial;
    backface-visibility: initial;
    background: initial;
    background-blend-mode: initial;
    baseline-shift: initial;
    baseline-source: initial;
    block-size: initial;
    border-block: initial;
    border-radius: initial;
    border-collapse: initial;
    border-end-end-radius: initial;
    border-end-start-radius: initial;
    border-inline: initial;
    border-start-end-radius: initial;
    border-start-start-radius: initial;
    inset: initial;
    box-decoration-break: initial;
    box-shadow: initial;
    break-after: initial;
    break-before: initial;
    break-inside: initial;
    buffered-rendering: initial;
    caption-side: initial;
    caret-color: initial;
    clear: initial;
    clip: initial;
    clip-path: initial;
    clip-rule: initial;
    color-interpolation: initial;
    color-interpolation-filters: initial;
    color-rendering: initial;
    columns: initial;
    column-fill: initial;
    gap: initial;
    column-rule: initial;
    column-span: initial;
    contain: initial;
    contain-intrinsic-block-size: initial;
    contain-intrinsic-size: initial;
    contain-intrinsic-inline-size: initial;
    container: initial;
    content: initial;
    content-visibility: initial;
    counter-increment: initial;
    counter-reset: initial;
    counter-set: initial;
    cursor: initial;
    cx: initial;
    cy: initial;
    d: initial;
    display: initial;
    dominant-baseline: initial;
    dynamic-range-limit: initial;
    empty-cells: initial;
    field-sizing: initial;
    fill: initial;
    fill-opacity: initial;
    fill-rule: initial;
    filter: initial;
    flex: initial;
    flex-flow: initial;
    float: initial;
    flood-color: initial;
    flood-opacity: initial;
    grid: initial;
    grid-area: initial;
    height: initial;
    hyphenate-character: initial;
    hyphenate-limit-chars: initial;
    hyphens: initial;
    image-orientation: initial;
    image-rendering: initial;
    initial-letter: initial;
    inline-size: initial;
    inset-block: initial;
    inset-inline: initial;
    interpolate-size: initial;
    isolation: initial;
    letter-spacing: initial;
    lighting-color: initial;
    line-break: initial;
    line-height: initial;
    list-style: initial;
    margin-block: initial;
    margin: initial;
    margin-inline: initial;
    marker: initial;
    mask-type: initial;
    math-shift: initial;
    math-style: initial;
    max-block-size: initial;
    max-height: initial;
    max-inline-size: initial;
    max-width: initial;
    min-block-size: initial;
    min-height: initial;
    min-inline-size: initial;
    min-width: initial;
    mix-blend-mode: initial;
    object-fit: initial;
    object-position: initial;
    object-view-box: initial;
    offset: initial;
    opacity: initial;
    order: initial;
    orphans: initial;
    outline-offset: initial;
    overflow-anchor: initial;
    overflow-block: initial;
    overflow-clip-margin: initial;
    overflow-inline: initial;
    overflow-wrap: initial;
    overflow: initial;
    overlay: initial;
    overscroll-behavior-block: initial;
    overscroll-behavior-inline: initial;
    overscroll-behavior: initial;
    padding-block: initial;
    padding: initial;
    padding-inline: initial;
    page: initial;
    page-orientation: initial;
    paint-order: initial;
    perspective: initial;
    perspective-origin: initial;
    pointer-events: initial;
    position-try: initial;
    position-visibility: initial;
    print-color-adjust: initial;
    quotes: initial;
    r: initial;
    resize: initial;
    rotate: initial;
    ruby-align: initial;
    ruby-position: initial;
    rx: initial;
    ry: initial;
    scale: initial;
    scroll-behavior: initial;
    scroll-initial-target: initial;
    scroll-margin-block: initial;
    scroll-margin: initial;
    scroll-margin-inline: initial;
    scroll-marker-group: initial;
    scroll-padding-block: initial;
    scroll-padding: initial;
    scroll-padding-inline: initial;
    scroll-snap-align: initial;
    scroll-snap-stop: initial;
    scroll-snap-type: initial;
    scroll-timeline: initial;
    scrollbar-color: initial;
    scrollbar-gutter: initial;
    scrollbar-width: initial;
    shape-image-threshold: initial;
    shape-margin: initial;
    shape-outside: initial;
    shape-rendering: initial;
    size: initial;
    speak: initial;
    stop-color: initial;
    stop-opacity: initial;
    stroke: initial;
    stroke-dasharray: initial;
    stroke-dashoffset: initial;
    stroke-linecap: initial;
    stroke-linejoin: initial;
    stroke-miterlimit: initial;
    stroke-opacity: initial;
    stroke-width: initial;
    tab-size: initial;
    table-layout: initial;
    text-align: left;
    text-align-last: initial;
    text-anchor: initial;
    text-box: initial;
    text-combine-upright: initial;
    text-decoration: initial;
    text-decoration-skip-ink: initial;
    text-emphasis: initial;
    text-emphasis-position: initial;
    text-indent: initial;
    text-overflow: initial;
    text-shadow: initial;
    text-transform: initial;
    text-underline-offset: initial;
    text-underline-position: initial;
    text-wrap: initial;
    timeline-scope: initial;
    touch-action: initial;
    transform: initial;
    transform-box: initial;
    transform-origin: initial;
    transform-style: initial;
    transition: initial;
    translate: initial;
    user-select: initial;
    vector-effect: initial;
    vertical-align: initial;
    view-timeline: initial;
    view-transition-class: initial;
    view-transition-name: initial;
    visibility: initial;
    border-spacing: initial;
    -webkit-box-align: initial;
    -webkit-box-decoration-break: initial;
    -webkit-box-direction: initial;
    -webkit-box-flex: initial;
    -webkit-box-ordinal-group: initial;
    -webkit-box-orient: initial;
    -webkit-box-pack: initial;
    -webkit-box-reflect: initial;
    -webkit-line-break: initial;
    -webkit-line-clamp: initial;
    -webkit-mask-box-image: initial;
    -webkit-rtl-ordering: initial;
    -webkit-ruby-position: initial;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-combine: initial;
    -webkit-text-decorations-in-effect: initial;
    -webkit-text-fill-color: initial;
    -webkit-text-security: initial;
    -webkit-text-stroke: 0.001px transparent;
    -webkit-user-drag: initial;
    white-space-collapse: initial;
    widows: initial;
    width: initial;
    will-change: initial;
    word-break: initial;
    word-spacing: initial;
    x: initial;
    y: initial;
    z-index: initial
}

@media (prefers-color-scheme:light) {
    .cbbzxp {
        --ck-connectbutton-font-size: 15px;
        --ck-connectbutton-color: #373737;
        --ck-connectbutton-background: #F6F7F9;
        --ck-connectbutton-background-secondary: #FFFFFF;
        --ck-connectbutton-hover-color: #373737;
        --ck-connectbutton-hover-background: #F0F2F5;
        --ck-connectbutton-active-color: #373737;
        --ck-connectbutton-active-background: #EAECF1;
        --ck-connectbutton-balance-color: #373737;
        --ck-connectbutton-balance-background: #fff;
        --ck-connectbutton-balance-box-shadow: inset 0 0 0 1px var(--ck-connectbutton-background);
        --ck-connectbutton-balance-hover-background: #F6F7F9;
        --ck-connectbutton-balance-hover-box-shadow: inset 0 0 0 1px var(--ck-connectbutton-hover-background);
        --ck-connectbutton-balance-active-background: #F0F2F5;
        --ck-connectbutton-balance-active-box-shadow: inset 0 0 0 1px var(--ck-connectbutton-active-background);
        --ck-primary-button-border-radius: 16px;
        --ck-primary-button-color: #373737;
        --ck-primary-button-background: #F6F7F9;
        --ck-primary-button-font-weight: 600;
        --ck-primary-button-hover-color: #373737;
        --ck-primary-button-hover-background: #F0F2F5;
        --ck-secondary-button-border-radius: 16px;
        --ck-secondary-button-color: #373737;
        --ck-secondary-button-background: #F6F7F9;
        --ck-tertiary-button-background: #FFFFFF;
        --ck-secondary-button-hover-background: #e0e4eb;
        --ck-modal-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.02);
        --ck-overlay-background: rgba(71, 88, 107, 0.24);
        --ck-body-color: #373737;
        --ck-body-color-muted: #999999;
        --ck-body-color-muted-hover: #111111;
        --ck-body-background: #ffffff;
        --ck-body-background-transparent: rgba(255, 255, 255, 0);
        --ck-body-background-secondary: #f6f7f9;
        --ck-body-background-secondary-hover-background: #e0e4eb;
        --ck-body-background-secondary-hover-outline: #4282FF;
        --ck-body-background-tertiary: #F3F4F7;
        --ck-body-action-color: #999999;
        --ck-body-divider: #f7f6f8;
        --ck-body-divider-secondary: rgba(0, 0, 0, 0.06);
        --ck-body-color-danger: #FF4E4E;
        --ck-body-color-valid: #32D74B;
        --ck-siwe-border: #F0F0F0;
        --ck-body-disclaimer-color: #AAAAAB;
        --ck-body-disclaimer-link-color: #838485;
        --ck-body-disclaimer-link-hover-color: #000000;
        --ck-tooltip-background: #ffffff;
        --ck-tooltip-background-secondary: #ffffff;
        --ck-tooltip-color: #999999;
        --ck-tooltip-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08);
        --ck-dropdown-button-color: #999999;
        --ck-dropdown-button-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01), 0px 0px 7px rgba(0, 0, 0, 0.05);
        --ck-dropdown-button-background: #fff;
        --ck-dropdown-button-hover-color: #8B8B8B;
        --ck-dropdown-button-hover-background: #F5F7F9;
        --ck-qr-dot-color: #000000;
        --ck-qr-border-color: #f7f6f8;
        --ck-focus-color: #1A88F8;
        --ck-spinner-color: var(--ck-focus-color);
        --ck-copytoclipboard-stroke: #CCCCCC
    }

    @supports (color:color(display-p3 1 1 1)) {
        .cbbzxp {
            --ck-connectbutton-font-size: 15px;
            --ck-connectbutton-color: color(display-p3 0.21568627450980393 0.21568627450980393 0.21568627450980393);
            --ck-connectbutton-background: color(display-p3 0.9647058823529412 0.9686274509803922 0.9764705882352941);
            --ck-connectbutton-background-secondary: color(display-p3 1 1 1);
            --ck-connectbutton-hover-color: color(display-p3 0.21568627450980393 0.21568627450980393 0.21568627450980393);
            --ck-connectbutton-hover-background: color(display-p3 0.9411764705882353 0.9490196078431372 0.9607843137254902);
            --ck-connectbutton-active-color: color(display-p3 0.21568627450980393 0.21568627450980393 0.21568627450980393);
            --ck-connectbutton-active-background: color(display-p3 0.9176470588235294 0.9254901960784314 0.9450980392156862);
            --ck-connectbutton-balance-color: color(display-p3 0.21568627450980393 0.21568627450980393 0.21568627450980393);
            --ck-connectbutton-balance-background: #fff;
            --ck-connectbutton-balance-box-shadow: inset 0 0 0 1px var(--ck-connectbutton-background);
            --ck-connectbutton-balance-hover-background: color(display-p3 0.9647058823529412 0.9686274509803922 0.9764705882352941);
            --ck-connectbutton-balance-hover-box-shadow: inset 0 0 0 1px var(--ck-connectbutton-hover-background);
            --ck-connectbutton-balance-active-background: color(display-p3 0.9411764705882353 0.9490196078431372 0.9607843137254902);
            --ck-connectbutton-balance-active-box-shadow: inset 0 0 0 1px var(--ck-connectbutton-active-background);
            --ck-primary-button-border-radius: 16px;
            --ck-primary-button-color: color(display-p3 0.21568627450980393 0.21568627450980393 0.21568627450980393);
            --ck-primary-button-background: color(display-p3 0.9647058823529412 0.9686274509803922 0.9764705882352941);
            --ck-primary-button-font-weight: 600;
            --ck-primary-button-hover-color: color(display-p3 0.21568627450980393 0.21568627450980393 0.21568627450980393);
            --ck-primary-button-hover-background: color(display-p3 0.9411764705882353 0.9490196078431372 0.9607843137254902);
            --ck-secondary-button-border-radius: 16px;
            --ck-secondary-button-color: color(display-p3 0.21568627450980393 0.21568627450980393 0.21568627450980393);
            --ck-secondary-button-background: color(display-p3 0.9647058823529412 0.9686274509803922 0.9764705882352941);
            --ck-tertiary-button-background: color(display-p3 1 1 1);
            --ck-secondary-button-hover-background: color(display-p3 0.8784313725490196 0.8941176470588236 0.9215686274509803);
            --ck-modal-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.02);
            --ck-overlay-background: rgba(71, 88, 107, 0.24);
            --ck-body-color: color(display-p3 0.21568627450980393 0.21568627450980393 0.21568627450980393);
            --ck-body-color-muted: color(display-p3 0.6 0.6 0.6);
            --ck-body-color-muted-hover: color(display-p3 0.06666666666666667 0.06666666666666667 0.06666666666666667);
            --ck-body-background: color(display-p3 1 1 1);
            --ck-body-background-transparent: rgba(255, 255, 255, 0);
            --ck-body-background-secondary: color(display-p3 0.9647058823529412 0.9686274509803922 0.9764705882352941);
            --ck-body-background-secondary-hover-background: color(display-p3 0.8784313725490196 0.8941176470588236 0.9215686274509803);
            --ck-body-background-secondary-hover-outline: color(display-p3 0.25882352941176473 0.5098039215686274 1);
            --ck-body-background-tertiary: color(display-p3 0.9529411764705882 0.9568627450980393 0.9686274509803922);
            --ck-body-action-color: color(display-p3 0.6 0.6 0.6);
            --ck-body-divider: color(display-p3 0.9686274509803922 0.9647058823529412 0.9725490196078431);
            --ck-body-divider-secondary: rgba(0, 0, 0, 0.06);
            --ck-body-color-danger: color(display-p3 1 0.3058823529411765 0.3058823529411765);
            --ck-body-color-valid: color(display-p3 0.19607843137254902 0.8431372549019608 0.29411764705882354);
            --ck-siwe-border: color(display-p3 0.9411764705882353 0.9411764705882353 0.9411764705882353);
            --ck-body-disclaimer-color: color(display-p3 0.6666666666666666 0.6666666666666666 0.6705882352941176);
            --ck-body-disclaimer-link-color: color(display-p3 0.5137254901960784 0.5176470588235295 0.5215686274509804);
            --ck-body-disclaimer-link-hover-color: color(display-p3 0 0 0);
            --ck-tooltip-background: color(display-p3 1 1 1);
            --ck-tooltip-background-secondary: color(display-p3 1 1 1);
            --ck-tooltip-color: color(display-p3 0.6 0.6 0.6);
            --ck-tooltip-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08);
            --ck-dropdown-button-color: color(display-p3 0.6 0.6 0.6);
            --ck-dropdown-button-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01), 0px 0px 7px rgba(0, 0, 0, 0.05);
            --ck-dropdown-button-background: #fff;
            --ck-dropdown-button-hover-color: color(display-p3 0.5450980392156862 0.5450980392156862 0.5450980392156862);
            --ck-dropdown-button-hover-background: color(display-p3 0.9607843137254902 0.9686274509803922 0.9764705882352941);
            --ck-qr-dot-color: color(display-p3 0 0 0);
            --ck-qr-border-color: color(display-p3 0.9686274509803922 0.9647058823529412 0.9725490196078431);
            --ck-focus-color: color(display-p3 0.10196078431372549 0.5333333333333333 0.9725490196078431);
            --ck-spinner-color: var(--ck-focus-color);
            --ck-copytoclipboard-stroke: color(display-p3 0.8 0.8 0.8)
        }
    }
}

@media (prefers-color-scheme:dark) {
    .cbbzxp {
        --ck-connectbutton-font-size: 15px;
        --ck-connectbutton-color: #ffffff;
        --ck-connectbutton-background: #383838;
        --ck-connectbutton-background-secondary: #282828;
        --ck-connectbutton-hover-background: #404040;
        --ck-connectbutton-active-background: #4D4D4D;
        --ck-connectbutton-balance-color: #fff;
        --ck-connectbutton-balance-background: #282828;
        --ck-connectbutton-balance-box-shadow: inset 0 0 0 1px var(--ck-connectbutton-background);
        --ck-connectbutton-balance-hover-background: #383838;
        --ck-connectbutton-balance-hover-box-shadow: inset 0 0 0 1px var(--ck-connectbutton-hover-background);
        --ck-connectbutton-balance-active-background: #404040;
        --ck-connectbutton-balance-active-box-shadow: inset 0 0 0 1px var(--ck-connectbutton-active-background);
        --ck-primary-button-color: #ffffff;
        --ck-primary-button-background: #383838;
        --ck-primary-button-border-radius: 16px;
        --ck-primary-button-font-weight: 600;
        --ck-primary-button-hover-background: #404040;
        --ck-primary-button-active-border-radius: 16px;
        --ck-secondary-button-color: #ffffff;
        --ck-secondary-button-background: #333333;
        --ck-secondary-button-hover-background: #4D4D4D;
        --ck-tertiary-button-background: #424242;
        --ck-focus-color: #1A88F8;
        --ck-overlay-background: rgba(0, 0, 0, 0.4);
        --ck-body-color: #ffffff;
        --ck-body-color-muted: rgba(255, 255, 255, 0.4);
        --ck-body-color-muted-hover: rgba(255, 255, 255, 0.8);
        --ck-body-background: #2B2B2B;
        --ck-body-background-transparent: rgba(0, 0, 0, 0);
        --ck-body-background-secondary: #333333;
        --ck-body-background-secondary-hover-background: #4D4D4D;
        --ck-body-background-secondary-hover-outline: #ffffff;
        --ck-body-background-tertiary: #333333;
        --ck-body-action-color: #808080;
        --ck-body-divider: #383838;
        --ck-body-color-danger: #FF4E4E;
        --ck-body-disclaimer-color: #858585;
        --ck-body-disclaimer-link-color: #ADADAD;
        --ck-body-disclaimer-link-hover-color: #FFFFFF;
        --ck-modal-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.02);
        --ck-copytoclipboard-stroke: #555555;
        --ck-tooltip-background: #2B2B2B;
        --ck-tooltip-background-secondary: #333333;
        --ck-tooltip-color: #999999;
        --ck-tooltip-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08);
        --ck-dropdown-button-color: #6C7381;
        --ck-spinner-color: var(--ck-focus-color);
        --ck-qr-dot-color: #ffffff;
        --ck-qr-border-color: #3d3d3d
    }

    @supports (color:color(display-p3 1 1 1)) {
        .cbbzxp {
            --ck-connectbutton-font-size: 15px;
            --ck-connectbutton-color: color(display-p3 1 1 1);
            --ck-connectbutton-background: color(display-p3 0.2196078431372549 0.2196078431372549 0.2196078431372549);
            --ck-connectbutton-background-secondary: color(display-p3 0.1568627450980392 0.1568627450980392 0.1568627450980392);
            --ck-connectbutton-hover-background: color(display-p3 0.25098039215686274 0.25098039215686274 0.25098039215686274);
            --ck-connectbutton-active-background: color(display-p3 0.30196078431372547 0.30196078431372547 0.30196078431372547);
            --ck-connectbutton-balance-color: #fff;
            --ck-connectbutton-balance-background: color(display-p3 0.1568627450980392 0.1568627450980392 0.1568627450980392);
            --ck-connectbutton-balance-box-shadow: inset 0 0 0 1px var(--ck-connectbutton-background);
            --ck-connectbutton-balance-hover-background: color(display-p3 0.2196078431372549 0.2196078431372549 0.2196078431372549);
            --ck-connectbutton-balance-hover-box-shadow: inset 0 0 0 1px var(--ck-connectbutton-hover-background);
            --ck-connectbutton-balance-active-background: color(display-p3 0.25098039215686274 0.25098039215686274 0.25098039215686274);
            --ck-connectbutton-balance-active-box-shadow: inset 0 0 0 1px var(--ck-connectbutton-active-background);
            --ck-primary-button-color: color(display-p3 1 1 1);
            --ck-primary-button-background: color(display-p3 0.2196078431372549 0.2196078431372549 0.2196078431372549);
            --ck-primary-button-border-radius: 16px;
            --ck-primary-button-font-weight: 600;
            --ck-primary-button-hover-background: color(display-p3 0.25098039215686274 0.25098039215686274 0.25098039215686274);
            --ck-primary-button-active-border-radius: 16px;
            --ck-secondary-button-color: color(display-p3 1 1 1);
            --ck-secondary-button-background: color(display-p3 0.2 0.2 0.2);
            --ck-secondary-button-hover-background: color(display-p3 0.30196078431372547 0.30196078431372547 0.30196078431372547);
            --ck-tertiary-button-background: color(display-p3 0.25882352941176473 0.25882352941176473 0.25882352941176473);
            --ck-focus-color: color(display-p3 0.10196078431372549 0.5333333333333333 0.9725490196078431);
            --ck-overlay-background: rgba(0, 0, 0, 0.4);
            --ck-body-color: color(display-p3 1 1 1);
            --ck-body-color-muted: rgba(255, 255, 255, 0.4);
            --ck-body-color-muted-hover: rgba(255, 255, 255, 0.8);
            --ck-body-background: color(display-p3 0.16862745098039217 0.16862745098039217 0.16862745098039217);
            --ck-body-background-transparent: rgba(0, 0, 0, 0);
            --ck-body-background-secondary: color(display-p3 0.2 0.2 0.2);
            --ck-body-background-secondary-hover-background: color(display-p3 0.30196078431372547 0.30196078431372547 0.30196078431372547);
            --ck-body-background-secondary-hover-outline: color(display-p3 1 1 1);
            --ck-body-background-tertiary: color(display-p3 0.2 0.2 0.2);
            --ck-body-action-color: color(display-p3 0.5019607843137255 0.5019607843137255 0.5019607843137255);
            --ck-body-divider: color(display-p3 0.2196078431372549 0.2196078431372549 0.2196078431372549);
            --ck-body-color-danger: color(display-p3 1 0.3058823529411765 0.3058823529411765);
            --ck-body-disclaimer-color: color(display-p3 0.5215686274509804 0.5215686274509804 0.5215686274509804);
            --ck-body-disclaimer-link-color: color(display-p3 0.6784313725490196 0.6784313725490196 0.6784313725490196);
            --ck-body-disclaimer-link-hover-color: color(display-p3 1 1 1);
            --ck-modal-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.02);
            --ck-copytoclipboard-stroke: color(display-p3 0.3333333333333333 0.3333333333333333 0.3333333333333333);
            --ck-tooltip-background: color(display-p3 0.16862745098039217 0.16862745098039217 0.16862745098039217);
            --ck-tooltip-background-secondary: color(display-p3 0.2 0.2 0.2);
            --ck-tooltip-color: color(display-p3 0.6 0.6 0.6);
            --ck-tooltip-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08);
            --ck-dropdown-button-color: color(display-p3 0.4235294117647059 0.45098039215686275 0.5058823529411764);
            --ck-spinner-color: var(--ck-focus-color);
            --ck-qr-dot-color: color(display-p3 1 1 1);
            --ck-qr-border-color: color(display-p3 0.23921568627450981 0.23921568627450981 0.23921568627450981)
        }
    }
}

@media (prefers-color-scheme:dark) {
    .cbbzxp {
        --ck-family-brand: #1A88F8;
        --ck-brand-walletConnect: #3B99FC;
        --ck-brand-coinbaseWallet: #0052FF;
        --ck-brand-metamask: #f6851b;
        --ck-brand-metamask-01: #F6851B;
        --ck-brand-metamask-02: #E2761B;
        --ck-brand-metamask-03: #CD6116;
        --ck-brand-metamask-04: #161616;
        --ck-brand-metamask-05: #763D16;
        --ck-brand-metamask-06: #D7C1B3;
        --ck-brand-metamask-07: #C0AD9E;
        --ck-brand-metamask-08: #E4761B;
        --ck-brand-metamask-09: #233447;
        --ck-brand-metamask-10: #E4751F;
        --ck-brand-metamask-11: #FEF5E7;
        --ck-brand-metamask-12: #E3C8AB;
        --ck-brand-trust-01: #3375BB;
        --ck-brand-trust-02: #ffffff;
        --ck-brand-trust-01b: #ffffff;
        --ck-brand-trust-02b: #3375BB;
        --ck-brand-argent: #f36a3d;
        --ck-brand-imtoken-01: #11C4D1;
        --ck-brand-imtoken-02: #0062AD;
        --ck-brand-safe: #12FF80;
        --ck-brand-dawn: #000000;
        --ck-ens-01-start: #FF453A;
        --ck-ens-01-stop: #FF9F0A;
        --ck-ens-02-start: #FF9F0A;
        --ck-ens-02-stop: #FFD60A;
        --ck-ens-03-start: #FFD60A;
        --ck-ens-03-stop: #32D74B;
        --ck-ens-04-start: #32D74B;
        --ck-ens-04-stop: #64D2FF;
        --ck-ens-05-start: #64D2FF;
        --ck-ens-05-stop: #0A84FF;
        --ck-ens-06-start: #0A84FF;
        --ck-ens-06-stop: #5E5CE6;
        --ck-ens-07-start: #5E5CE6;
        --ck-ens-07-stop: #BF5AF2;
        --ck-ens-08-start: #BF5AF2;
        --ck-ens-08-stop: #FF2D55;
        --ck-graphic-wave-stop-01: #E8F17D;
        --ck-graphic-wave-stop-02: #A8ECDE;
        --ck-graphic-wave-stop-03: #7AA1F2;
        --ck-graphic-wave-stop-04: #DEA1E8;
        --ck-graphic-wave-stop-05: #F46D98;
        --ck-graphic-scaniconwithlogos-01: #AFAFAF;
        --ck-graphic-scaniconwithlogos-02: #696969;
        --ck-graphic-scaniconwithlogos-03: #F8D74A;
        --ck-graphic-scaniconwithlogos-04: #3D3D3D
    }
}

@supports (color:color(display-p3 1 1 1)) {
    .cbbzxp {
        --ck-font-family: var(--font-roboto) !important;
        --ck-font-weight: 400 !important;
        --ck-border-radius: 20px !important;
        --ck-overlay-backdrop-filter: blur(8px) !important;
        --ck-modal-heading-font-weight: 500 !important;
        --ck-qr-border-radius: 16px !important;
        --ck-connectbutton-font-size: 15px !important;
        --ck-connectbutton-color: rgb(var(--light)) !important;
        --ck-connectbutton-background: color(display-p3 0.9647058823529412 0.9686274509803922 0.9764705882352941) !important;
        --ck-connectbutton-background-secondary: rgb(var(--light)) !important;
        --ck-connectbutton-border-radius: 16px !important;
        --ck-connectbutton-box-shadow: 0 0 0 0 rgb(var(--light)) !important;
        --ck-connectbutton-hover-color: rgb(var(--light)) !important;
        --ck-connectbutton-hover-background: color(display-p3 0.9411764705882353 0.9490196078431372 0.9607843137254902) !important;
        --ck-connectbutton-hover-box-shadow: 0 0 0 0 rgb(var(--light)) !important;
        --ck-connectbutton-active-color: rgb(var(--light)) !important;
        --ck-connectbutton-active-background: color(display-p3 0.9176470588235294 0.9254901960784314 0.9450980392156862) !important;
        --ck-connectbutton-active-box-shadow: 0 0 0 0 rgb(var(--light)) !important;
        --ck-connectbutton-balance-color: color(display-p3 0.21568627450980393 0.21568627450980393 0.21568627450980393) !important;
        --ck-connectbutton-balance-background: rgb(var(--light)) !important;
        --ck-connectbutton-balance-box-shadow: inset 0 0 0 1px #F6F7F9 !important;
        --ck-connectbutton-balance-hover-background: color(display-p3 0.9647058823529412 0.9686274509803922 0.9764705882352941) !important;
        --ck-connectbutton-balance-hover-box-shadow: inset 0 0 0 1px #F0F2F5 !important;
        --ck-connectbutton-balance-active-background: color(display-p3 0.9411764705882353 0.9490196078431372 0.9607843137254902) !important;
        --ck-connectbutton-balance-active-box-shadow: inset 0 0 0 1px #EAECF1 !important;
        --ck-primary-button-font-weight: 600 !important;
        --ck-primary-button-border-radius: 16px !important;
        --ck-primary-button-color: rgb(var(--light)) !important;
        --ck-primary-button-background: rgb(var(--primary-light-xl)) !important;
        --ck-primary-button-box-shadow: 0 0 0 0 rgb(var(--light)) !important;
        --ck-primary-button-hover-color: rgb(var(--light)) !important;
        --ck-primary-button-hover-background: rgb(var(--primary-light)) !important;
        --ck-primary-button-hover-box-shadow: 0 0 0 0 rgb(var(--light)) !important;
        --ck-primary-button-active-color: color(display-p3 0.21568627450980393 0.21568627450980393 0.21568627450980393) !important;
        --ck-primary-button-active-background: rgb(var(--primary)) !important;
        --ck-primary-button-active-box-shadow: 0 0 0 0 rgb(var(--light)) !important;
        --ck-secondary-button-font-weight: 500 !important;
        --ck-secondary-button-border-radius: 16px !important;
        --ck-secondary-button-color: rgb(var(--light)) !important;
        --ck-secondary-button-background: rgb(var(--primary-light-xl)) !important;
        --ck-secondary-button-box-shadow: 0 0 0 0 rgb(var(--light)) !important;
        --ck-secondary-button-hover-color: rgb(var(--light)) !important;
        --ck-secondary-button-hover-background: rgb(var(--primary-light)) !important;
        --ck-secondary-button-hover-box-shadow: 0 0 0 0 rgb(var(--light)) !important;
        --ck-secondary-button-active-color: color(display-p3 0.21568627450980393 0.21568627450980393 0.21568627450980393) !important;
        --ck-secondary-button-active-background: rgb(var(--primary)) !important;
        --ck-secondary-button-active-box-shadow: 0 0 0 0 rgb(var(--light)) !important;
        --ck-tertiary-button-font-weight: 500 !important;
        --ck-tertiary-button-border-radius: 16px !important;
        --ck-tertiary-button-color: rgb(var(--light)) !important;
        --ck-tertiary-button-background: rgb(var(--primary-light-xl)) !important;
        --ck-tertiary-button-box-shadow: 0 0 0 0 rgb(var(--light)) !important;
        --ck-tertiary-button-hover-color: rgb(var(--light)) !important;
        --ck-tertiary-button-hover-background: rgb(var(--primary-light)) !important;
        --ck-tertiary-button-hover-box-shadow: 0 0 0 0 rgb(var(--light)) !important;
        --ck-tertiary-button-active-color: color(display-p3 0.21568627450980393 0.21568627450980393 0.21568627450980393) !important;
        --ck-tertiary-button-active-background: color(display-p3 0.9647058823529412 0.9686274509803922 0.9764705882352941) !important;
        --ck-tertiary-button-active-box-shadow: 0 0 0 0 rgb(var(--light)) !important;
        --ck-modal-box-shadow: 0px 2px 4px 0px #00000005 !important;
        --ck-overlay-background: #00000008 !important;
        --ck-body-color: rgb(var(--light)) !important;
        --ck-body-color-muted: color(display-p3 0.6 0.6 0.6) !important;
        --ck-body-color-muted-hover: color(display-p3 0.06666666666666667 0.06666666666666667 0.06666666666666667) !important;
        --ck-body-background: color(display-p3 0.047058823529411764 0.1450980392156863 0.2235294117647059) !important;
        --ck-body-background-transparent: rgba(255, 255, 255, 0) !important;
        --ck-body-background-secondary: color(display-p3 0.9647058823529412 0.9686274509803922 0.9764705882352941) !important;
        --ck-body-background-secondary-hover-background: color(display-p3 0.8784313725490196 0.8941176470588236 0.9215686274509803) !important;
        --ck-body-background-secondary-hover-outline: color(display-p3 0.25882352941176473 0.5098039215686274 1) !important;
        --ck-body-background-tertiary: color(display-p3 0.9529411764705882 0.9568627450980393 0.9686274509803922) !important;
        --ck-body-action-color: color(display-p3 0.6 0.6 0.6) !important;
        --ck-body-divider: color(display-p3 0.9686274509803922 0.9647058823529412 0.9725490196078431) !important;
        --ck-body-color-danger: color(display-p3 1 0.3058823529411765 0.3058823529411765) !important;
        --ck-body-color-valid: color(display-p3 0.19607843137254902 0.8431372549019608 0.29411764705882354) !important;
        --ck-siwe-border: color(display-p3 0.9411764705882353 0.9411764705882353 0.9411764705882353) !important;
        --ck-body-disclaimer-background: color(display-p3 0.9647058823529412 0.9686274509803922 0.9764705882352941) !important;
        --ck-body-disclaimer-color: color(display-p3 0.6666666666666666 0.6666666666666666 0.6705882352941176) !important;
        --ck-body-disclaimer-link-color: color(display-p3 0.5137254901960784 0.5176470588235295 0.5215686274509804) !important;
        --ck-body-disclaimer-link-hover-color: color(display-p3 0 0 0) !important;
        --ck-tooltip-background: rgb(var(--light)) !important;
        --ck-tooltip-background-secondary: rgb(var(--light)) !important;
        --ck-tooltip-color: color(display-p3 0.6 0.6 0.6) !important;
        --ck-tooltip-shadow: 0px 2px 10px 0#00000014 !important;
        --ck-dropdown-button-color: color(display-p3 0.6 0.6 0.6) !important;
        --ck-dropdown-button-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01), 0px 0px 7px rgba(0, 0, 0, 0.05) !important;
        --ck-dropdown-button-background: rgb(var(--light)) !important;
        --ck-dropdown-button-hover-color: color(display-p3 0.5450980392156862 0.5450980392156862 0.5450980392156862) !important;
        --ck-dropdown-button-hover-background: color(display-p3 0.9607843137254902 0.9686274509803922 0.9764705882352941) !important;
        --ck-qr-dot-color: color(display-p3 0 0 0) !important;
        --ck-qr-background: rgb(var(--light)) !important;
        --ck-qr-border-color: color(display-p3 0.9686274509803922 0.9647058823529412 0.9725490196078431) !important;
        --ck-focus-color: color(display-p3 0.10196078431372549 0.5333333333333333 0.9725490196078431) !important;
        --ck-spinner-color: color(display-p3 0.10196078431372549 0.5333333333333333 0.9725490196078431) !important;
        --ck-copytoclipboard-stroke: color(display-p3 0.8 0.8 0.8) !important;
        --ck-recent-badge-color: #777 !important;
        --ck-recent-badge-background: color(display-p3 0.9647058823529412 0.9686274509803922 0.9764705882352941) !important;
        --ck-recent-badge-border-radius: 32px !important
    }
}

.cbbzxp button {
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-stroke: 0.001px transparent
}

.cbbzxp,
.cbbzxp * {
    font-family: var(--ck-font-family);
    box-sizing: border-box;
    outline: none;
    border: none
}

.cbbzxp img,
.cbbzxp svg {
    max-width: 100%
}

.cbbzxp a:focus-visible,
.cbbzxp button:focus-visible {
    outline: 2px solid var(--ck-focus-color)
}

.bPnopJ {
    max-width: 100%;
    padding-top: 48px
}

.ehIVyd {
    z-index: 3;
    pointer-events: none;
    user-select: none;
    position: absolute;
    top: 25px;
    left: 50%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 26px;
    transform: translateX(-50%);
    width: var(--width);
    text-align: center;
    font-size: 17px;
    line-height: 20px;
    font-weight: var(--ck-modal-heading-font-weight, 600);
    color: var(--ck-body-color)
}

.jXJXoi {
    z-index: 1;
    position: absolute;
    inset: 0px;
    background: var(--ck-overlay-background, rgba(71, 88, 107, 0.24));
    backdrop-filter: var(--ck-overlay-backdrop-filter, none);
    opacity: 0;
    animation: 150ms ease-out 0s 1 normal both running kyfoBh
}

.bJrNkN {
    z-index: 2;
    position: relative;
    color: var(--ck-body-color);
    animation: 150ms ease 0s 1 normal both running gcvaBM
}

.bJrNkN.active {
    animation-name: jtPyxw
}

.bJrNkN::before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 50%;
    width: var(--width);
    height: var(--height);
    transform: translateX(-50%);
    backface-visibility: hidden;
    transition: 200ms;
    border-radius: var(--ck-border-radius, 20px);
    background: var(--ck-body-background);
    box-shadow: var(--ck-modal-box-shadow)
}

@media only screen and (max-width:560px) {
    .bJrNkN.active {
        animation-name: dUzAuZ;
        animation-duration: 300ms;
        animation-delay: 32ms;
        animation-timing-function: cubic-bezier(0.15, 1.15, 0.6, 1)
    }

    .bJrNkN::before {
        width: 100%;
        transition: height cubic-bezier(0.15, 1.15, 0.6, 1);
        will-change: height
    }
}

.iDqZJR {
    z-index: 3;
    position: absolute;
    top: 0px;
    left: 50%;
    height: 64px;
    transform: translateX(-50%);
    backface-visibility: hidden;
    width: var(--width);
    transition: width 0.2s;
    pointer-events: auto
}

.jUrJtg {
    position: relative;
    overflow: hidden;
    height: var(--height);
    transition: height 0.2s
}

@media only screen and (max-width:560px) {
    .jUrJtg {
        transition: height cubic-bezier(0.15, 1.15, 0.6, 1)
    }
}

.dJpxXv {
    z-index: 2;
    position: relative;
    top: 0px;
    left: 50%;
    margin-left: calc(var(--width)/-2);
    width: var(--width);
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    transform-origin: center center;
    animation: 200ms ease 0s 1 normal both running none
}

.dJpxXv.active {
    animation-name: dwEkmm
}

@media only screen and (max-width:560px) {
    .dJpxXv {
        animation: 0ms cubic-bezier(0.15, 1.15, 0.6, 1) 0s 1 normal both running none
    }

    .dJpxXv.active {
        animation-name: kyfoBh
    }
}

.jRkBEe {
    margin: 0px auto;
    width: fit-content;
    padding: 29px 24px 24px;
    backface-visibility: hidden
}

.eaUSXJ {
    z-index: 2147483646;
    position: fixed;
    inset: 0px
}

.bBsndr {
    z-index: 3;
    cursor: pointer;
    position: absolute;
    top: 22px;
    right: 17px;
    width: 32px;
    height: 32px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 16px;
    padding: 0px;
    margin: 0px;
    color: var(--ck-body-action-color);
    background: var(--ck-body-background);
    transition: background-color 200ms, transform 100ms
}

.bBsndr svg {
    display: block
}

.bBsndr:hover {
    background: var(--ck-body-background-secondary)
}

.bBsndr:active {
    transform: scale(0.9)
}

.kTlFiz {
    z-index: 3;
    position: absolute;
    inset: 0px;
    width: 100%;
    transform: translateX(-1px);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 16px;
    padding: 0px;
    margin: 0px;
    color: var(--ck-body-action-color);
    background: var(--ck-body-background);
    transition: background-color 200ms, transform 100ms
}

.kTlFiz svg {
    display: block;
    position: relative
}

.kTlFiz:enabled {
    cursor: pointer
}

.kTlFiz:enabled:hover {
    background: var(--ck-body-background-secondary)
}

.kTlFiz:enabled:active {
    transform: scale(0.9)
}

.cMtGuS {
    --ease: cubic-bezier(0.25, 0.1, 0.25, 1);
    --duration: 200ms;
    --transition: height var(--duration) var(--ease), width var(--duration) var(--ease);
    z-index: 3;
    display: block;
    pointer-events: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate3d(-50%, -50%, 0px);
    backface-visibility: hidden
}

@media only screen and (max-width:560px) {
    .cMtGuS {
        pointer-events: auto;
        left: 0px;
        top: auto;
        bottom: -5px;
        transform: none
    }

    .cMtGuS .sc-kpDqfm {
        max-width: 448px;
        margin: 0px auto
    }

    .cMtGuS .sc-kpDqfm::before {
        width: 100%;
        border-radius: var(--ck-border-radius, 30px) var(--ck-border-radius, 30px)0 0
    }

    .cMtGuS .sc-cwHptR {
        left: 0px;
        right: 0px;
        margin: 0px auto;
        width: auto
    }

    .cMtGuS .sc-eqUAAy {
        margin: 0px auto;
        width: 100% !important
    }

    .cMtGuS .sc-dcJsrY {
        top: 29px
    }

    .cMtGuS .sc-jEACwC {
        width: 100%;
        padding: 31px 24px
    }

    .cMtGuS .sc-dAlyuH {
        width: 100%;
        top: 4px;
        border-bottom: 0px
    }

    .cMtGuS .sc-dLMFU {
        right: 22px
    }

    .cMtGuS .sc-fPXMVe {
        top: -1px;
        left: -3px
    }

    .cMtGuS .sc-fPXMVe svg {
        width: 65%;
        height: auto
    }

    .cMtGuS .sc-dLMFU,
    .cMtGuS .sc-fPXMVe {
        transform: scale(1.4) !important;
        background: transparent !important
    }

    .cMtGuS .sc-dLMFU svg,
    .cMtGuS .sc-fPXMVe svg {
        transform: scale(0.8) !important
    }
}

.gfGUZM {
    text-align: center;
    margin-top: 16px;
    margin-bottom: -6px
}

.kYCQAJ {
    appearance: none;
    user-select: none;
    cursor: pointer;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 10px;
    height: 42px;
    padding: 0px 16px;
    border-radius: 6px;
    background: none;
    color: var(--ck-body-color-muted);
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    transition: color 200ms, transform 100ms
}

.kYCQAJ svg {
    transition: 100ms ease-out;
    display: block;
    position: relative;
    top: 2px;
    left: 2px;
    transform: translateZ(0px)
}

.kYCQAJ svg path,
.kYCQAJ svg circle {
    transition: 100ms ease-out
}

.kYCQAJ svg path:last-of-type {
    transform-origin: 0px 0px;
    transform: scaleX(1.3) skewY(-12deg);
    opacity: 0
}

.kYCQAJ svg circle {
    transform: translate(20%, -15%)
}

.kYCQAJ:hover {
    color: var(--ck-body-color-muted-hover)
}

.kYCQAJ:hover svg path,
.kYCQAJ:hover svg circle {
    opacity: 1;
    transform: none
}

.kYCQAJ:active {
    transform: scale(0.96)
}

.cUEhtP {
    text-decoration: none
}

.bvqaNJ {
    transition: opacity 300ms;
    min-width: fit-content;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.bvqaNJ .sc-hIUJlX {
    cursor: pointer;
    user-select: none;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px 20px;
    width: 100%;
    height: 64px;
    font-size: 17px;
    font-weight: var(--ck-primary-button-font-weight, 500);
    line-height: 20px;
    text-align: var(--ck-body-button-text-align, left);
    transition: background 180ms, color, box-shadow, transform, opacity;
    will-change: transform, box-shadow, background-color, color, opacity;
    --fallback-color: var(--ck-primary-button-color);
    --fallback-background: var(--ck-primary-button-background);
    --fallback-box-shadow: var(--ck-primary-button-box-shadow);
    --fallback-border-radius: var(--ck-primary-button-border-radius);
    --color: var(--ck-primary-button-color, var(--fallback-color));
    --background: var(--ck-primary-button-background, var(--fallback-background));
    --box-shadow: var(--ck-primary-button-box-shadow, var(--fallback-box-shadow));
    --border-radius: var(--ck-primary-button-border-radius, var(--fallback-border-radius));
    --hover-color: var(--ck-primary-button-hover-color, var(--color));
    --hover-background: var(--ck-primary-button-hover-background, var(--background));
    --hover-box-shadow: var(--ck-primary-button-hover-box-shadow, var(--box-shadow));
    --hover-border-radius: var(--ck-primary-button-hover-border-radius, var(--border-radius));
    --active-color: var(--ck-primary-button-active-color, var(--hover-color));
    --active-background: var(--ck-primary-button-active-background, var(--hover-background));
    --active-box-shadow: var(--ck-primary-button-active-box-shadow, var(--hover-box-shadow));
    --active-border-radius: var(--ck-primary-button-active-border-radius, var(--hover-border-radius));
    color: var(--color);
    background: var(--background);
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius);
    --bg: var(--background)
}

.bvqaNJ .sc-hIUJlX:disabled {
    transition: 180ms;
    opacity: 0.4
}

.bvqaNJ .sc-hIUJlX:not(:disabled):hover {
    color: var(--hover-color);
    background: var(--hover-background);
    box-shadow: var(--hover-box-shadow);
    border-radius: var(--hover-border-radius);
    --bg: var(--hover-background, var(--background))
}

.bvqaNJ .sc-hIUJlX:not(:disabled):focus-visible {
    transition-duration: 100ms;
    color: var(--hover-color);
    background: var(--hover-background);
    box-shadow: var(--hover-box-shadow);
    border-radius: var(--hover-border-radius);
    --bg: var(--hover-background, var(--background))
}

.bvqaNJ .sc-hIUJlX:not(:disabled):active {
    color: var(--active-color);
    background: var(--active-background);
    box-shadow: var(--active-box-shadow);
    border-radius: var(--active-border-radius);
    --bg: var(--active-background, var(--background))
}

.bvqaNJ .sc-hIUJlX .sc-jnOGJG {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 9px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 2px 38px 2px 0px
}

.bvqaNJ .sc-hIUJlX .sc-dZoequ {
    position: absolute;
    right: 20px;
    width: 32px;
    height: 32px;
    overflow: hidden
}

.bvqaNJ .sc-hIUJlX .sc-dZoequ svg,
.bvqaNJ .sc-hIUJlX .sc-dZoequ img {
    display: block;
    position: relative;
    pointer-events: none;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.bvqaNJ .sc-hIUJlX .sc-dZoequ[data-shape="squircle"] {
    border-radius: 22.5%
}

.bvqaNJ .sc-hIUJlX .sc-dZoequ[data-shape="square"] {
    border-radius: 0px
}

.ijNYez {
    position: relative
}

.hKrppF {
    z-index: 9;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0.75rem;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    transition: opacity 300ms
}

.hKrppF span {
    cursor: pointer;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 0.25rem;
    padding: 0.3075rem 0.9375rem 0.375rem;
    border-radius: 6rem;
    background: var(--ck-tooltip-background);
    color: var(--ck-tooltip-color);
    font-weight: 500;
    font-size: 0.8125rem;
    letter-spacing: -0.01rem;
    box-shadow: var(--ck-tooltip-shadow);
    animation: 300ms ease 1000ms 1 normal both running iQvLgh;
    transition: transform 100ms
}

.hKrppF span:hover {
    transform: scale(1.02)
}

.hKrppF span:active {
    transform: scale(0.98)
}

.hKrppF span svg {
    display: block;
    transform: translateX(-0.1875rem)
}

.hKrppF.hide {
    opacity: 0;
    pointer-events: none
}

.benIRu {
    --bg: var(--ck-body-background);
    --fade-height: 1px;
    position: relative;
    z-index: 1;
    max-height: 310px;
    overflow-y: scroll;
    padding: 0px 10px;
    margin: calc(var(--fade-height)*-1) -16px 0-10px
}

.benIRu::before,
.benIRu::after {
    pointer-events: none;
    z-index: 10;
    content: "";
    display: block;
    position: sticky;
    left: 0px;
    right: 0px;
    height: var(--fade-height);
    background: var(--ck-body-divider-secondary, var(--ck-body-divider));
    box-shadow: var(--ck-body-divider-box-shadow);
    transition: opacity 300ms
}

.benIRu::before {
    top: 0px
}

.benIRu::after {
    bottom: 0px
}

.benIRu.scroll-start::before {
    opacity: 0
}

.benIRu.scroll-end::after {
    opacity: 0
}

.benIRu::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.benIRu::-webkit-scrollbar-track {
    background: transparent
}

.benIRu::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0);
    border-radius: 100px
}

.benIRu:hover::-webkit-scrollbar-thumb {
    background: var(--ck-body-color-muted)
}

.benIRu::-webkit-scrollbar-thumb:hover {
    background: var(--ck-body-color-muted-hover)
}

@-webkit-keyframes kyfoBh {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes kyfoBh {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes gcvaBM {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    100% {
        opacity: 0;
        transform: scale(0.97)
    }
}

@keyframes gcvaBM {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    100% {
        opacity: 0;
        transform: scale(0.97)
    }
}

@-webkit-keyframes jtPyxw {
    0% {
        opacity: 0;
        transform: scale(0.97)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes jtPyxw {
    0% {
        opacity: 0;
        transform: scale(0.97)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes gYgSRh {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes gYgSRh {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes dUzAuZ {
    0% {
        transform: translate3d(0px, 100%, 0px)
    }

    100% {
        transform: translate3d(0px, 0%, 0px)
    }
}

@keyframes dUzAuZ {
    0% {
        transform: translate3d(0px, 100%, 0px)
    }

    100% {
        transform: translate3d(0px, 0%, 0px)
    }
}

@-webkit-keyframes dwEkmm {
    0% {
        opacity: 0;
        transform: scale(1.1)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes dwEkmm {
    0% {
        opacity: 0;
        transform: scale(1.1)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes klHVvn {
    0% {
        opacity: 0;
        transform: scale(0.85)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes klHVvn {
    0% {
        opacity: 0;
        transform: scale(0.85)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes ebeUMj {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    100% {
        opacity: 0;
        transform: scale(0.85)
    }
}

@keyframes ebeUMj {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    100% {
        opacity: 0;
        transform: scale(0.85)
    }
}

@-webkit-keyframes gBjDwu {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    100% {
        opacity: 0;
        transform: scale(1.1)
    }
}

@keyframes gBjDwu {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    100% {
        opacity: 0;
        transform: scale(1.1)
    }
}

@-webkit-keyframes ljotTV {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes ljotTV {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes iQvLgh {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes iQvLgh {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}