@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Mulish"), url(/assets/09298da41e388b7c.woff2) format("woff2")
}

@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Mulish"), url(/assets/cfeee97166b8ac7e.woff2) format("woff2")
}

@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Mulish"), url(/assets/1b094fc851003f01.woff2) format("woff2")
}

@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Mulish"), url(/assets/3a082ed61db04a45.woff2) format("woff2")
}

@font-face {
    font-family: Mulish;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local("Mulish"), url(/assets/ffd4cd41784bbc73.woff2) format("woff2")
}

@layer properties {
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

        *,
        :before,
        :after,
        ::backdrop {
            --tw-border-spacing-x: 0;
            --tw-border-spacing-y: 0;
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-border-style: solid;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000
        }
    }
}

@layer theme {

    :root,
    :host {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-red-500: oklch(63.7% .237 25.331);
        --color-neutral-100: oklch(97% 0 0);
        --color-neutral-200: oklch(92.2% 0 0);
        --color-neutral-500: oklch(55.6% 0 0);
        --color-white: #fff;
        --spacing: .25rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1 / .75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25 / .875);
        --text-base: 1rem;
        --text-base--line-height: 1.5;
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75 / 1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75 / 1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2 / 1.5);
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-normal: 1.5;
        --radius-xl: .75rem;
        --ease-in: cubic-bezier(.4, 0, 1, 1);
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --animate-spin: spin 1s linear infinite;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --color-tpl-primary: rgb(var(--primary-color, 37, 99, 235));
        --color-tpl-primary-foreground: #fff;
        --color-tpl-muted: rgb(var(--muted-color, 115, 115, 115));
        --color-tpl-secondary: rgb(var(--secondary-color, 23, 23, 23));
        --font-mulish: Mulish, Arial, sans-serif;
        --animate-regular-shimmer-slow: regular-shimmer 3.5s linear infinite
    }
}

@layer base {

    *,
    :after,
    :before,
    ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    html,
    :host {
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent
    }

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

    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;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }

    b,
    strong {
        font-weight: bolder
    }

    code,
    kbd,
    samp,
    pre {
        font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-variation-settings: var(--default-mono-font-variation-settings, normal);
        font-size: 1em
    }

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

    ol,
    ul,
    menu {
        list-style: none
    }

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

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

    button,
    input,
    select,
    optgroup,
    textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder
    }

    :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px
    }

    ::file-selector-button {
        margin-inline-end: 4px
    }

    ::placeholder {
        opacity: 1
    }

    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color: currentColor
        }

        @supports (color:color-mix(in lab, red, red)) {
            ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }

    textarea {
        resize: vertical
    }

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

    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }

    ::-webkit-datetime-edit {
        display: inline-flex
    }

    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }

    ::-webkit-datetime-edit {
        padding-block: 0
    }

    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-day-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-hour-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }

    ::-webkit-calendar-picker-indicator {
        line-height: 1
    }

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

    button,
    input:where([type=button], [type=reset], [type=submit]) {
        appearance: button
    }

    ::file-selector-button {
        appearance: button
    }

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

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

    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }

    @media(prefers-reduced-motion:no-preference) {
        html {
            scroll-behavior: smooth
        }
    }

    :root {
        --tpl-muted: rgb(var(--muted-color, 115, 115, 115));
        --tpl-secondary: rgb(var(--secondary-color, 23, 23, 23));
        --tpl-surface-bg: #fff;
        --tpl-header-bg: #f9fbff;
        --tpl-dropdown-bg: #fff;
        --cv2-tx-bg: #ffffffb8;
        --cv2-tx-row-alt: rgba(var(--secondary-color, 23, 23, 23), .03);
        --cv2-tx-muted: rgb(var(--muted-color, 115, 115, 115));
        --cv2-tx-th-color: rgb(var(--secondary-color, 23, 23, 23))
    }

    .dark {
        --tpl-surface-bg: #ffffff0d;
        --tpl-header-bg: #ffffff0d;
        --tpl-dropdown-bg: white
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark {
            --tpl-dropdown-bg: color-mix(in srgb, white 5%, var(--background-color, #0b0e11))
        }
    }

    .dark {
        --cv2-tx-bg: #ffffff0d;
        --cv2-tx-row-alt: #ffffff03;
        --cv2-tx-muted: rgb(var(--secondary-color));
        --cv2-tx-th-color: rgb(var(--secondary-color));
        --color-tpl-primary-foreground: #171717
    }
}

@layer components {
    .tpl-page {
        background: var(--background-color, linear-gradient(180deg, #fff 0%, #ecf0f9 100%));
    }

    .dark.tpl-page,
    .dark .tpl-page {
        background: var(--background-color, #0b0e11)
    }

    .tpl-surface {
        background: var(--tpl-surface-bg)
    }

    .tpl-header {
        background: var(--tpl-header-bg)
    }

    .tpl-dropdown-menu {
        background: var(--tpl-dropdown-bg)
    }
}

@layer utilities {
    .pointer-events-none {
        pointer-events: none
    }

    .absolute {
        position: absolute
    }

    .relative {
        position: relative
    }

    .top-0 {
        top: calc(var(--spacing) * 0)
    }

    .top-full {
        top: 100%
    }

    .bottom-0 {
        bottom: calc(var(--spacing) * 0)
    }

    .left-0 {
        left: calc(var(--spacing) * 0)
    }

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

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

    .z-20 {
        z-index: 20
    }

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

    .mx-1\.5 {
        margin-inline: calc(var(--spacing) * 1.5)
    }

    .mx-auto {
        margin-inline: auto
    }

    .my-5 {
        margin-block: calc(var(--spacing) * 5)
    }

    .my-\[15px\] {
        margin-block: 15px
    }

    .mt-2\.5 {
        margin-top: calc(var(--spacing) * 2.5)
    }

    .mt-5 {
        margin-top: calc(var(--spacing) * 5)
    }

    .mt-8 {
        margin-top: calc(var(--spacing) * 8)
    }

    .mt-10 {
        margin-top: calc(var(--spacing) * 10)
    }

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

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

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

    .mb-2 {
        margin-bottom: calc(var(--spacing) * 2)
    }

    .mb-2\.5 {
        margin-bottom: calc(var(--spacing) * 2.5)
    }

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

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

    .ml-1 {
        margin-left: calc(var(--spacing) * 1)
    }

    .ml-2 {
        margin-left: calc(var(--spacing) * 2)
    }

    .ml-3 {
        margin-left: calc(var(--spacing) * 3)
    }

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

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

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

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .size-0 {
        width: calc(var(--spacing) * 0);
        height: calc(var(--spacing) * 0)
    }

    .size-5 {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5)
    }

    .size-6 {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6)
    }

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

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

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

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

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

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

    .h-10 {
        height: calc(var(--spacing) * 10)
    }

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

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

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

    .h-full {
        height: 100%
    }

    .min-h-0 {
        min-height: calc(var(--spacing) * 0)
    }

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

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

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

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

    .w-full {
        width: 100%
    }

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

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

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

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

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

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

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

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

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

    .min-w-0 {
        min-width: calc(var(--spacing) * 0)
    }

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

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

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

    .flex-1 {
        flex: 1
    }

    .shrink-0 {
        flex-shrink: 0
    }

    .border-separate {
        border-collapse: separate
    }

    .border-spacing-y-2 {
        --tw-border-spacing-y: calc(var(--spacing) * 2);
        border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
    }

    .-translate-x-1\/2 {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-y-0\.5 {
        --tw-translate-y: calc(var(--spacing) * .5);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .rotate-180 {
        rotate: 180deg
    }

    .animate-regular-shimmer-slow {
        animation: var(--animate-regular-shimmer-slow)
    }

    .animate-spin {
        animation: var(--animate-spin)
    }

    .\!cursor-default {
        cursor: default !important
    }

    .cursor-default {
        cursor: default
    }

    .cursor-pointer {
        cursor: pointer
    }

    .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .flex-col {
        flex-direction: column
    }

    .flex-row {
        flex-direction: row
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .items-center {
        align-items: center
    }

    .items-stretch {
        align-items: stretch
    }

    .justify-between {
        justify-content: space-between
    }

    .justify-center {
        justify-content: center
    }

    .justify-items-center {
        justify-items: center
    }

    .gap-2 {
        gap: calc(var(--spacing) * 2)
    }

    .gap-2\.5 {
        gap: calc(var(--spacing) * 2.5)
    }

    .gap-3 {
        gap: calc(var(--spacing) * 3)
    }

    .gap-\[30px\] {
        gap: 30px
    }

    .gap-x-3 {
        column-gap: calc(var(--spacing) * 3)
    }

    .gap-x-5 {
        column-gap: calc(var(--spacing) * 5)
    }

    .gap-x-\[30px\] {
        column-gap: 30px
    }

    .gap-y-3 {
        row-gap: calc(var(--spacing) * 3)
    }

    .gap-y-5 {
        row-gap: calc(var(--spacing) * 5)
    }

    .justify-self-center {
        justify-self: center
    }

    .truncate {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-visible {
        overflow: visible
    }

    .overflow-x-auto {
        overflow-x: auto
    }

    .rounded-\[10px\] {
        border-radius: 10px
    }

    .rounded-\[12px\] {
        border-radius: 12px
    }

    .rounded-\[15px\] {
        border-radius: 15px
    }

    .rounded-\[18px\] {
        border-radius: 18px
    }

    .rounded-\[20px\] {
        border-radius: 20px
    }

    .rounded-full {
        border-radius: 3.40282e38px
    }

    .rounded-xl {
        border-radius: var(--radius-xl)
    }

    .border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .border-0 {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px
    }

    .border-neutral-200 {
        border-color: var(--color-neutral-200)
    }

    .border-neutral-500 {
        border-color: var(--color-neutral-500)
    }

    .border-red-500\/35 {
        border-color: #fb2c3659
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-red-500\/35 {
            border-color: color-mix(in oklab, var(--color-red-500) 35%, transparent)
        }
    }

    .border-tpl-primary\/20 {
        border-color: color-mix(in srgb, rgb(var(--primary-color, 37, 99, 235)) 20%, transparent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-tpl-primary\/20 {
            border-color: color-mix(in oklab, var(--color-tpl-primary) 20%, transparent)
        }
    }

    .border-b-transparent {
        border-bottom-color: #0000
    }

    .\!bg-tpl-primary {
        background-color: var(--color-tpl-primary) !important
    }

    .\!bg-tpl-primary\/10 {
        background-color: color-mix(in srgb, rgb(var(--primary-color, 37, 99, 235)) 10%, transparent) !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        .\!bg-tpl-primary\/10 {
            background-color: color-mix(in oklab, var(--color-tpl-primary) 10%, transparent) !important
        }
    }

    .\!bg-tpl-primary\/15 {
        background-color: color-mix(in srgb, rgb(var(--primary-color, 37, 99, 235)) 15%, transparent) !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        .\!bg-tpl-primary\/15 {
            background-color: color-mix(in oklab, var(--color-tpl-primary) 15%, transparent) !important
        }
    }

    .\!bg-white {
        background-color: var(--color-white) !important
    }

    .bg-neutral-100 {
        background-color: var(--color-neutral-100)
    }

    .bg-tpl-primary\/10 {
        background-color: color-mix(in srgb, rgb(var(--primary-color, 37, 99, 235)) 10%, transparent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-tpl-primary\/10 {
            background-color: color-mix(in oklab, var(--color-tpl-primary) 10%, transparent)
        }
    }

    .bg-transparent {
        background-color: #0000
    }

    .bg-\[linear-gradient\(to_right\,rgba\(239\,68\,68\,0\.035\)_22\%\,rgba\(239\,68\,68\,0\.09\)_50\%\,rgba\(239\,68\,68\,0\.035\)_78\%\)\] {
        background-image: linear-gradient(90deg, #ef444409 22%, #ef444417, #ef444409 78%)
    }

    .bg-\[length\:520px_100\%\] {
        background-size: 520px 100%
    }

    .fill-current {
        fill: currentColor
    }

    .object-cover {
        object-fit: cover
    }

    .object-top {
        object-position: top
    }

    .p-0 {
        padding: calc(var(--spacing) * 0)
    }

    .p-3 {
        padding: calc(var(--spacing) * 3)
    }

    .p-\[30px\] {
        padding: 30px
    }

    .px-2\.5 {
        padding-inline: calc(var(--spacing) * 2.5)
    }

    .px-5 {
        padding-inline: calc(var(--spacing) * 5)
    }

    .px-\[15px\] {
        padding-inline: 15px
    }

    .px-\[18px\] {
        padding-inline: 18px
    }

    .px-\[22px\] {
        padding-inline: 22px
    }

    .px-\[25px\] {
        padding-inline: 25px
    }

    .px-\[35px\] {
        padding-inline: 35px
    }

    .py-2 {
        padding-block: calc(var(--spacing) * 2)
    }

    .py-2\.5 {
        padding-block: calc(var(--spacing) * 2.5)
    }

    .py-6 {
        padding-block: calc(var(--spacing) * 6)
    }

    .py-\[3px\] {
        padding-block: 3px
    }

    .py-\[15px\] {
        padding-block: 15px
    }

    .py-\[30px\] {
        padding-block: 30px
    }

    .pt-5 {
        padding-top: calc(var(--spacing) * 5)
    }

    .pt-\[35px\] {
        padding-top: 35px
    }

    .pr-1 {
        padding-right: calc(var(--spacing) * 1)
    }

    .pr-\[14px\] {
        padding-right: 14px
    }

    .pb-2 {
        padding-bottom: calc(var(--spacing) * 2)
    }

    .pb-\[30px\] {
        padding-bottom: 30px
    }

    .pb-\[38px\] {
        padding-bottom: 38px
    }

    .pl-\[3px\] {
        padding-left: 3px
    }

    .text-center {
        text-align: center
    }

    .text-left {
        text-align: left
    }

    .align-middle {
        vertical-align: middle
    }

    .font-mono {
        font-family: var(--font-mono)
    }

    .font-mulish {
        font-family: var(--font-mulish)
    }

    .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
    }

    .text-\[13px\] {
        font-size: 13px
    }

    .text-\[15px\] {
        font-size: 15px
    }

    .text-\[21px\] {
        font-size: 21px
    }

    .text-\[22px\] {
        font-size: 22px
    }

    .text-\[28px\] {
        font-size: 28px
    }

    .text-\[46px\] {
        font-size: 46px
    }

    .leading-\[1\.2\] {
        --tw-leading: 1.2;
        line-height: 1.2
    }

    .leading-\[1\.5\] {
        --tw-leading: 1.5;
        line-height: 1.5
    }

    .leading-none {
        --tw-leading: 1;
        line-height: 1
    }

    .leading-normal {
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal)
    }

    .leading-snug {
        --tw-leading: var(--leading-snug);
        line-height: var(--leading-snug)
    }

    .leading-tight {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight)
    }

    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .font-extrabold {
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold)
    }

    .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .text-red-500 {
        color: var(--color-red-500)
    }

    .text-tpl-muted {
        color: var(--color-tpl-muted)
    }

    .text-tpl-primary {
        color: var(--color-tpl-primary)
    }

    .text-tpl-primary-foreground {
        color: var(--color-tpl-primary-foreground)
    }

    .text-tpl-secondary {
        color: var(--color-tpl-secondary)
    }

    .uppercase {
        text-transform: uppercase
    }

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

    .\!opacity-60 {
        opacity: .6 !important
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-100 {
        opacity: 1
    }

    .\[box-shadow\:0_6px_30px_rgba\(0\,0\,0\,0\.03\)\] {
        box-shadow: 0 6px 30px #00000008
    }

    .\[box-shadow\:0_6px_30px_rgba\(0\,0\,0\,0\.08\)\] {
        box-shadow: 0 6px 30px #00000014
    }

    .transition {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[border-color\,box-shadow\] {
        transition-property: border-color, box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .duration-150 {
        --tw-duration: .15s;
        transition-duration: .15s
    }

    .duration-200 {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .ease-in {
        --tw-ease: var(--ease-in);
        transition-timing-function: var(--ease-in)
    }

    .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    .outline-none {
        --tw-outline-style: none;
        outline-style: none
    }

    .select-none {
        -webkit-user-select: none;
        user-select: none
    }

    .\[-webkit-tap-highlight-color\:transparent\] {
        -webkit-tap-highlight-color: transparent
    }

    .\[text-rendering\:optimizeLegibility\] {
        text-rendering: optimizelegibility
    }

    .group-data-\[address-copied\=true\]\:ml-2\.5:is(:where(.group)[data-address-copied=true] *) {
        margin-left: calc(var(--spacing) * 2.5)
    }

    .group-data-\[address-copied\=true\]\:size-\[14px\]:is(:where(.group)[data-address-copied=true] *) {
        width: 14px;
        height: 14px
    }

    .group-data-\[address-copied\=true\]\:min-h-\[11px\]:is(:where(.group)[data-address-copied=true] *) {
        min-height: 11px
    }

    .group-data-\[address-copied\=true\]\:min-w-\[14px\]:is(:where(.group)[data-address-copied=true] *) {
        min-width: 14px
    }

    .group-data-\[address-copied\=true\]\:opacity-100:is(:where(.group)[data-address-copied=true] *) {
        opacity: 1
    }

    .placeholder\:text-tpl-muted::placeholder {
        color: var(--color-tpl-muted)
    }

    .focus-within\:border-tpl-primary:focus-within {
        border-color: var(--color-tpl-primary)
    }

    .focus-within\:ring-2:focus-within {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-within\:ring-tpl-primary\/25:focus-within {
        --tw-ring-color: color-mix(in srgb, rgb(var(--primary-color, 37, 99, 235)) 25%, transparent)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-within\:ring-tpl-primary\/25:focus-within {
            --tw-ring-color: color-mix(in oklab, var(--color-tpl-primary) 25%, transparent)
        }
    }

    .focus-within\:ring-offset-0:focus-within {
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
    }

    @media(hover:hover) {
        .hover\:-translate-y-1:hover {
            --tw-translate-y: calc(var(--spacing) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        .hover\:bg-tpl-primary\/10:hover {
            background-color: color-mix(in srgb, rgb(var(--primary-color, 37, 99, 235)) 10%, transparent)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-tpl-primary\/10:hover {
                background-color: color-mix(in oklab, var(--color-tpl-primary) 10%, transparent)
            }
        }

        .hover\:text-tpl-primary:hover {
            color: var(--color-tpl-primary)
        }

        .hover\:\!opacity-100:hover {
            opacity: 1 !important
        }

        .hover\:opacity-75:hover {
            opacity: .75
        }

        .hover\:\[box-shadow\:0_6px_30px_rgba\(0\,0\,0\,0\.03\)\]:hover {
            box-shadow: 0 6px 30px #00000008
        }
    }

    .active\:translate-y-0:active {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .active\:\!opacity-100:active {
        opacity: 1 !important
    }

    .active\:opacity-60:active {
        opacity: .6
    }

    .active\:\[box-shadow\:0_6px_30px_rgba\(0\,0\,0\,0\.03\)\]:active {
        box-shadow: 0 6px 30px #00000008
    }

    @media(prefers-reduced-motion:reduce) {
        .motion-reduce\:animate-none {
            animation: none
        }

        .motion-reduce\:transition-none {
            transition-property: none
        }

        @media(hover:hover) {
            .motion-reduce\:hover\:translate-y-0:hover {
                --tw-translate-y: calc(var(--spacing) * 0);
                translate: var(--tw-translate-x) var(--tw-translate-y)
            }

            .motion-reduce\:hover\:\[box-shadow\:0_6px_30px_rgba\(0\,0\,0\,0\.03\)\]:hover {
                box-shadow: 0 6px 30px #00000008
            }
        }
    }

    @media not all and (min-width:1470px) {
        .max-\[1470px\]\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }

        .max-\[1470px\]\:gap-5 {
            gap: calc(var(--spacing) * 5)
        }
    }

    @media not all and (min-width:1200px) {
        .max-\[1200px\]\:mx-auto {
            margin-inline: auto
        }

        .max-\[1200px\]\:mt-10 {
            margin-top: calc(var(--spacing) * 10)
        }

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

        .max-\[1200px\]\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }

        .max-\[1200px\]\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .max-\[1200px\]\:gap-5 {
            gap: calc(var(--spacing) * 5)
        }
    }

    @media not all and (min-width:1100px) {
        .max-\[1100px\]\:mx-auto {
            margin-inline: auto
        }

        .max-\[1100px\]\:my-\[50px\] {
            margin-block: 50px
        }

        .max-\[1100px\]\:mb-\[100px\] {
            margin-bottom: 100px
        }

        .max-\[1100px\]\:hidden {
            display: none
        }

        .max-\[1100px\]\:justify-center {
            justify-content: center
        }

        .max-\[1100px\]\:text-center {
            text-align: center
        }
    }

    @media not all and (min-width:700px) {
        .max-\[700px\]\:row-start-1 {
            grid-row-start: 1
        }

        .max-\[700px\]\:row-start-2 {
            grid-row-start: 2
        }

        .max-\[700px\]\:row-start-3 {
            grid-row-start: 3
        }

        .max-\[700px\]\:mt-5 {
            margin-top: calc(var(--spacing) * 5)
        }

        .max-\[700px\]\:mb-4 {
            margin-bottom: calc(var(--spacing) * 4)
        }

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

        .max-\[700px\]\:justify-center {
            justify-content: center
        }

        .max-\[700px\]\:justify-items-stretch {
            justify-items: stretch
        }

        .max-\[700px\]\:text-center {
            text-align: center
        }
    }

    @media not all and (min-width:650px) {
        .max-\[650px\]\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height))
        }

        .max-\[650px\]\:text-\[38px\] {
            font-size: 38px
        }
    }

    @media not all and (min-width:610px) {
        .max-\[610px\]\:mt-\[15px\] {
            margin-top: 15px
        }

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

        .max-\[610px\]\:min-h-0 {
            min-height: calc(var(--spacing) * 0)
        }

        .max-\[610px\]\:w-full {
            width: 100%
        }

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

        .max-\[610px\]\:flex-col {
            flex-direction: column
        }

        .max-\[610px\]\:flex-col-reverse {
            flex-direction: column-reverse
        }

        .max-\[610px\]\:items-center {
            align-items: center
        }

        .max-\[610px\]\:px-\[50px\] {
            padding-inline: 50px
        }

        .max-\[610px\]\:py-2\.5 {
            padding-block: calc(var(--spacing) * 2.5)
        }
    }

    @media not all and (min-width:600px) {
        .max-\[600px\]\:my-6 {
            margin-block: calc(var(--spacing) * 6)
        }

        .max-\[600px\]\:mt-\[80px\] {
            margin-top: 80px
        }

        .max-\[600px\]\:ml-3 {
            margin-left: calc(var(--spacing) * 3)
        }

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

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

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

        .max-\[600px\]\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr))
        }

        .max-\[600px\]\:flex-col {
            flex-direction: column
        }

        .max-\[600px\]\:flex-wrap {
            flex-wrap: wrap
        }

        .max-\[600px\]\:gap-y-4 {
            row-gap: calc(var(--spacing) * 4)
        }

        .max-\[600px\]\:py-2 {
            padding-block: calc(var(--spacing) * 2)
        }

        .max-\[600px\]\:text-\[16px\] {
            font-size: 16px
        }

        .max-\[600px\]\:text-\[20px\] {
            font-size: 20px
        }
    }

    @media not all and (min-width:550px) {
        .max-\[550px\]\:max-w-\[90\%\] {
            max-width: 90%
        }

        .max-\[550px\]\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height))
        }

        .max-\[550px\]\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
        }

        .max-\[550px\]\:text-\[32px\] {
            font-size: 32px
        }
    }

    @media not all and (min-width:500px) {
        .max-\[500px\]\:mt-6 {
            margin-top: calc(var(--spacing) * 6)
        }

        .max-\[500px\]\:mt-\[56px\] {
            margin-top: 56px
        }

        .max-\[500px\]\:flex-col {
            flex-direction: column
        }

        .max-\[500px\]\:gap-3 {
            gap: calc(var(--spacing) * 3)
        }

        .max-\[500px\]\:p-\[25px\] {
            padding: 25px
        }

        .max-\[500px\]\:px-4 {
            padding-inline: calc(var(--spacing) * 4)
        }

        .max-\[500px\]\:py-5 {
            padding-block: calc(var(--spacing) * 5)
        }
    }

    @media not all and (min-width:480px) {
        .max-\[480px\]\:w-full {
            width: 100%
        }

        .max-\[480px\]\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height))
        }
    }

    @media not all and (min-width:400px) {
        .max-\[400px\]\:hidden {
            display: none
        }

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

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

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

        .max-\[400px\]\:justify-center {
            justify-content: center
        }

        .max-\[400px\]\:text-center {
            text-align: center
        }

        .max-\[400px\]\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height))
        }

        .max-\[400px\]\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
        }

        .max-\[400px\]\:text-\[32px\] {
            font-size: 32px
        }
    }

    @media not all and (min-width:350px) {
        .max-\[350px\]\:text-xs {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height))
        }
    }

    @media(min-width:701px) {
        .min-\[701px\]\:col-span-2 {
            grid-column: span 2/span 2
        }

        .min-\[701px\]\:col-start-1 {
            grid-column-start: 1
        }

        .min-\[701px\]\:col-start-2 {
            grid-column-start: 2
        }

        .min-\[701px\]\:row-start-2 {
            grid-row-start: 2
        }

        .min-\[701px\]\:mt-\[30px\] {
            margin-top: 30px
        }

        .min-\[701px\]\:mb-0 {
            margin-bottom: calc(var(--spacing) * 0)
        }

        .min-\[701px\]\:grid-cols-\[1fr_150px\] {
            grid-template-columns: 1fr 150px
        }

        .min-\[701px\]\:grid-rows-\[auto_1fr\] {
            grid-template-rows: auto 1fr
        }

        .min-\[701px\]\:gap-x-5 {
            column-gap: calc(var(--spacing) * 5)
        }

        .min-\[701px\]\:self-start {
            align-self: flex-start
        }

        .min-\[701px\]\:rounded-\[10px\] {
            border-radius: 10px
        }

        .min-\[701px\]\:text-left {
            text-align: left
        }
    }

    @media(min-width:901px) {
        .min-\[901px\]\:flex {
            display: flex
        }

        .min-\[901px\]\:items-center {
            align-items: center
        }

        .min-\[901px\]\:gap-\[35px\] {
            gap: 35px
        }
    }

    .dark\:block:where(.dark, .dark *) {
        display: block
    }

    .dark\:hidden:where(.dark, .dark *) {
        display: none
    }

    .dark\:border-neutral-200\/20:where(.dark, .dark *) {
        border-color: #e5e5e533
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-neutral-200\/20:where(.dark, .dark *) {
            border-color: color-mix(in oklab, var(--color-neutral-200) 20%, transparent)
        }
    }

    .dark\:bg-neutral-100\/10:where(.dark, .dark *) {
        background-color: #f5f5f51a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-neutral-100\/10:where(.dark, .dark *) {
            background-color: color-mix(in oklab, var(--color-neutral-100) 10%, transparent)
        }
    }

    .dark\:text-tpl-primary-foreground:where(.dark, .dark *) {
        color: var(--color-tpl-primary-foreground)
    }

    .dark\:\[box-shadow\:0_8px_32px_rgba\(0\,0\,0\,0\.45\)\]:where(.dark, .dark *) {
        box-shadow: 0 8px 32px #00000073
    }

    .\[\&_a\]\:cursor-pointer a {
        cursor: pointer
    }

    .\[\&_a\]\:no-underline a {
        text-decoration-line: none
    }

    .\[\&_button\]\:cursor-pointer button {
        cursor: pointer
    }

    .\[\&_button\]\:transition-opacity button {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .\[\&_button\]\:duration-200 button {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    @media(hover:hover) {
        .\[\&_button\]\:hover\:opacity-75 button:hover {
            opacity: .75
        }
    }

    .\[\&_button\]\:active\:opacity-60 button:active {
        opacity: .6
    }

    .\[\&_div\]\:text-tpl-primary div {
        color: var(--color-tpl-primary)
    }

    .\[\&_img\]\:pointer-events-none img {
        pointer-events: none
    }

    .\[\&_img\]\:select-none img {
        -webkit-user-select: none;
        user-select: none
    }

    .\[\&_p\]\:mt-\[25px\] p {
        margin-top: 25px
    }

    .\[\&_p\]\:text-\[15px\] p {
        font-size: 15px
    }

    .\[\&_p\]\:font-semibold p {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .\[\&_p\]\:transition-colors p {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .\[\&_p\]\:duration-500 p {
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .\[\&_p\]\:ease-out p {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    @media(hover:hover) {
        .hover\:\[\&_p\]\:text-tpl-primary:hover p {
            color: var(--color-tpl-primary)
        }
    }

    @media not all and (min-width:600px) {
        .max-\[600px\]\:\[\&_p\]\:mx-auto p {
            margin-inline: auto
        }

        .max-\[600px\]\:\[\&_p\]\:max-w-\[300px\] p {
            max-width: 300px
        }
    }

    .\[\&_span\]\:font-medium span {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .\[\&_span\]\:whitespace-nowrap span {
        white-space: nowrap
    }

    .\[\&_span\]\:text-tpl-primary span {
        color: var(--color-tpl-primary)
    }

    .\[\&_svg\]\:ml-\[5px\] svg {
        margin-left: 5px
    }

    .\[\&_svg\]\:shrink-0 svg {
        flex-shrink: 0
    }

    .\[\&_svg\]\:text-tpl-primary svg {
        color: var(--color-tpl-primary)
    }

    @media not all and (min-width:400px) {
        .max-\[400px\]\:\[\&_svg\]\:hidden svg {
            display: none
        }
    }
}

@keyframes regular-shimmer {
    0% {
        background-position: -250px 0
    }

    to {
        background-position: 250px 0
    }
}

@property --tw-border-spacing-x {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-border-spacing-y {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.spinner-wrapper {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    background: #fff;
    opacity: 0;
    transition: opacity .3s ease
}

.spinner-wrapper.visible {
    opacity: 1
}

.spinner-wrapper.fade-out {
    opacity: 0
}

.spinner {
    padding-top: 16px;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px;
    position: relative
}

.spinner div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    margin: 8px;
    border-width: 3px;
    border-style: solid;
    border-radius: 100%;
    animation: spinner 1.7s cubic-bezier(.5, 0, .5, 1) infinite;
    border-color: #92979b transparent transparent transparent
}

.spinner div:nth-child(1) {
    animation-delay: -.45s
}

.spinner div:nth-child(2) {
    animation-delay: -.3s
}

.spinner div:nth-child(3) {
    animation-delay: -.15s
}

@keyframes spinner {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.is-lock-scroll {
    overflow: hidden
}

.language-switcher[data-v-dedcbbb0] {
    position: relative;
    display: inline-block
}

.language-switcher__trigger[data-v-dedcbbb0] {
    display: flex;
    align-items: center;
    gap: var(--ls-trigger-gap, 6px);
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: opacity .2s ease;
    font-size: var(--ls-trigger-font-size, 14px);
    font-weight: var(--ls-trigger-font-weight, 500);
    color: var(--ls-trigger-color, inherit)
}

.language-switcher__trigger[data-v-dedcbbb0]:hover {
    opacity: var(--ls-trigger-hover-opacity, .7)
}

.language-switcher__flag[data-v-dedcbbb0] {
    width: var(--ls-flag-circle-size, var(--ls-flag-size, 24px));
    height: var(--ls-flag-circle-size, var(--ls-flag-height, var(--ls-flag-size, 24px)));
    border-radius: var(--ls-flag-border-radius, 50%);
    overflow: hidden;
    flex-shrink: 0
}

.language-switcher__flag[data-v-dedcbbb0] svg {
    width: 100%;
    height: 100%;
    display: block
}

.language-switcher__checkmark circle[data-v-dedcbbb0],
.language-switcher__item-checkmark circle[data-v-dedcbbb0] {
    fill: rgb(var(--ls-primary, 59, 130, 246))
}

.language-switcher__checkmark path[data-v-dedcbbb0],
.language-switcher__item-checkmark path[data-v-dedcbbb0] {
    stroke: rgb(var(--ls-checkmark-stroke, 255, 255, 255))
}

.language-switcher__arrow[data-v-dedcbbb0] {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s ease;
    color: rgb(var(--ls-arrow-color, 107, 114, 128))
}

.language-switcher__arrow--open[data-v-dedcbbb0] {
    transform: rotate(180deg)
}

.language-switcher__dropdown[data-v-dedcbbb0] {
    position: absolute;
    top: calc(100% + var(--ls-dropdown-offset, 8px));
    right: 0;
    background: rgb(var(--ls-dropdown-bg, 255, 255, 255));
    border: 1px solid rgb(var(--ls-dropdown-border, 229, 231, 235));
    border-radius: var(--ls-radius-dropdown, 12px);
    box-shadow: var(--ls-dropdown-shadow, 0 10px 40px rgba(0, 0, 0, .12));
    padding: var(--ls-dropdown-padding, 12px);
    min-width: var(--ls-dropdown-min-width, 320px);
    max-width: var(--ls-dropdown-max-width, 400px);
    z-index: var(--ls-dropdown-z-index, 1000)
}

.language-switcher__drag-handle[data-v-dedcbbb0],
.language-switcher__close[data-v-dedcbbb0],
.language-switcher__mobile-header[data-v-dedcbbb0],
.language-switcher__selected-section[data-v-dedcbbb0],
.language-switcher__all-section[data-v-dedcbbb0],
.language-switcher__continue[data-v-dedcbbb0] {
    display: none
}

.language-switcher__grid[data-v-dedcbbb0] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-content: start;
    gap: var(--ls-grid-gap, 8px);
    max-height: var(--ls-grid-max-height, 400px);
    overflow-y: auto
}

.language-switcher__item[data-v-dedcbbb0] {
    display: flex;
    align-items: center;
    gap: var(--ls-item-gap, 10px);
    padding: var(--ls-item-padding, 10px 12px);
    background: var(--ls-item-bg, transparent);
    border: 1px solid var(--ls-item-border, transparent);
    border-radius: var(--ls-radius-item, 8px);
    cursor: pointer;
    transition: all .2s ease;
    text-align: left;
    font-size: var(--ls-item-font-size, 14px);
    color: rgb(var(--ls-item-color, 26, 26, 26));
    position: relative
}

.language-switcher__item[data-v-dedcbbb0]:hover {
    background: rgb(var(--ls-item-hover-bg, 243, 244, 246))
}

.language-switcher__item--active[data-v-dedcbbb0] {
    background: rgb(var(--ls-item-active-bg, 239, 246, 255));
    color: rgb(var(--ls-item-active-color, 26, 26, 26));
    font-weight: 600
}

.language-switcher__item-flag[data-v-dedcbbb0] {
    width: var(--ls-flag-circle-size, var(--ls-flag-size, 24px));
    height: var(--ls-flag-circle-size, var(--ls-flag-height, var(--ls-flag-size, 24px)));
    border-radius: var(--ls-flag-border-radius, 50%);
    overflow: hidden;
    flex-shrink: 0
}

.language-switcher__item-flag[data-v-dedcbbb0] svg {
    width: 100%;
    height: 100%;
    display: block
}

.language-switcher__item-name[data-v-dedcbbb0] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: var(--ls-item-name-font-weight, 600);
    padding-top: 1px;
    flex: 1
}

.language-switcher__item-checkmark[data-v-dedcbbb0] {
    margin-left: auto;
    flex-shrink: 0
}

.dropdown-enter-active[data-v-dedcbbb0],
.dropdown-leave-active[data-v-dedcbbb0] {
    transition: all .2s ease
}

.dropdown-enter-from[data-v-dedcbbb0],
.dropdown-leave-to[data-v-dedcbbb0] {
    opacity: 0;
    transform: translateY(-8px)
}

.language-switcher__grid[data-v-dedcbbb0]::-webkit-scrollbar {
    width: var(--ls-scrollbar-width, 6px)
}

.language-switcher__grid[data-v-dedcbbb0]::-webkit-scrollbar-track {
    background: rgb(var(--ls-scrollbar-track-bg, 241, 241, 241));
    border-radius: var(--ls-scrollbar-radius, 3px)
}

.language-switcher__grid[data-v-dedcbbb0]::-webkit-scrollbar-thumb {
    background: rgb(var(--ls-scrollbar-thumb-bg, 204, 204, 204));
    border-radius: var(--ls-scrollbar-radius, 3px)
}

.language-switcher__grid[data-v-dedcbbb0]::-webkit-scrollbar-thumb:hover {
    background: rgb(var(--ls-scrollbar-thumb-hover-bg, 153, 153, 153))
}

@media(max-width:768px) {
    .language-switcher__dropdown[data-v-dedcbbb0] {
        position: fixed;
        inset: auto 0 0;
        min-width: 100%;
        max-width: 100%;
        max-height: var(--ls-mobile-dropdown-max-height, 92vh);
        border-radius: var(--ls-mobile-dropdown-radius, 20px 20px 0 0);
        border: none;
        padding: var(--ls-mobile-dropdown-padding, 0 16px 20px);
        display: flex;
        flex-direction: column;
        overflow: hidden
    }

    .language-switcher__drag-handle[data-v-dedcbbb0] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: var(--ls-drag-handle-padding, 12px 0 8px);
        cursor: grab;
        flex-shrink: 0;
        touch-action: none
    }

    .language-switcher__drag-pill[data-v-dedcbbb0] {
        width: var(--ls-drag-pill-width, 36px);
        height: var(--ls-drag-pill-height, 4px);
        background: rgb(var(--ls-drag-pill-bg, 209, 213, 219));
        border-radius: var(--ls-drag-pill-radius, 2px)
    }

    .language-switcher__close[data-v-dedcbbb0] {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: var(--ls-close-top, 12px);
        right: var(--ls-close-right, 16px);
        width: var(--ls-close-size, 32px);
        height: var(--ls-close-size, 32px);
        background: rgb(var(--ls-close-bg, 243, 244, 246));
        border: none;
        border-radius: 50%;
        cursor: pointer;
        color: rgb(var(--ls-close-color, 107, 114, 128));
        transition: background .2s;
        z-index: 1
    }

    .language-switcher__close[data-v-dedcbbb0]:hover {
        background: rgb(var(--ls-close-bg-hover, 229, 231, 235))
    }

    .language-switcher__mobile-header[data-v-dedcbbb0] {
        display: block;
        margin-bottom: var(--ls-mobile-header-margin-bottom, 20px)
    }

    .language-switcher__title[data-v-dedcbbb0] {
        font-size: var(--ls-title-font-size, 22px);
        font-weight: var(--ls-title-font-weight, 600);
        color: rgb(var(--ls-title-color, 26, 26, 26));
        margin: 8px 0 6px
    }

    .language-switcher__subtitle[data-v-dedcbbb0] {
        font-size: var(--ls-subtitle-font-size, 14px);
        font-weight: 400;
        color: rgb(var(--ls-subtitle-color, 107, 114, 128));
        margin: 0;
        line-height: 1.4
    }

    .language-switcher__selected-section[data-v-dedcbbb0] {
        display: block;
        margin-bottom: var(--ls-section-margin-bottom, 20px)
    }

    .language-switcher__section-title[data-v-dedcbbb0] {
        font-size: var(--ls-section-title-font-size, 13px);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .05em;
        color: rgb(var(--ls-section-title-color, 107, 114, 128));
        margin: 0 0 8px
    }

    .language-switcher__selected-item[data-v-dedcbbb0] {
        display: flex;
        align-items: center;
        gap: var(--ls-selected-gap, 12px);
        padding: var(--ls-selected-padding, 12px 14px);
        background: rgb(var(--ls-selected-bg, 239, 246, 255));
        border: 1px solid rgb(var(--ls-selected-border, 191, 219, 254));
        border-radius: var(--ls-radius-dropdown, 12px)
    }

    .language-switcher__selected-flag[data-v-dedcbbb0] {
        width: var(--ls-flag-circle-size-mobile, var(--ls-flag-size, 28px));
        height: var(--ls-flag-circle-size-mobile, var(--ls-flag-height, var(--ls-flag-size, 28px)));
        border-radius: var(--ls-flag-border-radius, 50%);
        overflow: hidden;
        flex-shrink: 0
    }

    .language-switcher__selected-flag[data-v-dedcbbb0] svg {
        width: 100%;
        height: 100%;
        display: block
    }

    .language-switcher__selected-name[data-v-dedcbbb0] {
        font-size: var(--ls-selected-name-font-size, 15px);
        font-weight: var(--ls-selected-name-font-weight, 500);
        color: rgb(var(--ls-selected-name-color, 26, 26, 26));
        flex: 1
    }

    .language-switcher__checkmark[data-v-dedcbbb0] {
        flex-shrink: 0
    }

    .language-switcher__all-section[data-v-dedcbbb0] {
        display: block;
        margin-bottom: var(--ls-all-section-margin-bottom, 12px)
    }

    .language-switcher__search[data-v-dedcbbb0] {
        position: relative;
        margin-top: var(--ls-search-margin-top, 8px)
    }

    .language-switcher__search-icon[data-v-dedcbbb0] {
        position: absolute;
        left: 12px;
        top: 50%;
        z-index: 1;
        transform: translateY(-50%);
        pointer-events: none;
        display: block;
        flex-shrink: 0;
        color: rgb(var(--ls-search-icon-color, 156, 163, 175))
    }

    .language-switcher__search-icon circle[data-v-dedcbbb0],
    .language-switcher__search-icon path[data-v-dedcbbb0] {
        stroke: rgb(var(--ls-search-icon-color, 156, 163, 175))
    }

    .language-switcher__search-input[data-v-dedcbbb0] {
        width: 100%;
        padding: var(--ls-search-input-padding, 10px 12px 10px 40px);
        border: 1px solid rgb(var(--ls-search-input-border, 229, 231, 235));
        border-radius: var(--ls-search-input-radius, 10px);
        font-size: var(--ls-search-input-font-size, 14px);
        color: rgb(var(--ls-search-input-color, 26, 26, 26));
        background: rgb(var(--ls-search-input-bg, 249, 250, 251));
        outline: none;
        transition: border-color .2s, background .2s;
        box-sizing: border-box
    }

    .language-switcher__search-input[data-v-dedcbbb0]:focus {
        border-color: rgb(var(--ls-search-input-focus-border, var(--ls-primary, 59, 130, 246)));
        background: rgb(var(--ls-search-input-focus-bg, var(--ls-dropdown-bg, 255, 255, 255)))
    }

    .language-switcher__search-input[data-v-dedcbbb0]::placeholder {
        color: rgb(var(--ls-search-input-placeholder, 156, 163, 175))
    }

    .language-switcher__grid[data-v-dedcbbb0] {
        grid-template-columns: 1fr;
        align-content: start;
        gap: var(--ls-mobile-grid-gap, 6px);
        flex: 1;
        min-height: 0;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        margin-bottom: var(--ls-mobile-grid-margin-bottom, 16px)
    }

    .language-switcher__item[data-v-dedcbbb0] {
        padding: var(--ls-mobile-item-padding, 12px 14px);
        background: rgb(var(--ls-mobile-item-bg, 249, 250, 251));
        border: 1px solid rgb(var(--ls-mobile-item-border, 229, 231, 235));
        border-radius: var(--ls-mobile-item-radius, 10px);
        font-size: var(--ls-mobile-item-font-size, 15px)
    }

    .language-switcher__item[data-v-dedcbbb0]:hover {
        background: rgb(var(--ls-mobile-item-hover-bg, 243, 244, 246))
    }

    .language-switcher__item--active[data-v-dedcbbb0] {
        background: rgb(var(--ls-item-active-bg, 239, 246, 255));
        color: rgb(var(--ls-item-active-color, 26, 26, 26));
        border-color: rgb(var(--ls-selected-border, 191, 219, 254))
    }

    .language-switcher__item-flag[data-v-dedcbbb0] {
        width: var(--ls-flag-circle-size-mobile, var(--ls-flag-size, 28px));
        height: var(--ls-flag-circle-size-mobile, var(--ls-flag-height, var(--ls-flag-size, 28px)));
        border-radius: var(--ls-flag-border-radius, 50%);
        overflow: hidden
    }

    .language-switcher__continue[data-v-dedcbbb0] {
        display: block;
        width: 100%;
        padding: var(--ls-continue-padding, 14px 24px);
        background: var(--ls-primary-bg-gradient, rgb(var(--ls-primary-bg, var(--ls-primary, 59, 130, 246))));
        color: rgb(var(--ls-continue-color, 255, 255, 255));
        border: none;
        border-radius: var(--ls-radius-button, 10px);
        box-shadow: var(--ls-continue-shadow, none);
        font-size: var(--ls-continue-font-size, 16px);
        font-weight: var(--ls-continue-font-weight, 600);
        cursor: pointer;
        transition: background .2s, box-shadow .2s;
        flex-shrink: 0
    }

    .language-switcher__continue[data-v-dedcbbb0]:hover {
        box-shadow: var(--ls-continue-shadow-hover, var(--ls-continue-shadow, none));
        background: var(--ls-primary-bg-gradient-hover, rgb(var(--ls-primary-bg-hover, var(--ls-primary-hover, var(--ls-primary, 59, 130, 246)))))
    }

    .language-switcher__continue[data-v-dedcbbb0]:active {
        box-shadow: var(--ls-continue-shadow-active, var(--ls-continue-shadow-hover, var(--ls-continue-shadow, none)));
        background: var(--ls-primary-bg-gradient-active, rgb(var(--ls-primary-bg-active, var(--ls-primary-active, var(--ls-primary, 59, 130, 246)))))
    }

    .dropdown-enter-active[data-v-dedcbbb0],
    .dropdown-leave-active[data-v-dedcbbb0] {
        transition: transform .3s ease, opacity .3s ease
    }

    .dropdown-enter-from[data-v-dedcbbb0],
    .dropdown-leave-to[data-v-dedcbbb0] {
        opacity: 1;
        transform: translateY(100%)
    }
}

.cv2-tx-root[data-v-244755c8] {
    width: 100%
}

.cv2-tx-scroll[data-v-244755c8] {
    overflow-x: auto;
    border-radius: var(--cv2-tx-radius-wrap, 15px);
    box-shadow: var(--cv2-tx-wrap-shadow, 0 6px 30px rgba(0, 0, 0, .03))
}

.cv2-tx-table[data-v-244755c8] {
    width: 100%;
    max-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border-radius: var(--cv2-tx-radius-table, 15px);
    text-align: left;
    font-size: var(--cv2-tx-font-size, 1rem);
    color: var(--cv2-tx-muted, var(--tpl-muted, #64748b));
    background: var(--cv2-tx-bg, var(--transactions-background, rgba(255, 255, 255, .72)));
    backdrop-filter: var(--cv2-tx-backdrop, blur(24px))
}

.cv2-tx-th[data-v-244755c8] {
    padding: var(--cv2-tx-th-pad-y, 1.25rem) var(--cv2-tx-th-pad-x, 1.25rem);
    font-weight: 600;
    color: var(--cv2-tx-th-color, var(--tpl-secondary, #334155));
    white-space: nowrap
}

.cv2-tx-th--first[data-v-244755c8] {
    padding-left: var(--cv2-tx-th-pad-first, 2.25rem);
    border-top-left-radius: var(--cv2-tx-radius-table, 15px)
}

.cv2-tx-th--last[data-v-244755c8] {
    padding-right: var(--cv2-tx-th-pad-last, 2.25rem);
    border-top-right-radius: var(--cv2-tx-radius-table, 15px)
}

.cv2-tx-tr--alt[data-v-244755c8] {
    background: var(--cv2-tx-row-alt, var(--transactions-row, transparent))
}

.cv2-tx-td[data-v-244755c8] {
    padding: var(--cv2-tx-td-pad-y, 1.25rem) var(--cv2-tx-td-pad-x, 1.25rem);
    font-weight: 500;
    white-space: nowrap;
    vertical-align: middle
}

.cv2-tx-td--first[data-v-244755c8] {
    padding-left: var(--cv2-tx-td-pad-first, 2.25rem)
}

.cv2-tx-td--last[data-v-244755c8] {
    padding-right: var(--cv2-tx-td-pad-last, 2.25rem)
}

.cv2-tx-td--status[data-v-244755c8] {
    width: 1%
}

.cv2-tx-coin[data-v-244755c8] {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    max-width: 220px;
    height: 30px
}

@media(max-width:800px) {
    .cv2-tx-coin[data-v-244755c8] {
        max-width: 180px
    }
}

.cv2-tx-coin__img[data-v-244755c8] {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    border-radius: 50%;
    object-fit: cover
}

.cv2-tx-coin__name[data-v-244755c8] {
    margin: 0;
    min-width: 0;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600
}

.cv2-tx-ellipsis[data-v-244755c8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cv2-tx-ellipsis--hash[data-v-244755c8] {
    min-width: 120px;
    max-width: 200px;
    height: 24px
}

.cv2-tx-ellipsis--wallet[data-v-244755c8] {
    min-width: 185px;
    max-width: 280px;
    height: 24px
}

.cv2-tx-ellipsis--amount[data-v-244755c8],
.cv2-tx-ellipsis--time[data-v-244755c8] {
    min-width: 150px;
    max-width: 150px;
    height: 24px
}

.cv2-tx-status-wrap[data-v-244755c8] {
    min-width: 100px;
    max-width: 100px;
    height: 31px
}

.cv2-tx-badge[data-v-244755c8] {
    display: inline-flex;
    align-items: center;
    height: 100%;
    padding: 5px 15px;
    border-radius: 7px;
    font-size: .875rem;
    font-weight: 600
}

.cv2-tx-badge--done[data-v-244755c8] {
    color: #19b000;
    background: #19b00026
}

.cv2-tx-badge--pending[data-v-244755c8] {
    color: #d97706;
    background: #d9770626
}

.cv2-tx-shimmer[data-v-244755c8] {
    border-radius: 4px;
    background: linear-gradient(to right, rgba(var(--primary-color, 37, 99, 235), .03) 20%, rgba(var(--primary-color, 37, 99, 235), .1), rgba(var(--primary-color, 37, 99, 235), .03) 80%);
    background-size: 500px 100px;
    animation: cv2-tx-shimmer-move-244755c8 1s linear infinite
}

.cv2-tx-shimmer--coin[data-v-244755c8] {
    height: 30px;
    min-width: 150px;
    max-width: 150px
}

.cv2-tx-shimmer--hash[data-v-244755c8] {
    height: 24px;
    min-width: 120px;
    max-width: 200px
}

.cv2-tx-shimmer--wallet[data-v-244755c8] {
    height: 24px;
    min-width: 185px;
    max-width: 280px
}

.cv2-tx-shimmer--amount[data-v-244755c8],
.cv2-tx-shimmer--value[data-v-244755c8],
.cv2-tx-shimmer--receive[data-v-244755c8],
.cv2-tx-shimmer--time[data-v-244755c8] {
    height: 24px;
    min-width: 150px;
    max-width: 150px
}

.cv2-tx-shimmer--status[data-v-244755c8] {
    height: 31px;
    min-width: 100px;
    max-width: 100px
}

@keyframes cv2-tx-shimmer-move-244755c8 {
    0% {
        background-position: -250px 0
    }

    to {
        background-position: 250px 0
    }
}